@font-face {
  font-family: 'Medium';
  src: url("../fonts/FuturaPTDemi.otf");
}

@font-face {
  font-family: 'Bold';
  src: url("../fonts/FuturaPTBold.otf");
}

@font-face {
  font-family: 'Light';
  src: url("../fonts/FuturaPTMedium.otf");
}

* {
  font-family: 'Light' !important;
}

a, a:hover, a:focus {
  color: #212121;
  text-decoration: underline;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus,
.custom-select {
  box-shadow: inset 0 -1px 0 #dad6d6 ;
  background-color: #dad6d6;
}

.futuraheader{
  font-family: 'Bold' !important;
  color: #212121;
  text-align: center;
}

.futura{
  font-family: 'Light' !important;
  text-align: center;
  font-size: 14px
}

.custom-select {
  margin-bottom: .8rem;
  border-radius: 10px;
  border: 0;
}

.content ul {
  text-align: center;
  margin-top: 3%;
  color: #212121;
}

.content ul > li {
  font-family: 'Light' !important;
  font-size: 18px;
  text-align: center;
  display: inline;
  color: #212121;
}

.content ul > li > a {
  color: #212121;
  text-decoration: none;
  cursor: pointer;
  padding-right: 20px;
}

.content ul > li.active a {
  color: #212121;
  font-family: 'Light' !important;
}

.form-control {
  background-color: #ffffff;
  border-radius: 10px;
  border-style: 1px;
  margin-bottom: .8rem;
  padding: 1.3rem .75rem;
  
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
.btn-primary:active:focus,
.btn-primary:visited,
.btn-primary:focus {
  background-color: #212121;
  color: white;
  border: 1px solid white;
  width: 80%;
  border-radius: .7rem;
  outline: none;
  box-shadow: none;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus
.btn-secondary:active:focus,
.btn-secondary:visited,
.btn-secondary:focus {
  background-color: #dad6d6;
  color: #1f1f20;
  width: 80%;
  border: 1px solid f1f1f1;
  border-radius: .7rem;
  outline: none;
  box-shadow: none;
}

.form-check {
  text-align: justify;
  font-size: 12px;
}

.form-check a {
  font-weight: bolder;
}

footer .permit p {
  font-size: 10px;
  text-align: center;
  margin-bottom: 0;
  font-weight: bolder;
  
}

.table thead th, .table td, .table th {
  font-size: 12px;
}

.with-errors .list-unstyled > li, .flash-errors {
  color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: 0.35rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2.25rem;
    font-family: 'Medium';
    font-size: 12px;
    display: block;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #404040;
  border: 1px solid white;
}

#menu span{
  color:white;
  font-size: 8px;
}

.rowinline input{
  
  background-color: #f1f1f1;
  border-radius: 10px;
  border: 0;
  padding: 5px 9px;
  font-size: 13px;
  height: 34px;
}

.rowinline input.small{
  width: 15%;
}
.rowinline input.big{
  width: 26%;
}

.input-group-text {
  background-color: #f1f1f1;
    border: 0;
    color: #67757d;
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 0px;
}


#bg{
  position: relative;
  background: url("../img/BG.png");
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

#bg2{
  background-image: url("../img/BG.png");
  /* background-size: cover; */
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#bg3{
  position: relative;
  background-image: url("../iceland/BG.jpg");
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#bg4{
  margin: 0;
  padding: 0;
  background-image: url("../iceland/BG.jpg");
  background-size: cover; 
  background-position: center center;
  background-attachment: fixed; 
  background-repeat: no-repeat;
}

.bgGreen{
  position: relative;
  background: url("../thailand/Rectangle.png");
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0, 20px, 0 20px;
  /* min-height: 100vh; */
}
.bottom-container {
  /*position: absolute;*/
  bottom: 20px;
  left: 0;
  width: 100%;
  color: white; /* Example text color */
  padding: 0;
}

.login-bottom-container {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  color: white; /* Example text color */
  padding: 0;
}
.spacerCustom{
  margin-top: 80%;
  height: 220px;
}
.spacerCustom1{
  margin-top: 30%;
  height: 150px;
}
.spacerCustom2{
  margin-top: 10%;
  height: 150px;
}
.spacerCustom3{
  margin-top: 0;
  height: 80px;
}

.content p, h4, ol, ul, li, .form-check-label, .content ul > li.active a, td{
  color: #212121;
}
.content tr{
  color: #212121;
}
.permit p > a, .permit p {
  color:#212121
}



/* Iceland */
.iceland-rewards{
  z-index: 1;
}

.footer-div{
  z-index: 2;
}

@media (min-width: 320px) and (max-width: 767px) {
  .logo {
    font-size: 10px;
    width: 100%;
  }
  .btn-black {
    position: relative;
    width: 50%;
    float: right;
    margin-top: 1rem;
  }
  .btn-order {
    width: 100%;
  }
}


@media (min-width: 768px) and (max-width: 950px) {
 /* .footer {
    width: 50% !important;
  } */
  
}

@media (min-width: 1024px) {
 /* .footer {
    width: 50% !important;
  } */
}