:root {
  --color-site-1: #3C150D;
  --color-site-2: #ff8300;
  --grayLight:#f2f2f5;
  --gray1:#999;
  --gray2:#d8d8d8;
  --gray3:#9c9c9c;
  --black:#000;
  --dark:#34495E;
  --white:#ffffff;
  --white-50: rgba(255,255,255,.5);
  --white-60: rgba(255,255,255,.6);
  --white-70: rgba(255,255,255,.7);
  --light:#e0e0e0;
  --green: #04a600;
  --green1: #0fa347;
  --green2: #0d8b3d;
  --green3: #00b75b;
  --greenLight: #0ABF30;
  --greenLight2: #05b402;
  --red:#ff0000;
  --redLight: #E24D4C;
  --red-dark: #6a2111;
  --yellow: #E9BD0C;
  --yellow2: #F0FF34;
  --blue: #3483fa;
  --blue2: #5180e0;
  --blue3: #3D2E67;
  --blue4: #221B3A;
  --blueLight: #3498DB;
  --blueLight2: #81e1eb;
  --orange: #ff8300;
  --orange-light: #ff7733;
}
/*Identity Site*/
.bg-site-1 {background-color: #ffc107 !important}
.bg-footer {background-color: #222222 !important}
.bg-bar-product {background-color: #00A470 !important}
.bg-bar-product-2 {background-color: #00EA8C !important}
.bg-site-2 {background-color: var(--color-site-2) !important}
.bg-site-3 {background-color: var(--greenLight) !important}
.text-site-1 {color: var(--color-site-1) !important}
.text-site-2 {color: var(--color-site-2) !important}
.btn_salle {background-color: var(--greenLight) !important;  color: var(--white) !important; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.btn_salle:hover {background-color: var(--greenLight2) !important;  color: var(--white) !important;}
.btn_more_products { background-color: #1C1C1E !important; color: #fff !important; transition: all 150ms ease-in-out; letter-spacing: .2rem;}
.btn_more_products:hover { background-color: #00A470 !important; color: #1C1C1E !important;}

/* Resets */
u {text-decoration: underline; text-underline-position: under;}
ul {list-style: none; padding: 0; margin: 0;}
body::-webkit-scrollbar{width: 8px}
body::-webkit-scrollbar-track{background : #ffffff}
body::-webkit-scrollbar-thumb{background: #888; border: 0; border-radius: 8px; transition: background 0.2s linear;}
body::-webkit-scrollbar-thumb:hover{background: #00EA8C;}

/*start z-index and Height*/
.zi-100 {z-index: 100 !important;}
.zi-200 {z-index: 200;}
.zi-1030 {z-index: 1030 !important;}
/*end z-index and Height*/
/*start Width and Height*/
.w-1 {width: 1% !important;}
.w-2 {width: 2% !important;}
.w-3 {width: 3% !important;}
.w-5 {width: 5% !important;}
.w-7 {width: 7% !important;}
.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-40 {width: 40% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}
.w-90 {width: 90% !important;}
.w-300p {width: 300px !important;}
.h-10p {height: 10px !important;}
.h-12p {height: 12px !important;}
.h-15p {height: 15px !important;}
/*end Width and Height*/

/*start Margins and Paddings*/
.mt-1-minus {margin-top: -0.25rem!important;}
.mt-2-minus {margin-top: -0.5rem!important;}
.mt-3-minus {margin-top: -1rem!important;}
.mt-6 {margin-top: 4.5rem!important;}
.mb-6 {margin-bottom: 4.5rem!important;}
.my-6 {margin-top: 4.5rem!important; margin-bottom: 4.5rem!important;}
.my-7 {margin-top: 6rem!important; margin-bottom: 6rem!important;}
.pt-6 {padding-top: 4.5rem!important;}
.pt-7 {padding-top: 6rem!important;}
.pb-6 {padding-bottom: 4.5rem!important;}
.pb-7 {padding-bottom: 6rem!important;}
.py-6 {padding-top: 4.5rem!important; padding-bottom: 4.5rem!important;}
.py-7 {padding-top: 6rem!important; padding-bottom: 6rem!important;}
/*end Margins and Paddings*/

/*start Fonte Size*/
.fs-1-strong {font-size: 3.125rem !important;}
.fs-7 {font-size: .85rem !important;}
.fs-8 {font-size: .75rem !important;}
.fs-9 {font-size: .65rem !important;}
/*end Fonte Size*/

/*start Fonte Size*/
.lts-small {letter-spacing: .5px !important;}
.lts-1 {letter-spacing: .10rem !important;}
.lts-2 {letter-spacing: .20rem !important;}
.lts-3 {letter-spacing: .50rem !important;}
/*end Fonte Size*/

/*start Fonte Weight*/
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}
/*end Fonte Weight*/

/*start Line Height*/
.lh-2{line-height: 1rem!important;}
.lh-3{line-height: 1.2rem!important;}
/*end Line Height*/

/*start Text COLOR*/
.text-green {color: var(--green1) !important;}
.text-greenLight {color: var(--green3) !important;}
.text-yellow {color: var(--yellow) !important;}
.text-yellowLight {color: var(--yellow2) !important;}
.text-dark-strong {color: #000!important;}
.text-black-55 {color: rgba(0,0,0,.55)!important;}
.text-black-60 {color: rgba(0,0,0,.6)!important;}
.text-black-70 {color: rgba(0,0,0,.7)!important;}
.text-white-55 {color: rgba(255,255,255,.55)!important;}
.text-white-60 {color: rgba(255,255,255,.6)!important;}
.text-white-70 {color: rgba(255,255,255,.7)!important;}
.text-gray1 {color: var(--gray1)!important;}
.text-gray2 {color: var(--gray2)!important;}
.text-gray3 {color: var(--gray3)!important;}
.text-red {color: var(--red)!important;}
.text-red-dark {color: var(--red-dark)!important;}
/*end Text BG*/

/*start Text COLOR*/
.text-bg-greenLight {background-color: var(--green3) !important;color: var(--white) !important;}
.text-bg-orange {background-color: var(--orange) !important;color: var(--white) !important;}
/*end Text BG*/

/*start Text COLOR*/
.bg-blue-1 {background-color: var(--blue)}
.bg-blue-2 {background-color: var(--blue2)}
.bg-blue-3 {background-color: var(--blue3);color: var(--white) !important;}
.bg-blue-3.bg-hover:hover {background-color: var(--blue2)}
.bg-blue-4 {background-color: var(--blue4)}
.bg-black-55 {background-color: rgba(0,0,0,.55)!important;}
.bg-black-55 {background-color: rgba(0,0,0,.55)!important;}
.bg-black-60 {background-color: rgba(0,0,0,.60)!important;}
.bg-black-70 {background-color: rgba(0,0,0,.70)!important;}
.bg-black-80 {background-color: rgba(0,0,0,.80)!important;}
.bg-black-90 {background-color: rgba(0,0,0,.90)!important;}
.bg-red-dark {background-color: var(--red-dark)!important;}
.bg-green {background-color: var(--green1) !important;color: var(--white) !important;}
.bg-green.bg-hover:hover {background-color: var(--green2) !important;color: var(--white) !important;}
.bg-greenLight {background-color: var(--green3) !important;color: var(--white) !important;}
.bg-greenLight.bg-hover:hover {background-color: var(--green1) !important;color: var(--white) !important;}
.bg-gray1 {background-color: var(--gray1) !important; color: var(--white) !important;}
.bg-gray2 {background-color: var(--gray2) !important; color: var(--white) !important;}
.bg-gray3 {background-color: var(--gray3) !important; color: var(--white) !important;}
.bg-grayLight {background-color: var(--grayLight) !important;}
.bg-yellow {background-color: var(--yellow) !important;color: var(--dark) !important;}
.bg-yellowLight {background-color: var(--yellow2) !important;color: var(--black) !important;}
.bg-yellowLight.bg-reverse:hover {background-color: var(--black) !important;color: var(--yellow2) !important;}
/*end Text BG*/

/*start Text COLOR*/
.border-gray-1 {border-color: var(--gray1) !important;}
.border-gray-2 {border-color: var(--gray2) !important;}
.border-blueLight {border-color: var(--blueLight) !important;}
.border-blueLight2 {border-color: var(--blueLight2) !important;}
.border-yellowLight {border-color: var(--yellow) !important;}
/*end Text BG*/

/*start Border Radius*/
.radius_3 {
  border-radius: 3px;
}
.radius_10 {
  border-radius: 10px;
}
.radius_25 {
  border-radius: 25px;
}
.radius_50 {
  border-radius: 50px;
}
/*end Border Radius*/

/*start Box-shadow*/
.shadow_1 {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
}
.shadow_2 {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
}
/*end Box-shadow*/

/*start Box-shadow*/
.opacity_50 {
  opacity: .50;
}
.opacity_75 {
  opacity: .75;
}
.opacity_100 {
  opacity: 1;
}
/*end Box-shadow*/

/*start Overflow*/
.overflow-hidden {
  overflow: hidden !important;
}
/*end Overflow*/

/*start Scale*/
.scale {
  transition: transform .2s ease-in-out;
}
.scale-1 {
  transform: scale(1);
}
.scale-1-1:hover {
  transform: scale(1.1);
}
.scale-1-2:hover {
  transform: scale(1.2);
}
/*end Scale*/

/*start Cursor*/
.cursorPointer {
  cursor: pointer;
}
.underline:hover {
  text-decoration: underline;
}
/*end Cursor*/

/*start Stick*/
.sticky-md-top.sticky_mt_20{
  top: 20px;
}
.sticky-md-top.sticky_mt_40{
  top: 40px;
}
.sticky-md-top.sticky_mt_80{
  top: 80px;
}
/*end Stick*/

/*Start Pagination*/
.pagination_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 7px !important;
}
.pagination>li {
  display: inline;
}

.pagination > li > a {
  padding: 2px 10px;
  font-size: 1rem;
  font-weight: 500;
  min-width: auto;
  text-align: center;
}
.pagination > li > a, 
.pagination > li > span {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 2px 10px;
  position: relative;
  text-decoration: none;
  transition: all 400ms ease-in-out;
}
.pagination > li > a:hover {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--yellow);
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
  background-color: #f4f4f4;
  border-color: #DDDDDD;
  color: inherit;
  cursor: default;
  z-index: 2;
}
.pagination > .active > a,
.pagination>.active>a:hover {
  background-color: var(--yellow) !important;
  border-color: var(--yellow);
  color: var(--black);
  cursor: pointer;
  transition: all 400ms ease-in-out;
  font-weight: 700;
}
.pagination>li:first-child>a, 
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.pagination_box .total_links {
  display: none;
  font-size: .8rem;
  font-weight: 400;
  line-height: 3.5rem;
  margin-left: 15px;
  margin-right: 15px;
  color: var(--gray1);
}
.pagination_box .total_links i {
  font-weight: 700;
  font-style: normal;
}

@media (min-width: 768px){
  .pagination > li > a {
    padding: 7px 14px;
    min-width: 36px;
  }
  .pagination_box .total_links {
    display: inline-block;
}
}
/*End Pagination*/