/*
File Name:  boot.css
Version: 1.0
Author: Saulo Dev
Author URI: 

[Table of contents]

1. HELPERS
    1.1. Váriaveis
    1.2. Background Color
    1.3. Fonts & Text
    1.4. Text Align
    1.5. Position Align
    1.6. Mouse And Events
    1.7. Button
    1.8. Others
    1.9. Border
    1.10. Spacements
2. DEBUG


/*-----------------------------------------------------------------*/
/* 1. HELPERS
/*-----------------------------------------------------------------*/


/********** 1.1. Váriaveis **********/

:root {
    --theme: #fff;
}


/********** 1.2. Background Color **********/

/* Background */
.bg-none{ background-color: none !important; }
.bg-white{ background-color: #fff; }
.bg-body{ background-color: #fbfbfb; }
.bg-gray{ background-color: #444444; }
.bg-graylight{ background-color: #f8f8f8 !important; }
.bg-light{ background-color: #E6E4D9; }
.bg-blue{ background-color: #34495e; }
.bg-bluelight{ background-color: #CCD8D1; }
.bg-orange{ background-color: #E16F4D; }
.bg-theme{ background-color: var(--theme) !important; }

.bg-image-none{ background-image: none !important; }


/********** 1.3. Fonts & Text **********/

/* Font Weight */
fw-100{ font-weight: 100; }
fw-200{ font-weight: 200; }
fw-300{ font-weight: 300; }
fw-400{ font-weight: 400; }
fw-500{ font-weight: 500; }
fw-600{ font-weight: 600; }
fw-700{ font-weight: 700; }
fw-800{ font-weight: 800; }
fw-900{ font-weight: 900; }


/* Font Size PX */
.fs-11{ font-size: 11px !important; }
.fs-16{ font-size: 16px !important; }
.fs-18{ font-size: 18px !important; }
.fs-20{ font-size: 20px !important; }
.fs-25{ font-size: 25px !important; }

/* Font Color */
.fc-white{ color: #fff !important;}
.fc-black{ color: #000 !important;}
.fc-yellow{ color: #ffc107 !important; }
.fc-theme{ color: var(--theme) !important; }
.fc-default{ color: #828282 !important; }


/* Text Transform */
.tt-none{ text-transform: none !important; }
.tt-uppercase{ text-transform: uppercase !important; }
.tt-lowercase{ text-transform: lowercase !important; }
.tt-capitalize{ text-transform: capitalize !important; }


/* Text Decoration */
.td-none{ text-decoration: none; }
.td-overline{ text-decoration: overline; }
.td-line-through{ text-decoration: line-through; }
.td-underline{ text-decoration: underline !important; }


/********** 1.4. Text Align **********/

/* Text Align */
.ta-left{ text-align: left;}
.ta-right{ text-align: right;}
.ta-center{ text-align: center !important; }
.ta-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; }


/********** 1.5. Position Align **********/

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


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


/* Display */
.ds-block{ display: block; }
.ds-inblock{ display: inline-block; }
.ds-inline{ display: inline; }
.ds-none{ display: none ; }


/* VERTICAL ALIGN */
.va-middle{vertical-align: middle; }
.va-baseline{vertical-align: baseline; }
.va-bottom{ vertical-align: bottom; }
.va-text-top{vertical-align: text-top; }
.va-text-bottom{vertical-align: text-bottom; }


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


/********** 1.6. Mouse And Events **********/


/* Pointer Events */
.pe-none{ pointer-events: none; }
.pe-auto{ pointer-events: auto; }


/* Cursor */
.cursor-pointer{ cursor: pointer; }
.cursor-alias{ cursor: alias; }
.cursor-cell{ cursor: cell; }
.cursor-context-menu{ cursor: context-menu; }
.cursor-copy{ cursor: copy; }
.cursor-crosshair{ cursor: crosshair; }
.cursor-grab{ cursor: -webkit-grab; cursor: grab; }
.cursor-grabbing{ cursor: -webkit-grabbing; cursor: grabbing; }
.cursor-help{ cursor: help; }
.cursor-move{ cursor: move; }
.cursor-no-drop{ cursor: no-drop; }
.cursor-none{ cursor: none; }
.cursor-progress{ cursor: progress; }
.cursor-text{ cursor: text; }


/********** 1.7. Button **********/


/* Botões */
.d-btn{ padding: 15px 20px; display: inline-block; border-radius: 5px; font-family: 'Titillium Web', sans-serif; font-size: 18px; font-weight: 700; text-transform: capitalize; position: relative; z-index: 1; overflow: hidden; width: 125px; text-align: center; }
.d-btn:hover, .d-btn:focus, .d-btn:active { }

.btn-theme{ background-color: var(--theme) !important; color: #fff !important; }
.btn-secondary{  background-color: #6c757d !important; color: #fff !important }


/********** 1.8. OTHERS **********/


/* Paginação */
.paginator{ float: left; width: 100%; text-align: center; }
.paginator li{ display: inline-block; margin: 0 20px; font-size: 1.1em; }
.paginator a {color: #fff; }
.paginator a:hover{ text-decoration: underline; }


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

/* Border Radius */
.rounded{ border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; }
.radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.round{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.b-thin{border-width: 3px !important;}
.b-normal{border-width: 5px !important;}
.b-thick{border-width: 7px !important;}

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

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

/* Various */
.last{ margin-right: 0 !important; }
.clear{ clear: both; }
.no-resize{ resize:none !important; }


/********** 1.9. BORDAS **********/


/* Border Color */
.border-theme{ border-color: var(--theme) !important; }

/* Border Style */
.bs-none{ border-style: none; }
.bs-dotted{ border-style: dotted; }
.bs-dashed{ border-style: dashed; }
.bs-solid{ border-style: solid; }
.bs-double{ border-style: double; }
.bs-groove{ border-style: groove; }
.bs-groove{ border-style: ridge; }
.bs-inset{ border-style: inset; }
.bs-outset{ border-style: outset; }

/* Border Top */
.bt-0{ border-top: 0; }
.bt-1{ border-top: 1px; }
.bt-2{ border-top: 2px; }
.bt-3{ border-top: 3px; }
.bt-4{ border-top: 4px; }
.bt-5{ border-top: 5px; }
.bt-6{ border-top: 6px; }
.bt-7{ border-top: 7px; }
.bt-8{ border-top: 8px; }
.bt-9{ border-top: 9px; }
.bt-10{ border-top: 10px; }

/* Border Bottom */
.bb-0{ border-bottom: 0; }
.bb-1{ border-bottom: 1px; }
.bb-2{ border-bottom: 2px; }
.bb-3{ border-bottom: 3px; }
.bb-4{ border-bottom: 4px; }
.bb-5{ border-bottom: 5px; }
.bb-6{ border-bottom: 6px; }
.bb-7{ border-bottom: 7px; }
.bb-8{ border-bottom: 8px; }
.bb-9{ border-bottom: 9px; }
.bb-10{ border-bottom: 10px; }

/* Border Left */
.bl-0{ border-left: 0; }
.bl-1{ border-left: 1px; }
.bl-2{ border-left: 2px; }
.bl-3{ border-left: 3px; }
.bl-4{ border-left: 4px; }
.bl-5{ border-left: 5px; }
.bl-6{ border-left: 6px; }
.bl-7{ border-left: 7px; }
.bl-8{ border-left: 8px; }
.bl-9{ border-left: 9px; }
.bl-10{ border-left: 10px; }

/* Border Right */
.br-0{ border-right: 0; }
.br-1{ border-right: 1px; }
.br-2{ border-right: 2px; }
.br-3{ border-right: 3px; }
.br-4{ border-right: 4px; }
.br-5{ border-right: 5px; }
.br-6{ border-right: 6px; }
.br-7{ border-right: 7px; }
.br-8{ border-right: 8px; }
.br-9{ border-right: 9px; }
.br-10{ border-right: 10px; }


/********** 1.5. SPACEMENTS **********/


/* Margin */
.m-0{ margin: 0 !important; }
.m-auto{ margin: 0 auto !important; }

.m-5{ margin: 5px !important; }
.m-10{ margin: 10px !important; }
.m-15{ margin: 15px !important; }
.m-20{ margin: 20px !important; }
.m-25{ margin: 25px !important; }
.m-30{ margin: 30px !important; }
.m-35{ margin: 35px !important; }
.m-40{ margin: 40px !important; }
.m-45{ margin: 45px !important; }
.m-50{ margin: 50px !important; }
.m-55{ margin: 55px !important; }
.m-60{ margin: 60px !important; }
.m-65{ margin: 65px !important; }
.m-70{ margin: 70px !important; }
.m-75{ margin: 75px !important; }
.m-80{ margin: 80px !important; }
.m-85{ margin: 85px !important; }
.m-90{ margin: 90px !important; }
.m-95{ margin: 95px !important; }
.m-100{ margin: 100px !important; }


/* Margin Top */
.mt-0{ margin-top: 0 !important; }
.mt-5{ margin-top: 5px !important; }
.mt-10{ margin-top: 10px !important; }
.mt-15{ margin-top: 15px !important; }
.mt-20{ margin-top: 20px !important; }
.mt-25{ margin-top: 25px !important; }
.mt-30{ margin-top: 30px !important; }
.mt-35{ margin-top: 25px !important; }
.mt-40{ margin-top: 40px !important; }
.mt-40{ margin-top: 45px !important; }
.mt-50{ margin-top: 50px !important; }
.mt-55{ margin-top: 55px !important; }
.mt-60{ margin-top: 60px !important; }
.mt-65{ margin-top: 65px !important; }
.mt-70{ margin-top: 70px !important; }
.mt-75{ margin-top: 75px !important; }
.mt-80{ margin-top: 80px !important; }

/* Margin Bottom */
.mb-0{ margin-bottom: 0 !important; }
.mb-5{ margin-bottom: 5px !important; }
.mb-10{ margin-bottom: 10px !important; }
.mb-15{ margin-bottom: 15px !important; }
.mb-20{ margin-bottom: 20px !important; }
.mb-25{ margin-bottom: 25px !important; }
.mb-30{ margin-bottom: 30px !important; }
.mb-35{ margin-bottom: 25px !important; }
.mb-40{ margin-bottom: 40px !important; }

/* Margin left   */
.ml-0{ margin-left: 0 !important; }
.ml-5{ margin-left: 5px !important; }
.ml-10{ margin-left: 10px !important; }
.ml-15{ margin-left: 15px !important; }
.ml-20{ margin-left: 20px !important; }
.ml-25{ margin-left: 25px !important; }
.ml-30{ margin-left: 30px !important; }
.ml-35{ margin-left: 25px !important; }
.ml-40{ margin-left: 40px !important; }

/* Margin Right  */
.mr-0{ margin-right: 0 !important; }
.mr-5{ margin-right: 5px !important; }
.mr-10{ margin-right: 10px !important; }
.mr-15{ margin-right: 15px !important; }
.mr-20{ margin-right: 20px !important; }
.mr-25{ margin-right: 25px !important; }
.mr-30{ margin-right: 30px !important; }
.mr-35{ margin-right: 25px !important; }
.mr-40{ margin-right: 40px !important; }

/* Padding */
.p-0{ padding: 0 !important; }
.p-5{ padding: 5px !important; }
.p-10{ padding: 10px !important; }
.p-15{ padding: 15px !important; }
.p-20{ padding: 20px !important; }
.p-25{ padding: 25px !important; }
.p-30{ padding: 30px !important; }
.p-35{ padding: 35px !important; }
.p-40{ padding: 40px !important; }

/* Padding Top */
.pt-0{ padding-top: 0 !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: 25px !important; }
.pt-40{ padding-top: 40px !important; }
.pt-60{ padding-top: 60px !important; }
.pt-80{ padding-top: 80px !important; }
.pt-100{ padding-top: 100px !important; }

/* Padding Bottom */
.pb-0{ padding-bottom: 0 !important; }
.pb-5{ padding-bottom: 5px !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: 25px !important; }
.pb-40{ padding-bottom: 40px !important; }
.pb-80{ padding-bottom: 80px !important; }
.pb-100{ padding-bottom: 100px !important; }

/* Padding Left   */
.pl-0{ padding-left: 0 !important; }
.pl-5{ padding-left: 5px !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: 25px !important; }
.pl-40{ padding-left: 40px !important; }

/* Padding Right  */
.pr-0{ padding-right: 0 !important; }
.pr-5{ padding-right: 5px !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: 25px !important; }
.pr-40{ padding-right: 40px !important; }

/* HEIGHT */
.hg-auto{ height: auto ;}

/*WIDTH*/
.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% !important; }


/*-----------------------------------------------------------------*/
/* 2. DEBUG
/*-----------------------------------------------------------------*/


/* COMO FUNCIONA */
.hotline .contac-row .item{ padding: 25px; }
.hotline .contac-row .item h2{ font-size: 24px;  }


/* PROJETOS */
.project-blocks .item-content{ background: rgba(8,65,104, 0.85) !important; }


/* CONTATO */
.parallax-window { min-height: 400px; background: transparent; }

/* ORÇAMENTO */

.d-input-file .btn-file{ padding: 23px 15px; border: 0 !important; }
.d-input-file .fileinput-remove-button{ padding: 23px 15px; border: 0 !important; }
.d-input-file .form-control{ height: auto !important; }
.d-input-file .file-caption{ padding: 0; padding-left: 15px; }
.d-input-file .file-caption-name{ height: 64px; cursor: pointer; }
.d-input-file .file-caption-icon{ top: 23px; }
.d-input-file .btn-file i{ margin-right: 3px; }



/* HEADER */
header{ height: 88px !important; }
header .navbar-header{ margin-top: 8px;  }

header .nav-solid{ padding-top: 10px !important; padding-bottom: 10px !important; }
header .social-nav{ margin-top: 5px;  }
header .social-nav a{ width: auto !important; height: auto !important; }
header .social-nav a i{ vertical-align: middle !important; }
header .social-nav li a:hover{ background: #084168; }
header .social-nav a:hover { background: url(../img/icon-holder/13.png) no-repeat center center !important; color: #fff; }

/* FOOTER */
.j-call-raizen:hover{ color: #ddd !important; text-decoration: underline; }

/* MENU */
.mainMenu{ margin-top: 21px; }
.mainMenu li{ margin-left: 30px; float: none; display: inline-block; }
.mainMenu li a{ font-size: 18px !important; }
.navbar-nav>li>a{ line-height: normal !important; }
.social-nav li:not(:last-of-type){ margin-right: 2px; }

.mainMenu a:hover, .mainMenu a.active{ color: #000; } 


/* EFEITOS GERAIS */
textarea { resize: both; height: auto;  }
select{text-align-last: center; }

.preloader{ background-color: #084168; }
.op-header{ background: url(../img/bg/bg_breadcrumb.jpg) no-repeat center center; background-size: cover !important; }

/*-----------------------------------------------------------------*/
/* 3. PLUGINS
/*-----------------------------------------------------------------*/

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

/* SCROLL */
body::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track { background-color: #f1f1f1; }
body::-webkit-scrollbar-thumb{ background: var(--theme) !important;  }



/* HTML5 LIGHTBOX */
#html5-watermark{ display: none !important; } /* =>  retirna mensagem de plguin pro do lightbox */
#html5-text{ text-align: center !important; }
.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-top{ background-color: var(--theme) !important; }

.tooltip{ z-index: 9999; }

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box{ border-top: solid 7px var(--theme) !important; }
.jconfirm .jconfirm-box div.jconfirm-closeIcon{ top: 11px !important; }
.jconfirm .jconfirm-title{ font-size: 19px !important; }
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{ color: var(--theme) !important; }

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

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

/* Bootstrap Modal */
.modal{ z-index: 999999999 !important; }
.modal-header{ background-color: var(--theme) !important; }
.modal-header .close{ color: #fff; opacity: 1 }
.modal-title{ color:#fff; }

/* Loading de Requisições */
.loadingoverlay{ background-color: rgba(255, 255, 255, 0.8) !important;}



/*-----------------------------------------------------------------*/
/* 1. MEDIA QUERIES
/*-----------------------------------------------------------------*/


@media (min-width: 1200px) {
    .project-content .masonary-item .rdm{ display: none; }
    
}

@media (max-width: 1200px) {
    .project-content .masonary-item .rdm{ margin: 0 auto; margin-top: 30px;  }
}

@media (max-width: 1150px) {
    
    /* MENU */
    .mainMenu li{ margin-left: 15px; }
    .mainMenu li a{ font-size: 17px !important; }
}

@media (max-width: 1024px) {
    
    /* MENU */
    .mainMenu li{ margin-left: 13px; }
    .mainMenu li a{ font-size: 17px !important; }
}


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

@media (max-width: 1006px) {

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

    .mainMenu li{ display: block !important; }    
}


@media (max-width: 768px) {
   #empresa{ padding-top: 0 !important; }
}

@media (max-width: 640px) {

    /* PLUGIN BOOTSTRAP FILE INPUT */
    .d-input-file .file-caption-name{ font-size: 14px; } 
}


@media (max-width: 480px) {
    
    /* Bloco de Slide*/
   .bx-wrapper{ margin-bottom: 40px; }
}

@media (max-width: 375px) {
	
    /* PLUGIN BOOTSTRAP FILE INPUT */
    .d-input-file .file-caption-name{ font-size: 9px; }
}

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