/*!
 * MaitlandandKnox (maitlandandknox.com)
 * Copyright 2015 ODDLY (oddly.co)
 * Author: Heshan Galahitiyawa
 */
html {
  font-family: serif;
}

body {
  font-family: "Times New Roman";
  background: url(../img/bg.jpg) no-repeat bottom right fixed;
}

a:hover {
  text-decoration: none;
  color: #000;
}

.img-responsive {
  margin-left: auto;
  margin-right: auto;
}

.content-wrapper {
  margin-top: 8%;
}

.mk-wrapper {
  border-right: 4px solid #000;
  border-width: 3px;
  border-style: solid;
  -webkit-border-image: 
    -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
  -webkit-border-image: 
    -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
  -moz-border-image:
    -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;    
  -o-border-image:
    -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
  border-image:
    linear-gradient(to bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
}

.single-hotel a {
  display: block;
  padding-top: 50%;
  padding-bottom: 50%;
}

.single-thotl a:hover {
  background: url(../img/bg-th.png) no-repeat bottom center;
  background-size: auto 100%;
}

.single-gfh a:hover {
  background: url(../img/bg-gfh.png) no-repeat bottom center;
  background-size: auto 100%;
}

.tagline {
  font-size: 15pt;
  padding: 10px 30px;
  color: #000;
}

.single-hotel a:hover .tagline {
  color: #fff;
}

.btn-default {
  color: #888888;
  border: none;
  text-transform: uppercase;
  font-size: 9pt;
  letter-spacing: .3pt;
  background: transparent;
  border-radius: 0;
  padding: 8px 15px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.single-hotel a:hover .btn-default {
  color: #fff;
}

.btn-default:hover {
  background: rgba(0, 0, 0, 0.6);
}

.glyphicon {
  color: #CECECE;
}

.btn-default:hover .glyphicon {
  color: #fff;
}

footer {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
}

footer a {
  color: #888888;
  font-size: 10pt;
}

@media (max-width: 767px) {
  .mk-wrapper {
    border: none;
    margin-top: 10px;
  }
  .tagline {
    padding: 10px 20px;
  }
  .single-hotel a {
    padding-top: 10px;
    padding-bottom: 0;
    border: 8px solid #444;
    margin-top: 10px;
  }
  .single-hotel a:hover {
    background: none;
  }
  .single-hotel .tagline {
    padding: 0 30px;
  }
  .single-hotel a:hover .tagline {
    color: #000;
  }
  .btn-default {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
  }
  footer {
    position: relative;
    border-top: 2px solid #999;
    margin-top: 30px;
    padding-top: 5px;
  }
}

@media (max-width: 991px) {
  body {
    background: url(../img/bg.jpg) no-repeat bottom center fixed;
  }
}

@media (min-width: 768px) {
  .hotels-wrapper, .single-hotel {
    padding: 0
  }
}

@media (min-width: 1281px) {
  .content-wrapper {
    margin-top: 15vh;
  }
}