/* Generated by less 2.5.1 */
/*[[BANNER]]*/
/* ================================================================================= */
/* GLOBAL STYLE */
/* !!! You need to include normalize.css before this file! !!! */
/* ================================================================================= */
/*[[BANNER]]*/
/*@font-1: 'gandhi_serifregular', serif;
@font-1i: 'gandhi_serifitalic', serif;
@font-1b: 'gandhi_serifbold', serif;
@font-1bi: 'gandhi_serifbold_italic', serif;*/
.resetlist {
  list-style-type: none;
  padding: 0;
}
.translate-50Y {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.translate-50X {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.translate-50 {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cfix,
.clearfix {
  *zoom: 1;
}
.cfix:before,
.clearfix:before,
.cfix:after,
.clearfix:after {
  content: "";
  display: table;
}
.cfix:after,
.clearfix:after {
  clear: both;
}
.ratio_16-9 {
  position: relative;
}
.ratio_16-9:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.ratio_content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* FONTS */
/* ======================================== */
@font-face {
  font-family: 'gandhi_serifbold';
  src: url('../fonts/gandhi/gandhiserif_bold_macroman/GandhiSerif-Bold-webfont.eot');
  src: url('../fonts/gandhi/gandhiserif_bold_macroman/GandhiSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhi/gandhiserif_bold_macroman/GandhiSerif-Bold-webfont.woff') format('woff'), url('../fonts/gandhi/gandhiserif_bold_macroman/GandhiSerif-Bold-webfont.ttf') format('truetype'), url('../fonts/gandhi/gandhiserif_bold_macroman/GandhiSerif-Bold-webfont.svg#gandhi_serifbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gandhi_serifbold_italic';
  src: url('../fonts/gandhi/gandhiserif_bolditalic_macroman/GandhiSerif-BoldItalic-webfont.eot');
  src: url('../fonts/gandhi/gandhiserif_bolditalic_macroman/GandhiSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhi/gandhiserif_bolditalic_macroman/GandhiSerif-BoldItalic-webfont.woff') format('woff'), url('../fonts/gandhi/gandhiserif_bolditalic_macroman/GandhiSerif-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/gandhi/gandhiserif_bolditalic_macroman/GandhiSerif-BoldItalic-webfont.svg#gandhi_serifbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gandhi_serifitalic';
  src: url('../fonts/gandhi/gandhiserif_italic_macroman/GandhiSerif-Italic-webfont.eot');
  src: url('../fonts/gandhi/gandhiserif_italic_macroman/GandhiSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhi/gandhiserif_italic_macroman/GandhiSerif-Italic-webfont.woff') format('woff'), url('../fonts/gandhi/gandhiserif_italic_macroman/GandhiSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/gandhi/gandhiserif_italic_macroman/GandhiSerif-Italic-webfont.svg#gandhi_serifitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gandhi_serifregular';
  src: url('../fonts/gandhi/gandhiserif_regular_macroman/GandhiSerif-Regular-webfont.eot');
  src: url('../fonts/gandhi/gandhiserif_regular_macroman/GandhiSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhi/gandhiserif_regular_macroman/GandhiSerif-Regular-webfont.woff') format('woff'), url('../fonts/gandhi/gandhiserif_regular_macroman/GandhiSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/gandhi/gandhiserif_regular_macroman/GandhiSerif-Regular-webfont.svg#gandhi_serifregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ======================================== */
html,
button,
input,
select,
textarea {
  color: #242424;
}
html,
body {
  color: #242424;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Playfair Display', serif;
  line-height: 1em;
}
body {
  background-color: #242424;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Box-Sizing */
/* **************************************** */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Elements */
/* **************************************** */
audio,
canvas,
img,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
/* Selection */
/* **************************************** */
::-moz-selection {
  background: #eaeaea;
  text-shadow: none;
}
::selection {
  background: #eaeaea;
  text-shadow: none;
}
/* HR */
/* **************************************** */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #eaeaea;
  margin: 20px 0;
  padding: 0;
}
/* Standard Links */
/* **************************************** */
a:link {
  color: #888888;
  text-decoration: none;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
a:visited {
  color: #eaeaea;
  text-decoration: none;
}
a:hover {
  color: #eaeaea;
  text-decoration: underline;
}
a:active {
  color: #eaeaea;
  text-decoration: none;
}
a:focus {
  outline: thin dotted transparent;
  color: #eaeaea;
}
/* Titles */
/* **************************************** */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.8em 0;
  padding: 0;
  line-height: 1em;
  color: inherit;
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 0.8em;
  color: #888888;
}
h1 {
  font-size: 2.2em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.8em;
}
h4 {
  font-size: 1.5em;
}
h5 {
  font-size: 1.3em;
}
h6 {
  font-size: 1.2em;
}
/* Standard Paragraphs */
/* **************************************** */
p {
  margin: 0 0 1em 0;
  padding: 0;
  line-height: 1.2em;
}
p small {
  font-size: 0.8em;
}
/* Text Tags and Font Classes */
/* **************************************** */
small {
  font-size: 0.8em;
}
.font-xsmall {
  font-size: 0.5em;
}
.font-small {
  font-size: 0.8em;
}
.font-medium {
  font-size: 1.2em;
}
.font-large {
  font-size: 1.5em;
}
.font-xlarge {
  font-size: 1.8em;
}
.font-w-light {
  font-weight: 300;
}
.font-w-normal {
  font-weight: 400;
}
.font-w-medium {
  font-weight: 500;
}
.font-w-bold {
  font-weight: 700;
}
.font-w-heavy {
  font-weight: 900;
}
/* Text Align */
/* **************************************** */
.centered-txt,
.centered-text {
  text-align: center;
}
.left-txt,
.left-text {
  text-align: left;
}
.right-txt,
.right-text {
  text-align: right;
}
/* Form Inputs */
/* **************************************** */
label {
  color: inherit;
  font-weight: 700;
  margin: 0;
  padding: 5px;
}
input,
textarea {
  color: inherit;
  margin: 0 0 5px 0;
  padding: 5px;
  border: 2px solid #ffffff;
  border-radius: 0px;
}
/* Responsive/Fluid Images */
/* **************************************** */
.img-fluid img,
img.img-fluid,
.img-100 img,
img.img-100 {
  width: 100%;
}