html,
body {
  background: #ededed;
  font-size: 0.96rem;
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", sans-serif;
}
.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.5) !important;
  border-color: rgba(255,255,255,.1) !important;
  background: #0d0e36 !important;
}
.hand{
  cursor: pointer
}
a {
  color: #143a7c;
}
.top20px {
  margin-top: 20px;
}
.bottom30 {
  margin-bottom: 30px !important;
}
.paddbottom20{
  padding-bottom:20px
}
header{
background: #fff;
}
header .navbar-dark .navbar-nav .active>.nav-link, 
header .navbar-dark .navbar-nav .nav-link.active, 
header .navbar-dark .navbar-nav .nav-link.show, 
header .navbar-dark .navbar-nav .show>.nav-link ,
header .navbar-dark .navbar-nav .nav-link{
  color: #143a7c;
  font-weight: 600;
}
footer,
.coorp {
  background: #143a7c;
}

header .bg-dark {
  background-color: #fff !important;
}

.topheader {
  background: #0e2e64;
  color: #fff;
  padding: 5px 0;
  font-size: 14px;
  text-align: right;
}

.topheader .list-inline {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.topheader a {
  color: #f5f5f5;
}

footer {
  padding: 20px 0 0 0;
  color: #f5f5f5;
  margin-top: 50px;
}

footer .nav-link {
  display: block;
  padding: 5px 0 0 0;
  color: #84b1ff;
  font-weight: 300;
}

footer .h3,
footer h3 {
  font-size: 1.3rem;
  margin: 10px 0 0 0;
  padding: 0;
}

footer p,
.coorp p {
  margin-bottom: 0 !important;
}

footer a {
  color: #74a0ed;
  text-decoration: none;
  background-color: transparent;
}

footer a:hover {
  color: #3c82fc;
  text-decoration: none;
}
.card {
  border-radius: 0.7rem;
  background: #ffffff;
  margin-bottom: 30px;
  border: 1px solid #e6e9ec;
  position: relative;
}
.customfooter-socials {
  margin-top: 20px;
}

.customfooter-socials .footer-social a {
  display: inline-block;
  background: #84b1ff;
  margin-left: 5px;
  color: #1a3b66;
  font-size: 14px;
  width: 40px;
  transition: all 0.9s ease 0s;
  height: 40px;
  border-radius: 50%;
  text-align: center;
}

.customfooter-socials .footer-social a i,
.customfooter-socials .footer-social a em {
  -webkit-transition: all 0.1s ease 0s;
  -moz-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
  font-size: 18px;
  cursor: pointer;
  line-height: 40px;
  color: #fff;
}

.customfooter-socials .footer-social a:hover {
  background: #0e2e64;
  color: #fff;
}

.customfooter-socials .footer-social a:hover i {
  color: #fff;
}

.customfooter-socials .footer-social a:hover i {
  color: #fff;
}

.coorp {
  background: #0e2d64;
  font-size: 12px;
  color: #fff;
  padding: 5px 0;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgb(32 151 214);
}
/*=====page===*/
.home .jumbotron {
  padding: 2rem 1rem 0;
  margin-bottom: 0;
  background-color: #143a7c;
  color: #fff;
  border-radius: 0;
  letter-spacing: -3px;
  text-align: center;
}

.home .jumbotron .h1,
.home .jumbotron h1 {
  color: #fff;
  font-weight: 600;
  font-style: normal;
  line-height: 1.14;
  white-space: pre-line;
  margin: 30px 10% ;
}

.boxS {
  text-align: left;
  display: inline-block;
  letter-spacing: 0px;
  max-width: 700px;
}

.boxS label {
  margin-bottom: 0px;
}

.boxS .nav-tabs .nav-item.show .nav-link,
.boxS .nav-tabs .nav-link.active {
  color: #f3f5f8;
  background-color: #0c2f6a;
  border-color: #0c2f6a;
}

.boxS .s {
  background: #0c2f6b;
  float: none;
  text-align: left;
  padding: 10px;
  color: #fff;
  font-size: 16px;
}

.boxS .nav-tabs {
  border-bottom: 1px solid #0c2f6a;
  margin-bottom: 0;
}

.boxS .nav-tabs .nav-link {
  color: #fff !important;
}

.boxS .nav > li > a:focus,
.boxS .nav > li > a:hover {
  text-decoration: none;
  background-color: #0c2f6a;
  color: #fff !important;
}

.boxS .nav-tabs > li > a:hover {
  border-color: #0c2f6a;
}

.boxS .btn {
  margin-top: 25px;
  height: 30px;
  height: calc(1.5em + 0.75rem + 2px);
}

.top15 {
  margin-top: 15px;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-autocomplete {
  display: inline-block;
  background: #fff;
  z-index: 99999999;
}

.ui-autocomplete li.ui-menu-item {
  padding: 5px;
  margin-bottom: 2px;
}

.ui-autocomplete li.ui-menu-item a {
  font-size: 16px;
  cursor: pointer;
}
.packages {
  border: none;
  overflow: visible;
  border-radius: 0.7rem;
  background: #ffffff;
  box-shadow: 0 0 20px rgba(124, 136, 160, 0.25);
  -webkit-box-shadow: 0 0 20px rgba(124, 136, 160, 0.25);
  margin-bottom: 30px;
  border: 1px solid #e6e9ec;
  position: relative;
}

.packages .thumb {
  padding: 0px;
  overflow: hidden;
  border-radius: 0.7rem 0.7rem 0 0;
  width: 100%;
  position: relative;
  max-height: 180px;
  overflow: hidden;
}

.packages .caption {
  padding: 1rem 1rem 1rem;

  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  line-height: 1;
  align-items: center;
}

.packages .caption-left {
  flex: 1;
}

.packages .title {
  font-size: 17px;
  margin-top: 0;
  margin-bottom: 2px;
}

.packages .price-off {
  display: block;
  font-size: 13px;
  text-decoration: line-through;
  color: #838f9e;
}

.packages .price {
  color: #e91e63;
  margin: 0.2rem 0 0;
  font-weight: 700;
}

.t-heading {
  margin-bottom: 50px;
  margin-top: 50px;
}

.t-heading h2 {
  font-size: 44px;
  color: #e91e63;
  line-height: 1;
}

.t-heading p {
  font-size: 22px;
  margin-bottom: 0px;
  font-style: italic;
  font-family: "Lora", serif;
}

.t-footer {
  padding: 1rem;
  border-top: 1px dashed #e6e9ec;
}

.t-footer ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.t-footer ul li {
  flex: 0 0 33.333333%;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #838f9e;
}

.t-footer ul li i {
  margin-right: 6px;
}

.destinos {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #143a7c;
  line-height: 1;
  align-items: center;
  color: #fff;
  margin: 10px 0;
  box-shadow: 0 0 20px rgba(124, 136, 160, 0.25);
  -webkit-box-shadow: 0 0 20px rgba(124, 136, 160, 0.25);
}

.destinos .aviao {
  height: 15px;
  margin: 0 2px 0 3px;
}

.destinos > div {
  box-sizing: border-box;
}

.destinos .preco {
  font-size: 2rem;
  background: #e91e63;
  padding: 5px;
}

.destinos .desttexto {
  padding-left: 10px;
}
.how {
  background: #fff;
  margin: 50px 0;
  padding-bottom: 50px;
}
.how .card {
  border: 1px solid rgba(203, 203, 203, 0.125);
}
.how .card h2 {
  font-size: 1.8rem;
  color: #e91e63;
  text-align: center;
  margin: 0.5rem 0;
  font-style: normal;
  line-height: 1.14;
  white-space: pre-line;
}
.how .card p {
  padding: 10px;
}
.dropdown-menu.login{
  background: #0e2f64;
}             
.dropdown-menu.login .dropdown-item.active, 
.dropdown-menu.login .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #052356;
}
.dropdown-menu.login .dropdown-item {
  color:#fff;
  font-size: 14px !important;
}
.dropdown-menu.login .dropdown-item:focus, 
.dropdown-menu.login .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #052456;
}
.contactsidebar {
  margin: 0 20px;
  border: none;
}

.contactsidebar .card-title {
  margin-bottom: .75rem;
  margin: 0;
  color: #E91E63;
  font-size: 1rem;
  text-transform: uppercase
}

.pace {
    user-select: none;
    background: #f5f5f5;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    visibility: visible;
    width: 100%;
    z-index: 999999;
    -webkit-backface-visibility: hidden
}

.pace-inactive {
    display: none
}

.pace .loading-page {
    -webkit-backface-visibility: hidden !important;
    -webkit-transform: none !important
}
	.loading-page {
    position: absolute;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center
}

.loading-page .logo img {
    height: auto;
    width: auto
}

.loading-page .loading-page-wrapper {
    display: table-cell;
    vertical-align: middle
}

.loading-page .loading-progress-bar {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.loading-page.style1 {
    background-color: #1a232f;
    background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%)
}

.loading-page.style1 .loading-text {
    font-size: 1.3333em;
    font-weight: bold;
    color: #7c9abd;
    letter-spacing: 0.4em;
    text-transform: uppercase
}

.loading-page.style1 .loading-progress-bar {
    height: 18px;
    background: #0e1319;
    -webkit-border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    -ms-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    filter: alpha(opacity=95);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
    box-shadow: 0 1px 0 #3b4857;
    padding: 3px
}

.loading-page.style1 .loading-progress {
    height: 12px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    background: #000058
}

.loading-page.style2 {
    background-color: #0097cb;
    background-image: -moz-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%);
    background-image: -o-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%);
    background-image: radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%)
}

.loading-page.style2 .loading-progress-bar {
    box-shadow: 0 15px 6px rgba(3, 121, 165, 0.6)
}

.loading-page.style2 .loading-progress-bar {
    height: 64px;
    border: none;
    background: #fff;
    -webkit-border-radius: 32px 32px 32px 32px;
    -moz-border-radius: 32px 32px 32px 32px;
    -ms-border-radius: 32px 32px 32px 32px;
    border-radius: 32px 32px 32px 32px;
    padding: 7px
}

.loading-page.style2 .loading-progress {
    height: 50px;
    -webkit-border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -ms-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    background: #fdb714
}

.loading-page.style2 .loading-percent {
    position: absolute;
    right: 20px;
    top: 7px;
    height: 50px;
    line-height: 50px;
    color: #000058;
    font-weight: 900;
    font-size: 2em;
    letter-spacing: -0.02em
}

.loading-page.style2 .loading-text {
    font-size: 2.5em;
    font-weight: bold;
    color: #fff;
    letter-spacing: normal;
    text-transform: none;
    text-shadow: 0 10px 6px rgba(3, 121, 165, 0.6)
}

.loading-page.style2 .notice-message {
     font-family: "Open Sans", sans-serif;
    font-size: 5.5em;
    line-height: 0.6666em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -0.1em;
    text-shadow: 0 16px 6px rgba(3, 121, 165, 0.6)
}

.loading-page.style3 {
    background: url(../images/pages/loading/bg.jpg) no-repeat center bottom
}

.loading-page.style3 .container {
    position: relative;
    height: 100%
}

.loading-page.style3 .loading-page-wrapper {
    height: 100%
}

.loading-page.style3 .loading-page-content {
    position: relative;
    z-index: 2;
    height: 60%
}

.loading-page.style3 .loading-text {
    font-size: 2em;
    font-weight: 300;
    color: #fff
}

.loading-page.style3 .loading-progress-bar {
    height: 40px;
    border: 1px solid #fff;
    padding: 4px;
    background: #2d7aaf
}

.loading-page.style3 .loading-progress {
    height: 30px;
    background: #fff
}

.loading-page.style3 .loading-percent {
    position: absolute;
    right: 10px;
    top: 5px;
    line-height: 30px;
    color: #fff;
    font-size: 1.6667em;
    letter-spacing: -0.02em
}

.loading-page.style3 .bottom-image {
    width: 30%;
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -15%
}
@media (max-width: 767px) {
  .boxS {
    position: relative !important;
    z-index: 99;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
  }
  footer .col-sm-12.x {
     text-align:center;
  }
  .home .jumbotron .h1,
  .home .jumbotron h1 {
    font-size: 1.5rem;
    letter-spacing: -2px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  footer .col-md-3.x {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 50%;
    }
    footer .col-md-4.x {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (max-width: 1199px) {
  .destinos .desttexto {
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px;
  }
  .destinos .preco {
    display: block;
    width: 100%;
    text-align: center;
  }


}

@media (min-width: 1200px) {

    .destinos .desttexto {
      max-width: 230px;
      overflow: hidden;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
}