body {
	margin:auto auto;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:20px;
	color:#747477 !important;
}

@font-face {
    font-family: samba;
    src: url(samba_is_dead.ttf);
}

.samba{font-family:samba;}

.font-syne{font-family: 'Syne', sans-serif;}
.font-noto{font-family: 'Noto Serif Khitan Small Script', sans-serif;}

.font-size-30{font-size:30px;}

html, body {
    height:100%;
} 

.hover-gold {
	color: #fff;
	transition: 0.2s;
}

.hover-gold:hover {
	color: #af8b56;
}

.hover-gold-top {
	color: #000;
	transition: 0.2s;
}

.hover-gold-top:hover {
	color: #af8b56;
}

.hover-gold-top-2 {
	color: #89590c;
	transition: 0.2s;
}

.hover-gold-top-2:hover {
	color: #af8b56;
} 

.padding-r25 {
	padding-right: 25px;
}

.margin-r25 {
	margin-right: 25px;
}

.padding-tb15-lr12 {
	padding: 15px 12px;
}

.padding-tb30-lr12 {
	padding: 30px 12px;
}

.icon-height-15px {
	font-size: 15px;
}

.icon-height-20px {
	font-size: 20px;
}

.icon-height-25px {
	font-size: 25px;
}

.icon-height-30px {
	font-size: 30px;
}

.nav-link {
	color: #53636c;
}

.nav-link:hover {
	color: #89590c;
}

.nav-link.gold.active {
	color: #89590c;
}

.col-3-1 {width:calc(33.33%);}
.col-3-1-25 {width: calc(33.33% - 3%); margin:0 1.5%; float:left;}
.text-color-white{ color:white;}
.text-over-image {position:absolute; bottom:15%; padding-left:40px; font-size:20px;}
.img-full {width: 100%;}

.title-40{font-size:40px; line-height:50px;}
.bg-gray{background:#f2f2f2;}
.arrow-list li {
	list-style: none;
	margin:10px 0;
}
/*
.arrow-list li::before {
	content: '';
	display: inline-block;
	height: 14px;
	width: 14px;
	background-image: url('../images/double-arrow-right.svg');
	margin-right:10px;
}
*/

.arrow-list li::before{
	content: "\00BB";
	margin-right: 10px;
    font-size: 28px;
    font-weight: 200;
}

.margin-t{margin-top:50px;}
.margin-b{margin-bottom:50px;}

.margin-t-40{margin-top:40px;}
.margin-b-40{margin-bottom:40px;}

.margin-t-30{margin-top:30px;}
.margin-b-30{margin-bottom:30px;}

.margin-t-20{margin-top:20px;}
.margin-b-20{margin-bottom:20px;}

.margin-t-10{margin-top:10px;}
.margin-b-10{margin-bottom:10px;}

@media (max-width:960px){
	.margin-b-mobile-30{margin-bottom:30px;}
}

.sub-title{font-size:20px; line-height:25px; font-weight:bold; color:#262628;}

.text-bold{font-weight:bold;}

.back-to-top {
	position: fixed;  /* edited */
	right: 10px;
	bottom: 10px;
	z-index:2;
	transition: 0.3s;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.back-to-top-content {
	padding: 10px;
	text-decoration: none;
	display: inline-block;
	background:rgba(255, 255, 255, 0.6);
	color: #000;
	border: 1px solid gray;
	border-radius: 50px;
}
.back-to-top-content:hover {
	background:rgba(255, 255, 255)
}

.icon-tablet-only{display:none;}

@media (max-width:960px){
	.icon-tablet-only{display:inline-block;}
}

/* Start :: Image hover effect ============================== */
.hover {
  overflow: hidden;
  position: relative;
  padding-bottom: 100%;
  height:100%;
}

.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
}

.hover img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

.hover-content {
  position: relative;
  z-index: 99;
}


/* Effect 1 ============================== */
.hover-1 img {
  width: 105%;
  position: absolute;
  top: 0;
  left: -5%;
  transition: all 0.3s;
}

.hover-1-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  transition: all 0.4s;
}

.hover-1 .hover-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.hover-1-description {
  transform: translateY(0.5rem);
  transition: all 0.4s;
  opacity: 0;
}

.hover-1:hover .hover-1-content {
  bottom: 2rem;
}

.hover-1:hover .hover-1-description {
  opacity: 1;
  transform: none;
}

.hover-1:hover img {
  left: 0;
}

.hover-1:hover .hover-overlay {
  opacity: 0;
}


/* Effect 2 ============================== */
.hover-2 .hover-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
}

.hover-2-title {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 99;
  transition: all 0.3s;
}

.hover-2-description {
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0;
  left: 0;
  text-align: center;
  z-index: 99;
  transition: all 0.3s;
  padding: 0 10px 30px 10px;
}

.hover-2:hover .hover-2-title {
  transform: translateY(-1.5rem);
}

.hover-2:hover .hover-2-description {
  bottom: 0.5rem;
  opacity: 1;
}

.hover-2:hover .hover-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
}


/* Effect 3 ============================== */
.hover-3::after {
  content: '';
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  border: 1px solid #fff;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 90;
  transition: all 0.3s;
  transform: scale(1.1);
  opacity: 0;
  display: block;
  opacity: 0;
}

.hover-3-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 99;
}

.hover-3-description {
  opacity: 0;
  transform: scale(1.3);
  transition: all 0.3s;
}

.hover-3 img {
  width: 110%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hover-3 .hover-overlay {
  background: rgba(0, 0, 0, 0.2);
}

.hover-3:hover img {
  width: 100%;
}

.hover-3:hover::after {
  opacity: 1;
  transform: none;
}

.hover-3:hover .hover-3-description {
  opacity: 1;
  transform: none;
}

.hover-3:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.8);
}


/* Effect 4 ============================== */
.hover-4 img {
  width: 110%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hover-4 .hover-overlay {
  background: rgba(0, 0, 0, 0.4);
  z-index: 90;
}

.hover-4-title {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 3rem;
  z-index: 99;
}

.hover-4-description {
  position: absolute;
  top: 2rem;
  left: 2rem;
  text-align: right;
  border-right: 3px solid #fff;
  padding: 0 1rem;
  z-index: 99;
  transform: translateX(-1.5rem);
  opacity: 0;
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .hover-4-description {
    width: 50%;
  }
}

.hover-4:hover img {
  width: 100%;
}

.hover-4:hover::after {
  opacity: 1;
  transform: none;
}

.hover-4:hover .hover-4-description {
  opacity: 1;
  transform: none;
}

.hover-4:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.8);
}


/* Effect 5 ============================== */
.hover-5::after {
  content: '';
  width: 100%;
  height: 10px;
  background: #47c650;
  position: absolute;
  bottom: -10px;
  left: 0;
  display: block;
  transition: all 0.3s;
  z-index: 999;
}

.hover-5 .hover-overlay {
  background: rgba(0, 0, 0, 0.4);
}

.hover-5-title {
  position: absolute;
  bottom: 1rem;
  left: 0;
  transition: all 0.3s;
  padding: 2rem 3rem;
  z-index: 99;
}

.hover-5-title span {
  transition: all 0.4s;
  opacity: 0;
  color: #47c650;
}

.hover-5:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.hover-5:hover .hover-5-title {
  bottom: 0;
}

.hover-5:hover .hover-5-title span {
  opacity: 1;
}

.hover-5:hover::after {
  bottom: 0;
}

/* End :: Image hover effect ============================== */