/* ==========================================================================
   TABLE OF CONTENTS
    
	01. BOOT PRINCIPAL
    02. DEBUG
    03. MEDIAS QUERIES

    PROCEDIMENTOS INICIAIS
    01. Trocar cores das principais classes usadas:
        * bg-theme
        * btn-theme
        * jconfirm .jconfirm-box

   ========================================================================== */

/* 
01. BOOT PRINCIPAL ____________________________________________________________________________________________________ */

/* BACKGROUND COLOR */
.bg-none{ background-color: transparent !important; }
.bg-theme{ background-color: #282251 !important; }

/* BOTÕES */
.btn-theme{background-color: #282251 !important; color: #fff !important; }

/* FONT WEIGHT */
.font-thin{font-weight: 100 !important;}
.font-light{font-weight: 300 !important;}
.font-normal{font-weight: 400 !important;}
.font-bold{font-weight: 700 !important;}

/* FONT COLOR */
.font-color-white{ color: #fff !important;}
.font-color-black{ color: #000 !important;}
.font-color-yellow{ color: #ffc107 !important; }
.font-color-theme{ color: #282251 !important; }
.font-color-default{ color: #828282 !important; }

/* FONT SIZE EM */
.font-zero{font-size: 0em !important;}

/* FONT SIZE PX */
.font-size-11{ font-size: 11px !important; }
.font-size-16{ font-size: 16px !important; }
.font-size-18{ font-size: 18px !important; }
.font-size-20{ font-size: 20px !important; }

/* TEXT TRANSFORM */
.text-transform-uppercase{ text-transform: uppercase !important; }
.text-transform-lowercase{ text-transform: lowercase !important; }
.text-transform-capitalize{ text-transform: capitalize !important; }

/* TEXT DECORATION */
.text-decoration-none{ text-decoration: none; }
.text-decoration-overline{ text-decoration: overline; }
.text-decoration-line-through{ text-decoration: line-through; }
.text-decoration-underline{ text-decoration: underline !important; }

/* TEXT ALIGN */
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center !important;}
.text-justify{text-align: justify !important;}

/* TEXT ALIGN LAST */
.tal-center{ text-align-last: center; }
.tal-right{ text-align-last: right; }
.tal-left{ text-align-last: left; }

/* FLOAT */
.fl-left{float: left !important;}
.fl-right{float: right !important;}
.fl-none{float: none !important;}

/* DISPLAY */
.ds-block{display: block !important;}
.ds-inblock{display: inline-block !important;}
.ds-inline{display: inline;}
.ds-none{display: none;}

/* VERTICAL ALIGN */
.va-middle{vertical-align: middle;}

/* WHITE-SPACE */
.ws-nowrap{ white-space: nowrap; }
.ws-normal{ white-space: normal; }

/* CURSOR */
.cursor-pointer{ cursor: pointer; }

/* POSITION */
.position-absolute{ position: absolute !important; }
.position-relative{ position: relative !important; }
.position-fixed{ position: fixed !important;  }
.position-static{ position: static !important; }


/* HELPERS */
.textshadow{text-shadow: 1px 1px 0 #ccc;}
.boxshadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);}
.radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.round{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.last{margin-right: 0 !important;}
.clear{clear: both;}

/* BORDER */
.border-gray{ border: 1px solid #ccc;}
.bt-none{ border-top: none; }
.bb-none{ border-bottom: none; }
.bl-none{ border-left: none !important; }
.br-none{ border-right: none; }

.rounded{border-radius: 5px !important;}
.b-thin{border-width: 3px !important;}
.b-normal{border-width: 5px !important;}
.b-thick{border-width: 7px !important;}

/* BOX */
.box{width: auto; float: left;}
.box-line{float: left; width: 100%;}
.box-small{width: 22.75%; margin-right: 3%;}
.box-medium{width: 30%; margin-right: 5%;}
.box-large{width: 46.5%; margin-right: 7%;}
.box-full{width: 100% !important; }
.box-902{width: 75%;}
.box-forthree{width: 64%;}
.box-forthreesmall{width: 30%;}

/* TRIGGER */
.trigger{ float: left; width: 100%; padding: 25px; font-size: 1.2em; margin-bottom: 30px; }
.trigger-bottom{ margin: 30px 0 0 0; }
.trigger-accept{ background-color: #accc9a; color: #6b7f60; }
.trigger-infor{ background-color: #9ab7cc; color: #60727f; }
.trigger-alert{ background-color: #c6b247; color: #776b2b; }
.trigger-error{ background-color: #e69f9f; color: #996a6a; }

/* SPACEMENT */

/* spacement top & bottom */
.m-none{margin: 0 !important;}
.m-auto{margin: 0 auto !important;}

.m-xs{margin: 5px !important;}
.m-sm{margin: 10px !important;}
.m-md{margin: 15px !important;}
.m-lg{margin: 25px !important;}
.m-xl{margin: 40px !important;}

.m-main-xs{ margin: 50px !important; }
.m-main-sm{ margin: 60px !important; }
.m-main-md{ margin: 70px !important; }
.m-main-lg{ margin: 80px !important; }
.m-main-xl{ margin: 90px !important; }

/* spacement top    */
.mt-none{margin-top: 0 !important;}
.mt-xs{margin-top: 5px !important;}
.mt-sm{margin-top: 10px !important;}
.mt-md{margin-top: 15px !important;}
.mt-lg{margin-top: 25px !important;}
.mt-xl{margin-top: 40px !important;}

/* spacement bottom */
.mb-none{margin-bottom: 0 !important;}
.mb-xs{margin-bottom: 5px !important;}
.mb-sm{margin-bottom: 10px !important;}
.mb-md{margin-bottom: 15px !important;}
.mb-lg{margin-bottom: 25px !important;}
.mb-xl{margin-bottom: 40px !important;}
.mb-80{ margin-bottom: 80px !important;}

/* spacement left   */
.ml-none{margin-left: 0 !important;} 
.ml-xs{margin-left: 5px !important;}
.ml-sm{margin-left: 10px !important;}
.ml-md{margin-left: 15px !important;}
.ml-lg{margin-left: 25px !important;}
.ml-xl{margin-left: 40px !important;}

/* spacement right  */
.mr-none{margin-right: 0 !important;}
.mr-xs{margin-right: 5px !important;}
.mr-sm{margin-right: 10px !important;}
.mr-md{margin-right: 15px !important;}
.mr-lg{margin-right: 25px !important;}
.mr-xl{margin-right: 40px !important;}

/* Spacement Padding */
.p-none{padding: 0 !important;}
.p-xs{padding: 5px !important;}
.p-sm{padding: 10px !important;}
.p-md{padding: 15px !important;}
.p-lg{padding: 25px !important;}
.p-xl{padding: 40px !important;}

/* spacement top    */
.pt-none{padding-top: 0 !important;}
.pt-xs{padding-top: 5px !important;}
.pt-sm{padding-top: 10px !important;}
.pt-md{padding-top: 15px !important;}
.pt-lg{padding-top: 25px !important;}
.pt-xl{padding-top: 40px !important;}
.pt-80{ padding-top: 80px;}

/* spacement bottom */
.pb-none{padding-bottom: 0 !important;}
.pb-xs{padding-bottom: 5px !important;}
.pb-sm{padding-bottom: 10px !important;}
.pb-md{padding-bottom: 15px !important;}
.pb-lg{padding-bottom: 25px !important;}
.pb-xl{padding-bottom: 40px !important;}
.pb-80{ padding-bottom: 80px;}

/* spacement left   */
.pl-none{padding-left: 0 !important;}
.pl-xs{padding-left: 5px !important;}
.pl-sm{padding-left: 10px !important;}
.pl-md{padding-left: 15px !important;}
.pl-lg{padding-left: 25px !important;}
.pl-xl{padding-left: 40px !important;}

/* spacement right  */
.pr-none{padding-right: 0 !important;}
.pr-xs{padding-right: 5px !important;}
.pr-sm{padding-right: 10px !important;}
.pr-md{padding-right: 15px !important;}
.pr-lg{padding-right: 25px !important;}
.pr-xl{padding-right: 40px !important;}

/* OPACITY */
.opacity-0-10{ opacity: 0.10 !important; }
.opacity-0-15{ opacity: 0.15 !important; }
.opacity-0-20{ opacity: 0.20 !important; }
.opacity-0-25{ opacity: 0.25 !important; }
.opacity-0-30{ opacity: 0.30 !important; }
.opacity-0-35{ opacity: 0.35 !important; }
.opacity-0-40{ opacity: 0.40 !important; }
.opacity-0-45{ opacity: 0.45 !important; }
.opacity-0-50{ opacity: 0.50 !important; }
.opacity-0-55{ opacity: 0.55 !important; }
.opacity-0-60{ opacity: 0.60 !important; }
.opacity-0-65{ opacity: 0.65 !important; }
.opacity-0-70{ opacity: 0.70 !important; }
.opacity-0-75{ opacity: 0.75 !important; }
.opacity-0-80{ opacity: 0.80 !important; }
.opacity-0-85{ opacity: 0.85 !important; }
.opacity-0-90{ opacity: 0.90 !important; }
.opacity-0-95{ opacity: 0.95 !important; }
.opacity-1{ opacity: 1 !important; }

/* WIDHT */
.wd-10{ width: 10%; }
.wd-15{ width: 15%; }
.wd-20{ width: 20%; }
.wd-25{ width: 25%; }
.wd-30{ width: 30%; }
.wd-35{ width: 35%; }
.wd-40{ width: 40%; }
.wd-45{ width: 45%; }
.wd-50{ width: 50%; }
.wd-55{ width: 55%; }
.wd-60{ width: 60%; }
.wd-65{ width: 65%; }
.wd-70{ width: 70%; }
.wd-75{ width: 75%; }
.wd-80{ width: 80%; }
.wd-85{ width: 85%; }
.wd-90{ width: 90%; }
.wd-95{ width: 95%; }
.wd-100{ width: 100%; }


/* 
2. DEBUG ____________________________________________________________________________________________________ __________________ */


/*==============================================
	PLUGINS
==============================================*/


/* HTML5 LIGHTBOX */
#html5-watermark{ display: none !important; } /* =>  retirna mensagem de plguin pro do lightbox */
.html5-title{ text-align: center; }

/* JQUERY UI AUTOCOMPLETE */
.ui-autocomplete{ max-width: 1110px; } /* pagina de validaç~so de certificado e declarações*/

/* BACK TO TOP */
#back-to-top a:hover{ background-color: #282251 !important; color: #282251 !important; }

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box{ border-top: solid 7px #282251 !important; }
.jconfirm .jconfirm-box div.jconfirm-closeIcon{ top: 11px !important; }
.jconfirm .jconfirm-title{ font-size: 19px !important; }

/* Alinha o conteudo jquery confirm para o centro*/
.jconfirm .jconfirm-box{ text-align: center !important; }
.jconfirm .jconfirm-content{ text-align: center !important; }
.jconfirm .jconfirm-buttons{ text-align: center !important; float: none !important; }

/* BOX SLIDER*/
.bx-wrapper{ border: none !important; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align: center !important; width: 100% !important; }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{ bottom: 60px !important; }
.bx-wrapper .bx-controls-direction a{ z-index: 99 !important; }

/* GOOGLE */
.g-recaptcha > div{ margin: 0 auto; }



/*==============================================
	INDEX
==============================================*/


/* SERVIÇOS */

.service .d-product-bg{ position: absolute; background: rgba(40, 34, 81, 0.65) !important; width: 100%; height: 100%; z-index: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.service .service-img{ position: relative; overflow: hidden; }
.service .service-img img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.service .service-img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.service .service-img:hover .d-product-bg {  background-color: transparent !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;  }

/* Formulário modal de serviços */
form[name="form-service-email"] .form-control{ margin-bottom: 20px; line-height: 39px; text-align: center; }
form[name="form-service-email"] input.form-control{ height: 39px;  }
form[name="form-service-email"] textarea.form-control{  line-height: normal; height: 90px; text-align: center; }

form[name="form-service-whatsapp"] .form-control{ margin-bottom: 25px; line-height: 39px; text-align: center; }
form[name="form-service-whatsapp"] textarea.form-control{ line-height: normal; height: 90px; text-align: center; }


/* PARALLAX */
#cta-3 h2{ padding: 5px; font-size: 40px; width: auto !important; opacity: 0.7; }
#cta-3 p{ padding: 10px !important; opacity: 0.7; }
.bg-overlay-theme:before{ background-color:  transparent !important; }


/* DEPOIMENTOS */
.testimonial-4 .testimonial-content:before{ content: "" !important; }
.testimonial .owl-controls .owl-dot.active span, .testimonial .owl-controls.clickable .owl-dot:hover span{ background-color: #282251 !important; }


/*==============================================
	GALERIAS
==============================================*/


.project-img .project-hover{ background-color: rgba(40, 34, 81, 0.90) !important; }
.project-img .d-ref-gallery{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.project-img .project-zoom a{ color: #fff !important; }
.project-img .project-hover div a:hover{ color: #e6e6e6 !important; }


/*==============================================
	PRODUTOS
==============================================*/


.shop-content .product-item{ cursor: pointer; }
.shop-content .product-item h4{ height: 50px; max-height: 50px; }
.shop-content .d-product-bg{ position: absolute; background: rgba(40, 34, 81, 0.65) !important; width: 100%; height: 100%; z-index: 1; }
.product-item .product-img .product-hover{ background-color: transparent !important; background-image: none !important; z-index: 2; }
.product-item .product-img:hover .d-product-bg{ background: transparent !important; }
.product-item .product-img:hover .product-hover{ background-color: transparent !important; background-image: none !important; }

/* Formulário modal de Produtos */
form[name="form-product-email"] .form-control{ margin-bottom: 35px; line-height: 39px; text-align: center; }
form[name="form-product-email"] input.form-control{ height: 39px;  }
form[name="form-product-email"] textarea.form-control{  line-height: normal; height: 90px; text-align: center; }

form[name="form-product-whatsapp"] .form-control{ margin-bottom: 25px; line-height: 39px; text-align: center; }
form[name="form-product-whatsapp"] textarea.form-control{ line-height: normal; height: 90px; text-align: center; }


/*==============================================
	CONTATO
==============================================*/

.d-block-info-contact .list a:hover{ color: #333 !important; }

.google-maps iframe{ width: 100% !important; float: left; }

form[name="contato"] textarea.form-control{ line-height: normal; }

/*==============================================
	ORÇAMENTO
==============================================*/

form[name="form-orcamento-email"] .form-control{ margin-bottom: 20px; line-height: 39px; text-align: center; }
form[name="form-orcamento-email"] input.form-control{ height: 39px;  }
form[name="form-orcamento-email"] textarea.form-control{  line-height: normal; height: 90px; text-align: center; }

form[name="form-orcamento-whatsapp"] .form-control{ margin-bottom: 25px; line-height: 39px; text-align: center; }
form[name="form-orcamento-whatsapp"] textarea.form-control{ line-height: normal; height: 90px; text-align: center; }



/*==============================================
	EMPRESA
==============================================*/


.accordion .panel-heading .accordion-toggle:after{ background-color: #282251 !important; color: #FFF !important;  }


/*==============================================
	SUBPAGINAS
==============================================*/

/* HEADING */
.page-title .title-bg:before{ background-color: transparent;}
.heading-bg:before{ border: none !important; }
.heading h2:after{ content: "" !important; }

/* MANUTENÇÃO */
.mainten-page h1:after{ content: ""; }


/*==============================================
	HEADER
==============================================*/



/*==============================================
	MENU
==============================================*/

header .nav li a::selection{ background: none; }
.header-10 .navbar{ background-color: rgba(0, 0, 0, 1); }

.navbar-toggle{ border-color: #fff; }
.navbar-toggle .icon-bar{ background-color: #fff !important; }


/*==============================================
	SLIDE
==============================================*/

.hero-slide{ height: auto !important; background-color: rgba(255, 255, 255, 0.80); }
.hero-slide .slide-title h2{ font-size: 16px !important; }

/*==============================================
	FOOTER
==============================================*/

.footer-widgtes .widget-contact-info a:hover{ color: #fff !important; }
.footer-widgtes .widget-contact-info a:hover p{ color: #fff !important; }
.widgets-contact{ background-color: transparent !important; }
.widgets-contact .widget-contact-icon:after{ margin-left: 0; background-color: transparent; }
.d-location-line-heigth{ line-height: 26px !important;  }


/*==============================================
	EFEITOS GERAIS
==============================================*/

.bootstrap-growl{ z-index: 999999999 !important; }


.content-center-absolute{ position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.element-center-absolute{ position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: auto !important; }
.absolute-center{ display: flex; align-items: center; justify-content: center; text-align: center; }

textarea { resize: none; }

/* PLACEHOLDER */
::-webkit-input-placeholder { text-align: center; }
:-moz-placeholder { Firefox 18- text-align: center; }
::-moz-placeholder { Firefox 19+ text-align: center; }
:-ms-input-placeholder { text-align: center; }

/* 
3. MEDIA QUERIES ____________________________________________________________________________________________________ */



@media (max-width: 1200px) {

}

@media (min-width: 991px) {
   
}

@media (max-width: 1006px) {

}
    
@media (max-width: 991px) { 
   
    /* MENU */
    .module-search .search-icon i{ padding-left: 0 !important; }
}


@media (max-width: 768px) {
   .j-confirm-product .jconfirm-buttons button{ float: none !important; width: 100%; margin-bottom: 10px; }
}

@media (max-width: 640px) {

     
}

@media (max-width: 600px) {
    
  
 
}

@media (max-width: 500px) {
   
}

@media (max-width: 480px) {
  
  
}

@media (max-width: 320px) {
	
}

@media (min-width: 991px) {
    
}