li.nav-item{
 display: inline-block!important;
}


/** LAYOUT **/
body{
 font-family: 'Montserrat', sans-serif;
 color:#000;
 font-size: 13px;
 line-height: 22px;
 letter-spacing: 0px;
 background-color: #fff;
}

p{
 font-family: 'Montserrat', sans-serif;
 color:#000;
 font-size: 14px;
 line-height: 26px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
 font-family: 'Montserrat', sans-serif;

}

.container{
 max-width: 1200px;
}

.btn:focus {
 outline: none;
 box-shadow: none;
}

.form-control:focus {
 outline: none;
 box-shadow: none;
}

.bg-light{
 background-color: #f7f7f7!important;
}

.bg-dark{
 background-color: #000!important;
}

.bg-primary{
 background-color: #682475!important;
}

.bg-light-opacity {
 background-color: rgba(221, 221, 221, 0.35)!important;
}

ul.bullet-items{
 margin: 20px 10px;
 padding: 0;
 list-style-position: inside;
 list-style: none;
}

.bullet-items li {
 font-size: 14px;
 line-height: 16px;
 display: block;
 padding-bottom: 15px;
 font-weight: 500;
}

.bullet-items li:before {
 font-family: 'Font Awesome 5 Free';
 content: '\f054';
 margin: 0 5px 0 5px;
 color: #682475;
 font-weight: 700;
 font-size: 9px;
 display: inline-block;
 vertical-align: middle;
}

.centered {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.align-left {
 position: relative;

}

.left {
 position: absolute;
 left: 15px;
 bottom: 15px;
}


.filter{
 position: relative;
}


.filter::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #000;
 opacity: 0.35;
 overflow: hidden;
}



.banner {
 color: white;
 background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/banner_img.jpg') top left/cover no-repeat;
 height: 300px;
 display: flex;
 align-items: center;
 padding: 5%;

}

.banner-text{
 max-width: 540px;
}

.banner-text p{
 color: #fff;
}

.banner-text h2{
 color: #fff;
}

.banner-text .title-page:after{

 background: #fff;
}


.areas-negocio .filter::after {

 opacity: 0.65;

}

.areas-negocio h3 {
 color: #fff;
 font-size: 22px;
 line-height: 24px;
 text-transform: none;
 font-weight: 500;
 margin: 0;
 padding-top: 10px;
}

.about-area {
 padding: 80px 0 80px;
}

.about-area .column_left {
 padding: 0;
}

.about-area .about_img {
 position: relative;
}
.about-area .column_right {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 padding: 0;
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
}
#sobre #faq .card {
 margin-bottom: 10px;
 border: 0;
}

#sobre #faq .card .card-header {
 border: 0;

 border-radius: 0px;
 padding: 0;
 border-bottom: 2px solid #fff;
}

#sobre #faq .card .card-header .btn-header-link {
 color: #fff;
 display: block;
 text-align: left;
 background: #2f3337;
 color: #fff;
 padding: 20px;
 border-radius: 0px;
 font-size: 13px;
 font-weight: 500;
}

#sobre #faq .card .card-header .btn-header-link:after {
 content: "\f107";
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
 float: right;
}

#sobre #faq .card .card-header .btn-header-link.collapsed {
 background: #2f3337;
 color: #fff;
}

#sobre #faq .card .card-header .btn-header-link.collapsed:after {
 content: "\f106";
}

#sobre #faq .card .collapsing {
 background: transparent;
 line-height: 30px;
}

#sobre #faq .card .collapse {
 border: 0;
}

#sobre #faq .card .collapse.show {
 background: transparent;
 line-height: 30px;
 color: #222;
}


#sobre .card .card-header .btn:focus {
 outline: 0;
 box-shadow: none!important;
}

#sobre .accordion>.card .card-header {
 margin-bottom: 0;
}

#sobre .card-body p{
 font-size: 13px;
 line-height: 24px;
 margin-bottom: 10px;
}

#sobre .card-body img{
 display: block;
 margin: 0 auto;
}

#sobre .card{
 font-size: 13px;
 line-height: 24px;
 margin-bottom: 10px;
}

#sobre .card {
 background-color: rgba(245, 245, 245, 0);
}

.service_area .flex-row-reverse .service_area_content {
 padding-left: 0;
 padding-right: 70px;
}

.service_area .service_area_content {
 padding-left: 70px;
}

.service_area .margin-t{
 margin-top: 60px;
}

.service_area .service_area_content h3{
 font-size: 34px;
 line-height: 38px;
 color: #682475;
}

.service_img {

 overflow: hidden;
}

.portfolio-filter .form-group select{
 border-radius: 0;
 background: transparent;
 border: 2px solid #2f3337;
 height: 38px;
 line-height: 38px;
 color: #2f3337;
 font-size: 12px;
 font-weight: 500;
 letter-spacing: 0px;
}

.portfolio-featured h4{
 font-size: 12px;
 line-height: 14px;
 font-weight: 400;
 color: #666;
 display: block;
 padding-bottom: 10px;
 margin: 0;
}

.portfolio-details .column_right {
 border-top: 0;
 border-bottom: 0;
}
.about-area .about-content {
 padding-left: 130px;
 max-width: 600px;
 margin-left: 0;
 margin-right: auto;
}

.about-area .about-content h3 {
 font-size: 34px;
 line-height: 38px;
 color: #682475;
}

.about-area .about-content span {
 font-size: 18px;
 line-height: 22px;
 font-weight: 500;
 color: #000;
 display: block;
 padding-bottom: 10px;
}


.portfolio-details .about-content h5 {
 font-size: 16px;
 line-height: 18px;
 display: block;
 margin: 0;
 text-transform: none;
 padding-bottom: 5px;
}

.portfolio-details .about-content span {
 font-weight: 400;
 font-size: 13px;
 line-height: 16px;
 text-transform: none;
 color: #000;
}

.portfolio-details .about-content h5 i {
 color: #682475;
 padding-right: 6px;
}

.parallax_numbers {

 background-image: url("https://back.nunomendes.mybrontley.com/wp-content/uploads/2020/07/BANNER-PAG-CLI%CC%81NICA.jpg");

 min-height: 400px;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
}

.parallax_numbers::before {
 content: "";
 background-color: #000;
 top: 0;
 opacity: 0.3;
 height: 100%;
 width: 100%;
 position: absolute;
}

.parallax_numbers .number {
 color: #fff;
 font-size: 34px;
 line-height: 42px;
 font-weight: 600;
 text-transform: none;
 letter-spacing: 1px;
 margin-bottom: 5px;
 display: block;
}

.parallax_numbers p {
 color: #fff;
 font-size: 18px;
 line-height: 28px;
 font-weight: 300;
 text-transform: none;
 padding-top: 5px;
 padding-bottom: 5px;
}


.parallax_text {

 background-image: url("https://back.nunomendes.mybrontley.com/wp-content/uploads/2020/07/BANNER-PAG-CLI%CC%81NICA.jpg");

 min-height: 500px;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
}

.parallax_text::before {
 content: "";
 background-color: #000;
 top: 0;
 opacity: 0.3;
 height: 100%;
 width: 100%;
 position: absolute;
}

.parallax_text h1 {
 color: #fff;
 font-size: 54px;
 line-height: 62px;
 font-weight: 300;
 text-transform: uppercase;
 letter-spacing: 4px;
}

.parallax_text .title-page {
 color: #fff;


}

.parallax_text .title-page:after {
 background: #fff!important;


}

/*.parallax_text h2 {
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 1px;

    }*/

    .number {
     color: #682475;
     font-size: 38px;
     line-height: 42px;
     font-weight: 700;
     text-transform: none;
     letter-spacing: 1px;
     margin-bottom: 5px;
     display: block;
    }

    .numeros p{
     color: #000;
     font-size: 18px;
     line-height: 22px;
     font-weight: 400;
     text-transform: none;
     padding-top: 5px;
     padding-bottom: 5px;
    }

    .carousel .carousel-item {
     height: auto;
    }

    .carousel-item img {
     height: 100vh !important;
     width:  100% !important;
     object-fit: cover;
    }

    .black-overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: rgba(0, 0, 0, 0.45);
    }


    .carousel-control-prev-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
     height: 26px;
     width: 26px;
     line-height: 26px;
     outline: none;
     background-size: 50%, 50%;
     border-radius: 50%;
     border: 1px solid black;
     background-color: #000;
     opacity: 1;
     top: 50%;
     transform: translateY(-50%);
     position: absolute;
     left: 30px;
    }

    .carousel-control-next-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
     height: 26px;
     width: 26px;
     line-height: 26px;
     outline: none;
     background-size: 50%, 50%;
     border-radius: 50%;
     border: 1px solid black;
     background-color: #000;
     opacity: 1;
     top: 50%;
     transform: translateY(-50%);
     position: absolute;
     right: 30px;

    }


    .carousel-caption {

     bottom: initial;
     top: 50%;
     transform: translateY(-50%);
     text-align: left;
    }

    .carousel-caption h1 {
     font-weight: 700;
     font-size: 48px;
     text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

    }
    .carousel-caption p {
     font-weight: 300;
     font-size: 22px;
     color: #fff;

    }

    .carousel-caption .btn_maincolor {
     color: #fff;
     background-color: transparent;
     border: 1px solid #fff;
     font-size: 12px;
     padding: 10px 30px;
     font-weight: 500;
     margin-top: 10px;
    }

    .carousel-caption .btn_maincolor:hover {
     color: #fff;
     background-color: #682475;
     border: 1px solid #682475;

    }

    .carousel-caption .btn_maincolor:after {
     color: #fff;

    }

    .carousel-indicators li {
     width: 10px;
     height: 10px;
     border-radius: 100%;
     background-color: #f7f7f7;
    }

    .carousel-indicators .active{
     background-color: #fff;
    }

    .block-content .btn_maincolor {
     color: #000;
     background-color: #fff;
     border: 1px solid #fff;
     font-size: 11px;
     padding: 10px 30px;
    }

    .brands-home .btn_maincolor {
     color: #000;
     background-color: #fff;
     border: 1px solid #fff;
     font-size: 10px;
     padding: 6px 20px;
    }

    .vertical-menu {
     width: 100%;
    }

    .vertical-menu a {
     background-color: #fff;
     color: black;
     display: block;
     padding: 10px 0 5px;
     text-decoration: none;
    }


    .vertical-menu a:hover {
     text-decoration: underline;
    }

    .vertical-menu a.active {
     font-weight: 700;
     color: #000;
    }



    input,
    textarea,
    select {
     width: 100%;
     background: transparent;
     border: 1px solid #ddd;
     padding: 8px 15px;
     font-size: 14px;
     font-weight: 300;
     letter-spacing: 1px;
     -webkit-transition: .3s;
     transition: .3s;
     margin-bottom: 20px;
     border: 0;
     outline: 0;
     background: transparent;
     border-bottom: 1px solid #000;
    }


    .newsletter-home button[type="submit"] {
     font-size: 12px;
     background: transparent;
     padding: 8px 15px;
     color: #000;
     border: 2px solid #000;
    }

    .newsletter-home button[type="submit"]:hover {

     background-color: #000;

     color: #fff;

    }

    .newsletter-home input::placeholder,
    textarea::placeholder {

     color: #000;
     font-weight: 500;
     font-size: 12px;
    }


    .col-destaques {
     padding: 0 5px 0 5px!important;

    }


    .col-destaques .filter{

     position: relative;
    }




    .colecoes .btn_maincolor {

     color: #fff;
     background: transparent;
     border: 1px solid #fff;
     font-weight: 400;
     font-size: 12px;
     width: 200px;
     letter-spacing: 1px;

    }

    .colecoes .btn_maincolor:hover {

     color: #000;
     background-color: #fff;
     border: 1px solid #fff;

    }

    *:focus {
     outline: 0!important;
    }



    .link-anchor{
     font-size: 9px;
     line-height: 1;
     font-weight: 600;
     text-transform: uppercase;
     text-decoration: underline;
    }


    /* Cores Produto */

    .cores_selector{
     display: flex;
     margin-bottom: 0px;
    }

    .cor_option{
     display: inline-block;
     width: 40px;
     line-height: 0;
     position: relative;
     margin-right: 0;
     padding: 3px;
     border: 1px solid transparent;
     margin-left: -5px;
    }

    .cores_selector .check{
     position: absolute;
     top: 56%;
     left: 30%;
     font-size: 12px;
     color: #fff;

    }

    .cores_selector .check.active:before{
     position:absolute;
     color: #fff;
     font-family: 'Font Awesome';
     content: "✓";
    }



    .cores_selector .bullet-cor{
     width: 25px;
     height: 25px;
     line-height: 25px;
     border-radius: 50%;
     background:#624A2E;

     border:1px solid #624A2E;
    }

    .cores_selector .bullet-cor-2{
     width: 25px;
     height: 25px;
     line-height: 25px;
     border-radius: 50%;
     background:black;

     border:1px solid black;
    }

    .modal-content h3{
     font-family: 'Montserrat', sans-serif;
     text-transform: uppercase;
     font-weight: 800;
    }

    .sticky {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999;
    }

    .modal-title{
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     font-weight: 700;
    }

    .modal-header{
     background-color: #000;
     border: 1px solid #000;
     color: #fff;
     border: none;
     border-radius: 0px;
    }

    .modal-header .close{
     color: #fff;
    }

    .modal-content{
     border:none;
     border-radius: 0px;
    }

    .navbar{
     background: transparent;
    }

    .sticky .navbar{
     background: #682475;
     transition: 0.6s;

    }
    .top-navbar{
     background-color: #f4f4f4;    
     padding: 5px 0 8px;
    }

    .top-navbar a{
     text-decoration: none;
     color: #000;
     font-size: 12px;
     line-height: 14px;
    }

    .top-navbar a:hover{
     text-decoration: underline;
     color: #000;
    }

    .top-navbar .row_top_header .column:not(:first-child):not(:last-child) ul {
     display: table;
     margin: 0 auto;
     text-align: center;
    }

    .footer{
     background-color: #f7f7f7;
    }


    .projetos-detail .title{
     font-weight: 700;
     margin-top: 10px;
     font-size: 13px;
     line-height: 1.4;
     text-transform: uppercase;
     margin-bottom: 10px;
    }

    .projetos-detail .description{
     font-size: 12px;
     line-height: 1.4;
    }



    .footer .contact-icons p{
     font-size: 11px!important;
     line-height: 20px!important;
     color: #6d6e70!important;
     padding-bottom: 10px;
     font-weight: 500!important;
     display: inline-block;
     text-transform: none;
     font-family: 'Oswald', sans-serif!important;
     padding-left: 26px;
     position: relative;
    }


    .footer .contact-number{
     font-size: 18px;
     line-height: 22px;
     color: #000;
    }


    .footer a{
     text-decoration: none;
     color:#000;
    }


    .top-footer{
     border-bottom: 1px solid #e7e7e7;
     width: 100%;
     padding-bottom: 10px;
     margin-bottom: 50px;
     display: block;


    }

    img.logo-cert {
     width: 60px;
     height: auto;
     object-fit: contain;
     opacity: 0.7;
     filter: grayscale(100%);
     display: inline-block;
    }

    .fit-270{
     height: 270px;
     width: 100%;
     object-fit: cover;
    }

    .fit-360{
     width: 100%!important;
     height: 360px!important;
     object-fit: cover;
    }

    .bottom-footer{

     background-color: #f7f7f7;
    }

    .bottom-footer .top-border{
     border-top: 1px solid #ddd;
     padding-top: 10px;
    }

    .col-footer{
     padding-top: 30px;
    }

    .column-right .row .col-footer {
     padding: 30px;
     border-left: 1px solid #ECEBE8;
    }

    .footer p{
     font-size: 12px;
     line-height: 22px;
    }

    .footer span, .footer h6{
     display: block;
     text-transform: uppercase;
     font-weight: 600;
     color: #682475;
     font-size: 13px;
     margin-bottom: 6px;
    }
    .footer .title{
     color:#000;
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     line-height: 18px;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 0.5px;
     display: block;
     margin-bottom: 20px;
    }

    .footer ul.quick-links li a{
     color:#000;
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
     display: block;
     padding-top: 8px;
    }

    .footer ul.quick-links li a:hover{
     color:#682475;

    }

    .footer ul.quick-links li:first-child a{

     padding-top: 0px;
    }

    .footer .quick-links p{
     color:#000;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     line-height: 20px;
     margin-bottom: 5px;
     font-weight: 300;
    }

    .footer .copyright p{
     color:#000;
     font-family: 'Montserrat', sans-serif;
     font-size: 10px;
     line-height: 16px;
     margin-bottom: 5px;
     font-weight: 300;
    }


    .footer a:hover{
     text-decoration: none;
     color: #682475;
    }


    .menu-lateral {
     width: 100%;
    }
    .menu-lateral ul{
     padding: 0;
     margin: 0;
     list-style: none;
    }
    .menu-lateral ul li a {
     display:block;
     padding: 0 0 5px 0;
     color: #000;
     text-decoration: none;
     list-style: none;
     font-size: 11px;
    }
    .menu-lateral ul li:first-child {
     border: none;
    }
    .menu-lateral ul li a:hover {

     font-weight: 600;

    }

    @media only screen 
    and (max-width : 767px) {


     .menu-lateral:hover ul {
      display:block;
     }

     .menu-lateral{
      padding-top: 0px;
     }

    }


    /* ===== */

    .social-support {color:#2d2d32;line-height:40px;font-weight:300;}

    .section-block.detail .social {
     background: transparent;
     border-color: #000;
     color: #000!important;
    }

    .section-block.detail .social:hover {
     background: #000;
     border-color: #000;
     color: #fff!important;
    }

    #footer-menu ul {
     margin: 0;
     padding: 0;
    }

    #footer-menu ul li {
     list-style-type: none;
     display: inline;
    }

    #footer-menu ul li a {
     color: #666;
     font-size: 13px;
     font-weight: 300;
     line-height: 1;
    }

    #footer-menu li:not(:first-child):before {
     content: " | ";
     color: #666;
     margin: 0 5px;
    }

    .social {
     display:inline-block;
     width:42px;
     height:42px;
     line-height:42px;
     font-size:16px;
     text-align:center;
     color:#fff!important;
     border:1px solid;
     border-radius:50%;
     background-color:#682475;
     overflow:hidden;
     transition:color .3s;
     border-color: #682475;

    }
    .social:hover { background:transparent; color: #682475!important; transition: all 0.5s ease;}

    /**************/

    .block-content a{
     color: #2d2d32;
    }
    .block-content .active{
     color: #d7b182;
    }

    /********************/

    /**********************/
    .view_box i
    {
     color:  rgb(199, 196, 196);
     line-height: 33px;
     font-size: 14px;
    }
    .view_box
    {
     display: inline-block;
     width: 31px;
     height: 31px;
     text-align: center;
     cursor: pointer;
    }

    .sorting
    {
     float: right;
    }
    .item_sorting
    {
     display: inline-block;
    }
    .item_sorting > li
    {
     display: inline-block;
     position: relative;
     width: 173px;
     height: 31px;
     line-height: 29px;
     cursor: pointer;
     border: solid 1px #c7c7c7;
     padding-left: 15px;
     padding-right: 17px;
     margin-right: 8px;
     font-size: 14px;
     font-weight: 400;
     color: #232323;
     margin-bottom: 10px;
    }
    .item_sorting > li:last-child
    {
     margin-right: 0;
    }
    .num_sorting_text
    {
     padding-right: 11px;
    }
    .item_sorting li i
    {
     float: right;
     line-height: 29px;
     font-size: 16px;
     color: #928e8e;
    }
    .item_sorting li ul
    {
     display: block;
     position: absolute;
     right: 0;
     top: 120%;
     margin: 0;
     width: 100%;
     background: #FFFFFF;
     visibility: hidden;
     opacity: 0;
     z-index: 1;
     box-shadow: 0 15px 25px rgba(63, 78, 100, 0.15);
     -webkit-transition: opacity 0.3s ease;
     -moz-transition: opacity 0.3s ease;
     -ms-transition: opacity 0.3s ease;
     -o-transition: opacity 0.3s ease;
     transition: all 0.3s ease;
    }
    .item_sorting > li:hover ul
    {
     visibility: visible;
     opacity: 1;
     top: calc(100% + 1px);
    }
    .item_sorting li ul li
    {
     display: block;
     text-align: left;
     padding-left: 15px;
     padding-right: 15px;
    }
    .item_sorting li ul li span
    {
     display: block;
     height: 36px;
     line-height: 36px;
     border-bottom: solid 1px #dddddd;
     color: #131a2f;
     text-align: right;
     padding-right: 22px;
     -webkit-transition: opacity 0.3s ease;
     -moz-transition: opacity 0.3s ease;
     -ms-transition: opacity 0.3s ease;
     -o-transition: opacity 0.3s ease;
     transition: all 0.3s ease;
    }
    .item_sorting li ul li span:hover
    {
     color: #b5aec4;
    }
    .item_sorting li ul li:last-child span
    {
     border-bottom: none;
    }
    .item_sorting li span:nth-child(2)
    {
     margin-left: 63px;
    }

    /***************************************/

    .breadcrumbs ul{
     padding: 0;
    }

    .breadcrumbs ul li{
     list-style: none;
     float: left;
    }

    .breadcrumbs ul li::before{
     content: '-';
     list-style: none;
     float: left;
     padding: 0 3px 0 4px;
    }

    .breadcrumbs ul li:first-child::before{display: none;}
    .breadcrumbs  ul li:last-child a, .breadcrumbs ul li a:hover, a:hover{text-decoration: none;}

    .breadcrumbs a{
     font-size: 10px;
     line-height: 12px;
     text-transform: uppercase;
     font-family: 'Montserrat', sans-serif;
     color:#000;
     text-decoration: underline;
     font-weight: 300;
    }

    .blacklink a{
     color: #000;
    }
    .blacklink a:hover{
     color:#ccc
    }




    .card-header{
     background: none;
     border: none;
     padding: 0;
    }

    .card{

     border: none;
    }

    .info-product{
     color: #000;
     font-size: 11px;
     text-transform: uppercase;
     line-height: 22px;
     font-family: 'Montserrat', sans-serif;
     margin-bottom: 5px;
     font-weight: 700;
    }

    .products-content h1{
     font-family: 'Montserrat', sans-serif;
     font-size: 26px;
     line-height: 32px;	
     text-transform: uppercase;
     font-weight: 700;
    }

    .products-content p{
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     font-weight: 300;
    }





    .product-icons p{
     font-size: 10px!important;
     line-height: 18px!important;
     color: #323232!important;

     font-weight: 400!important;
     display: inline-block;
     text-transform: none;
     font-family: 'Oswald', sans-serif!important;
     padding-left: 38px;
     position: relative;
    }




    .product_size
    {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
    }

    .slt_sizes{
     height: 38px;
     border: solid 1px #ccc;

     font-size: 11px;
     line-height: 18px;
     letter-spacing: 0px;
    }


    .slt_colors{
     height: 38px;
     border: solid 1px #6f6f6f;
     font-size: 11px;

    }

    .slt_quantity{
     height: 48px;
     border: solid 1px #6f6f6f;
     font-size: 11px;
    }

    .title-page{
     font-size: 26px;
     line-height: 32px;
     text-transform: uppercase;
     font-weight: 400;
     color: #682475;
     letter-spacing: 1px;
     position: relative;
     display: block;
     margin-bottom: 40px;
    }

    .title-page:after {
     content: '';
     position: absolute;
     left: 0;
     top: 100%;
     margin: 10px auto;
     width: 60px;
     height: 1px;
     background: #682475;
    }

    .title-content{
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     text-transform: uppercase;
     line-height: 22px;  
     font-weight: 800;
    }

    .subtitle{
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     line-height: 16px;  
    }

    a{
     color: #000;
     text-decoration: none;
    }

    a:hover{
     color: #682475;
     text-decoration: none;
    }

    /*******************************/

    .w-100{
     width: 100% !important;
    }
    .h-px-40{
     height: 40px;
    }

    /*************************************/
    .pt-0 {
     padding-top: 0px !important; }
     .pt-5 {
      padding-top: 5px !important; }
      .pt-10 {
       padding-top: 10px !important; }

       .pt-15 {
        padding-top: 15px !important; }

        .pt-20 {
         padding-top: 20px !important; }

         .pt-25 {
          padding-top: 25px !important; }

          .pt-30 {
           padding-top: 30px !important; }

           .pt-35 {
            padding-top: 35px !important; }

            .pt-40 {
             padding-top: 40px !important; }

             .pt-45 {
              padding-top: 45px !important; }

              .pt-50 {
               padding-top: 50px !important; }

               .pt-55 {
                padding-top: 55px !important; }

                .pt-60 {
                 padding-top: 55px !important; }

                 .pt-65 {
                  padding-top: 65px !important; }

                  .pt-70 {
                   padding-top: 70px !important; }

                   .pt-80 {
                    padding-top: 80px !important; }

                    .pt-95 {
                     padding-top: 95px !important; }

                     .pt-100 {
                      padding-top: 100px !important; }



                      .pb-0 {
                       padding-bottom: 0px !important;
                      }

                      .pb-10 {
                       padding-bottom: 10px !important;
                      }

                      .pb-15 {
                       padding-bottom: 15px !important;
                      }

                      .pb-20 {
                       padding-bottom: 20px !important;
                      }

                      .pb-25 {
                       padding-bottom: 25px !important;
                      }

                      .pb-30 {
                       padding-bottom: 30px !important;
                      }

                      .pb-35 {
                       padding-bottom: 35px !important;
                      }

                      .pb-40 {
                       padding-bottom: 40px !important;
                      }

                      .pb-45 {
                       padding-bottom: 45px !important; }

                       .pb-50 {
                        padding-bottom: 50px !important; }

                        .pb-55 {
                         padding-bottom: 55px !important; }

                         .pb-60 {
                          padding-bottom: 55px !important; }

                          .pb-65 {
                           padding-bottom: 65px !important; }

                           .pb-70 {
                            padding-bottom: 70px !important; }

                            .pb-80 {
                             padding-bottom: 80px !important; }

                             .pb-95 {
                              padding-bottom: 95px !important; }

                              .pb-100 {
                               padding-bottom: 100px !important;
                              }


                              .pr-0 {
                               padding-right: 0px !important;
                              }

                              .pr-10 {
                               padding-right: 10px !important;
                              }

                              .pr-15 {
                               padding-right: 15px !important;
                              }

                              .pr-20 {
                               padding-right: 20px !important;
                              }

                              .pr-25 {
                               padding-right: 25px !important;
                              }

                              .pr-30 {
                               padding-right: 30px !important;
                              }

                              .pr-35 {
                               padding-right: 35px !important;
                              }

                              .pr-40 {
                               padding-right: 40px !important;
                              }

                              .pr-45 {
                               padding-right: 45px !important;
                              }

                              .pr-50 {
                               padding-right: 50px !important;
                              }

                              .pr-55 {
                               padding-right: 55px !important; }

                               .pr-60 {
                                padding-right: 55px !important; }

                                .pr-65 {
                                 padding-right: 65px !important; }

                                 .pr-70 {
                                  padding-right: 70px !important; }

                                  .pr-80 {
                                   padding-right: 80px !important; }

                                   .pr-95 {
                                    padding-right: 95px !important; }

                                    .pr-100 {
                                     padding-right: 100px !important; }




                                     .pl-0 {
                                      padding-left: 0px !important; }

                                      .pl-10 {
                                       padding-left: 10px !important; }

                                       .pl-15 {
                                        padding-left: 15px !important; }

                                        .pl-20 {
                                         padding-left: 20px !important; }

                                         .pl-25 {
                                          padding-left: 25px !important; }

                                          .pl-30 {
                                           padding-left: 30px !important; }

                                           .pl-35 {
                                            padding-left: 35px !important; }

                                            .pl-40 {
                                             padding-left: 40px !important; }

                                             .pl-45 {
                                              padding-left: 45px !important; }

                                              .pl-50 {
                                               padding-left: 50px !important; }

                                               .pl-55 {
                                                padding-left: 55px !important; }

                                                .pl-60 {
                                                 padding-left: 55px !important; }

                                                 .pl-65 {
                                                  padding-left: 65px !important; }

                                                  .pl-70 {
                                                   padding-left: 70px !important; }

                                                   .pl-80 {
                                                    padding-left: 80px !important; }

                                                    .pl-95 {
                                                     padding-left: 95px !important; }

                                                     .pl-100 {
                                                      padding-left: 100px !important; }



                                                      .bg-row{
                                                       box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
                                                       padding: 30px;
                                                       background-color: #fff;
                                                       border: 1px solid #DDD;
                                                      }

                                                      .btn_black{
                                                       position: relative;
                                                       font-size: 12px;
                                                       padding: 10px;
                                                       width: 200px;
                                                       overflow: hidden;
                                                       z-index: 1;
                                                       color: #fff;
                                                       background-color: #0d0d0d;
                                                       border: none;
                                                       font-weight: 600;
                                                      }
                                                      .btn_black:hover{
                                                       background:#fff;
                                                       border:1px solid #262626;
                                                       color:#262626;
                                                      }

                                                      .btn_maincolor{
                                                       position: relative;
                                                       font-size: 12px;

                                                       overflow: hidden;
                                                       z-index: 1;
                                                       color: #000;
                                                       background: none;
                                                       font-weight: 700;
                                                       letter-spacing: 0.5px;
                                                       display: inline-block;
                                                       text-transform: uppercase;
                                                      }

                                                      .btn_maincolor:after {
                                                       font-family: 'Font Awesome 5 Free';
                                                       content: '\f054';
                                                       margin: 0 5px 0 5px;
                                                       color: #682475;
                                                       font-weight: 700;
                                                       font-size: 12px;
                                                       display: inline-block;
                                                       vertical-align: middle;
                                                      }
                                                      .btn_maincolor:hover{

                                                       text-decoration: none;
                                                       color:#682475;
                                                      }

                                                      .pesquisa .btn_maincolor{
                                                       background-color: #000;
                                                       padding: 8px 25px;
                                                       color: #fff;
                                                       border: 1px solid #000;
                                                       font-size: 12px;
                                                      }

                                                      .pesquisa .btn_maincolor:after{
                                                       display: none;
                                                      }

                                                      .pesquisa .btn_maincolor:hover{
                                                       background:#fff;
                                                       border:1px solid #000;
                                                       text-decoration: none;
                                                       color:#000;
                                                      }

                                                      .pesquisa input { 

                                                       padding-left: 10px;
                                                      }


                                                      .pesquisa input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                                                       font-size: 10px;
                                                       color: #000;
                                                       letter-spacing: 0;
                                                       font-weight: 500;
                                                       opacity: 1!important;
                                                      }

                                                      .page-title.detail-bg {

                                                       background-color: #2f3337;
                                                       padding-bottom: 80px;

                                                      }

                                                      .page-title {

                                                       background-position: center;
                                                       background-repeat: no-repeat;
                                                       background-size: cover;
                                                       position: relative;
                                                       height: 100vh;
                                                       display: -webkit-box;
                                                       display: -webkit-flex;
                                                       display: -ms-flexbox;
                                                       display: flex;
                                                       -webkit-box-align: center;
                                                       -webkit-align-items: center;
                                                       -ms-flex-align: center;
                                                       align-items: center;

                                                      }

                                                      .page-title h1 {
                                                       color: #fff;
                                                       margin: 0;
                                                       font-size: 34px;
                                                       line-height: 38px;
                                                       font-weight: 500;
                                                       text-transform: uppercase;
                                                       letter-spacing: 1px;
                                                       font-family: 'Montserrat', sans-serif;
                                                      }

                                                      .page-title p{
                                                       color: #fff;
                                                       margin: 0;
                                                       font-size: 13px;
                                                       line-height: 22px;
                                                       font-weight: 300;
                                                       text-transform: none;
                                                       padding-top: 20px;
                                                       letter-spacing: 0px;
                                                       font-family: 'Montserrat', sans-serif;
                                                      }


                                                      video.home-intro {
                                                       width: 100%;
                                                       height: 100%;
                                                       object-fit: cover;
                                                       margin-bottom: -6px;
                                                      }

                                                      video.atividade {
                                                       width: 100%;
                                                       height: 60vh;
                                                       object-fit: cover;
                                                      }


                                                      .tz-gallery {
                                                       padding: 0px;
                                                      }

                                                      .tz-gallery .lightbox img {
                                                       width: 100%;
                                                       transition: 0.2s ease-in-out;
                                                       box-shadow: 0 2px 3px rgba(0,0,0,0.2);
                                                      }


                                                      .tz-gallery .lightbox img:hover {
                                                       transform: scale(1.02);

                                                      }

                                                      .tz-gallery img {
                                                       border-radius: 0px;
                                                      }

                                                      .baguetteBox-button {
                                                       background-color: transparent !important;
                                                      }

                                                      .tz-gallery .caption p {
                                                       font-size: 12px;
                                                       line-height: 18px;
                                                       color: #000;
                                                       font-weight: 600;
                                                       margin-top: 10px;
                                                       margin-bottom: 30px;
                                                      }


                                                      @media(max-width: 768px) {

                                                       .footer .logo-crs{
                                                        width: 40%;
                                                        margin-bottom: 20px;
                                                       }

                                                       .colecoes .btn_maincolor {
                                                        width: auto;
                                                       }

                                                       .destaques-home{
                                                        font-size: 24px!important;
                                                       }

                                                       .newsletter-home{
                                                        padding-bottom: 40px!important;
                                                       }

                                                       .portfolio-featured .left h2 {
                                                        font-size: 14px!important;
                                                        line-height: 18px!important;

                                                       }

                                                       .projetos_relacionados h3 a {
                                                        font-size: 18px!important;
                                                        line-height: 22px!important;
                                                       }

                                                       .projetos_relacionados span {

                                                        font-size: 13px!important;
                                                        line-height: 18px!important;

                                                       }

                                                       .service_area h3 {
                                                        font-size: 24px!important;
                                                        line-height: 28px!important;
                                                        margin-top: 20px;
                                                       }

                                                       .about-area {
                                                        padding: 40px 0 40px;
                                                       }

                                                       .title-page {
                                                        font-size: 18px;
                                                        line-height: 26px;

                                                       }

                                                       .parallax_text.carreiras{

                                                        height: 40vh;
                                                        min-height: auto;
                                                        background-attachment: initial;

                                                       }

                                                       .carreiras .title-page{
                                                        margin: 0;
                                                       }

                                                      }       

                                                      .intro-content .title h2{
                                                       font-size: 22px;
                                                       line-height: 28px;
                                                       text-transform: none;
                                                       color: #000;
                                                       letter-spacing: 0.5px;
                                                       margin-bottom: 0;
                                                       font-weight: 600;
                                                       font-family: 'Source Serif Pro', serif;
                                                      }

                                                      .about-content h3{
                                                       font-size: 20px;
                                                       line-height: 1.4;
                                                       text-transform: uppercase;
                                                       color: #000;
                                                       letter-spacing: 0.5px;
                                                       margin-bottom: 10px;
                                                       font-weight: 700;
                                                      }

                                                      .intro-content .subtitle span{
                                                       font-size: 22px;
                                                       line-height: 1.4;
                                                       text-transform: none;
                                                       color: #666666;
                                                       letter-spacing: 0px;
                                                       margin-bottom: 0;
                                                       display: block;
                                                       margin-top: 10px;
                                                       font-weight: 300;
                                                       position: relative;
                                                      }

                                                      .intro-content .subtitle span:after {
                                                       content: '';
                                                       position: absolute;
                                                       left: 0;
                                                       top: 100%;
                                                       margin: 20px auto;
                                                       width: 50px;
                                                       height: 3px;
                                                       background: #000;
                                                       right: 0;
                                                      }

                                                      .intro-content p{
                                                       color: #000;
                                                       font-size: 14px;
                                                       line-height: 26px;
                                                       font-weight: 400;
                                                       display: block;
                                                      }

                                                      .title-newsletter{
                                                       color: #fff;
                                                       font-size: 22px;
                                                       line-height: 28px;
                                                       color: #FFF;
                                                       text-transform: uppercase;
                                                       margin-bottom: 0;
                                                      }


                                                      .copyright{
                                                       color: #000;
                                                       font-family: 'Montserrat', sans-serif;
                                                       font-size: 12px;
                                                       display: block; 
                                                       margin-top: 10px;
                                                       font-weight: 400;
                                                      }

                                                      a.newsletter {
                                                       background: transparent;
                                                       border: 1px solid;
                                                       border-color: #000;
                                                       width: 150px;
                                                       vertical-align: middle;
                                                       line-height: 22px;
                                                       padding: 10px 30px;
                                                       color: #000!important;
                                                       font-size: 10px;
                                                       text-transform: uppercase;
                                                       border-radius: 0;
                                                       display: inline-block;
                                                       text-align: center;
                                                       text-decoration: none!important;
                                                       font-family: 'Montserrat', sans-serif;
                                                      }

                                                      a.newsletter:hover {
                                                       background: #fff;
                                                       border: 1px solid;
                                                       border-color: #fff;

                                                       color: #000!important;

                                                      }


                                                      .wrapper {
                                                       display: flex;
                                                       justify-content: space-between;

                                                      }


                                                      select {
                                                       width: 100%;
                                                       height: 100%;
                                                       margin: 0;
                                                       padding: 0 0 0 .5em;
                                                       color:#000;
                                                       cursor: pointer;
                                                      }


                                                      .destaques-home{
                                                       font-size: 16px;
                                                       line-height: 22px;
                                                       font-family: 'Montserrat', sans-serif;
                                                       text-transform: none;
                                                       font-weight: 500;
                                                       color: #fff;
                                                       letter-spacing: 0px;
                                                       margin: 0;
                                                       border-bottom-style: solid;
                                                       border-bottom-width: 2px;
                                                      }


                                                      .marcas .products-content {
                                                       padding-top: 0px;
                                                      }

                                                      .blog-grid img{
                                                       width: 100%;
                                                       height: auto;
                                                       object-fit: cover;
                                                      }

                                                      .data-box-grid{
                                                       display: block;
                                                       float: right;
                                                       position: absolute;
                                                       text-align: center;
                                                       background: #d21e2b;
                                                       left: 15px;
                                                       top: 15px;
                                                       min-width: 60px;
                                                       padding: 5px;
                                                      }

                                                      .data-box-grid h4{
                                                       color: #fff;
                                                       font-size: 30px;
                                                       font-weight: 400;
                                                       letter-spacing: 2px;
                                                       border-bottom: 1px solid rgba(255, 255, 255, .3);
                                                       margin-bottom: 5px;
                                                      }

                                                      .data-box-grid p{
                                                       color: #fff;
                                                       font-size: 14px;
                                                       font-weight: 400;
                                                      }


                                                      .list-items .box-info .box-footer {
                                                       position: relative;
                                                       display: flex;
                                                       justify-content: space-between;
                                                      }

                                                      .box-item .content {
                                                       padding: 0;
                                                      }

                                                      .box-info {
                                                       position: relative;
                                                       background-color: #fff;
                                                      }

                                                      .list-items .box-info .box-footer.style2 {
                                                       padding: 10px 0;

                                                      }

                                                      .list-items [class*=col-] {
                                                       display: flex;
                                                      }

                                                      .list-flex .box-item, .list-flex .box-info {
                                                       display: flex;
                                                       flex-direction: column;
                                                       justify-content: flex-start;
                                                       align-items: stretch;
                                                       align-content: stretch;

                                                      }

                                                      .list-flex .box-info, .list-flex .box-info .content {
                                                       flex: 1;
                                                      }

                                                      .blog-grid-text span{
                                                       color: #d21e2b;
                                                       font-size: 13px;
                                                       font-weight: 500;
                                                       letter-spacing: 4px;
                                                       text-transform: uppercase;
                                                      }

                                                      .blog-grid-text h4 {

                                                       margin-bottom: 5px;

                                                      }

                                                      .blog-grid-text h4 > a {
                                                       color: #000;
                                                       font-size: 14px;
                                                       line-height: 20px;
                                                       margin-bottom: 0;
                                                       font-weight: 500;
                                                       font-family: 'Montserrat', sans-serif;
                                                      }

                                                      .blog-grid-text h4 > a:hover {
                                                       color: #682475;
                                                       text-decoration: none;
                                                      }

                                                      .blog-grid-text ul li{
                                                       display: inline-block;
                                                       color: #000;
                                                       font-size: 10px;
                                                       margin: 0;
                                                       font-family: 'Montserrat', sans-serif;
                                                      }

                                                      .blog-grid-text ul li i{
                                                       color: #d21e2b;
                                                       font-size: 14px;
                                                       font-weight: 500;
                                                       margin-right: 10px;
                                                      }

                                                      .blog-grid-text p{
                                                       color: #777;
                                                       font-size: 12px;
                                                       font-weight: 400;
                                                       line-height: 22px;
                                                       margin: 0;
                                                      }

                                                      .blog-grid-text .cta-blog{
                                                       color: #000;
                                                       font-size: 12px;
                                                       font-weight: 700;
                                                       line-height: 18px;
                                                       text-transform: uppercase;

                                                      }

                                                      .blog-grid-text .category-blog{
                                                       color: #682475;
                                                       font-size: 11px;
                                                       font-weight: 500;
                                                       line-height: 18px;
                                                       text-transform: uppercase;
                                                       letter-spacing: 1px;
                                                       padding-bottom: 5px;
                                                       padding-top: 10px;
                                                       display: block;
                                                      }

                                                      .blog-grid-text .date-blog{
                                                       color: #777;
                                                       font-size: 11px;
                                                       font-weight: 600;
                                                       line-height: 18px;
                                                       text-transform: none;
                                                       letter-spacing: 0px;
                                                       display: block;
                                                       padding-top: 10px;
                                                      }


                                                      .blog-grid-text .cta-blog{
                                                       color: #000;
                                                       font-size: 12px;
                                                       font-weight: 700;
                                                       line-height: 18px;
                                                       text-transform: uppercase;

                                                      }

                                                      .blog-grid-text .cta-blog:hover{
                                                       color: #682475;
                                                       text-decoration: none;

                                                      }

                                                      .blog-grid-text .cta-blog i {
                                                       color: #682475;
                                                      }



/*------------------
Blog Grid (Style 2)
--------------------*/
.owl-carousel .blog-grid-simple{
 margin: 10px 15px 25px 15px;
}

.blog-grid-simple{
 position: relative;
 background: #fff;
 border-radius: 5px;
 border: 1px solid #ececec;
 -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
 -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
 box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);      
 padding: 30px;
 margin: 15px 0px;
}

.blog-grid-simple h4{
 color: #111;
 font-size: 21px;
 font-weight: 500;
 margin-bottom: 15px;
}

.blog-grid-simple h4 a{
 color: #111;
 font-size: 21px;
 font-weight: 500;
 margin-bottom: 15px;
}

.blog-grid-simple h4 a:before{
 content: '\f0c1';
 font-family: "FontAwesome";
 color: #d21e2b;    
 margin-right: 10px;
 -webkit-transition-duration: .3s;
 transition-duration: .3s; 
}

.blog-grid-simple h4 a:hover{
 color: #d21e2b;
}

.blog-grid-simple p{
 color: #aaa;
 font-size: 15px;
 font-weight: 400;
}

.blog-grid-simple-date i{
 color: #888;
 font-size: 20px;
}
.blog-grid-simple-date h5{
 color: #888;
 font-size: 13px;
 margin-top: 3px;
}

.blog-grid-simple-content{
 border-top: 1px solid #ececec;
 padding-top: 20px;
 margin-top: 15px;
}


.blog-grid-simple-content a{
 display: inline-block;
 color: #d21e2b;
 font-weight: 600;
 font-size: 14px;
 margin-top: 2px;    
}

.blog-grid-simple-content a:after{
 content: '\f105';
 font-size: 14px;
 font-family: "FontAwesome";
 color: #d21e2b;    
 margin-left: 10px;
 -webkit-transition-duration: .3s;
 transition-duration: .3s; 
}

@media (max-width: 767px) {
 .blog-grid-simple-content a:after{    
  display: none;
 }
}


.blog-grid-simple-content a:hover{
 color: #111;
}
.blog-grid-simple-content a:hover:after{
 color: #111;    
}



.news-home h3{
 font-size: 16px;
 text-transform: uppercase;
 font-weight: 700;
 display: block;
 margin-bottom: 20px;
 margin-top: 20px;
}

/*------------------
Blog List
--------------------*/
.blog-list-simple {
 margin: 20px 0px 30px 0px;
}

.data-box-simple{
 display: block;
 float: right;
 position: absolute;
 text-align: center;
 background: #d21e2b;
 left: 20px;
 top: 5px;
 min-width: 60px;
 padding: 5px;
}

.data-box-simple h4{
 color: #fff;
 font-size: 30px;
 font-weight: 400;
 letter-spacing: 2px;
 border-bottom: 1px solid #fff;
 margin-bottom: 5px;
}

.data-box-simple p{
 color: #fff;
 font-size: 14px;
 font-weight: 400;
}

.blog-list-simple-text{
 border-bottom: 1px solid #e8e8e8;
 padding-bottom: 25px;
}

.blog-list-simple-text p{
 font-size: 14px;
 color: #aaa;
 line-height: 1.9;
}

.blog-list-simple-text span{
 color: #d21e2b;
 font-size: 13px;
 font-weight: 500;
 letter-spacing: 4px;
 text-transform: uppercase;
}

.blog-list-simple-text h4{
 color: #111;
 font-size: 20px;
 font-weight: 500;
 margin: 5px 0px 10px 0px;
}

.blog-list-simple-text ul{
 margin: 10px 0px;
}
.blog-list-simple-text ul li{
 color: #999;
 font-size: 14px;
 font-weight: 500;
 padding: 3px 0px;

}

.blog-list-simple-text ul li i{
 color: #d21e2b;
 margin-right: 10px;
 font-size: 14px;
}




/*------------------
Blog Post
--------------------*/
.blog-list-left{
 margin: 30px 0px 20px 0px;
}

.blog-title-box h2{
 color: #000;
 font-family: 'Montserrat', sans-serif;
 font-size: 24px;
 line-height: 28px;
 margin: 20px 0px 0px;
}



.blog-title-box span{
 color: #000;
 font-size: 10px;
 margin: 0;
 font-family: 'Montserrat', sans-serif;
}

.blog-title-box span i{
 color: #d21e2b;
 font-size: 16px;
 margin-right: 8px; 
}

.blog-post-content p{
 color: #000;
 font-family: 'Montserrat', sans-serif;
 font-size: 13px;
 line-height: 18px;
 margin: 15px 0px 15px 0px;    
}

.blog-post-content .title{
 padding-top: 30px;
 color:#000;
 font-size: 12px;
 line-height: 14px;
 text-transform: uppercase;
 font-family: 'Montserrat', sans-serif;
 font-weight: 700;
}

.cta-back a{
 color: #000;
 font-family: 'Montserrat', sans-serif;
 font-size: 10px;
 line-height: 14px;
 text-transform: uppercase;
 text-decoration: underline;
 font-weight: 700;
 letter-spacing: 0.5px;
}

.cta-back a:hover{

 text-decoration: none;

}

.data-box{
 display: block;
 float: right;
 position: relative;
 text-align: center;
 background: #d21e2b;
 right: 20px;
 top: -95px;
 min-width: 60px;
 padding: 5px;
}

.data-box h4{
 color: #fff;
 font-size: 30px;
 font-weight: 400;
 letter-spacing: 2px;
 border-bottom: 1px solid #fff;
 margin-bottom: 5px;
}

.data-box strong{
 color: #fff;
 font-size: 14px;
 font-weight: 400;
}



.form-area ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #000;
 font-size: 11px;
 opacity: 1!important;
 font-weight: 400;
}
.form-area ::-moz-placeholder { /* Firefox 19+ */
 color: #000;
 font-size: 11px;
 opacity: 1!important;
 font-weight: 400;
}
.form-area :-ms-input-placeholder { /* IE 10+ */
 color: #000;
 font-size: 11px;
 opacity: 1!important;
 font-weight: 400;
}
.form-area :-moz-placeholder { /* Firefox 18- */
 color: #000;
 font-size: 11px;
 opacity: 1!important;
 font-weight: 400;
}
.form-area textarea::-webkit-input-placeholder {
 color: #000;
 font-size: 11px;
 opacity: 1!important;
 font-weight: 400;
}

.form-area input:focus, .form-area textarea:focus {
 outline: none;
 background-color: #f5f5f8;
}



.form-area input, .form-area textarea {
 font-size: 11px;
 background-color: #f5f5f8;
 padding: 15px;
 border: none;
 width: 100%;
 box-shadow: none!important;
 outline: none!important;
}


.form-control {

 height: auto;

}

#loadmodal .modal-header{
 padding-top: 5px!important;
 padding-bottom: 0!important;
 background-color: transparent;
}

#loadmodal .modal-header .close {
 color: #6d6e70;
 opacity: 1;

}

#loadmodal .btn_maincolor {
 padding: 5px 20px;
 color: #fff;
 font-size: 11px;
 background-color: #a87c4f;
 border: 1px solid #a87c4f; 
}

#loadmodal .btn_maincolor:hover {
 color: #6d6e70;
 background-color: transparent;
 border: 1px solid #6d6e70; 
}

#loadmodal .title-page {
 color: #000;

}

#loadmodal .modal-content h3{
 font-size: 18px;
 line-height: 22px;
 margin-top: 20px;
}

.modal-open #loadmodal {
 background: rgba(0,0,0,0.40);
 z-index: 99999999!important;
}

#loadmodal .modal-dialog{
 margin-top: 30px;
}

/*body.modal-open > :not(.modal) {
    -webkit-filter: blur(0.5px);
    -moz-filter: blur(0.5px);
    -o-filter: blur(0.5px);
    -ms-filter: blur(0.5px);
    filter: blur(0.5px);
    }*/

    #loadmodal {
     z-index:100000!important;
     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
     height: auto!important;
    }


    input::-webkit-input-placeholder {
     font-size: 14px;
     line-height: normal;
     color: #6d6e70;
     display: block;
     opacity: 0.6!important;
    }

    /*search START*/
    #search-input{
     padding: 0px;
     border: none;

     border-radius: 0px;
     background: #fff;
     padding: 5px;
     border-bottom: 1px solid #dfdfdf;
    }


    #search-input input{
     font-family: 'Montserrat', sans-serif;
     border: 0;
     border-radius: 0px;
     box-shadow: none;
     font-size: 12px;
    }

    #search-input button{
     margin: 2px 0 0 0;
     background: none;
     box-shadow: none;
     border: 0;
     outline: none !important;

    }
    #search-input .glyphicon-search{
     font-size: 13px;
     color: #111;
    } 


    .blog-list-left-heading{
     margin: 10px 0px;
     padding-top: 15px;
    }



    .blog-list-right h4{
     color: #000;
     font-size: 13px;
     font-family: 'Montserrat', sans-serif;
     margin: 0px 0px 10px 0px;
    }


    .blog-categories ul{
     margin-top: 20px;
     padding: 0px;
    }

    .blog-categories ul li{
     display: block;
     position: relative;
     list-style-type: none;
     border-bottom: 1px solid #ececec;
    }

    .blog-categories ul li a{
     display: block;
     font-size: 15px;
     font-weight: 500;
     padding: 18px 0px 18px 0px;
     color: #333;
    }

    .blog-categories ul li a:before {
     content: "\f00c";
     font-family: FontAwesome;
     color: #333;
     font-size: 14px;
     margin-right: 10px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;     
    }

    .blog-categories ul li a:hover{
     color: #d21e2b;
    }

    .blog-categories ul li a:hover:before{
     margin-right: 15px;
     color: #d21e2b;
    }


    .img-thumbnail {
     padding: 0;
     background-color: none;
     border: none;
     border-radius: 0;
     max-width: 100%;
     height: auto;
    }

    .latest-posts{
     margin: 5px 0px;
     padding: 15px 0px;
     border-bottom: 1px solid #ececec; 
    }

    @media (max-width: 767px) {
     .latest-posts-text{
      margin-top: 10px;
     }
     .blog-post-left{
      margin-top: 20px;
     }
    }

    .latest-posts-text a{
     display: block;
     font-size: 11px;
     line-height: 16px;
     color: #000;
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s; 
    }
    .latest-posts-text a:hover{
     text-decoration: underline;
    }

    .latest-posts-text span{
     font-size: 10px;
     font-family: 'Montserrat', sans-serif;
     color: #000;
    }


    /*Archives*/
    .archives ul{
     margin-top: 20px;
     padding: 0px;
    }

    .archives ul li{
     list-style-type: none;
     border-bottom: 1px solid #ececec;
     padding: 13px 0px 13px 0px;
    }

    .archives ul li a{
     color: #444;
     font-size: 14px;
     font-weight: 500;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s; 
    }
    .archives ul li a:hover{
     color: #d21e2b;
     font-size: 14px;
    }

    .archives ul li span{
     float: right;
     color: #d21e2b;
     font-size: 13px;
     font-weight: 500;
    }


    /*Share Links*/
    .blog-share{
     list-style-type: none;
     margin-top: 20px;
    }

    .blog-share ul{
     background: #f1f1f1;        
     padding: 15px;
     border-radius: 5px;

    }

    .blog-share ul li{
     display: inline-block;
     padding-right: 20px;
    }

    .blog-share ul li a{   
     color: #6b6b6b;
     font-size: 15px;
    }
    .blog-share ul li a:hover{   
     color: #d21e2b;
    }





    .button-tag{
     display: inline-block;
     font-size: 10px; 
     font-family: 'Montserrat', sans-serif;
     margin: 0px 5px 5px 0px;
     padding: 3px 10px !important;
    }


    .primary-button{
     background-color: #000;
     color: #fff;
     border: 1px solid #000;
    }

    .primary-button:hover{
     background-color: #fff;
     color: #000;
     border: 1px solid #000;
    }


    .blog-grid-text ul{
     padding-left: 0px;
     margin-bottom: 0px;
    }


    .blog-grid-img span.tag {
     background: #682475;
     color: #fff;
     display: flex;
     font-size: 10px;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
     top: 15px;
     padding: 0 10px;
     border-radius: 50px;
     right: 30px;
     height: 22px;
     width: auto;
     line-height: 22px;
    }
    .blog-grid-img span.tag:before {
     border: 11px solid #aaa;
     border-right: none;
     border-color: #000 transparent #000 transparent;
     position: absolute;
     left: 0;
     top: 0;
    }

    span.tag {
     background: #682475;
     color: #fff;
     display: inline-block;
     font-size: 10px;
     position: relative;
     text-align: center;
     text-transform: uppercase;
     margin-bottom: 15px;
     padding: 0 10px;
     border-radius: 50px;
     height: 22px;
     width: auto;
     line-height: 22px;
    }
    span.tag:before {
     border: 11px solid #aaa;
     border-right: none;
     border-color: #000 transparent #000 transparent;
     position: absolute;
     left: 0;
     top: 0;
    }




    @media (max-width: 767px){
     .luc-desktop {
      display: none;
     }

     .luc-mobile {
      display: initial;
     }

     .desktop_filters{
      display: none;
     }

     .products-content{
      padding-top: 60px;
      padding-bottom: 5px;
     }

     .info-envio{
      display: block;
      height: auto;
      padding-top: 8px;
      padding-bottom: 8px;
      position: fixed;
      z-index: 999;
      margin-top:60px;
     }

     .info-envio a small {
      font-size: 10px;
     }



     .no-gutter>[class^="col-"]{
      padding-left: 5px;
      padding-right: 5px;
     }

     #featured-home p{
      display: none;
     }

     .nav-pills > li > a {
      font-size: 10px!important;

      padding: 10px 8px!important;


     }

     .row .no-padding {
      margin-left: 0;
      margin-right: 0;
     }


     .about {
      padding-bottom: 0px!important;
     }

     .contactos .menu-lateral {
      padding-top: 30px!important;
     }

     .marcas .products-content {
      padding-top: 0px!important;
      padding-bottom: 20px!important;
     }

     .lojas .menu-lateral:first-of-type {
      padding-bottom: 0px!important;
     }

     .lojas .menu-lateral {
      padding-top: 30px!important;
     }

     .lojas {
      padding-bottom: 0px!important;
     }

     .contactos {
      padding-top: 30px!important;
      padding-bottom: 20px!important;
     }

     .google-maps{

      margin-bottom: 20px!important;
     }


     .about img{
      padding-bottom: 30px;
     }

     .item-product {

      padding: 0!important;

     }



     #featured-home{
      padding-bottom: 0px!important;
      padding-top: 30px!important;
     }

     .products-content h1{
      text-align: center;
     }

     .footer .phone-number {

      color: #000!important;
     }

     .item-product .btn_maincolor{
      display: none!important;
     }

     .carousel-caption h1 {

      font-size: 28px;

     }

     .carousel-caption p {

      font-size: 16px;

     }

     .carousel-caption .btn_maincolor {

      font-size: 10px;
      padding: 8px 20px;

     }

     .page-title h1 {

      font-size: 22px!important;
      line-height: 28px!important;
     }

     .portfolio-featured .portfolio-filter h2{
      display: none;
     }

     .portfolio-featured .left h2 {
      font-size: 14px!important;
      line-height: 18px!important;

     }

     .news-home img{
      padding-bottom: 20px;
     }

     .intro-content .title h2 {
      font-size: 22px;

     }

     .intro-content .subtitle span {
      font-size: 16px;

     }

     .latest-posts .row > .latest-posts-text{
      padding-left: 15px!important;
     }

     .parallax_text h2 {

      font-size: 20px;
      line-height: 24px;

     }

     .parallax_text p {

      font-size: 15px;
      line-height: 22px;

     }

     .btn_maincolor{
      width: auto!important;
     }

     .parallax_text.numeros{
      padding: 40px 0 30px!important;
     }

     .number {
      font-size: 24px!important;
      line-height: 28px!important;
     }

     .parallax_numbers p{
      font-size: 14px!important;
      line-height: 20px!important;
     }

     .numeros{
      padding-top: 40px!important;
      padding-bottom: 10px!important;
     }

     .numeros p {
      font-size: 14px;
      line-height: 20px;
     }

     .about-area .about-content h3 {
      font-size: 24px;
      line-height: 28px;
     }

     .service_area{
      padding-bottom: 20px!important;
     }


     .service_area .margin-t {
      margin-top: 30px!important;
     }

     .about-area .about-content span {
      font-size: 16px;
      line-height: 20px;

     }

     .areas-negocio{
      padding-top: 30px!important;
      padding-bottom: 30px!important;
     }

     .areas-negocio h3 {
      font-size: 14px;
      line-height: 20px;
     }

     #sobre{
      padding-top: 30px!important;
      padding-bottom: 30px!important;
     }

     #sobre #faq .card .card-header .btn-header-link {
      font-size: 12px!important;
     }

     #sobre h2{

      margin-bottom: 30px!important;
      margin-top: 10px!important;

     }

     .portfolio-featured .fit-360{
      height: auto!important;
     }

     .page-title.detail-bg {
      padding-top: 30px!important;
      padding-bottom: 40px!important;
     }

     .contactos form{
      margin-top: 30px!important;
     }

     .portfolio-featured h2.title-page{
      margin-bottom: 30px;
     }

     .portfolio-featured .portfolio-filter{
      margin-bottom: 20px;
     }

     .about-area {
      padding: 20px 0 20px;
     }

     .about-area img{
      margin-top: 30px;
     }

     .about-area .bg-row{
      padding: 0;
      box-shadow: none;
      border: none;
     }

     .jobs .bg-row{
      padding: 30px 0px;
     }

     .detail-job .logo{
      margin-top: 30px;
     }

    }

    @media (max-width: 1199px){

     .about-area .about-content {

      max-width: 100%;

      padding: 20px;
     }

     .page-title.detail-bg {
      padding-top: 80px;
      padding-bottom: 80px;
     }

     .page-title h1 {

      font-size: 28px;
      line-height: 34px;
     }

     .service_area .flex-row-reverse .service_area_content {

      padding-right: 0;
     }

     .service_area .service_area_content {
      padding-left: 0;
     }

     .detail-job{
      padding-top: 30px!important;
     }


     .page-title{
      height: 40vh;
     }

     .carousel-item img {
      height: 50vh !important;

     }

     .banner {

      height: auto;

     }
    }


    @media (min-width: 768px){
     .luc-desktop {
      display: initial;
     }

     .luc-mobile {
      display: none;
     }
     .desktop_filters{
      display: flex;
     }
     .products-content{
      padding-top: 20px;
     }


    }

    .sm-title{
     padding-top: 0!important;
    }

    .footer .accordion{
     padding-bottom: 30px!important;
    }

    .about p{
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
    }

    .filter_mobile{
     position: fixed;
     background-color: #000;
     z-index: 600;
     padding: 10px;
    }

    .filter_mobile a{
     color: #fff;
    }

    .filter_mobile a::after{
     text-decoration: none;
    }

    .filter_mobile span{
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     line-height: 16px;
    }
    #filters{
     top:6%;
    }

    .slider-responsabilidade .slick-next {
     right: 20%;
    }

    .slider-responsabilidade .slick-prev {
     left: 20%;
     z-index: 1;
    }

    .slider-responsabilidade .slick-dots li {

     margin: 0;

    }

    .slider-responsabilidade .slick-slide img:hover {
     cursor: pointer;
    }
      @media (max-width: 1024px){
        .slick-arrow{
            display:none!important;
        }
        p{
 font-family: 'Montserrat', sans-serif;
 color:#000;
 font-size: 13px!important;
 line-height: 26px;
}
      }