/*
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-color: #000000;
    --theme-color-variation: #FEED56;
}


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

/* Background */
.bg-none{ background-color: transparent !important; }
.bg-white{ background-color: #fff; }
.bg-black{ background-color: #000; }
.bg-theme{ background-color: var(--theme-color) !important; }
.bg-theme-variation{ background-color: var(--theme-color-variation) !important; }

.bg-s{ background-size:  contain !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-8{ font-size: 8px !important; }
.fs-9{ font-size: 9px !important; }
.fs-10{ font-size: 10px !important; }
.fs-11{ font-size: 11px !important; }
.fs-12{ font-size: 12px !important; }
.fs-13{ font-size: 13px !important; }
.fs-14{ font-size: 14px !important; }
.fs-15{ font-size: 15px !important; }
.fs-16{ font-size: 16px !important; }
.fs-17{ font-size: 17px !important; }
.fs-18{ font-size: 18px !important; }
.fs-19{ font-size: 19px !important; }
.fs-20{ font-size: 20px !important; }
.fs-22{ font-size: 13px !important; }
.fs-24{ font-size: 15px !important; }
.fs-26{ font-size: 26px !important; }
.fs-28{ font-size: 28px !important; }
.fs-30{ font-size: 30px !important; }
.fs-32{ font-size: 32px !important; }
.fs-34{ font-size: 34px !important; }
.fs-36{ font-size: 36px !important; }
.fs-38{ font-size: 38px !important; }
.fs-40{ font-size: 40px !important; }


/* Font Color */
.fc-white{ color: #fff !important;}
.fc-black{ color: #000 !important;}
.fc-yellow{ color: #ffc107 !important; }
.fc-theme{ color: var(--theme-color) !important; }
.fc-theme-variation{ color: var(--theme-color-variation) !important; }
.fc-gray{ color: #e5e5e5 !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; }

/* LINE HEIGHT */
.ln-20{ line-height: 20px !important; }
.ln-25{ line-height: 25px !important; }
.ln-30{ line-height: 30px !important; }
.ln-35{ line-height: 35px !important; }
.ln-40{ line-height: 40px !important; }
.ln-45{ line-height: 45px !important; }
.ln-50{ line-height: 50px !important; }


/********** 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; }
.position-inherit{ position: inherit !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-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 **********/

/* Hover */
.hover-color-white:hover{ color: #fff !important; }
.hover-color-black:hover{ color: #000 !important; }
.hover-color-gray:hover{ color: #d4d4d4 !important; }
.hover-color-general:hover{ color: #333537 !important; }
.hover-color-theme:hover{ color: var(--theme-color) !important; }
.hover-color-theme-variation:hover{ color: var(--theme-color-variation) !important; }
.hover-border-theme:hover{ border-color: var(--theme-color) !important; }
.hover-border-theme-variation:hover{ border-color: var(--theme-color-variation) !important; }
.hover-background-theme:hover{ background-color: var(--theme-color) !important; }
.hover-background-white:hover{ background-color: #fff !important; }
.hover-background-theme-variation:hover{ background-color: var(--theme-color-variation) !important; }

.hover-decoration-underline:hover{ text-decoration: underline; }


/* 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 */
.btn-theme{ background-color: var(--theme-color) !important; color: #fff !important; }
.btn-theme-variation{ background-color: var(--theme-color-variation) !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 */
.text-shadow-light{ text-shadow: 1px 1px 0 #ccc; }
.text-shadow-black{ text-shadow: 2px 2px 1px #000; }
.text-shadow-theme{ text-shadow: 2px 2px 1px var(--theme-color); }
.box-shadow{-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-color) !important; }
.border-theme-variation{ border-color: var(--theme-color-variation) !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 */
.b-0{ border: 0; }
.b-1{ border: 1px; }
.b-2{ border: 2px; }
.b-3{ border: 3px; }
.b-4{ border: 4px; }
.b-5{ border: 5px; }

/* 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; }
.m-105{ margin: 105px !important; }
.m-110{ margin: 110px !important; }
.m-115{ margin: 115px !important; }
.m-120{ margin: 120px !important; }
.m-125{ margin: 125px !important; }
.m-130{ margin: 130px !important; }
.m-135{ margin: 135px !important; }
.m-140{ margin: 140px !important; }
.m-145{ margin: 145px !important; }
.m-150{ margin: 150px !important; }
.m-155{ margin: 155px !important; }
.m-160{ margin: 160px !important; }
.m-165{ margin: 165px !important; }
.m-170{ margin: 170px !important; }
.m-175{ margin: 175px !important; }
.m-180{ margin: 180px !important; }
.m-185{ margin: 185px !important; }
.m-190{ margin: 190px !important; }
.m-195{ margin: 195px !important; }
.m-200{ margin: 200px !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; }
.mt-85{ margin-top: 85px !important; }
.mt-90{ margin-top: 90px !important; }
.mt-95{ margin-top: 95px !important; }
.mt-100{ margin-top: 100px !important; }
.mt-105{ margin-top: 105px !important; }
.mt-110{ margin-top: 110px !important; }
.mt-115{ margin-top: 115px !important; }
.mt-120{ margin-top: 120px !important; }
.mt-125{ margin-top: 125px !important; }
.mt-130{ margin-top: 130px !important; }
.mt-135{ margin-top: 135px !important; }
.mt-140{ margin-top: 140px !important; }
.mt-145{ margin-top: 145px !important; }
.mt-150{ margin-top: 150px !important; }
.mt-155{ margin-top: 155px !important; }
.mt-160{ margin-top: 160px !important; }
.mt-165{ margin-top: 165px !important; }
.mt-170{ margin-top: 170px !important; }
.mt-175{ margin-top: 175px !important; }
.mt-180{ margin-top: 180px !important; }
.mt-185{ margin-top: 185px !important; }
.mt-190{ margin-top: 190px !important; }
.mt-195{ margin-top: 195px !important; }
.mt-200{ margin-top: 200px !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; }
.mb-45{ margin-bottom: 45px !important; }
.mb-50{ margin-bottom: 50px !important; }
.mb-55{ margin-bottom: 55px !important; }
.mb-60{ margin-bottom: 60px !important; }
.mb-65{ margin-bottom: 65px !important; }
.mb-70{ margin-bottom: 70px !important; }
.mb-75{ margin-bottom: 75px !important; }
.mb-80{ margin-bottom: 80px !important; }
.mb-85{ margin-bottom: 85px !important; }
.mb-90{ margin-bottom: 90px !important; }
.mb-95{ margin-bottom: 95px !important; }
.mb-100{ margin-bottom: 100px !important; }
.mb-105{ margin-bottom: 105px !important; }
.mb-110{ margin-bottom: 110px !important; }
.mb-115{ margin-bottom: 115px !important; }
.mb-120{ margin-bottom: 120px !important; }
.mb-125{ margin-bottom: 125px !important; }
.mb-130{ margin-bottom: 130px !important; }
.mb-135{ margin-bottom: 135px !important; }
.mb-140{ margin-bottom: 140px !important; }
.mb-145{ margin-bottom: 145px !important; }
.mb-150{ margin-bottom: 150px !important; }
.mb-155{ margin-bottom: 155px !important; }
.mb-160{ margin-bottom: 160px !important; }
.mb-165{ margin-bottom: 165px !important; }
.mb-170{ margin-bottom: 170px !important; }
.mb-175{ margin-bottom: 175px !important; }
.mb-180{ margin-bottom: 180px !important; }
.mb-185{ margin-bottom: 185px !important; }
.mb-190{ margin-bottom: 190px !important; }
.mb-195{ margin-bottom: 195px !important; }
.mb-200{ margin-bottom: 200px !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; }
.ml-45{ margin-left: 45px !important; }
.ml-50{ margin-left: 50px !important; }
.ml-55{ margin-left: 55px !important; }
.ml-60{ margin-left: 60px !important; }
.ml-65{ margin-left: 65px !important; }
.ml-70{ margin-left: 70px !important; }
.ml-75{ margin-left: 75px !important; }
.ml-80{ margin-left: 80px !important; }
.ml-85{ margin-left: 85px !important; }
.ml-90{ margin-left: 90px !important; }
.ml-95{ margin-left: 95px !important; }
.ml-100{ margin-left: 100px !important; }
.ml-105{ margin-left: 105px !important; }
.ml-110{ margin-left: 110px !important; }
.ml-115{ margin-left: 115px !important; }
.ml-120{ margin-left: 120px !important; }
.ml-125{ margin-left: 125px !important; }
.ml-130{ margin-left: 130px !important; }
.ml-135{ margin-left: 135px !important; }
.ml-140{ margin-left: 140px !important; }
.ml-145{ margin-left: 145px !important; }
.ml-150{ margin-left: 150px !important; }
.ml-155{ margin-left: 155px !important; }
.ml-160{ margin-left: 160px !important; }
.ml-165{ margin-left: 165px !important; }
.ml-170{ margin-left: 170px !important; }
.ml-175{ margin-left: 175px !important; }
.ml-180{ margin-left: 180px !important; }
.ml-185{ margin-left: 185px !important; }
.ml-190{ margin-left: 190px !important; }
.ml-195{ margin-left: 195px !important; }
.ml-200{ margin-left: 200px !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; }
.mr-45{ margin-right: 45px !important; }
.mr-50{ margin-right: 50px !important; }
.mr-55{ margin-right: 55px !important; }
.mr-60{ margin-right: 60px !important; }
.mr-65{ margin-right: 65px !important; }
.mr-70{ margin-right: 70px !important; }
.mr-75{ margin-right: 75px !important; }
.mr-80{ margin-right: 80px !important; }
.mr-85{ margin-right: 85px !important; }
.mr-90{ margin-right: 90px !important; }
.mr-95{ margin-right: 95px !important; }
.mr-100{ margin-right: 100px !important; }
.mr-105{ margin-right: 105px !important; }
.mr-110{ margin-right: 110px !important; }
.mr-115{ margin-right: 115px !important; }
.mr-120{ margin-right: 120px !important; }
.mr-125{ margin-right: 125px !important; }
.mr-130{ margin-right: 130px !important; }
.mr-135{ margin-right: 135px !important; }
.mr-140{ margin-right: 140px !important; }
.mr-145{ margin-right: 145px !important; }
.mr-150{ margin-right: 150px !important; }
.mr-155{ margin-right: 155px !important; }
.mr-160{ margin-right: 160px !important; }
.mr-165{ margin-right: 165px !important; }
.mr-170{ margin-right: 170px !important; }
.mr-175{ margin-right: 175px !important; }
.mr-180{ margin-right: 180px !important; }
.mr-185{ margin-right: 185px !important; }
.mr-190{ margin-right: 190px !important; }
.mr-195{ margin-right: 195px !important; }
.mr-200{ margin-right: 200px !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; }
.p-45{ margin: 45px !important; }
.p-50{ margin: 50px !important; }
.p-55{ margin: 55px !important; }
.p-60{ margin: 60px !important; }
.p-65{ margin: 65px !important; }
.p-70{ margin: 70px !important; }
.p-75{ margin: 75px !important; }
.p-80{ margin: 80px !important; }
.p-85{ margin: 85px !important; }
.p-90{ margin: 90px !important; }
.p-95{ margin: 95px !important; }
.p-100{ padding: 100px !important; }
.p-105{ padding: 105px !important; }
.p-110{ padding: 110px !important; }
.p-115{ padding: 115px !important; }
.p-120{ padding: 120px !important; }
.p-125{ padding: 125px !important; }
.p-130{ padding: 130px !important; }
.p-135{ padding: 135px !important; }
.p-140{ padding: 140px !important; }
.p-145{ padding: 145px !important; }
.p-150{ padding: 150px !important; }
.p-155{ padding: 155px !important; }
.p-160{ padding: 160px !important; }
.p-165{ padding: 165px !important; }
.p-170{ padding: 170px !important; }
.p-175{ padding: 175px !important; }
.p-180{ padding: 180px !important; }
.p-185{ padding: 185px !important; }
.p-190{ padding: 190px !important; }
.p-195{ padding: 195px !important; }
.p-200{ padding: 200px !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-45{ padding-top: 45px !important; }
.pt-50{ padding-top: 50px !important; }
.pt-55{ padding-top: 55px !important; }
.pt-60{ padding-top: 60px !important; }
.pt-65{ padding-top: 65px !important; }
.pt-70{ padding-top: 70px !important; }
.pt-75{ padding-top: 75px !important; }
.pt-80{ padding-top: 80px !important; }
.pt-85{ padding-top: 85px !important; }
.pt-90{ padding-top: 90px !important; }
.pt-95{ padding-top: 95px !important; }
.pt-100{ padding-top: 100px !important; }
.pt-105{ padding-top: 105px !important; }
.pt-110{ padding-top: 110px !important; }
.pt-115{ padding-top: 115px !important; }
.pt-120{ padding-top: 120px !important; }
.pt-125{ padding-top: 125px !important; }
.pt-130{ padding-top: 130px !important; }
.pt-135{ padding-top: 135px !important; }
.pt-140{ padding-top: 140px !important; }
.pt-145{ padding-top: 145px !important; }
.pt-150{ padding-top: 150px !important; }
.pt-155{ padding-top: 155px !important; }
.pt-160{ padding-top: 160px !important; }
.pt-165{ padding-top: 165px !important; }
.pt-170{ padding-top: 170px !important; }
.pt-175{ padding-top: 175px !important; }
.pt-180{ padding-top: 180px !important; }
.pt-185{ padding-top: 185px !important; }
.pt-190{ padding-top: 190px !important; }
.pt-195{ padding-top: 195px !important; }
.pt-195{ padding-top: 195px !important; }
.pt-200{ padding-top: 200px !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-45{ padding-bottom: 45px !important; }
.pb-50{ padding-bottom: 50px !important; }
.pb-55{ padding-bottom: 55px !important; }
.pb-60{ padding-bottom: 60px !important; }
.pb-65{ padding-bottom: 65px !important; }
.pb-70{ padding-bottom: 70px !important; }
.pb-75{ padding-bottom: 75px !important; }
.pb-80{ padding-bottom: 80px !important; }
.pb-85{ padding-bottom: 85px !important; }
.pb-90{ padding-bottom: 90px !important; }
.pb-95{ padding-bottom: 95px !important; }
.pb-100{ padding-bottom: 100px !important; }
.pb-105{ padding-bottom: 105px !important; }
.pb-110{ padding-bottom: 110px !important; }
.pb-115{ padding-bottom: 115px !important; }
.pb-120{ padding-bottom: 120px !important; }
.pb-125{ padding-bottom: 125px !important; }
.pb-130{ padding-bottom: 130px !important; }
.pb-135{ padding-bottom: 135px !important; }
.pb-140{ padding-bottom: 140px !important; }
.pb-145{ padding-bottom: 145px !important; }
.pb-150{ padding-bottom: 150px !important; }
.pb-155{ padding-bottom: 155px !important; }
.pb-160{ padding-bottom: 160px !important; }
.pb-165{ padding-bottom: 165px !important; }
.pb-170{ padding-bottom: 170px !important; }
.pb-175{ padding-bottom: 175px !important; }
.pb-180{ padding-bottom: 180px !important; }
.pb-185{ padding-bottom: 185px !important; }
.pb-190{ padding-bottom: 190px !important; }
.pb-195{ padding-bottom: 195px !important; }
.pb-200{ padding-bottom: 200px !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; }
.pl-45{ padding-left: 45px !important; }
.pl-50{ padding-left: 50px !important; }
.pl-55{ padding-left: 55px !important; }
.pl-60{ padding-left: 60px !important; }
.pl-65{ padding-left: 65px !important; }
.pl-70{ padding-left: 70px !important; }
.pl-75{ padding-left: 75px !important; }
.pl-80{ padding-left: 80px !important; }
.pl-85{ padding-left: 85px !important; }
.pl-90{ padding-left: 90px !important; }
.pl-95{ padding-left: 95px !important; }
.pl-100{ padding-left: 100px !important; }
.pl-105{ padding-left: 105px !important; }
.pl-110{ padding-left: 110px !important; }
.pl-115{ padding-left: 115px !important; }
.pl-120{ padding-left: 120px !important; }
.pl-125{ padding-left: 125px !important; }
.pl-130{ padding-left: 130px !important; }
.pl-135{ padding-left: 135px !important; }
.pl-140{ padding-left: 140px !important; }
.pl-145{ padding-left: 145px !important; }
.pl-150{ padding-left: 150px !important; }
.pl-155{ padding-left: 155px !important; }
.pl-160{ padding-left: 160px !important; }
.pl-165{ padding-left: 165px !important; }
.pl-170{ padding-left: 170px !important; }
.pl-175{ padding-left: 175px !important; }
.pl-180{ padding-left: 180px !important; }
.pl-185{ padding-left: 185px !important; }
.pl-190{ padding-left: 190px !important; }
.pl-195{ padding-left: 195px !important; }
.pl-200{ padding-left: 200px !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; }
.pr-45{ padding-right: 45px !important; }
.pr-50{ padding-right: 50px !important; }
.pr-55{ padding-right: 55px !important; }
.pr-60{ padding-right: 60px !important; }
.pr-65{ padding-right: 65px !important; }
.pr-70{ padding-right: 70px !important; }
.pr-75{ padding-right: 75px !important; }
.pr-80{ padding-right: 80px !important; }
.pr-85{ padding-right: 85px !important; }
.pr-90{ padding-right: 90px !important; }
.pr-95{ padding-right: 95px !important; }
.pr-100{ padding-right: 100px !important; }
.pr-105{ padding-right: 105px !important; }
.pr-110{ padding-right: 110px !important; }
.pr-115{ padding-right: 115px !important; }
.pr-120{ padding-right: 120px !important; }
.pr-125{ padding-right: 125px !important; }
.pr-130{ padding-right: 130px !important; }
.pr-135{ padding-right: 135px !important; }
.pr-140{ padding-right: 140px !important; }
.pr-145{ padding-right: 145px !important; }
.pr-150{ padding-right: 150px !important; }
.pr-155{ padding-right: 155px !important; }
.pr-160{ padding-right: 160px !important; }
.pr-165{ padding-right: 165px !important; }
.pr-170{ padding-right: 170px !important; }
.pr-175{ padding-right: 175px !important; }
.pr-180{ padding-right: 180px !important; }
.pr-185{ padding-right: 185px !important; }
.pr-190{ padding-right: 190px !important; }
.pr-195{ padding-right: 195px !important; }
.pr-200{ padding-right: 200px !important; }

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

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

.main-nav.dark{ background-color: rgba(21, 21, 21, 0.85) !important; }

.main-nav .header-logo-wrap{ margin-right: 0 !important; }
.main-nav .header-logo-wrap .logo{ max-width: none !important; }

.main-nav.small-height{ height: auto !important;  }
.main-nav.small-height .nav-wrapper ul li a{ height: 70px !important; line-height: 70px !important; }

.main-nav .logo.small-height{ height: auto !important; }

.main-nav.small-height .section-nav{ height: 70px !important; line-height: 70px !important; }

.main-nav .j-quick-contact{ height: 40px !important; line-height: 40px !important; margin-top: 20px !important; }
.main-nav.small-height .j-quick-contact{ height: 40px !important; line-height: 40px !important; margin-top: 15px !important; }

.main-nav.dark .mobile-nav{ color: var(--theme-color-variation) !important; }

.main-nav .d-item-menu a.active{ color: var(--theme-color-variation) !important; }


/*-----------------------------------------------------------------*/
/* 3. 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-top{ background-color: var(--theme-color) !important; }

.tooltip{ z-index: 9999; }

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box{ border-top: solid 7px var(--theme-color) !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-color) !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; }
.jconfirm .jconfirm-buttons button{ min-width: auto !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; }

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

/* BOOTSTRA GROWL */
.bootstrap-growl{ z-index: 999999999 !important; }


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


@media screen and (max-width: 1200px) {
    
      
}

@media screen and (max-width: 1040px) {
    
    /*===== HEADER =====*/
    
    /* MENU */
    .main-nav .menu-opened ul{ padding-bottom: 10px; }
    
    /* CTA BOTÃO */
   .main-nav .nav-wrapper ul li.cta{ text-align: left; margin-left: 10px !important; margin-bottom: 20px !important; }
   
   
   /* ICONES */
   .main-nav .nav-wrapper ul li.d-item-menu-social-icon{ display: inline; }
   .main-nav .nav-wrapper ul li.d-item-menu-social-icon a{ border-bottom: 0; width: auto; float: left; } 
   .main-nav .nav-wrapper ul li.d-item-menu-social-icon a.j-call-whatsapp{ margin-left: 5px; border-left: 0; } 
}

@media screen and (max-width: 991px) {
    
  
    
}
@media screen and (max-width: 768px) {
    
   
}
@media screen and (max-width: 414px) {
    
    /*===== HEADER =====*/
    
    /* LOGO */
    .main-nav .header-logo-wrap .logo{ max-width: 220px !important; }
    .main-nav .header-logo-wrap{ margin-right: 0 !important; }
    
    
}