*,*:before,*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-family: 'Hanken Grotesk', sans-serif;font-weight: inherit;font-style: inherit;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0; }
:focus { outline: 0; }
input:focus { outline: none; }
ol, ul { list-style: none; }
:root { --primary: #4761FF; --secondary: #555555; --light: #F1F3FA; --dark: #1C2035; }
.back-to-top { position: fixed; display: none; right: 30px; bottom: 30px; z-index: 99; }
.fw-medium { font-weight: 500; }
/*** Spinner ***/
#spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999; }
#spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; }
/*** Button ***/
.btn { transition: .5s; font-weight: 500; }
/*** Navbar ***/
.sticky-top { top: -100px; transition: .5s; }
.navbar .navbar-nav .nav-link { margin-right: 35px; padding: 25px 0; color: var(--dark); font-size: 18px; font-weight: 500; outline: none; }
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active { color: var(--primary); }
.navbar .dropdown-toggle::after { border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 8px; }
@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link { margin-right: 0; padding: 10px 0; }
    .navbar .navbar-nav { margin-top: 15px; border-top: 1px solid #EEEEEE; }
}
@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu { display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s; }
    .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .5s; opacity: 1; }
}
/*** Header ***/
.carousel-caption { top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; background: rgba(0, 0, 0, .1); z-index: 1; }
@media (max-width: 768px) {
    #header-carousel .carousel-item { position: relative; min-height: 450px; }
}
.page-header { background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/carousel-1.jpg) center center no-repeat; background-size: cover; }
.breadcrumb-item+.breadcrumb-item::before { content: ">"; font-size: 1rem !important; }
.breadcrumb-item, .breadcrumb-item a { font-family: 'Poppins'; color: #3A3A3A; font-size: 0.9rem; font-weight: 500; }
/*** Features ***/
.feature-row { box-shadow: 0 0 45px rgba(0, 0, 0, .08);}
.feature-item { border-color: rgba(0, 0, 0, .03) !important; }

/*** Footer ***/
.footer { color: #B0B9AE; }
.footer .btn.btn-link { display: block; margin-bottom: 5px; padding: 0; text-align: left; color: #B0B9AE; font-weight: normal; text-transform: capitalize; transition: .3s; }
.footer .btn.btn-link::before { position: relative; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; }
.footer .btn.btn-link:hover { color: var(--light); letter-spacing: 1px; box-shadow: none; }
.copyright { color: #B0B9AE; background: #111111; }
.copyright a:hover { color: var(--primary) !important; }
/********** Custom CSS **********/
.header_sup { color: #4E4E4E; font-size: 0.875rem; background-color: #F5F5F5 !important; }
.header_sup img{ vertical-align: text-top; }
.header_sup a{ color: #4E4E4E; }
.header_container form { max-width: 50%; background-color: #F3F9FB !important; border-radius: 25px; }
.container-carousel {max-height: 350px;}
.input-group-text { background-color: transparent; border: none; }
#navbarCollapse .navbar-nav { display: flex; justify-content: space-around; align-items: center; width: 100%; }
#navbarCollapse .navbar-nav a { color: #2F3074; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.4rem; text-decoration: none; }
#navbarCollapse .navbar-nav a:hover { color: #b70c0c; }
.navbar-menu { display: none; color: #2F3074; padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 8px; transition: box-shadow 0.15s ease-in-out }
.navbar-toggler-icon { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(0,0,0,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") }
#header-carousel .carousel-item { border-radius: 27px; height: 452px; background-size:100% 100%; background-position: center center; background-color: #FFF;  background-repeat: no-repeat; min-height: 452px; width: 100%; border: none; }
#header-carousel .carousel-control-prev, #header-carousel .carousel-control-next { width: 86px; height: 86px; border-radius: 50px; background-color: #F3F9FB; border: 1px solid #F3F9FB; opacity: 1; top: 35%; }
#header-carousel .carousel-control-prev img, #header-carousel .carousel-control-next img { width: 24px; height: 24px; }
#header-carousel .carousel-control-prev { left: -45px; }
#header-carousel .carousel-control-next { right: -45px; }
#header-carousel .carousel-indicators [data-bs-target]{ background-color: #F3F9FB !important; border: 1px solid #F3F9FB !important; border-radius: 100% ; width: 8px  !important; height: 8px !important;}
#header-carousel .carousel-indicators .active{ width: 24px !important; border-radius: 8px !important; }
#header-carousel .carousel-indicators{ bottom: 35px; }
#project-carousel { position: relative; /*top: -20px;*/ top:0px; border-radius: 27px; z-index: 9; max-height: 150px; overflow: hidden; box-shadow: 0px 4px 4px  rgba(0,0,0,0.25); border: none; }
#project-carousel .project-carousel { background-color: #ffffff !important; border-radius: 27px; }
#project-carousel .position-relative { text-align: center !important; display: block; color: #555; font-size: 0.875em; text-decoration: none; }
#service { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 0.75rem; border-bottom: 1px solid #D9D9D9;margin-top: 270px;  }
#service_preco, #service_personalizacao, #service_seguranca { border-left: 1px solid #D9D9D9; }
#destaques .card .card-img-overlay { font-size: 1.5rem; font-family: 'Poppins', sans-serif; display: flex; align-items: flex-end; flex-direction: row; justify-content: space-between; color: #fff; }
.list-group-item { background-color: transparent; border: none; }
.footer .list-group-item { border: none; vertical-align: text-top; }
.dropbtn{  background: transparent;  color: #2F3074; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1rem; border: none; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; width: 80vw; left: -67px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius: 27px; }
.dropdown .dropdown-content .dropdown-content-principal button.link{ background-color:#F9F9F9; background-repeat: no-repeat; background-position: center 5px; background-size: 70px 70px !important; display: flex; justify-content: flex-end; flex-direction: column; border:none; text-align: center; width: 100px; margin: 0.5rem; height: 130px !important; overflow: hidden; padding:0px; padding-top:70px; align-items: center; }
.dropdown .dropdown-content .dropdown-content-principal button.link a{ font-size: 0.713rem !important; margin: 0.5rem; height: 130px !important; overflow: hidden; }
.dropdown .dropdown-content .dropdown-content-aux .container_group{ font-family: 'Poppins';font-size: 1.375rem; display:none }
.dropdown .dropdown-content .dropdown-content-aux .container_group div{ color:#2F3074 }
.dropdown .dropdown-content .dropdown-content-aux .container_link { display: flex;}
.dropdown .dropdown-content .dropdown-content-aux .container_link a{ color:#2F3074; text-align:left; width: 33% !important; display: block; }
.dropdown:hover .dropdown-content { display: block; background-color: #F9F9F9; }
.dropdown:hover .dropdown-content .dropdown-content-principal{ flex-wrap: wrap; align-items: center; justify-content: center;} 
.dropdown:hover .dropdown-content .dropdown-content-principal a img{ max-width: 100% ;height: auto; }
.products h3,.products h1{ font-size: 1.2rem; color: #2F3074; font-weight: bold;margin-bottom: 0.5rem; padding-bottom: 5px; border-bottom: 1px solid #D9D9D9; }
.products .context{  display: flex;  flex-wrap: wrap;  }
.products .context .context-item{ width: 16%; border-radius: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: center; border:1px solid #fff; border-bottom: 0px; margin-left: 0.2rem; margin-right: 0.2rem; margin-bottom: 0.5rem; padding-top: 1rem; overflow: hidden }
.products .context .context-item a.product{ height: 180px; background-color: #FFF; background-position: center center; background-repeat: no-repeat; background-size: contain; ; }
.products .context .context-item .text{ font-size:0.896rem;font-weight: bold; width: 100%; background-color: hsl(0, 0%, 95%);  padding: 1rem; border-bottom:1px solid #fff;  border-radius: 15px;  }
.products .context .context-item .text small{ font-size: 0.625rem;font-weight: 500; width: 100%; text-align: left; clear: both; }

.products .context .context-item .text small a{ text-decoration: none; font-size: 0.625rem; font-weight: 500; color: #212529; }


.products .context .context-item .text hr{ margin: 0px; }
.products .context .context-item .text a{ font-size: 1rem; color:#2F3074; font-weight: 100; padding: 0.5rem; display: block; }

.title_list_produt{ height: 90px; }
.title_list_produt a{ color: #212529 !important; font-family: 'Hanken Grotesk', sans-serif  !important; font-size:0.896rem  !important ;font-weight: bold  !important; text-decoration: none !important;  }

@media (max-width: 2560px) {
    /* #project-carousel { top: -40px } */
    #project-carousel { top: 10px }
    #header-carousel .carousel-indicators{ bottom: 35px; }
}
@media (max-width: 1440px) {
    /* #project-carousel { top: -40px } */
    #project-carousel { top: 10px }
    #header-carousel .carousel-indicators{ bottom: 35px; }
    .dropdown-content { width: 85vw; left: 0; }
}
@media (max-width: 1025px) {
    /* #project-carousel { top: -20px } */
    #project-carousel { top: 10px }
    #header-carousel .carousel-indicators{ bottom: 25px; }
    .header_sup a{ font-size: 90% !important;}
    #service { margin-top: 0px; }
    #header-carousel .carousel-item{ height: 162px; min-height: 162px; }
}
@media (max-width: 768px) {
    .products .context { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); }
    #project-carousel{ height: 120px; }
    #project-carousel .project-carousel{ height: 100px; }
    #project-carousel .position-relative{font-size: 0.86rem !important; }
    .owl-carousel .owl-item{ width: 50px !important; }
    .owl-carousel .owl-item img{ width: 47px !important; height: 47px;}
    .navbar-toggler-icon { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") }
    #project-carousel { top: 10px }
    #header-carousel .carousel-indicators{ bottom: 5px; }
    #service_personalizacao { border: none; }
    #service { margin-top: 0px; }
    #service div.d-flex { flex-wrap: wrap; justify-content: center; }
    #service_preco, #service_seguranca { justify-content: flex-start !important; }
    #service div.d-flex div.d-flex { width: 50% !important; padding: 0px; margin-bottom: 16px; }
    .navbar-menu { display: block }
    #header-carousel .carousel-control-prev, #header-carousel .carousel-control-next { top: 30%; height:53px; width: 53px; }
    #header-carousel .carousel-control-prev{ left: -25px; }
    #header-carousel .carousel-control-next { right: -25px; }
    #destaques .card-img-overlay{ font-size: 0.816rem !important;}
    .breadcrumb-item+.breadcrumb-item::before { padding-left: 0.25rem; }
    .breadcrumb-item+.breadcrumb-item{  padding-left: 0.15rem; }
}
@media (max-width: 576px) {
    .products .context .context-item{ width: 50%;}
    
    /*.products .context .context-item a.product{ width:170px ;}*/
    #service div.d-flex div.d-flex { width: 45% !important; border: none; }
    #service_preco, #service_seguranca { justify-content: center; }
    #service_entrega span, #service_personalizacao span, #service_preco span, #service_seguranca span { text-align: center; }
    #service_preco, #service_seguranca { justify-content: center !important; }
}

.offcanvas{ top: 87px; width: 100%; background-color: #FFF; overflow-y: scroll; height: 100vh; }
.offcanvas .offcanvas-header { padding: .5rem 1rem; }
.offcanvas .offcanvas-header .btn-close{ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23828282'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.7em auto no-repeat ; border: none; } 

.offcanvas .offcanvas-body{ overflow-y: auto;}
.offcanvas .offcanvas-body li a{ font-size:0.926rem;color:#828282;  text-decoration: none;  display: block; }
.offcanvas .offcanvas-body li.sub{ padding-left: 32px !important; }
.offcanvas .offcanvas-body li.ren{  padding-left: 64px !important; }
.offcanvas .offcanvas-body ul li.active a { font-weight: bolder; color: #2F3074;}
.modal-backdrop{ top: 87px;}
.offcanvas .offcanvas-body .form-control:focus{ box-shadow:none; }
input[name='q']:focus{ box-shadow:none; }