@font-face {
  font-family: 'SEGOE UI';
  src: url('../tipos/Segoe UI/segoeui.otf') format("opentype");
  src: url('../tipos/Segoe UI/segoeui.woff') format('woff'), /* Pretty Modern Browsers */
  url('../tipos/Segoe UI/segoeui.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../tipos/Segoe UI/segoeui.svg#svgFontName') format('svg'); /* Legacy iOS */
}



.u-header .u-header__section {
  border-bottom: 1px solid #E1E1E1;
}

.maxW100 {
  max-width: 100px;
}

.btn-amarillo {
  border-radius: 5px;
  background-color: #FBBF10;
  padding: 10px 20px;
  color: #fff !important;
   display: block;
   height: 42px;
}

.btn-facebook {
  border-radius: 5px;
  border-radius: 5px;
  background-color: #59659e;
  padding: 10px 20px;
  color: #fff !important;
  display: block;
  height: 42px;
}

.IMGFacebook {
  max-width: 25px;
  top: -3px;
  position: relative;
  margin-left: 5px;
 
}

h1{
  margin-top: 20px;
  margin-bottom: 20px;
}

.BookingReference{
     font-family: "SEGOE UI";
    font-size: 22px;
    margin-bottom: 20px;
}

.size16 .BookingReference{
  font-size: 18px!important;
}

.panelPagoOKKO .col-md-3 {
margin-top: 20px;
}
@media (max-width: 1200px) and (min-width: 991px){
  .panelPagoOKKO .col-md-3{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

 .panelPagoOKKO .col-md-3.sep{
   -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
 }
}


  .panel-heading [data-toggle="collapse"]:after {
    font-family: 'fontawesome';
    content: "\f106"; /* "play" icon */
    float: right;
    display: flex;
    align-items: center;
  }

  .panel-heading [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: flex;
    align-items: center;
  }

  .panFaqSummary .panel-heading{
    border-radius: 5px;
    border: 1px solid #E1E1E1;
    padding: 10px 15px;
  }

  .panFaqSummary .panel-heading a{
    color: #555;
        display: block;
  }

  .faqsResponse{
    border-radius: 5px;
    border: 1px solid #E1E1E1;
    padding: 0 15px;
  }


  @media(min-width: 600px) and (max-width: 991px){
    .panelPagoOKKO .col-md-3 .btn-amarillo, .panelPagoOKKO .col-md-3 .btn-facebook,
     .getaquouteokko .col-md-3 .btn-amarillo, .getaquouteokko .col-md-3 .btn-facebook,
    .getaquouteokko .col-md-4 .btn-amarillo
    {
      padding: 10px 40px;
      display: inline-block;
    }
  }
  
  @media(max-width: 991px){
    .panelPagoOKKO .col-md-3{
      padding: 0!important;
    }
  }