body, html {
    height: 100%;
}

.bg {
    /* The image used */
    /* background-image: url("/img/img001.jpg"); */
    /*background-image: url("/img/poly_terminais_05.JPG");*/

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

nav .nav-bg-1 .nav-bg-2 {
  background: none;
}

.brand-bg-1:hover,
.brand-bg-2:hover {
  color:#F3E732;
}

/* BG 1 */
.bg-1 {
  background-image: url("/img/img001.jpg");
}

.brand-bg-1 {
  color:#001643;
  display: inline-block;
  padding-top: 0.32421875rem;
  padding-bottom: 0.32421875rem;
  margin-right: 1rem;
  font-size: 1.171875rem;
  line-height: inherit;
  white-space: nowrap;
}

.btn-bg-1 {
  padding: 4px 5px 4px 5px;
  margin: 10px 20px 15px 0px;
  cursor: pointer;
  font-size: 18px;
  display: inline;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 2px solid;
  /* border: 2px solid; */
  transition: 1.1s;
  position: relative;
  overflow: hidden;
  color: #001643;
}

.btn-bg-1:hover,
.btn-bg-1-active:hover {
  color: #F3E732;
  /* color: #2C3E50; */
  transition: 1.1s;
}

.btn-bg-1::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 0%;
  background: #001643;
  /* background: #FDFDFD; */
  z-index: -1;
  transition: 1.1s;
  bottom: 0;
  border-radius: 0% 0% 0 0;
  border-right: 1px solid;
  border-left: 1px solid;

  /* border: none; */
}

.btn-bg-1:hover::before,
.btn-bg-1-active:hover::before {
  height: 180%;
}

.bg-1-input {
  /* padding: 4px 5px 4px 5px; */
  margin: 10px 20px 15px 0px;
  cursor: pointer;
  font-size: 17px;
  display: inline;
  background: none;
  border-top: none;
  border-bottom: 2px solid;
  border-left: none;
  border-right: none;
  /* border: 2px solid; */
  transition: 1.1s;
  position: relative;
  overflow: hidden;

  content: '';
  /* background: #E9F4F9; */
  /* color: #0DA85D; */
  /* color: #18bc9c; */
  color: #2c3e50;
  /* background: #FDFDFD; */
  transition: 1.1s;
  bottom: 0;
  border-radius: 0% 0% 0 0;
}
/* BG 1 */

/* BG 2 */
.bg-2 {
  background-image: url("/img/img002.jpg");
}

.brand-bg-2 {
  color:#fff;
  display: inline-block;
  padding-top: 0.32421875rem;
  padding-bottom: 0.32421875rem;
  margin-right: 1rem;
  font-size: 1.171875rem;
  line-height: inherit;
  white-space: nowrap;
}

.btn-bg-2 {
  padding: 4px 5px 4px 5px;
  margin: 10px 20px 15px 0px;
  cursor: pointer;
  font-size: 18px;
  display: inline;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 2px solid;
  /* border: 2px solid; */
  transition: 1.1s;
  position: relative;
  overflow: hidden;
  color: #fff;
}

.btn-bg-2:hover,
.btn-bg-2-active:hover {
  color: #F3E732;
  /* color: #2C3E50; */
  transition: 1.1s;
}

.btn-bg-2::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 0%;
  background: #fff;
  /* background: #FDFDFD; */
  z-index: -1;
  transition: 1.1s;
  bottom: 0;
  border-radius: 0% 0% 0 0;
  border-right: 1px solid;
  border-left: 1px solid;

  /* border: none; */
}

.btn-bg-2:hover::before,
.btn-bg-2-active:hover::before {
  height: 180%;
}

.bg-2-input {
  /* padding: 4px 5px 4px 5px; */
  margin: 10px 20px 15px 0px;
  cursor: pointer;
  font-size: 17px;
  display: inline;
  background: none;
  border-top: none;
  border-bottom: 2px solid;
  border-left: none;
  border-right: none;
  /* border: 2px solid; */
  transition: 1.1s;
  position: relative;
  overflow: hidden;

  content: '';
  /* background: #E9F4F9; */
  /* color: #0DA85D; */
  /* color: #18bc9c; */
  color: #fff;
  /* background: #FDFDFD; */
  transition: 1.1s;
  bottom: 0;
  border-radius: 0% 0% 0 0;
}
/* BG 2 */

.modal-backdrop {
    background: #b4b4b4;
}

.blur{
    -webkit-filter: blur(7px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.modal-text {
  color: white;
}

.btn-square {
  border-radius: 0px;
}

@media screen and (min-width: 1800px) {
  .gr-ft-size {
    font-size: 18px;
  }
}

@media screen and (max-width: 1600px) {
  .gr-ft-size {
    font-size: 16px;
  }
}

@media screen and (max-width: 1450px) {
  .gr-ft-size {
    font-size: 14px;
  }
}

@media screen and (max-width: 1280px) {
  .gr-ft-size {
    font-size: 12px;
  }
}

@media screen and (max-width: 1120px) {
  .gr-ft-size {
    font-size: 10.5px;
  }
}

@media screen and (max-width: 995px) {
  .gr-ft-size {
    font-size: 10px;
  }
}

@media screen and (max-width: 991px) {
  .gr-ft-size {
    font-size: 14px;
  }
}