/* ==========================================================================
   Countries / Integrations Block
   Shared by: _widget_countries.html, _widget_integrations.html
   Loaded async via base.html
   ========================================================================== */

.locations .countries {
  padding-top: 0;
  padding-bottom: 0;
}
.locations .countries__nav {
  margin-top: 40px;
  transition: 0.3s;
}
.locations .countries__nav .ac-header {
  display: none;
}
@media (max-width: 480px) {
  .locations .countries__nav .ac-header {
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
  }
}
.locations .countries__nav .ac-header .ac-trigger {
  display: flex;
  justify-content: space-between;
}
.locations .countries__nav .ac-header .ac-trigger .ac-trigger__arrow {
  transition: 0.3s;
}
@media (min-width: 481px) {
  .locations .countries__nav .ac-panel {
    height: auto !important;
    visibility: visible;
    flex-wrap: wrap;
    line-height: 40px;
  }
}
@media (max-width: 480px) {
  .locations .countries__nav .ac-panel {
    flex-direction: column;
    top: 4px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    justify-content: unset;
  }
  .locations .countries__nav .ac-panel li {
    padding: 5px 15px;
  }
  .locations .countries__nav .ac-panel li:first-child {
    padding-top: 15px;
  }
  .locations .countries__nav .ac-panel li:last-child {
    padding-bottom: 15px;
  }
}
.locations .countries__nav ul {
  display: flex;
  justify-content: center;
}
.locations .countries__nav ul li {
  margin-right: 30px;
}
.locations .countries__nav ul li:last-child {
  margin-right: 0;
}
.locations .countries__nav ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.locations .countries__nav ul li:hover a {
  color: #0174e4;
}
.locations .countries .ac.is-active .ac-trigger__arrow {
  transform: rotate(180deg);
  transition: 0.3s;
}
.locations .countries__europe {
  margin-top: 60px;
}
@media (max-width: 480px) {
  .locations .countries__europe {
    margin-top: 50px;
  }
}
.locations .countries__items {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 480px) {
  .locations .countries__items {
    margin-left: 0;
    margin-right: 0;
  }
}
.locations .countries__item {
  max-width: 255px;
  width: 23%;
  margin: 15px 1% 0;
  display: flex;
  align-items: center;
}
.locations .countries__item .flag {
  overflow: hidden;
  width: 26px;
  height: 26px;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.locations .countries__item .flag img {
  min-width: 40px;
  max-width: 26px;
}
@media (max-width: 768px) {
  .locations .countries__item {
    width: 31.3%;
  }
}
@media (max-width: 480px) {
  .locations .countries__item {
    width: 47.3%;
  }
}
@media (max-width: 380px) {
  .locations .countries__item {
    width: 100%;
    max-width: unset;
  }
}
.locations .countries__item .bv_mainselect {
  padding: 0;
}
.locations .countries__item .bv_atual {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  box-shadow: unset;
  font-family: Gordita, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #091139;
  padding: 15px 15px 15px 60px;
}
.locations .countries__item .bv_ul_inner {
  position: relative !important;
  box-shadow: none;
  border: 1px solid #dcdcdc;
  border-top: none;
  background: #fff;
  top: -3px;
  padding-top: 0;
  border-radius: 0 0 5px 5px;
  margin-top: 0;
  padding-left: 15px;
  padding-bottom: 10px;
}
.locations .countries__item .bv_ul_inner li {
  font-family: Gordita, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #091139;
  transition: 0.3s;
  padding: 8px 28px 8px 10px;
}
.locations .countries__item .bv_ul_inner li:hover {
  color: #0174e4;
  background: unset;
}
.locations .countries__item .arrow {
  background: url(/dist/assets/images/icons/locations-arrow.svg);
  border: none;
  padding: 6px;
  background-size: cover;
}
.locations .countries__item .down {
  transform: none;
  margin-top: 9px;
}
.locations .countries__item .up {
  transform: rotate(-180deg);
}
.locations .countries .europe-france .bv_atual {
  background: url(/dist/assets/images/icons/flags/fr.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .europe-germany .bv_atual {
  background: url(/dist/assets/images/icons/flags/ger.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .europe-spain .bv_atual {
  background: url(/dist/assets/images/icons/flags/swed.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .item__no-select {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  box-shadow: unset;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  padding: 15px 15px 15px 15px;
  transition: 0.3s;
}
.locations .countries .item__no-select:hover {
  cursor: pointer;
}
.locations .countries .item__no-select:hover p {
  color: #0174e4;
}
.locations .countries .asia--britain,
.locations .countries .europe-belgium {
  background: url(/dist/assets/images/icons/flags/fin.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .asia-belgium,
.locations .countries .europe-britain {
  background: url(/dist/assets/images/icons/flags/den.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__asia {
  margin-top: 100px;
}
@media (max-width: 480px) {
  .locations .countries .countries__asia {
    margin-top: 50px;
  }
}
.locations .countries .countries__asia .asia-japan .bv_atual {
  background: url(/dist/assets/images/icons/flags/fin.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__asia .asia-south-korea .bv_atual {
  background: url(/dist/assets/images/icons/flags/ger.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__asia .asia-taiwan .bv_atual {
  background: url(/dist/assets/images/icons/flags/fr.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__north-america {
  margin-top: 100px;
}
@media (max-width: 480px) {
  .locations .countries .countries__north-america {
    margin-top: 50px;
  }
}
.locations .countries .countries__north-america .asia--britain {
  background: url(/dist/assets/images/icons/flags/fr.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__north-america .asia-belgium {
  background: url(/dist/assets/images/icons/flags/brit.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__south-america {
  margin-top: 100px;
}
@media (max-width: 480px) {
  .locations .countries .countries__south-america {
    margin-top: 50px;
  }
}
.locations .countries .countries__south-america .asia--britain {
  background: url(/dist/assets/images/icons/flags/ger.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__south-america .asia-belgium {
  background: url(/dist/assets/images/icons/flags/fin.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__oceania {
  margin-top: 100px;
}
@media (max-width: 480px) {
  .locations .countries .countries__oceania {
    margin-top: 50px;
  }
}
.locations .countries .countries__oceania .asia--britain {
  background: url(/dist/assets/images/icons/flags/ger.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries .countries__oceania .asia-belgium {
  background: url(/dist/assets/images/icons/flags/world.svg) no-repeat 20px 15px;
  background-size: 25px;
}
.locations .countries h3 {
  margin-left: -6px;
}
@media (max-width: 480px) {
  .locations .countries h3 {
    margin-left: 0;
  }
}
.solution .countries__item .flag {
  width: 30px;
  height: 30px;
  border-radius: unset;
}
.solution .countries__item .flag img {
  min-width: 30px;
  max-width: 30px;
}