:root {
  --color-default: #222;
  --color-primary: #0C2D69;
  --color-secondary: #E94E25;
  --color-light: #F6F6F6 }

.btn-primary    { 
  border-color: var(--color-primary) !important;
  background: var(--color-primary) !important } 

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus { 
  border-color: var(--color-secondary) !important;
  background: var(--color-secondary) !important } 

html, body { height: 100% }

body { 
  overflow-x: hidden;
  position: relative;
  font-family: "Poppins", Sans-serif;
  font-size: 12pt;
  font-weight: 500;
  color: var(--color-default) }


/* hero
//////////////////////////////////////////////////*/
#hero { 
  background: #253A5F url(img/bg-hero.jpg) center;
  background-size: cover;
  /* height: calc(100% - 75px); */
  height: 100%;
 }
 
#hero a:hover img:nth-child(1),
#hero a img:nth-child(2) { display:none}

#hero a:hover img:nth-child(2) { display:block }

@media(max-width:575px) {
  #hero { 
    background: #253A5F url(img/bg-hero-xs.jpg) center}

  #hero a { width: calc(50% - 3rem)}  

  #hero a img { 
    width: 100%
   }  
}

@media(max-width:575px) and (max-height:670px){
  /* #hero,
  #hero .h-100 { height: auto !important } */
}

/* footer 
//////////////////////////////////////////////////*/
footer  { 
  font-size: 87.5%;
  padding: 1.5rem 0 }

footer .brand-flexpoint {
  display: inline-block;
  text-indent: -1000000px;
  background: url(https://www.flexpoint.com.br/addons/flexpoint-site-sign.png);
  width: 25px;
  height: 27px } 

footer .brand-flexpoint.brand-black { background-position: bottom }




/* ANIMATION: DELAY / DURATION
//////////////////////////////////////////////////////////////////////////////////////////*/
.delay1   { animation-delay: 200ms !important }
.delay2   { animation-delay: 400ms !important }
.delay3   { animation-delay: 600ms !important }
.delay4   { animation-delay: 800ms !important }
.delay5   { animation-delay: 1000ms !important }
.delay6   { animation-delay: 1200ms !important }
.delay7   { animation-delay: 1400ms !important }
.delay8   { animation-delay: 1600ms !important }
.delay9   { animation-delay: 1800ms !important }
.delay10  { animation-delay: 2000ms !important }
.delay11  { animation-delay: 2200ms !important }





/* SVG ICONS
//////////////////////////////////////////////////////////////////////////////////////////*/
.icon { 
  display: inline-block;
  position: relative }

.icon-16 { width: 16px; height: 16px }
.icon-24 { width: 24px; height: 24px }
.icon-32 { width: 32px; height: 32px }
.icon-48 { width: 48px; height: 48px }
.icon-64 { width: 64px; height: 64px }
.icon-96 { width: 96px; height: 96px }


.icon.text-default    { fill: var(--color-default) !important; color: var(--color-default) }
.icon.text-primary    { fill: var(--color-primary) !important; color: var(--color-primary) }
.icon.text-secondary  { fill: var(--color-secondary) !important; color: var(--color-secondary) }
.icon.text-black-25   { fill: rgba(0,0,0,.25) }
.icon.text-white      { fill: #FFF }
.icon.text-whatsapp   { fill: #03B35B }

a:hover .icon.text-white { fill: var(--color-secondary) !important; color: var(--color-secondary) !important }

a.business img {
  height: 63px;
}

.brand img {
  height: 140px;
}

/* .socialmedia a { opacity: .5; transition: all 300ms }
.socialmedia a:hover { opacity: 1 } */