/***********************  TYPO *************************/

@font-face {
    font-family: 'Chronicle';
    src: url('../fonts/ChronicleDisplay-Light.woff2') format('woff2'),
        url('../fonts/ChronicleDisplay-Light.woff') format('woff'),
        url('../fonts/ChronicleDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Chronicle';
    src: url('../fonts/ChronicleDisplay-LightItalic.woff2') format('woff2'),
        url('../fonts/ChronicleDisplay-LightItalic.woff') format('woff'),
        url('../fonts/ChronicleDisplay-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle';
    src: url('../fonts/ChronicleDisplay-Roman.woff2') format('woff2'),
        url('../fonts/ChronicleDisplay-Roman.woff') format('woff'),
        url('../fonts/ChronicleDisplay-Roman.ttf') format('truetype');
    font-weight: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Chronicle';
    src: url('ChronicleDisplay-Italic.eot');
    src: url('../fonts/ChronicleDisplay-Italic.woff2') format('woff2'),
        url('../fonts/ChronicleDisplay-Italic.woff') format('woff'),
        url('../fonts/ChronicleDisplay-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

h1, .h1 { font-size: 36px; padding: 0; margin: 0; }
h2, .h2 { font-size: 36px; padding: 0; margin: 0; }
h3, .h3 { font-size: 36px; padding: 0; margin: 0; }
h4, .h4 { font-size: 30px; padding: 0; margin: 0; }
h5, .h5 { font-size: 24px; padding: 0; margin: 0; }
h6, .h6 { font-size: 18px; padding: 0; margin: 0; }

.headline-small-1 {
  font-size: 13px; 
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.headline-1 { 
  display: block;
  font-weight:normal; 
  font-size: 72px; 
  line-height: 1.125 /*72px*/; 
  letter-spacing: 0.008em; 
  padding: 0; 
  margin: 0; 
  margin-left: -5px;
}

.headline-2 { 
  display: block;
  font-size: 43px; 
  line-height: 1.2 /*48px*/; 
  letter-spacing: 0.5px; 
  padding: 72px 0;
  margin: 0; 
}

.headline-22 { 
  display: block;
  font-size: 36px; 
  line-height: 1.2; 
  letter-spacing: 0; 
  padding: 72px 0;
  margin: 0; 
}

.headline-3 { 
  display: block;
  font-weight:normal; 
  font-size: 43px; 
  line-height: 1.09 /*48px*/; 
  letter-spacing: 0; 
  padding: 0; 
  margin: 0; 
}

.headline-4 { 
  font-weight:normal; 
  font-size: 36px; 
  line-height: 1.32;  
  letter-spacing: 0.5px;
  padding: 0; 
  margin: 0; 
}

.headline-5 { 
  font-weight:normal; 
  font-size: 36px; 
  line-height: 44px;  
  letter-spacing: 0px;
  padding: 0; 
  margin: 0; 
}

.subtitle-1 { display:block; font-size: 11px; text-transform:uppercase; line-height: 1.818 /*20px*/; letter-spacing: 1.5px;; padding-top: 8px; }
.content-text { font-size: 13px; letter-spacing: 0.5px; line-height: 24px; }
.content-text-white { display: inline-block; font-size: 13px; padding-top: 24px; letter-spacing: 0.5px; font-weight: 400; line-height: 24px; }
.link-1 { display: inline-block; font-size: 11px; text-transform: uppercase; text-decoration: none; letter-spacing: 1.5px; padding-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.link-1:hover { opacity: 0.5; text-decoration: none;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.link-2 { display: inline-block; font-size: 11px; text-transform: uppercase; text-decoration: none; letter-spacing: 1.5px; padding-top:24px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.link-2:hover { opacity: 0.5; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.link-2-white { display: inline-block; font-size: 11px; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; padding-top:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.link-2-white:hover { opacity: 0.5; text-decoration: none;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.link-3 { display: inline-block; font-size: 11px; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; padding-top:28px; padding-bottom: 3px; border-bottom: solid 1px #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.link-3:hover { opacity: 0.5; text-decoration: none;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }


.typo-n1 { font-family:  'Poppins', Helvetica, Arial, sans-serif; font-weight: 300;  }
.typo-n2 { font-family:  'Poppins', Helvetica, Arial, sans-serif; font-weight: 400;  }
.typo-n3 { font-family:  'Poppins', Helvetica, Arial, sans-serif; font-weight: 500;  }
.typo-n4 { font-family:  'Poppins', Helvetica, Arial, sans-serif; font-weight: 600;  }
.typo-n7 { font-family: 'Chronicle', sans-serif; font-weight: 300;  }
.typo-n8 { font-family: 'Chronicle', sans-serif; font-weight: normal; font-style: italic }
.typo-n9 { font-family: 'Chronicle', sans-serif; font-weight: normal; }
.typo-n10 { font-family: 'Chronicle', sans-serif; font-weight: normal; font-style: italic  }


b,strong {font-weight: 600;}
p {display: block; margin: 0; padding: 0px;}
p:empty {
  display: none;
}
small {font-size: 80%;}
a.link-normal {color: #252525;text-decoration: underline;}
a:hover {color: #252525;text-decoration: underline;}
a:hover.nodeco {text-decoration: none;}
.nodeco {text-decoration: none;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-middle {vertical-align: middle;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.text-italic {font-style: italic;}
.letter-spacing-normal {letter-spacing: 0px;}
.letter-spacing-small {letter-spacing: 0.5px;}
.letter-spacing-medium {letter-spacing: 1px;}
.letter-spacing-high {letter-spacing: 1.5px;}
.letter-spacing-high-x1 {letter-spacing: 1.5px;;}
.letter-spacing-high-x2 {letter-spacing: 3px;}
.font-weight-400 {font-weight:300}
.font-weight-400 {font-weight:400}
.font-weight-500 {font-weight:500}
.font-weight-600 {font-weight:600}
.font-weight-700 {font-weight:700}
.font-weight-800 {font-weight:800}



/***********************  COLORS *************************/

.bg-dark {background-color: #101010;}
.bg-white {background-color: #ffffff;}
.bg-darkgrey {background-color: #454545;}
.bg-black {background-color: #000000;}
.bg-lightgrey {background-color: #f0f0f0;}
.bg-bluegrey {background-color: #323139;}
.bg-beige {background-color: #E7CE8F;}
.bg-dark-grey {background-color: #2c2c2f;}
.bg-black-grey {background-color: #101010}
.brown {color: #9C8576;}
.white {color: white;}
.white-grey {color: #cccccc}
.light-grey {color: #999999}
.middle-grey {color: #666666}
.dark-grey {color: #101010;}
.black-grey {color: #101010}
.black {color: #000000;}
.light-brown {color: #ba995b;}
.dark-brown {color: #bd790d;}

.opacity-08 { opacity: 0.8;
  filter: alpha(opacity=80);
}


/***********************  GOLBAL *************************/

* {
  box-sizing: border-box;
  outline: none;
}

*:focus {
    outline: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a {
  outline: none;
}

ul {
  margin:0; 
  padding:0; 
  list-style:none;
  list-style-type: none;
}

ul li {
  display: inline-block;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.img {
  border: 0px;
  margin:0px;
  padding:0px;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
	margin: 0 auto;
}

.img-full-min-height {
	min-height: 400px;
}

.relative {
  position: relative;
}

.absolute {
  position:absolute;
  z-index: 2;
}

.v-bottom {
  bottom: 0;
}

.h-center {
  left: 50%
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearboth {
  clear: both;
}

.block {
  display: block;
}

.fullwidth {
  width: 100%;
}

.centered {
  margin:0 auto 0 auto;
}

.fullheight {
  height: 100%;
}

.fullwidth {
  width: 100%;
}

.icn-24 {
  width: 24px;
  height: 24px;
}

.border-top-solid-grey{
  border-top:solid 1px #dadada;
}

.border-bottom-solid-grey{
  border-bottom:solid 1px #dadada;
}

textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}


/***********************  MARGIN / PADDING *************************/

.nomargin {margin: 0;}
.nopadding {padding: 0;}
.nodisplay {display: none;}

.padding-top-1 {padding-top: 8px;}
.padding-top-2 {padding-top: 16px;}
.padding-top-3 {padding-top: 24px;}
.padding-top-4 {padding-top: 32px;}
.padding-top-5 {padding-top: 40px;}
.padding-top-6 {padding-top: 48px;}
.padding-top-7 {padding-top: 56px;}
.padding-top-8 {padding-top: 64px;}
.padding-top-9 {padding-top: 72px;}
.padding-top-10 {padding-top: 80px;}
.padding-top-11 {padding-top: 88px;}
.padding-top-12 {padding-top: 96px;}
.padding-top-13 {padding-top: 104px;}
.padding-top-14 {padding-top: 112px;}
.padding-top-15 {padding-top: 120px;}

.padding-bottom-1 {padding-bottom: 8px;}
.padding-bottom-2 {padding-bottom: 16px;}
.padding-bottom-3 {padding-bottom: 24px;}
.padding-bottom-4 {padding-bottom: 32px;}
.padding-bottom-5 {padding-bottom: 40px;}
.padding-bottom-6 {padding-bottom: 48px;}
.padding-bottom-7 {padding-bottom: 56px;}
.padding-bottom-8 {padding-bottom: 64px;}
.padding-bottom-9 {padding-bottom: 72px;}
.padding-bottom-10 {padding-bottom: 80px;}
.padding-bottom-11 {padding-bottom: 88px;}
.padding-bottom-12 {padding-bottom: 96px;}
.padding-bottom-13 {padding-bottom: 104px;}
.padding-bottom-14 {padding-bottom: 112px;}
.padding-bottom-15 {padding-bottom: 120px;}

.padding-left-1 {padding-left: 8px;}
.padding-left-2 {padding-left: 16px;}
.padding-left-3 {padding-left: 24px;}
.padding-left-4 {padding-left: 32px;}
.padding-left-5 {padding-left: 40px;}
.padding-left-6 {padding-left: 48px;}
.padding-left-7 {padding-left: 56px;}
.padding-left-8 {padding-left: 64px;}
.padding-left-9 {padding-left: 72px;}
.padding-left-10 {padding-left: 80px;}
.padding-left-11 {padding-left: 88px;}
.padding-left-12 {padding-left: 96px;}
.padding-left-13 {padding-left: 104px;}
.padding-left-14 {padding-left: 112px;}
.padding-left-15 {padding-left: 120px;}

.padding-right-1 {padding-right: 8px;}
.padding-right-2 {padding-right: 16px;}
.padding-right-3 {padding-right: 24px;}
.padding-right-4 {padding-right: 32px;}
.padding-right-5 {padding-right: 40px;}
.padding-right-6 {padding-right: 48px;}
.padding-right-7 {padding-right: 56px;}
.padding-right-8 {padding-right: 64px;}
.padding-right-9 {padding-right: 72px;}
.padding-right-10 {padding-right: 80px;}
.padding-right-11 {padding-right: 88px;}
.padding-right-12 {padding-right: 96px;}
.padding-right-13 {padding-right: 104px;}
.padding-right-14 {padding-right: 112px;}
.padding-right-15 {padding-right: 120px;}

.margin-top-1 {margin-top: 8px;}
.margin-top-2 {margin-top: 16px;}
.margin-top-3 {margin-top: 24px;}
.margin-top-4 {margin-top: 32px;}
.margin-top-5 {margin-top: 40px;}
.margin-top-6 {margin-top: 48px;}
.margin-top-7 {margin-top: 56px;}
.margin-top-8 {margin-top: 64px;}
.margin-top-9 {margin-top: 72px;}
.margin-top-10 {margin-top: 80px;}
.margin-top-11 {margin-top: 88px;}
.margin-top-12 {margin-top: 96px;}
.margin-top-13 {margin-top: 104px;}
.margin-top-14 {margin-top: 112px;}
.margin-top-15 {margin-top: 120px;}

.margin-bottom-1 {margin-bottom: 8px;}
.margin-bottom-2 {margin-bottom: 16px;}
.margin-bottom-3 {margin-bottom: 24px;}
.margin-bottom-4 {margin-bottom: 32px;}
.margin-bottom-5 {margin-bottom: 40px;}
.margin-bottom-6 {margin-bottom: 48px;}
.margin-bottom-7 {margin-bottom: 56px;}
.margin-bottom-8 {margin-bottom: 64px;}
.margin-bottom-9 {margin-bottom: 72px;}
.margin-bottom-10 {margin-bottom: 80px;}
.margin-bottom-11 {margin-bottom: 88px;}
.margin-bottom-12 {margin-bottom: 96px;}
.margin-bottom-13 {margin-bottom: 104px;}
.margin-bottom-14 {margin-bottom: 112px;}
.margin-bottom-15 {margin-bottom: 120px;}

.margin-left-1 {margin-left: 8px;}
.margin-left-2 {margin-left: 16px;}
.margin-left-3 {margin-left: 24px;}
.margin-left-4 {margin-left: 32px;}
.margin-left-5 {margin-left: 40px;}
.margin-left-6 {margin-left: 48px;}
.margin-left-7 {margin-left: 56px;}
.margin-left-8 {margin-left: 64px;}
.margin-left-9 {margin-left: 72px;}
.margin-left-10 {margin-left: 80px;}
.margin-left-11 {margin-left: 88px;}
.margin-left-12 {margin-left: 96px;}
.margin-left-13 {margin-left: 104px;}
.margin-left-14 {margin-left: 112px;}
.margin-left-15 {margin-left: 120px;}

.margin-right-1 {margin-right: 8px;}
.margin-right-2 {margin-right: 16px;}
.margin-right-3 {margin-right: 24px;}
.margin-right-4 {margin-right: 32px;}
.margin-right-5 {margin-right: 40px;}
.margin-right-6 {margin-right: 48px;}
.margin-right-7 {margin-right: 56px;}
.margin-right-8 {margin-right: 64px;}
.margin-right-9 {margin-right: 72px;}
.margin-right-10 {margin-right: 80px;}
.margin-right-11 {margin-right: 88px;}
.margin-right-12 {margin-right: 96px;}
.margin-right-13 {margin-right: 104px;}
.margin-right-14 {margin-right: 112px;}
.margin-right-15 {margin-right: 120px;}


/***********************  LINKS *************************/

a.opacity-link{
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

a.opacity-link:hover {
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  opacity: 0.5;
}

a.text-link-white {
  color: #ffffff;
  text-decoration: none;
}

/* a.text-link-white:after {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0px auto 0 auto;
  content: '';
  background-image: url('../images/general/icn-24-arrow-down-white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
*/ 

a.text-link-white:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.5;
}

a.text-link-underline {
  text-decoration: underline;
}

a.text-link-underline:hover {
  opacity: 0.5;
}

a.text-link-underline-white {
  color: #ffffff;
  text-decoration: underline;
}

a.text-link-underline-white:hover {
  color: #ffffff;
  opacity: 0.5;
}

/***********************  BUTTONS *************************/

.btn-line {
  display: inline-block;
  font-size: 11px;
  color: #101010;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border:solid 1px #282828;
  padding:15px 40px 14px 40px;
  margin:0 auto;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-line:hover {
  text-decoration: none;
  background-color: #101010;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-plain-brown {
  display: inline-block;
  font-size: 11px;
  color: #ffffff;
  background-color: #ba995b;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  padding:20px 40px;
  margin:0 auto;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-plain-brown:hover {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-small-black {
  display: inline-block;
  font-size: 11px;
  color: #ffffff;
	background-color: rgba(16,16,16,1);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  padding: 11px 24px 11px 24px;
  margin:0 auto;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-small-black:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: rgba(16,16,16,0.7);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-white {
  display: inline-block;
  font-size: 12px;
  color: #101010;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  padding:16px 24px;
  margin:0 auto;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-white-line {
  display: inline-block;
  font-family: 'Futura', Helvetica, Arial, sans-serif; 
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  height: 50px;
  border:solid 1px #ffffff;
  padding:16px 40px;
  margin:0 auto;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-white:hover {
  text-decoration: none;
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-white-line:hover {
  color: #1a1a1a;
  background-color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-gold {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  height: 50px;
  background-color: rgba(186,153,91,0.7);
  padding:16px 24px;
  margin:0 auto;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-gold:hover {
	opacity: 0.5;
	color:#ffffff;
	  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.text-link {
  color: #454545;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

a.text-link:hover {
  color: #454545;
  text-decoration: none;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  opacity: 0.5;
}
