/***********************************
* FONTS
***********************************/
/***********************************
* SUPERCATEGORIES COLORS
***********************************/
/***********************************
* OTHER COLORS
***********************************/
/***********************************
* RESPONSIVE MEDIA QUERIES
***********************************/
/***********************************
* HEADERS
***********************************/
h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 60px; }
  @media (max-width: 767px) {
    h1 {
      font-size: 40px; } }

h2 {
  font-size: 45px;
  font-weight: 700;
  color: white;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    h2 {
      font-size: 30px; } }
  h2 a:hover, h2 a:focus {
    text-decoration: none; }

/***********************************
* LANDING SECTION
***********************************/
#landing-section {
  width: 100%;
  height: 80vh;
  position: relative;
  margin: 0;
  overflow: hidden; }
  @media (max-width: 767px) {
    #landing-section {
      background-attachment: inherit; } }
  #landing-section #landing-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, transparent 53%, transparent 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(53%, transparent), color-stop(100%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, transparent 53%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, transparent 53%, transparent 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, transparent 53%, transparent 100%);
    /* IE10+ */
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, transparent 53%, transparent 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  #landing-section #landing-text {
    position: absolute;
    left: 45px;
    bottom: 45px;
    width: 600px;
    padding: 15px; }
    @media (max-width: 767px) {
      #landing-section #landing-text {
        padding: 15px;
        width: 100%;
        left: 0px;
        bottom: 0px; } }
    #landing-section #landing-text .btn-transparent {
      background-color: #e74c3c;
      color: white; }
      @media (max-width: 767px) {
        #landing-section #landing-text .btn-transparent {
          display: table;
          margin-bottom: 5px; } }
    #landing-section #landing-text h1 {
      padding-bottom: 40px;
      color: #fff;
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
      margin: 0; }
    #landing-section #landing-text p {
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
      font-size: 20px; }
    #landing-section #landing-text #landing-ads {
      margin-top: 20px;
      margin-bottom: 20px; }

/***********************************
* RESTAURANTS AND HOTELS SECTION
***********************************/
#restaurants-section, #hotels-section, #events-section, #articles-section {
  width: 100%;
  height: 400px; }
  @media (max-width: 767px) {
    #restaurants-section, #hotels-section, #events-section, #articles-section {
      height: auto; } }
  #restaurants-section .info, #hotels-section .info, #events-section .info, #articles-section .info {
    padding: 60px 20px 20px 60px; }
    @media (max-width: 767px) {
      #restaurants-section .info, #hotels-section .info, #events-section .info, #articles-section .info {
        padding: 25px 15px; } }
    #restaurants-section .info .icon, #hotels-section .info .icon, #events-section .info .icon, #articles-section .info .icon {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      text-align: center;
      line-height: 60px; }
    #restaurants-section .info h2, #hotels-section .info h2, #events-section .info h2, #articles-section .info h2 {
      font-weight: 300;
      width: 50%;
      margin-bottom: 5px; }
    #restaurants-section .info p, #hotels-section .info p, #events-section .info p, #articles-section .info p {
      font-size: 16px;
      margin-top: 0px; }

@media (max-width: 767px) {
  #restaurants-section, #hotels-section {
    height: auto; } }

@media (max-width: 767px) {
  #events-section, #articles-section {
    height: 200px; } }

#restaurants-section .info .icon, #articles-section .info .icon {
  background-color: #c5d223; }

#restaurants-section .info h2, #articles-section .info h2 {
  color: #202020; }

#restaurants-section .info p, #articles-section .info p {
  color: #808080; }

#hotels-section, #events-section {
  background-color: #202020; }
  #hotels-section .info .icon, #events-section .info .icon {
    background-color: #46bbac; }
  #hotels-section .info h2 a, #events-section .info h2 a {
    color: white; }
  #hotels-section .info p, #events-section .info p {
    color: #808080; }

#events-section .info {
  position: relative; }

#events-section .info-events {
  position: absolute;
  top: 50%;
  transform: translateY(50%); }
  @media (max-width: 767px) {
    #events-section .info-events {
      position: relative;
      top: 0;
      transform: translateY(0%); } }

#articles-section .info {
  position: relative; }

#articles-section .info-articles {
  position: absolute;
  top: 50%;
  transform: translateY(50%); }
  @media (max-width: 767px) {
    #articles-section .info-articles {
      position: relative;
      top: 0;
      transform: translateY(0%); } }

/***********************************
* MORE PLACES SECTION
***********************************/
#more-places-section {
  background-color: white;
  padding-top: 40px;
  padding-bottom: 80px; }
  #more-places-section h2 {
    color: #e74c3c;
    text-align: right;
    padding-right: 30px;
    font-weight: 300; }
    @media (max-width: 767px) {
      #more-places-section h2 {
        text-align: center;
        padding-right: 0; } }
  #more-places-section #more-places-ads {
    margin-bottom: 40px; }
  #more-places-section .sc-column {
    border-left: 1px solid #D2D6D5; }
    @media (max-width: 767px) {
      #more-places-section .sc-column {
        border: none; } }
    #more-places-section .sc-column .item {
      padding-top: 20px;
      padding-bottom: 20px; }
      #more-places-section .sc-column .item .image {
        width: 40%;
        border-radius: 50%;
        padding: 10px;
        margin: 0 auto; }
      #more-places-section .sc-column .item.art .image {
        background-color: #fbad2f; }
      #more-places-section .sc-column .item.art .image:hover {
        background-color: #f5df65; }
      #more-places-section .sc-column .item.bch .image {
        background-color: #3398d6; }
      #more-places-section .sc-column .item.bch .image:hover {
        background-color: #5fb4e5; }
      #more-places-section .sc-column .item.fod .image {
        background-color: #c5d223; }
      #more-places-section .sc-column .item.fod .image:hover {
        background-color: #d2e369; }
      #more-places-section .sc-column .item.shp .image {
        background-color: #f96e2a; }
      #more-places-section .sc-column .item.shp .image:hover {
        background-color: #ffa269; }
      #more-places-section .sc-column .item.cnt .image {
        background-color: #36b751; }
      #more-places-section .sc-column .item.cnt .image:hover {
        background-color: #62c37d; }
      #more-places-section .sc-column .item.lsr .image {
        background-color: #745eb7; }
      #more-places-section .sc-column .item.lsr .image:hover {
        background-color: #8a84d7; }
      #more-places-section .sc-column .item.hrt .image {
        background-color: #b18050; }
      #more-places-section .sc-column .item.hrt .image:hover {
        background-color: #cea176; }
      #more-places-section .sc-column .item.htl .image {
        background-color: #46bbac; }
      #more-places-section .sc-column .item.htl .image:hover {
        background-color: #a0d0cb; }
      #more-places-section .sc-column .item .info {
        width: 100%; }
        #more-places-section .sc-column .item .info .name {
          font-weight: 400;
          font-size: 14px;
          margin-top: 10px;
          text-transform: uppercase;
          margin-bottom: 0;
          text-align: center; }
          #more-places-section .sc-column .item .info .name a {
            color: #202020; }
        #more-places-section .sc-column .item .info ul {
          padding-top: 0px; }
          #more-places-section .sc-column .item .info ul li a {
            color: white;
            font-size: 12px;
            text-transform: lowercase; }

/***********************************
* CITIES SECTION
***********************************/
#cities-header {
  height: 400px;
  background-position: center top;
  position: relative; }
  @media (max-width: 767px) {
    #cities-header {
      height: 250px;
      background-attachment: inherit; } }
  #cities-header .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  #cities-header i {
    font-size: 30px;
    color: white;
    border: 1px solid white;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%; }

#cities-list {
  position: relative;
  padding-bottom: 40px;
  padding-top: 20px;
  background-color: #EFEFEF; }
  #cities-list a:hover,
  #cities-list a:focus {
    text-decoration: none; }
  #cities-list #cities-ads {
    margin-top: 20px;
    margin-bottom: 20px; }
  #cities-list #cities-ads-2 {
    margin-top: 20px;
    margin-bottom: 20px; }
  #cities-list .header {
    margin-top: 40px; }
  #cities-list .item {
    margin-bottom: 40px; }
    #cities-list .item .image img {
      width: 100%;
      height: 181px; }
    #cities-list .item .image:hover {
      opacity: .8; }
    #cities-list .item .info {
      height: 200px;
      background-color: white;
      padding: 20px; }
      #cities-list .item .info h3 {
        font-size: 20px;
        font-weight: 400;
        color: #e74c3c;
        border-bottom: 1px solid #D2D6D5;
        margin-top: 0;
        padding-bottom: 10px; }
        #cities-list .item .info h3:hover {
          opacity: .8; }
      #cities-list .item .info hr {
        margin-top: -11px;
        border-top: 1px solid #e74c3c;
        text-align: left;
        margin-bottom: 10px;
        margin-left: 0; }
      #cities-list .item .info p {
        font-size: 13px;
        color: #808080; }
      #cities-list .item .info a.num-pois {
        margin: 20px auto;
        font-size: 12px; }
  #cities-list .view-more {
    margin-top: 20px; }
    #cities-list .view-more a {
      border: 1px solid #e74c3c;
      color: #e74c3c; }
      #cities-list .view-more a:hover {
        border: 1px solid #e74c3c;
        color: white; }

@media (max-width: 780px) {
  .select2-container {
    min-width: 10em !important; } }

/***********************************
* PLACES SECTION
***********************************/
#places-section {
  position: relative; }
  #places-section .item {
    height: 100px; }