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

    * Cores do template
    * Cinza #536385
    * Vermelho #BB2821

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

/* 
01. BOOT PRINCIPAL ____________________________________________________________________________________________________ */

/* VAR */
:root {
    --theme: #536385;
    --theme-2: #BB2821;
}

/* BACKGROUND COLOR */
.bg-none{ background-color: transparent !important; }
.bg-theme{ background-color: var(--theme) !important; }
.bg-theme-v2{ background-color: var(--theme-2) !important; }
.bg-white{ background-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: var(--theme-2) !important; }
.font-color-default{ color: #828282 !important; }

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

/* FONT SIZE PX */
.font-size-10{ font-size: 10px !important; }
.font-size-12{ font-size: 12px !important; }
.font-size-14{ font-size: 14px !important; }
.font-size-16{ font-size: 16px !important; }
.font-size-18{ font-size: 18px !important; }
.font-size-20{ font-size: 20px !important; }
.font-size-22{ font-size: 22px !important; }
.font-size-24{ font-size: 24px !important; }
.font-size-26{ font-size: 26px !important; }
.font-size-28{ font-size: 28px !important; }
.font-size-30{ font-size: 30px !important; }
.font-size-32{ font-size: 32px !important; }
.font-size-34{ font-size: 34px !important; }
.font-size-36{ font-size: 36px !important; }
.font-size-38{ font-size: 38px !important; }
.font-size-40{ font-size: 40px !important; }
.font-size-42{ font-size: 42px !important; }
.font-size-44{ font-size: 44px !important; }
.font-size-46{ font-size: 46px !important; }
.font-size-48{ font-size: 48px !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; }

/* LINE-HEIGHT */
.lh-inherit{ line-height: inherit !important; }
.lh-normal{ line-height: normal !important; }

/* 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; }

/* BOTÕES */
.btn-theme{ background-color: var(--theme) !important; color: #fff !important; }
.btn-theme-v2{ background-color: var(--theme-2) !important; color: #fff !important; }

/* BORDER */
.border-theme{ border: 2px solid var(--theme) !important; }
.border-theme-v2{ border: 2px solid var(--theme-2) !important; }

.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;}


/* 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 ____________________________________________________________________________________________________ __________________ */


/* 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; 
}


/********** PLUGINS  **********/

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

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

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box{ text-align: center; }
.jconfirm .jconfirm-buttons{ text-align: center !important; float: none !important; }
.jconfirm .jconfirm-box{ border-top: solid 7px var(--theme) !important; }

.jconfirm-supervan .jconfirm-box{ border: none !important; }
.jconfirm-supervan .jconfirm-bg{ background: rgba(162,9, 30, 0.90) !important; }

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{ color: var(--theme) !important; }
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{ font-size: 18px !important; }
.jconfirm .jconfirm-box div.jconfirm-closeIcon{ top: 11px !important; }

/* SLIDER */
.bx-wrapper{ border: none !important; }
.bx-wrapper .bx-viewport{ height: auto !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: 1; }

/* HTML5 LIGHTBOX */
.html5-title{ text-align: center; }
.html5-description{ text-align: center; }

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

/* NOTIFICAÇÃO */
.bootstrap-growl{ z-index: 99999 !important; }


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


/* EMPRESA */
.d-about-text{ color: #6a6a6a; line-height: 1.8em; margin-bottom: 15px;}


/* SERVIÇOS */
.services-s3-grids .grid .details{ background-color: var(--theme) !important; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.services-s3 .details h3{ font-size: 1em !important; }
.services-s3 .details h3 a:hover{ color: #ddd !important; }


/* PRODUTOS */
.recent-projects-grids .project-info, .projects-grid-view .project-info{ border: 2px solid var(--theme) !important; }
.recent-projects-grids .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .projects-grid-view .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: var(--theme-2) !important; }
.shop .grid{ cursor: pointer; }

.products-grids .grid .product-info{ background: #fff !important; }
.products-grids .grid:hover .product-info{ background-color: #051829 !important;  }
.products-grids .grid:hover .product-info h3 a{  color: var(--theme-2) !important; }
.products-grids .grid:hover .product-info span{  color:var(--theme-2) !important; }
.products-grids .product-info .price{ color: #444; }
.products-grids .grid{ box-shadow: none !important; -webkit-box-shadow: none !important; }

html .html5-description{ position: absolute !important; bottom: 48px !important; text-align: center !important; width: 97.6%;   }
html .html5-description button{ background-color: rgba(83,99,133, 0.75) !important; border: 0 !important; padding: 8px 28px; display: inline-block; margin-bottom: 5px; }


/* DEPOIMENTOS */
.testimoials-s2-slider .testimoials-s2-grid:after, .testimoials-s2-grid-view .testimoials-s2-grid:after{ background-color: var(--theme) !important; }
.testimoials-s2-slider .client-info .rating i, .testimoials-s2-grid-view .client-info .rating i{ color: var(--theme) !important; }
.owl-nav .owl-prev:hover i, .owl-nav .owl-next:hover i{ color: var(--theme-2) !important; }


/* CONTATO*/
.contact-section-contact-box .details ul i{ position: inherit !important; top: 0; margin-right: 5px; display: inline-block; }
.contact-section-contact-box .details ul li{ padding-left: 0; }
section .contact-section-contact-box{ padding: 38px 51px !important; border: 2px solid #fdc900; }
.contact-section-contact-box li{ cursor: pointer; }
.contact-section-contact-box li:hover{ color: var(--theme-2) !important; }


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

.d-iframe-contact iframe{ display: block; }


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

header{ position: absolute; z-index: 2; width: 100%;  }

/* Topbar */
header .topbar-style-2{ background-color: var(--theme) !important; }
header .topbar-style-2 i{ bottom: 1px; }

header .sticky-on{ background: rgba(255,255,255, 0.9) !important; } /* Menu Scroll Reduzido */
header .cart-contact{ margin-right: 15px !important; margin-top: 7px; } /* Icones Socias do header */
header .cart-contact span i:hover{ color: var(--theme) !important; } 
header .site-logo{ margin-top: 7px !important; margin-bottom: 7px; }


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

header .navbar-nav{ margin-top: 7px; }
header .navbar-nav li a{ color: #000 !important; }
header .d-active-menu{ color: var(--theme-2) !important; }


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

textarea { resize: none; height: auto; }

.d-sub-page{ background-color: #e8f0f7; }

/* Imagem de Sub Pagina */
.page-title{ background: url("../images/heading.jpg") center !important; }
.page-title:before{ background-color: rgba(0, 0, 0, 0.8) !important; }
.page-title .breadcrumb li a:hover{ color: #BB2821; }
.page-title .breadcrumb > li + li:before{ content: "/" !important; }

.pagination-wrapper .pg-pagination .active a, .pagination-wrapper .pg-pagination li a:hover{ background: var(--theme-2) !important; color: #fff;  }

/* Bordas dos botões*/
.d-btn-theme{ border: 2px solid var(--theme) !important; }

/* Risco em baixo dos titulos de blocos */
.section-title h2:before, .section-title-white h2:before, .section-title-s2 h2:before, .section-title-s5 h2:before, .section-title-s6 h2:before, .section-title-s7 h2:before{ background-color: var(--theme) !important; }

.back-to-top{ background-color: var(--theme) !important; }

/* 
3. MEDIA QUERIES ____________________________________________________________________________________________________ */



@media (min-width: 991px) {
    
    /*MENU - Hover do menu */
   .header-style-1 #navbar > ul > li > a:before, .header-style-2 #navbar > ul > li > a:before, .header-style-3 #navbar > ul > li > a:before, .header-style-4 #navbar > ul > li > a:before, .header-style-5 #navbar > ul > li > a:before, .header-style-6 #navbar > ul > li > a:before{ background-color: var(--theme) !important; }
   
   .d-active-menu:before{ content: "";  background-color: #fdc900; width: 12px !important; height: 3px; position: absolute; left: 50%; }
  
}

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

    /* HEADER */
    header{ position: inherit; }
    header .navigation{ background: rgba(255,255,255, 0.9) !important; }
    
    /* MENU */
     .site-header .navbar-header button{ right: 10px; top: 20px; background-color: var(--theme) !important; }
     .site-header #navbar > ul .menu-item-has-children > a:before{ content: ""; }
}


@media (max-width: 768px) {
   
    /* HEADER */
    header .cart-contact{ display: none; } 
    header .site-logo{ margin-top: 7px !important; margin-bottom: 7px !important; }
    
    /* MENU */
    header .topbar-style-2{ display: none; }
   
    /* INDEX */
   .d-block-about{ padding-top: 0 !important; }
   
  
}


@media (max-width: 375px) {
    
    /* HEADER */
	header .site-logo{ max-width: 135px !important; }
}