/*===============================================
=====================| COLOR |=================== | COLOR |
===============================================*/
:root {
  --blue-01: #0083CB;
  --blue-02: #4ba1df;
  --blue-03: #4bb2e5;
  --blue-04: #4a8ad8;

  --blue-0: #009FEA;
  --blue-1: #005FA5;
  --blue-9: #e9f2ff;

  --white-01: #ffffff;
  --white-03: #f9f9f9;
  --white-04: #E9E9E9;

  --black-02: #222222;
  --black-03: #333333;
  --black-04: #444444;

  --black-06: #666666;
  --black-08: #888888;
  --black-09: #b9b9b9;

  --green-1: #36A601;
  --green-4: #85D60A;

  --red-1: #D3140C;

  --facebook: #0166E1;
  --instagram: #00376B;
  --telegram: #0088CC;
  --whatsapp: #00E676;
  --youtube: #FF0000;
  --pinterest: #E60023;
}

/*===============================================
=====================| COLOR |=================== | MENU NAV PAGE |
===============================================*/
/*PAGE / PONTAL OFERTAS*/
.box-gradient-1 {
  background: #561546;
  background: -moz-linear-gradient(45deg, #561546 0%, #922278 100%);
  background: -webkit-linear-gradient(45deg, #561546 0%,#922278 100%);
  background: linear-gradient(45deg, #561546 0%, #922278 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#561546', endColorstr='#922278',GradientType=1 );
}
/*PAGE / PONTAL OFERTAS*/
.box-gradient-4 {
  background: #0079cf;
  background: -moz-linear-gradient(45deg, #0079cf 0%, #00a9fc 100%);
  background: -webkit-linear-gradient(45deg, #0079cf 0%,#00a9fc 100%);
  background: linear-gradient(45deg, #0079cf 0%, #00a9fc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079cf', endColorstr='#00a9fc',GradientType=1 );
}
/*PAGE / CONTATO*/
.box-gradient-3 {
  background: #000000;
  background: -moz-linear-gradient(45deg, #000000 0%, #434343 100%);
  background: -webkit-linear-gradient(45deg, #000000 0%,#434343 100%);
  background: linear-gradient(45deg, #000000 0%, #434343 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#434343',GradientType=1 );
}
/*PAGE / PERGUNTAS FREQUENTES*/
.box-gradient-2 {
  background: #ff7b26;
  background: -moz-linear-gradient(45deg, #ff7b26 0%, #ffc108 100%);
  background: -webkit-linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
  background: linear-gradient(45deg, #ff7b26 0%, #ffc108 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b26', endColorstr='#ffc108',GradientType=1 );
}
/*PAGE / CONTATO*/
.box-gradient-5 {
  background: #fa2f63;
  background: -moz-linear-gradient(45deg, #fa2f63 0%, #fe583c 100%);
  background: -webkit-linear-gradient(45deg, #fa2f63 0%,#fe583c 100%);
  background: linear-gradient(45deg, #fa2f63 0%, #fe583c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa2f63', endColorstr='#fe583c',GradientType=1 );
}

/*===============================================
===================| FLEXBOX |=================== | FLEXBOX |
===============================================*/
.flex {
  display: flex;
  flex-wrap: wrap;
  flex: 1;  
}
.flex .flex-3 {
  flex-basis: calc(33.3333% - 15px);
  margin: 7.5px;
}
.flex .flex-4 {
  flex-basis: calc(25% - 15px);
  margin: 7.5px;
}
.flex .flex-6 {
  flex-basis: calc(16.622% - 15px);
  margin: 7.5px;
}

/*===============================================
==================| BOXSTYLES |================== | BOXSTYLES |
===============================================*/
.roundedimg {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.rounded {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.boxsizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*===============================================
================| REDES SOCIAIS |================ | REDES SOCIAIS |
===============================================*/
.redes-sociais {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.redes-sociais li {
  display: flex;
  margin: 0 3px;  
}

.redes-sociais li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.2em;
  text-decoration: none;
}

.redes-sociais li a::before { top: 0em; }

/*====| FOOTER |====*/
.footer-rs li a {
  border: 2px solid var(--black-06);
  color: var(--black-06);
}
.footer-rs li a:hover {
  border: 2px solid var(--black-02);
  color: var(--black-02);
}

/*====| FOOTER / NEWSLETTER |====*/
.rs_newsletter li a {
  border: 2px solid var(--white-01);
  color: var(--white-01);
}
.rs_newsletter li a:hover {
  border: 2px solid var(--blue-03);
  color: var(--blue-03);
}

/*===============================================
===============| ALERT MESSAGES |================ | ALERT MESSAGES |
===============================================*/
/*====| GERAL |====*/
.main_alert {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.shortcode_alert {
  padding: 10px 15px;
  position: relative;
}
/*====| GERAL |====*/
.shortcode_alert {
  padding: 10px 15px;
  position: relative;
}
.shortcode_alert_icon {
  color: var(--white-01);
  position: absolute;
  left: -30px;
  font-size: 1.2em;
  text-shadow: 0px 1px 0px var(--black-09);
}
.shortcode_alert_text p {
  margin: 0;
  color: var(--white-01);
  text-shadow: 0px 1px 0px var(--black-09);
  font-weight: bold;
}
/*====| ERROR |====*/
.shortcode_alert_red {
  background: #FE7171;
  border-left: 40px solid #fe5d5d;
}
/*====| SUCCESS |====*/
.shortcode_alert_green {
  background: #43C76F;
  border-left: 40px solid #38bd65;
}
/*====| NOTICE |====*/
.shortcode_alert_yellow {
  background: #f1c205;
  border-left: 40px solid #e7ba05;
}
/*====| INFORMATION |====*/
.shortcode_alert_blue {
  background: #7AB8FF;
  border-left: 40px solid #66adff;
}