body{
   font-family: 'Raleway', sans-serif;
   color: #231f20;
}
.text-site-blue{
   color: #0b72ba;
}
.text-site-black{
   color: #231f20;
}
.bg-site-black{
   background-color: #231f20;
}
.bg-site-blue{
   background-color: #0b72ba;
}
.bg-site-blue-opacity{
   background-color: rgba(0,100,170,0.65);
}
.btn-site {
   color: #fff;
   background-color: #0b72ba;
   border-color: #0b72ba;
}
.btn-site:hover {
   color: #fff;
   opacity: 0.9;
}
.text-gray{
   color: gray !important;
}
.text-yellow{
   color: #faa61a !important;
}

.default-title::before {
   content: '';
   display: block;
   width: 60px;
   height: 3px;
   background-color: #0b72ba;
   margin: 0 0 20px;
}
.default-title.yellow::before {
   background-color: #000;
}
.default-title.white::before {
   background-color: #ffffff;
}
.box {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
}

#header #logo{
   width: 135px;
}
#home-search{
   background-color: #000;
   color: #FFF;
}
#home-search input::placeholder{
   color: #DDD !important;
}
#home-search input{
   background-color: transparent;
   border: 0;
   border-radius: 0;
   border-bottom: 1px solid #fff;
   color: #FFF;
   font-size: 18px;
}
#home-search .input-group-text {
   background-color: transparent;
   border: 0;
   border-radius: 0;
   border-bottom: 1px solid #fff;
   color: #FFF;
   font-size: 22px;
}

#home-service{
   background-color: #ecedef;
}

#home-service a,
#service-list a{
   color: inherit;
   text-decoration: none;
}
#home-service .each,
#service-list .each{
   transition: 350ms ease all 100ms;
}
#home-service .each:hover,
#service-list .each:hover{
   transform: scale(1.1);
   background-color: #0b72ba !important;
   color: #fff;
}
#home-service .each:hover .rounded-button,
#service-list .each:hover .rounded-button{
   color: #CCC;
   border-color: #CCC !important;
   transition: 350ms ease all 100ms;
}
#home-service .icon,
#service-list .icon{
   font-size: 36px;
   color: #333;
}

#home-service .each:hover .icon,
#service-list .each:hover .icon{
   color: #fff;
   transition: 350ms ease all 100ms;
}

#home-service .rounded-button,
#service-list .rounded-button{
   border-radius: 20px;
   bottom: 2em;
   left: 2em;
}

#home-consultor .ver-mais,
#juridico-partner-list .ver-mais{
   color: #FFF;
}
#home-consultor .rounded-button,
#juridico-partner-list .rounded-button{
   border-radius: 20px;
   background-color: #000;
}
#home-consultor .each,
#juridico-partner-list .each{
   overflow: hidden;
   color: #fff;
}
#home-consultor .each .overlay,
#juridico-partner-list .each .overlay{
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.7);
   left: 0;
   transform: translateY(100%);
   transition: 300ms all ease;
   bottom: 60px;
}
#home-consultor .each .text,
#juridico-partner-list .each .text{
   opacity: 0
}
#home-consultor .each:hover .overlay,
#juridico-partner-list  .each:hover .overlay{
   bottom: 0;
   transform: translateY(0%)
}
#home-consultor .each:hover .name,
#juridico-partner-list .each:hover .name{
   color: #FFF;
   font-weight: bold;
}
#home-consultor .each:hover .text,
#juridico-partner-list .each:hover .text{
   opacity: 1;
   transition: 600ms all ease 200ms;
}
#home-consultor .each .rounded-button,
#juridico-partner-list .each .rounded-button{
   position: absolute;
   bottom: 15px;
   left: 50%;
   transform: translateX(-50%);
   background-color: rgba(0,0,0,0.4);
}
#home-news{
   background-color: #ecedef;
}
#news-list .pagination a{
   color: #000;
   text-align: center;
   text-decoration: none;
   min-width: 30px;
}
/* SIDE MENU */
#side-menu{
   position: fixed;
   z-index: 1100;
   top: 0;
   right: 0;
   width: 450px;
   max-width: 90%;
   height: 100%;
   background: #171717;
   transition: 400ms transform ease;
   transform: translate3d(100%, 0, 0);
   overflow: auto;
   padding-top: 35px;
}
#side-menu.left{
   left: 0;
   transform: translate3d(-100%, 0, 0);
}
.side-menu-open{
   overflow: hidden;
}
.side-menu-open #side-menu,
.side-menu-open #side-menu.left{
   transform: translate3d(0, 0, 0);
   box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.4);
}
#side-menu .close{
   padding: 5px 10px;
   position: absolute;
   top: 0;
   right: 0;
}
#side-menu-toggler strong{
   transition: 300ms all ease 150ms;
   letter-spacing: 0.5px;
}
#side-menu-toggler:hover strong{
   letter-spacing: 1.5px;
}
#header-langs{
   padding-right: 110px;
}
.line{
   height: 1px;
   width: 100px;
   position: absolute;
   top: 50%;
   right: 0px;
   margin-top: -1px;
}

/* SERVICE */
#service ::placeholder{
   color: #000 !important;
}
#service-banner{
   color: #fff;
   min-height: 300px;
}
#service-breadcumb{
   color: #777;
}
#service-content-right input{
   border: 0;
   border-bottom: 1px solid #000;
   border-radius: 0;
}
#service-content-right .input-group-text{
   border: 0;
   border-bottom: 1px solid #000;
   border-radius: 0;
   background: none;
}
#service-content-right ul{
   list-style: none;
}
#service-content-right ul li{
   border-collapse: collapse;
   line-height: 18px;
}
#service-content-right ul li:hover{
   background-color: #0b72ba;
}
#service-content-right ul li:hover a{
   color: #fff;
}

#juridico-partner-bot .ck{
   font-size: 18px;
   line-height: 30px;
}

/* LOADING */
.css-load:before {
   border: 2px solid #CCC;
}
.css-load:after {
   border: 2px solid var(--primary);
}

.page-default-title{
   font-size: 30px;
   margin-bottom: 10px;
}
.page-split-half-title::before {
   content: '';
   display: block;
   width: 60px;
   height: 3px;
   background-color: #fff;
   margin: 0 0 30px;
}
.page-split-half-title{
   color: #FFF;
   font-size: 30px;
   line-height: 37px;
   margin-bottom: 20px;
}

#cart-menu-toggle{
   position: absolute;
   top: 0;
   right: 50px;
}
#side-menu-close{
   position: absolute;
   top: 0;
   right: 0;
}
#side-menu a{
   color: #FFF;
   text-decoration: none;
}
#side-menu .bullet{
   height: 10px;
   width: 10px;
   border-radius: 50%;
   background-color: transparent;
   border: 2px solid #2f8acc;
   display: inline-block;
   margin-right: 5px;
   transition: 300ms all ease;
}
#side-menu .borderline{
   background-color: #0b72ba;
   height: 4px;
   width: 0px;
   position: absolute;
   bottom: -7px;
   left: 0;
   transition: 300ms all ease;
}
#side-menu a:hover{
   color: #0b72ba;
}
#side-menu a:hover .bullet{
   background-color: #0b72ba;
}
#side-menu a:hover .borderline{
   width: 100%;
}
#side-menu-langs{
   position: absolute;
   top: 15px;
   left: 1em;
}

/* ACCOUNT */
#account-signup .pessoa-juridica {
   display: none;
}
#account-menu a{
   display: block;
   border-bottom: 1px solid #EEE;
   text-decoration: none;
   padding: 5px;
   transition: 300ms all ease;
   color: inherit;
   letter-spacing: 0;
}
#account-menu a:hover{
   padding-left: 12px;
   background-color: #FAFAFA;
   letter-spacing: .5px;
}

/* SIDE MENU */
.cart-backdrop{
   z-index: 1040 !important;
}

#cart-menu{
   display: flex;
   flex-direction: column;
   position: fixed;
   z-index: 1045;
   top: 0;
   right: 0;
   width: 435px;
   max-width: 95%;
   height: 100%;
   background: #FFF;
   transition: 400ms transform ease;
   transform: translate3d(100%, 0, 0);
   overflow: auto;
}
#cart-menu.left{
   left: 0;
   transform: translate3d(-100%, 0, 0);
}
.cart-menu-open{
   overflow: hidden;
}
.cart-menu-open #cart-menu,
.cart-menu-open #cart-menu.left{
   transform: translate3d(0, 0, 0);
   box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.4);
}
#cart-menu-empty{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}
#cart-products .each{
   border-bottom: 1px solid #f2f2f2;
}

/* PRODUCT LIST TEMPLATE*/
.product-template .each{
   color: #231f20;
   text-decoration: none;
}
.product-template .each .picture{
   background-color: #BBB;
   padding-bottom: 100%;
   overflow: hidden;
   text-transform: uppercase;
   text-align: center;
   font-weight: 600;
   font-size: 14px;
}
.product-template .each .picture img{
   top: 0;
   left: 0;
}
.product-template .each .seals{
   position: absolute;
   top: 0;
   right: 0
}
.product-template .each .seals .seal{
   background-color: #0b72ba;
   color: #FFF;
   font-size: 20px;
}
.product-template .each .tags{
   position: absolute;
   width: 100%;
   bottom: 0;
}
.product-template .each .tags div{
   background-color: #DDD;
   color: #6d6e71;
   flex-grow: 1;
   margin-right: 10px;
   padding: 5px 0;
}
.product-template .each .tags div:last-child{
   margin-right: 0;
}
.product-template .each .commands{
   background-color: #0b72ba;
   color: #FFF;
   position: absolute;
   bottom: 0;
   width: 100%;
   transform: translateY(100%);
   transition: 300ms transform ease;
   padding: 5px 0;
}
.product-template .each:hover .commands{
   transform: translateY(0);
}
.product-template .each .title {
   line-height: 25px;
   max-height: 75px;
   overflow: hidden;
}
.product-template .each .subtitle {
   line-height: 20px;
   max-height: 60px;
   overflow: hidden;
}
.product-template .each .price del{
   color: #AAA;
}

/* CHECKOUT */
#checkout-progress .tab{
   color: #AAA;
}
#checkout-progress .tab .badge{
   color: #FFF;
   background-color: #AAA;
}
#checkout-progress .tab.selected{
   color: #231F20;
   border-bottom: 1px solid #231F20;
}
#checkout-progress .tab.selected .badge{
   background-color: #231F20;
}
#checkout .section-header{
   background-color: #231F20;
   color: #f2f2f2;
}
#checkout .section-title{
   border-bottom: 1px solid #231F20;
}
#checkout-shipping-address .icon{
   color: #777;
}
#checkout-shipping-address .icon:hover i{
   margin-left: 3px;
   transition: 200ms all ease;
}


#header{
   position: fixed;
   top: 0;
   background-color: #fff;
   width: 100%;
   z-index: 900;
   transition: 200ms all ease;
}
#content{
   padding-top: 79px;
}
.fixed-menu #header #logo {
   width: 90px;
   transition: 200ms all ease;
}

/* POPUP */
.modal.banner-popup .modal-content{
   background: none;
   border: 0;
}
.modal.banner-popup .modal-content .modal-header{
   border: 0;
}
.modal.banner-popup .modal-content .modal-header .close {
   color: #FFF;
   opacity: 1;
   text-shadow: 1px 1px 2px #000;
   font-size: 35px;
}
.modal.banner-popup .modal-content .modal-header .close:hover {
   opacity: 0.75;
}
.modal.banner-popup .modal-content .modal-footer{
   display: none !important;
}
/* POPUP END */
.font-alt {font-family: sans-serif !important;}
.bg-white {background-color: #fff;}