@charset "UTF-8";
                  /* ===================================================
   Iniciativa Layout Stylesheet

   TOC:
    01. Revolution Slider
    02. Header styles
    03. Service Styles
    04. Portfolio Styles
    05. Works Styles
    06. Features Styles
    07. Purchase and Pharse Styles
    08. Accordion Styles
    09. Carousel Styles
    10. Timeline Styles
    11. Blog Styles
    12. Contact Styles
    13. Team Styles
    14. Skills Styles

====================================================== */
/* ---- Font's ---- */
/* ---- Color's ---- */
/* ====================================================
   01. Revulotion Slider
=======================================================*/
.tp-caption {
  font-family: "Montserrat", sans-serif !important;
  color: #ffffff !important; }

.rev-subtitle-typo {
  white-space: nowrap;
  text-align: center !important;
  z-index: 7; }

.rev-title-typo {
  z-index: 8;
  white-space: nowrap;
  text-align: center;
  font-weight: 400 !important; }

.rev-text-typo {
  z-index: 8;
  white-space: nowrap;
  text-align: center;
  font-weight: 100;
  margin-left: 100px;
  margin-right: 100px; }

.slider-2 .rev-title-typo {
  border: 2px solid #ffffff;
  font-weight: 300;
  padding-right: 60px; }

.slider-2 .rev-title-typo span {
  background: #ffffff;
  color: #1C2025;
  padding: 5px 60px;
  margin-right: 60px; }

.slider-2 .rev-text-typo {
  margin: 0 0 0 6px !important;
  font-weight: 300 !important;
  letter-spacing: 4px !important; }

.tparrows {
  cursor: pointer;
  background: #000;
  background: rgba(27, 33, 44, 0.5);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 1000; }

.tparrows:hover {
  background: #E22D3B !important;
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease; }

.tp-bullet {
  width: 20px;
  height: 10px;
  background: 0 0;
  border-radius: 0;
  border: 1px solid #fff; }

.tp-bullet.selected,
.tp-bullet:hover {
  background: #fff; }

/* ====================================================
   02. Header Styles
=======================================================*/
header {
  position: fixed;
  z-index: 1001;
  left: 0;
  right: 0; }

.main-header {
  height: 100px;
  line-height: 100px;
  color: #ffffff;
  background-color: #ae9508;
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease; }

.top-header {
  line-height: 50px;
  background-color: #ffd700; }

.top-header ul {
  margin: 0; }

.top-header ul span {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #777777; }

.top-header ul span strong {
  font-weight: 500 !important; }

.top-header ul i {
  color: #E22D3B;
  margin-right: 6px; }

.top-header ul li {
  list-style: none;
  display: inline-block;
  line-height: 24px; }

.top-header ul li:first-child {
  margin-right: 3rem; }

.main-header-top {
  height: 100 px;
  line-height: 100 px;
  color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease; }

.main-header-top img {
  max-width: 80%;
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease; }

.main-header-top .container {
  border-bottom: none; }

.main-header a {
  text-decoration: none;
  color: inherit; }

.header__logo {
  padding: 0;
  float: left;
  font-size: 24px !important;
  font-weight: 600; }

/* menu ---- ---- */
.menu ul li {
  list-style: none; }

.menu > ul > li {
  display: inline-block;
  margin: 0; }

.menu ul li {
  position: relative; }

.menu {
  float: right; }

.menu a {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 300;
  text-transform: capitalize;
  margin: 0 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid transparent;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease; }

.menu a:hover {
  color: #E22D3B; }

.menu > ul > li:hover > .sub-menu {
  display: block; }

/*.menu > ul > li:hover > .sub-menu li::before {
  font-family: 'ionicons';
  font-size: 14px;
  content: '\f383';
  color: #fafafa;
  padding-top: 4px;
  margin-right: 8px;
}*/
.menu > ul > li > .sub-menu {
  list-style-type: none;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: absolute;
  width: 180px;
  display: none;
  margin-left: 0; }

.menu > ul > li > .sub-menu a {
  margin: 0;
  line-height: 24px; }

.main-header .menu > ul > li > .sub-menu li {
  text-transform: capitalize;
  background-color: #ffd700;
  padding-left: 1rem;
  line-height: 3rem; }

.main-header-top .menu > ul > li > .sub-menu li {
  background-color: #ffd700;
  padding-left: 1rem; }

.main-header .menu > ul > li > .sub-menu li a {
  text-transform: capitalize; }

.main-header-top .menu a {
  font-size: 12px; }

/* responsive ---- ---- */
@media only screen and (max-width: 1024px) {
  .header__logo {
    padding: 0;
    float: left; }

  .header__icon {
    position: realtive;
    display: inline-block;
    float: right;
    width: 66px;
    height: 66px;
    cursor: pointer; }

  .header__icon:after {
    content: '\f20e';
    font-family: "Ionicons";
    font-size: 36px;
    text-align: center;
    position: absolute;
    right: 0;
    display: block;
    width: 66px;
    height: 66px;
    background-color: #1C2025; }

  .header__icon__close:after {
    content: '\f2d7';
    color: #fff; }

  .menu > ul > li {
    display: block; }

  .menu {
    position: fixed;
    left: 0;
    top: 126px;
    bottom: 0;
    background-color: #1C2025;
    width: 250px;
    z-index: 2001;
    transform: translate(-250px, 0px);
    -webkit-transform: translate(-250px, 0px);
    -moz-transform: translate(-250px, 0px);
    -o-transform: translate(-250px, 0px);
    -ms-transform: translate(-250px, 0px);
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; }

  .menu a {
    display: block;
    height: 50px;
    padding-left: 20px;
    text-align: left;
    line-height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075); }

  .menu ul.submenu li > a {
    padding-top: 1rem !important; }

  .menu > ul > li:hover > .sub-menu {
    position: absolute;
    display: block;
    top: 1%;
    left: 100.5%;
    width: 100%; }

  .menu > ul > li > .sub-menu li a {
    padding-top: 14px; }

  .main-header-top .menu {
    top: 66px; }

  .with--sidebar .menu {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px); } }
/*=============================================
    03. Team Styles
=======================================================*/
.team-item {
  margin: auto 2rem 30px;
  padding: 30px 0; }

.team-item .team-image,
.team-item .team-social,
.team-item .team-title {
  text-align: center !important; }

.team-item .team-title {
  margin: 30px 2rem 20px;
  padding: 20px 0;
  border-top: 1px solid #1C2025;
  border-bottom: 1px solid #1C2025; }

.team-item .team-title h4 {
  margin-bottom: 4px; }

.team-item .team-title p {
  font-size: 12px;
  line-height: 22px;
  color: #898574;
  font-weight: 400;
  margin-bottom: 0 !important; }

.team-item .team-social a {
  display: inline-block;
  margin-left: 10px; }

.team-item .team-social a:first-child {
  margin-left: 0; }

/* ====================================================
  04. Accordion Styles
=======================================================*/
#accordion {
  background: #ffffff; }

#accordion .panel-heading {
  padding: 0; }

#accordion .panel-title > a {
  display: block;
  padding: 0.4em 0.6em;
  outline: none;
  font-weight: bold;
  text-decoration: none; }

#accordion .panel-title > a.collapsed {
  background: #c5cae9;
  color: #000; }

#accordion .panel-title > a {
  background: #ff4444;
  color: #fff; }

#accordion .card {
  border: 1px solid #dddddd;
  box-shadow: none;
  margin-bottom: -2px; }

#accordion .card-header {
  padding: 2rem;
  margin-bottom: 0;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
  border-radius: 0; }

#accordion .card-block {
  padding: 1.5rem; }

#accordion .panel-title > a.accordion-toggle::before,
#accordion a[data-toggle="collapse"]::before {
  content: "\f126";
  float: right;
  font-family: 'ionicons';
  margin-right: 1em;
  margin-top: 4px;
  font-size: 1.25rem;
  color: #E22D3B !important; }

#accordion .panel-title > a.accordion-toggle.collapsed::before,
#accordion a.collapsed[data-toggle="collapse"]::before {
  content: "\f123";
  color: #242424 !important; }

#accordion h4 {
  color: #E22D3B !important;
  margin-bottom: 0; }

#accordion h4 > i {
  margin-right: 2rem !important; }

#accordion a:hover {
  text-decoration: none; }

#accordion a.collapsed h4 {
  color: #242424 !important;
  margin-bottom: 0; }

/* ====================================================
  05. Skils Styles
=======================================================*/
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress {
  background-image: -webkit-gradient(linear, left 0, left 100%, from(#ebebeb), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
  background-image: -moz-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#ffebebeb',endColorstr='#fff5f5f5',GradientType=0); }

.progress {
  height: 6px;
  background-color: #ebeef1;
  background-image: none;
  box-shadow: none;
  margin-bottom: 2.5rem; }

.progress:last-child {
  margin-bottom: 0.5rem; }

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #E22D3B;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-bar {
  background-image: -webkit-gradient(linear, left 0, left 100%, from(#428bca), to(#3071a9));
  background-image: -webkit-linear-gradient(top, #428bca 0, #3071a9 100%);
  background-image: -moz-linear-gradient(top, #428bca 0, #3071a9 100%);
  background-image: linear-gradient(to bottom, #428bca 0, #3071a9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#ff428bca',endColorstr='#ff3071a9',GradientType=0); }

.progress-bar {
  box-shadow: none;
  border-radius: 0;
  background-color: #E22D3B;
  background-image: none;
  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.progress-label {
  font-family: "Gentium Book Basic", serif;
  font-size: 18px;
  padding: 8px 0;
  margin-bottom: 0.5rem; }

.progress-label span {
  font-family: "Montserrat", sans-serif; }

.progress-label:first-child {
  padding-top: 0; }

/* ====================================================
  06. Services Styles
=======================================================*/
.item-box {
  background: #ffffff;
  text-align: center;
  padding: 30px 60px 50px;
  margin-bottom: 30px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important; }

.item-box:hover {
  background: #E22D3B; }

.icon-box {
  margin: 0 auto;
  font-size: 60px; }

.content-box {
  display: initial; }

.title-box {
  line-height: 1.4;
  padding: 14px 0 18px;
  border-top: 1px solid #9AA2AC;
  border-bottom: 1px solid #9AA2AC; }

.content-box,
.icon-box,
.item-box,
.title-box {
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important; }

.item-box:hover .title-box {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff; }

.item-box:hover .content-box,
.item-box:hover .icon-box,
.item-box:hover .title-box {
  color: #ffffff; }

/* ====================================================
       07. Carousel Styles
=======================================================*/
.roomsuite {
  padding: 0 30px 30px; }

.roomsuite .title {
  border-left: 2px solid #E22D3B;
  margin-left: 0;
  margin-bottom: 30px;
  padding-bottom: 2px;
  padding-left: 30px; }

.roomsuite .title h2 {
  margin-bottom: 0; }

.roomsuite .content .price {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #677180;
  margin: 30px 0; }

.roomsuite .price span {
  font-size: 36px;
  letter-spacing: -2px;
  font-style: italic;
  text-transform: none;
  color: #E22D3B;
  padding: 0 5px; }

.room .owl-carousel.owl-drag .owl-item .item {
  padding: 2px; }

.room .owl-carousel {
  padding-top: 0; }

.room .owl-theme .owl-item img {
  border: 6px solid #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26); }

/* ====================================================
       08. Carousel Styles
=======================================================*/
.owl-theme .owl-dots {
  margin-top: 20px !important; }

.owl-theme .owl-dots .owl-dot {
  border: none;
  margin-left: 2px;
  margin-right: 2px; }

.owl-theme .owl-dots .owl-dot span {
  background: #ffffff;
  border: 2px solid #E9E7E1;
  width: 10px;
  height: 10px;
  margin: 6px; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #E22D3B !important;
  border: 2px solid #E22D3B !important; }

.owl-carousel.awards .owl-item img {
  width: 70%; }

.owl-theme .owl-nav {
  position: absolute;
  margin-top: 14px;
  text-align: center;
  width: 100%;
  top: 38%;
  left: 0; }

.owl-theme .owl-nav [class*=owl-] {
  color: #dbdbdb;
  font-size: 12px;
  margin: 14px;
  padding: 16px 18px;
  display: inline-block;
  cursor: pointer;
  text-align: right;
  background-color: transparent;
  border: 1px solid #dbdbdb;
  font: normal normal normal 12px/1 ionicons;
  -webkit-transition: opacity 0.2s, left 0.5s, right 0.5s, visibility 0.2s;
  transition: all 0.2s, left 0.5s, right 0.5s, visibility 0.2s;
  position: relative;
  border-radius: 0 !important; }

.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #ffffff;
  border: 1px solid #1C2025;
  color: #1C2025;
  text-decoration: none;
  border-radius: 0 !important; }

.owl-theme .owl-nav .owl-prev {
  position: inherit;
  left: 0; }

.owl-theme .owl-nav .owl-next {
  position: inherit;
  right: 0; }

.owl-theme.style1 .owl-nav .owl-prev {
  position: relative;
  left: 5px; }

.owl-theme.style1 .owl-nav .owl-next {
  position: relative;
  right: 5px; }

.owl-theme.style1 {
  padding-left: 0;
  padding-right: 0; }

.owl-theme.style1 .owl-nav {
  top: 81%;
  bottom: 0;
  text-align: center;
  position: absolute;
  margin-left: 0; }

.owl-theme.style1 .owl-nav {
  top: 78%; }

.awards.owl-theme .owl-item,
.owl-theme.style1 .owl-item {
  margin-bottom: 0 !important; }

/*
.owl-carousel.owl-drag .owl-item .item .price {
  border: 6px solid #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  margin: 2px;
}*/
/* ====================================================
       09. slider width thumbnail Styles
=======================================================*/
.flexslider {
  margin: 0;
  background: #fff;
  border: 4px solid #fff; }

#carousel.flexslider {
  margin-top: 22px; }

.flex-direction-nav a::before {
  font-family: "Ionicons" !important;
  font-size: 30px;
  line-height: 36px;
  display: inline-block;
  content: "" !important;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before {
  content: "" !important; }

/* ====================================================
       10. datepicker Styles
=======================================================*/
#flight-datepicker {
  margin-top: 36px; }
  @media screen and (min-width: 400px) {
    #flight-datepicker {
      display: flex; } }
  #flight-datepicker .form-item {
    position: relative;
    margin: 12px 0 60px; }
    @media screen and (min-width: 400px) {
      #flight-datepicker .form-item {
        margin: 12px 24px 0 0; } }
  #flight-datepicker label {
    display: block;
    margin-bottom: 8px;
    color: white; }
  #flight-datepicker input {
    display: block;
    margin-bottom: 8px;
    padding-bottom: 6px;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    color: #7e111a;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ffffff;
    border-radius: 0;
    outline: none;
    transition: border-color 0.2s ease-out; }
    #flight-datepicker input:first-child, #flight-datepicker input:last-child {
      border-radius: 0; }
    #flight-datepicker input::-webkit-input-placeholder {
      color: #7e111a;
      font-size: 14px;
      line-height: 30px;
      transition: color 0.2s 0.2s ease-out; }
    #flight-datepicker input:-moz-placeholder {
      color: #7e111a;
      font-size: 14px;
      line-height: 30px;
      transition: color 0.2s 0.2s ease-out; }
    #flight-datepicker input::-moz-placeholder {
      color: #7e111a;
      font-size: 14px;
      line-height: 30px;
      transition: color 0.2s 0.2s ease-out; }
    #flight-datepicker input:-ms-input-placeholder {
      color: #7e111a;
      font-size: 14px;
      line-height: 30px;
      transition: color 0.2s 0.2s ease-out; }
    #flight-datepicker input:focus {
      border-bottom-color: #94151e; }
      #flight-datepicker input:focus::-webkit-input-placeholder {
        color: transparent;
        transition: color 0.2s ease-out; }
      #flight-datepicker input:focus:-moz-placeholder {
        color: transparent;
        transition: color 0.2s ease-out; }
      #flight-datepicker input:focus::-moz-placeholder {
        color: transparent;
        transition: color 0.2s ease-out; }
      #flight-datepicker input:focus:-ms-input-placeholder {
        color: transparent;
        transition: color 0.2s ease-out; }
  #flight-datepicker .date-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    top: calc(100% + 6px);
    font-size: 12px;
    color: white; }
    @media screen and (min-width: 400px) {
      #flight-datepicker .date-text {
        top: 100%; } }

.datepicker.dropdown-menu {
  padding: 0;
  background-clip: border-box;
  border: none;
  border-radius: 0;
  animation: popup 0.2s ease-out forwards; }
  .datepicker.dropdown-menu table {
    background-color: #c11b28; }
    .datepicker.dropdown-menu table thead {
      background-color: #c11b28; }
      .datepicker.dropdown-menu table thead tr {
        border-top: 0; }
    .datepicker.dropdown-menu table tbody {
      background-color: white; }
    .datepicker.dropdown-menu table tr {
      border-top: 1px solid #ededed; }
      .datepicker.dropdown-menu table tr td,
      .datepicker.dropdown-menu table tr th {
        width: auto;
        height: 24px;
        padding: 8px;
        font-size: 16px;
        border-radius: 0;
        transition: background-color 0.6s ease-out; }
        @media screen and (min-width: 400px) {
          .datepicker.dropdown-menu table tr td,
          .datepicker.dropdown-menu table tr th {
            padding: 12px; } }
        .datepicker.dropdown-menu table tr td.active:hover, .datepicker.dropdown-menu table tr td:active:hover, .datepicker.dropdown-menu table tr td:hover,
        .datepicker.dropdown-menu table tr th.active:hover,
        .datepicker.dropdown-menu table tr th:active:hover,
        .datepicker.dropdown-menu table tr th:hover {
          border-color: #ededed;
          border-radius: 0;
          transition: background-color 0.2s ease-out; }
        .datepicker.dropdown-menu table tr td.focused, .datepicker.dropdown-menu table tr td.selected,
        .datepicker.dropdown-menu table tr th.focused,
        .datepicker.dropdown-menu table tr th.selected {
          background-color: #E22D3B;
          border-color: #ededed;
          border-radius: 0; }
        .datepicker.dropdown-menu table tr td.active, .datepicker.dropdown-menu table tr td.active.active:hover, .datepicker.dropdown-menu table tr td.active:focus, .datepicker.dropdown-menu table tr td.highlighted, .datepicker.dropdown-menu table tr td:active:focus,
        .datepicker.dropdown-menu table tr th.active,
        .datepicker.dropdown-menu table tr th.active.active:hover,
        .datepicker.dropdown-menu table tr th.active:focus,
        .datepicker.dropdown-menu table tr th.highlighted,
        .datepicker.dropdown-menu table tr th:active:focus {
          background-color: #c11b28;
          border-color: #ededed; }
      .datepicker.dropdown-menu table tr th.datepicker-switch {
        font-size: 12px;
        font-weight: bold;
        line-height: 2;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #ffffff;
        background-color: inherit;
        border-radius: 0; }
      .datepicker.dropdown-menu table tr th.next,
      .datepicker.dropdown-menu table tr th.prev {
        color: #ffffff;
        background-color: #ab1823;
        border-radius: 0; }
      .datepicker.dropdown-menu table tr th.dow {
        padding: 2px 12px;
        font-size: 12px;
        line-height: 2;
        color: #ffffff;
        background-color: #b81926;
        border-top: 1px solid #b41925;
        border-radius: 0; }
      .datepicker.dropdown-menu table tr td.day {
        width: 24px;
        border-right: 1px solid #ededed; }
        .datepicker.dropdown-menu table tr td.day:last-child {
          border-right-width: 0; }
      .datepicker.dropdown-menu table tr td.range {
        background-color: #eeeeee; }
  .datepicker.dropdown-menu .disabled,
  .datepicker.dropdown-menu .disabled:hover,
  .datepicker.dropdown-menu .new,
  .datepicker.dropdown-menu .old {
    color: #ccc; }

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif; }

.fontawesome-calendar {
  position: absolute;
  top: 26px;
  right: 0;
  font-size: 24px;
  z-index: -99; }

@keyframes popup {
  from {
    opacity: 0;
    transform: translateY(12px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* ====================================================
       11. Activies Styles
=======================================================*/
.activity,
.activity h1,
.activity p {
  color: #ffffff; }

.activity .description {
  margin: 7.143rem; }

.activity .description p {
  border-bottom: 2px solid #c2c2c2;
  /*margin-left: 7.143rem;  margin-right: 7.143rem;*/
  /*padding-left: 4.286rem;  padding-right: 4.286rem;*/
  padding-bottom: 2.857rem; }

.activity:hover .overlay-secondary {
  background-color: rgba(226, 45, 59, 0.66);
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease; }

/* ====================================================
       12. Blog Styles
=======================================================*/
.single-blog-post {
  margin-bottom: 30px; }

.post-thumb-wrap {
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.post-thumb-wrap img {
  width: 100%; }

.post-meta-info {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(226, 45, 59, 0.66)), color-stop(90%, rgba(255, 255, 255, 0.33)));
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.66) 10%, rgba(255, 255, 255, 0.33) 90%);
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.66) 10%, rgba(255, 255, 255, 0.33) 90%);
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.66) 10%, rgba(255, 255, 255, 0.33) 90%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.66) 10%, rgba(255, 255, 255, 0.33) 90%);
  font-size: 12px;
  letter-spacing: 2px;
  color: #1C2025;
  padding: 20px 40px;
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important; }

.shadow:hover .post-meta-info {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(226, 45, 59, 0.66)), color-stop(90%, #c32b48));
  background: -webkit-linear-gradient(bottom, rgba(226, 45, 59, 0.66) 10%, rgba(226, 45, 59, 0.66) 90%);
  background: -moz-linear-gradient(bottom, rgba(226, 45, 59, 0.66) 10%, rgba(226, 45, 59, 0.66) 90%);
  background: -o-linear-gradient(bottom, rgba(226, 45, 59, 0.66) 10%, rgba(226, 45, 59, 0.66) 90%);
  background: linear-gradient(0deg, rgba(226, 45, 59, 0.66) 10%, rgba(226, 45, 59, 0.66) 90%);
  color: #ffffff; }

.post-content-wrap {
  padding: 60px 40px;
  text-align: center; }

.post-content-wrap .section-title {
  color: #E22D3B;
  border-bottom: 1px solid #8b928e;
  padding-bottom: 18px;
  margin-bottom: 14px;
  font-size: 28px; }

.post-content-wrap .text {
  font-size: 12px;
  line-height: 2;
  color: #242424;
  margin-bottom: 0; }

/* ====================================================
       13. phrase Styles
=======================================================*/
.phrase {
  text-align: center;
  margin-top: 90px;
  margin-bottom: 130px; }

.phrase-1 * {
  color: #ffffff !important; }

.phrase p {
  border-bottom: 2px solid #79807c;
  font-weight: 300;
  padding-bottom: 2.857rem; }

.phrase h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 300; }

.phrase-1 {
  text-align: center; }

.phrase-1 h1 {
  margin-bottom: 80px; }

.phrase-1 .pharse-text p {
  margin-bottom: 0; }

.phrase-1 .pharse-text h1 {
  margin-bottom: 0; }

.phrase-1 .pharse-text {
  border-top: 2px solid #e9e7e1;
  border-bottom: 2px solid #e9e7e1;
  font-weight: 300;
  padding: 80px;
  margin-bottom: 30px;
  font-size: 18px; }

/* ====================================================
       14. masonry Styles
=======================================================*/
.gird-item {
  padding-top: 15px;
  padding-bottom: 15px; }

/* ====================================================
       15. price Styles
=======================================================*/
.price {
  position: relative;
  border: 6px solid #ffffff;
  border-radius: 4px; }

.price img {
  z-index: 1; }

.price .detail * {
  color: #ffffff; }

.price .detail {
  position: absolute;
  bottom: 0;
  background: rgba(29, 29, 29, 0.66);
  z-index: 99;
  width: 100%;
  padding: 15px 5px;
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important; }

.price .detail h5 {
  margin-bottom: 0; }

.price .detail a.readmore {
  border-color: #ffffff;
  margin-top: 2px; }

.price .detail a.readmore:hover {
  color: #1C2025; }

.price:hover .detail {
  background: rgba(226, 45, 59, 0.66); }

.price .cost {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.07);
  padding: 15px 6px 15px 14px;
  text-align: center;
  z-index: 999; }

.price .cost * {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #ffffff; }

.price .cost h6 {
  margin-top: 24px;
  margin-bottom: 10px; }

.price .cost h6 i {
  text-transform: lowercase; }

.price .cost span {
  font-size: 28px;
  line-height: 10px; }

/* ====================================================
       16. counter Styles
=======================================================*/
.section-counter {
  padding-top: 60px;
  padding-bottom: 30px; }

.num-counter * {
  color: #ffffff;
  font-family: "Montserrat", sans-serif; }

.num-counter {
  text-align: center;
  border-right: 1px solid #494949;
  padding-top: 40px;
  padding-bottom: 24px;
  margin-bottom: 30px; }

.num-counter .counter {
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 30px; }

.num-counter h6 {
  font-weight: 300;
  letter-spacing: 1px; }

.row .num-counter:last-child {
  border-right: none; }

/* ====================================================
       17. comments Styles
=======================================================*/
.comments {
  background: rgba(0, 0, 0, 0.86);
  text-align: center;
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 50px;
  margin-bottom: 30px; }

.comments .score i {
  font-size: 32px;
  margin-right: 14px; }

.comments .score span {
  color: #ffde00 !important; }

.comments .detail-comment {
  margin: 30px 100px;
  color: #ffffff; }

.comments .detail-autor {
  position: relative;
  margin: 0 auto 30px;
  border-top: 1px solid #ffffff;
  padding: 10px 15px 0;
  width: 25%;
  color: #ffffff;
  text-transform: capitalize; }

/* ====================================================
       18. gallery Styles
=======================================================*/
.gallery div figure img {
  width: 100%; }

.gallery div {
  position: relative; }

figure {
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden; }

figure img {
  position: relative;
  z-index: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

figure a {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 99;
  font-size: 42px;
  color: rgba(255, 255, 255, 0.33);
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important;
  opacity: 0; }

figure:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

figure:hover a {
  opacity: 1; }

/* ====================================================
       19. nav pills -  Styles
=======================================================*/
.nav-pills {
  display: inline-flex; }

.tab-content > .tab-pane.in {
  opacity: 1; }

.nav-pills .nav-link {
  border-radius: 0.25rem;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #1C2025;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #1C2025;
  padding: 8px 32px;
  margin: 0 8px; }

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
  color: #fff;
  background-color: #E22D3B;
  border: 1px solid #E22D3B; }

.tab-content > .tab-pane {
  margin-top: 80px; }

/* ====================================================
       20. menu single -  Styles
=======================================================*/
.single-menu {
  margin-bottom: 20px; }

.single-menu * {
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important; }

.single-menu .table {
  margin-bottom: 0;
  text-align: left; }

.single-menu .table td {
  padding: 6px 0;
  border-top: none; }

.single-menu .table tr:first-child td {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 4px !important; }

.single-menu .table tr td:last-child {
  text-align: right !important; }

.single-menu .menu-title {
  color: #1C2025;
  font-size: 18px;
  display: inline-block;
  margin: 0; }

.single-menu .menu-title i {
  color: #7c7c7c; }

.single-menu:hover .menu-rate,
.single-menu:hover .menu-title,
.single-menu:hover .menu-title i {
  color: #E22D3B; }

.single-menu .menu-title span {
  margin-right: 14px; }

/*
.single-menu .lot,
.single-menu .rate {
  text-align: right;
}
*/
.single-menu .lot p {
  color: #7c7c7c;
  margin-bottom: 0; }

.single-menu .menu-rate {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 400;
  display: inline-block;
  color: #1C2025;
  font-size: 18px;
  margin: 0; }

.single-menu .detail,
.single-menu .lot {
  font-style: italic; }

span.new {
  color: #E22D3B;
  font-style: italic;
  font-weight: 400;
  text-transform: capitalize;
  margin-right: 14px; }

/* ====================================================
       21. best meals isotope -  Styles
=======================================================*/
.filter-mix.nav-pills .nav-link {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  background-color: transparent; }

.filter-mix .nav-item a:hover {
  border: 1px solid rgba(233, 24, 38, 0.33);
  background-color: rgba(233, 24, 38, 0.33);
  color: #ffffff; }

.filter-mix .nav-item a.active {
  border: 1px solid #E22D3B;
  background-color: #E22D3B;
  color: #ffffff !important; }

.container-grid {
  width: 100%;
  margin-top: 80px; }

.mix {
  float: left;
  margin-bottom: 30px;
  position: relative; }

.cocktail-item article,
.meal-item article,
.plan-item article {
  position: relative; }

.cocktail-item article *,
.meal-item article *,
.plan-item article * {
  color: #ffffff !important; }

.cocktail-item article img,
.meal-item article img,
.plan-item article img {
  width: 100%;
  position: relative;
  z-index: 1; }

.plan-item article {
  margin-bottom: 30px; }

.plan-item article .plan-detail {
  background-color: rgba(28, 32, 37, 0.66); }

.meal-item article .meal-detail {
  background-color: rgba(226, 45, 59, 0.66); }

.cocktail-item article .cocktail-detail {
  background-color: rgba(28, 32, 37, 0.66); }

.cocktail-item article .cocktail-detail,
.meal-item article .meal-detail,
.plan-item article .plan-detail {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 30px 30px 90px;
  opacity: 0;
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important;
  z-index: 99; }

.plan-item article .plan-detail {
  position: relative;
  padding-bottom: 110px; }

.cocktail-item article:hover .cocktail-detail,
.meal-item article:hover .meal-detail,
.plan-item article .plan-detail {
  opacity: 1; }

.plan-item article:hover .plan-detail {
  background-color: rgba(233, 24, 38, 0.86); }

.cocktail-item article .cocktail-detail h3,
.meal-item article .meal-detail h3,
.plan-item article .plan-detail h3 {
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 2px solid #ffffff;
  font-weight: 300; }

.cocktail-item article .cocktail-detail .readmore,
.meal-item article .meal-detail .readmore,
.plan-item article .plan-detail .readmore {
  border-bottom: 1px solid #ffffff;
  position: absolute;
  bottom: 30px;
  left: 30px; }

.plan-item article .plan-detail .readmore {
  bottom: 40px; }

.cocktail-item article .cocktail-detail .price,
.meal-item article .meal-detail .price,
.plan-item article .plan-detail .price {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 0;
  padding: 16px 32px;
  text-align: center;
  z-index: 999; }

.cocktail-item article .cocktail-detail .price *,
.meal-item article .meal-detail .price *,
.plan-item article .plan-detail .price * {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  line-height: 22px;
  color: #ffffff; }

.cocktail-item article .cocktail-detail .price h6,
.meal-item article .meal-detail .price h6,
.plan-item article .plan-detail .price h6 {
  font-family: "Montserrat", sans-serif;
  margin-top: 24px;
  margin-bottom: 10px; }

.cocktail-item article .cocktail-detail .price span,
.meal-item article .meal-detail .price span,
.plan-item article .plan-detail .price span {
  font-size: 32px;
  line-height: 10px; }

.plan-item article .plan-detail ul {
  margin-bottom: 30px;
  margin-left: 0;
  font-weight: 300;
  list-style: none; }

.plan-item article .plan-detail ul li {
  margin-bottom: 4px; }

.plan-item article .plan-detail ul li::before {
  font-family: 'ionicons';
  font-size: 18px;
  content: '\f3fe';
  margin-right: 14px;
  color: #ffffff; }

.plan-item article .plan-detail ul li.not_applicable::before {
  content: '\f405'; }

/* ====================================================
       22. chefs -  Styles
=======================================================*/
.chefs img {
  width: 100%; }

.chefs article {
  position: relative;
  text-align: center; }

.chefs .detail-chefs * {
  color: #ffffff; }

.chefs .detail-chefs {
  background-color: rgba(226, 45, 59, 0.66);
  position: absolute;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 38%;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important; }

.chefs:hover .detail-chefs {
  opacity: 1; }

.chefs .detail-chefs h4 {
  margin-bottom: 0; }

.chefs .detail-chefs p {
  margin-bottom: 4px; }

.chefs .detail-chefs .social-link a {
  margin-right: 6px; }

/* ====================================================
       23. Adventure Styles.
=======================================================*/
.item-adventure {
  position: relative;
  margin: 30px 0 30px 60px; }

.item-adventure.invested {
  margin-left: 0;
  margin-right: 60px; }

.item-adventure .item-adventure-detail {
  background-color: #ffffff;
  padding: 45px 0 0 45px;
  position: relative;
  margin-bottom: 60px;
  left: -60px; }

.item-adventure.invested .item-adventure-detail {
  right: -60px !important;
  left: auto; }

.item-adventure .owl-carousel {
  position: absolute;
  left: 0;
  top: -45px !important; }

.item-adventure.invested .owl-carousel {
  position: absolute;
  left: -45px;
  top: -45px !important; }

.item-adventure .owl-carousel .owl-item {
  max-height: 344px !important; }

.item-adventure .owl-theme .owl-dots {
  margin-top: 20px !important;
  z-index: 99 !important; }

.item-adventure .owl-theme .owl-dots .owl-dot span {
  border: 2px solid #9AA2AC; }

.item-adventure .owl-theme .owl-dots .owl-dot.active span,
.item-adventure .owl-theme .owl-dots .owl-dot:hover span {
  background: #E22D3B !important;
  border: 2px solid #E22D3B !important; }

.item-adventure.red {
  background-color: rgba(226, 45, 59, 0.66); }

.item-adventure.dark {
  background-color: rgba(28, 32, 37, 0.66); }

.item-adventure.light {
  background-color: rgba(103, 113, 128, 0.66); }

.item-adventure .header {
  margin-bottom: 20px; }

.item-adventure p {
  margin-bottom: 20px;
  margin-right: 30px; }

.item-adventure .table {
  position: relative;
  margin-top: 0;
  margin-bottom: 50px; }

.item-adventure .table td {
  border: none;
  padding: 0; }

.item-adventure .table td.table-header {
  color: #1C2025; }

.item-adventure .table td.table-day {
  font-weight: 300; }

.item-adventure .table td.table-hour {
  font-weight: 300;
  text-align: right;
  color: #E22D3B !important;
  padding-right: 40px; }

/* ====================================================
       24. single-blog Styles.
=======================================================*/
.blog-title {
  margin-top: 140px; }

.blog-title .statistics {
  margin-bottom: 0; }

.blog-title .statistics a {
  margin-right: 2rem;
  color: #242424; }

.blog-title .statistics a:last-child {
  margin-right: 0; }

.blog-title .statistics a i {
  margin-right: 0.25rem;
  color: #E22D3B !important; }

.detail_blog .content_blog {
  margin-top: 30px;
  padding-bottom: 2.857rem;
  border-bottom: 1px solid #e8e8e8; }

.comemnts_blog ul li {
  list-style: none;
  padding-top: 2.857rem;
  padding-bottom: 2.857rem;
  border-bottom: 1px solid #e8e8e8; }

.comemnts_blog ul li:last-child {
  padding-bottom: 0;
  border-bottom: none; }

.comemnts_blog .title span {
  font-family: "Montserrat", sans-serif !important; }

.comemnts_blog .comment_content {
  padding-left: 90px; }

.comemnts_blog a.reply {
  color: #E22D3B !important; }

.comemnts_blog a.reply i {
  margin-right: 0.25rem; }

.comemnts_blog .comment_content h5 {
  margin-bottom: 0.25rem;
  text-transform: capitalize; }

.comemnts_blog .comment_content p.date {
  margin-bottom: 1rem;
  font-style: italic; }

.comemnts_blog ul ul {
  padding-left: 2.857rem; }

.comemnts_blog ul ul li {
  border-bottom: none;
  padding-bottom: 0; }

#custom-search-input {
  padding: 3px;
  border: solid 1px #1b212c;
  border-radius: 0;
  background-color: #fff; }

#custom-search-input input {
  border: 0 !important;
  box-shadow: none; }

#custom-search-input button {
  margin: 2px 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;
  border-left: solid 1px #ccc; }

#custom-search-input button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc; }

#custom-search-input .glyphicon-search {
  font-size: 23px; }

/*# sourceMappingURL=main.css.map */