/* Generated by less 2.5.1 */
@charset "utf-8";
/* CSS Document */
/* common css Start */
* {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
body {
  color: #000;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
}
:visited,
:focus,
:active,
:hover {
  outline: 0 none !important;
  border: 0px;
  outline-color: transparent;
  outline-style: none;
}
::-webkit-input-placeholder {
  color: #666;
}
:-moz-placeholder {
  color: #666;
}
::-moz-placeholder {
  color: #666;
}
:-ms-input-placeholder {
  color: #666;
}
/* Header Start */
.page {
  display: block;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
header {
  display: block;
  margin: 0px;
  padding: 15px 0px;
  background-color: #efefef;
  overflow: hidden;
}
header .whiteBand {
  display: block;
  margin: 0px;
  padding: 0px 15px;
  overflow: hidden;
  background-color: #fff;
}
header .whiteBand .logo {
  display: block;
  width: 167px;
  height: 55px;
  background: #ffffff url(../images/mantran.jpg) no-repeat center center;
  background-size: cover;
}
header .whiteBand p {
  display: block;
  margin: 0px;
  padding: 0px;
}
header .whiteBand p .back {
  display: inline-block;
  padding: 19px 0px 18px 15px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  color: #ea212a;
  text-decoration: none;
}
header .whiteBand p .back strong {
  font-weight: 500;
}
header .whiteBand p .back:hover {
  color: #9f2e31;
}
.showcaseThumbs {
  display: block;
  margin: 0px;
  padding: 35px 0px;
}
.showcaseThumbs h1 {
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 6px;
  font-size: 34px;
  line-height: 38px;
  font-weight: 300;
  color: #232c2c;
  text-align: center;
  text-transform: uppercase;
}
.showcaseThumbs h2 {
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 6px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  color: #232c2c;
  text-align: center;
}
.showcaseThumbs .thumbBox {
  padding-top: 35px;
  padding-bottom: 35px;
}
.showcaseThumbs .thumbLink {
  display: block;
  max-width: 329px;
  margin: 0px auto;
  padding: 0px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  text-decoration: none;
  color: #d7332d;
}
.showcaseThumbs .thumbLink img {
  display: block;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.showcaseThumbs .thumbLink span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: block;
  color: #9f2e31;
  text-decoration: none;
}
.showcaseThumbs .thumbLink:hover {
  text-decoration: none;
  color: #000;
}
.showcaseThumbs .thumbLink:hover img {
  opacity: 0.8;
}
.showcaseThumbs .thumbLink:hover span {
  color: #666;
}
footer {
  display: block;
  margin: 0px;
  padding: 25px 0px;
  background-color: #313131;
}
footer p {
  display: block;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 18px;
  color: #d5d5d5;
  font-weight: 400;
  text-align: center;
}
footer p a {
  font-size: 12px;
  line-height: 18px;
  color: #ea212a;
  text-decoration: none;
}
footer p a:hover {
  color: #9f2e31;
  text-decoration: none;
}
/* Header End */
@media (max-width: 767px) {
  header .whiteBand {
    display: block;
    margin: 0px;
    padding: 0px 15px;
    overflow: hidden;
    background-color: #fff;
  }
  header .whiteBand .logo {
    margin: 0px auto;
  }
  header .whiteBand p.text-right {
    text-align: center;
  }
  header .whiteBand p.text-right .back {
    border-top: 1px solid #eee;
  }
}