/*

	Dark Grey:	     #231F20;	-> Text
	Light Grey:      #555555;	-> Some Subtitles
	Darker Yellow:	 #D7AB13;	-> Heading / Text
	Lighter Yellow:	 #E7B509;    -> Borders / Buttons
	Beige:		     #F1EFE7;	-> Backgrounds
	Red:		     #991F31;
	Blue:		     #151B49;


	Font weights	300		-> Light
					400		-> Normal
					700		-> Bold
					900		-> Black

*/



/*
	###################################
	GENERAL
	###################################
*/



	html {
		font-size: 14px;
		overflow-x: hidden;
	}

	body {
		font-family: 'Noto Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: #231F20;
		/*overflow-x: hidden;*/
	}

	header {
		/*position: relative;*/
	}

	main {
		margin: 0 auto;
		margin-top: 0px;
	}

	section.fluid .container-fluid,
	section {
		position: relative;
		margin: 0 auto;
		/*max-width: 1440px;*/
	}

	section.fluid {
		max-width: 100%;
	}

	.red {color: #991F31;}
	.blue {color: #151B49;}
	.gold {color: #92784F !important;}
	.light-gold {color: #BFAF74;}
	.beige {color: #F1EFE7;}
	.grey {color: #887F82;}
	.white {color: #fff;}
	.yellow {color: #D7AB13;}

	.bg-gold {background-color: #92784F;}
	.bg-grey {background-color: #887F82;}
	.bg-gold-logo {background: url(../images/logo-white-large.svg) no-repeat top center #92784F;}


	.bg-beige {background-color: #F1EFE7;}

	.bg-vert::before,
	.bg-vert-80::before {
	  position: absolute;
	  left: 0;
	  content: '';
	  height: 60%;
	  width: 70vw;
	  z-index: -1;
	  background-color: #F1EFE7;
	}

	.bg-vert-80::before {
	  width: 80vw;
	  height: 100%;
	}

	.pt-250 {padding-top: 250px;}
	.pt-200 {padding-top: 200px;}
	.pt-150 {padding-top: 150px;}
	.pt-120 {padding-top: 120px;}
	.pt-100 {padding-top: 100px;}
	.pt-80 {padding-top: 80px;}
	.pt-50 {padding-top: 50px;}

	@media (max-width: 480px) {

		.pt-100 {padding-top: 50px;}
		.pt-200 {padding-top: 100px;}

	}

	.pb-250 {padding-bottom: 250px;}
	.pb-200 {padding-bottom: 200px;}
	.pb-150 {padding-bottom: 150px;}
	.pb-120 {padding-bottom: 120px;}
	.pb-100 {padding-bottom: 100px;}
	.pb-80 {padding-bottom: 80px;}
	.pb-50 {padding-bottom: 50px;}

	@media (max-width: 480px) {

		.pb-100 {padding-bottom: 50px;}

	}

	.mt-250 {margin-top: 250px;}
	.mt-200 {margin-top: 200px;}
	.mt-150 {margin-top: 150px;}
	.mt-120 {margin-top: 120px;}
	.mt-100 {margin-top: 100px;}
	.mt-80 {margin-top: 80px;}
	.mt-50 {margin-top: 50px;}

	.mb-250 {margin-bottom: 250px;}
	.mb-200 {margin-bottom: 200px;}
	.mb-150 {margin-bottom: 150px;}
	.mb-120 {margin-bottom: 120px;}
	.mb-100 {margin-bottom: 100px;}
	.mb-80 {margin-bottom: 80px;}
	.mb-50 {margin-bottom: 50px;}

	.pu-250 {margin-top: -250px;}
	.pu-200 {margin-top: -200px;}
	.pu-150 {margin-top: -150px;}
	.pu-120 {margin-top: -120px;}
	.pu-100 {margin-top: -100px;}
	.pu-80 {margin-top: -80px;}
	.pu-50 {margin-top: -50px;}

	.vert-line-black {
	    position: absolute;
	    width: 1px;
	    height: 100%;
	    top:0;
	    left: 20%;
	    background-color:#231F20
	}

	.horiz-line,
	.divider,
	.divider-inline,
	.divider-center {
		position: relative;
	}

	.horiz-line::after {
	    position: absolute;
	    content: '';
	    width: 100%;
	    height: 3px /*150px*/;
	    top: 50%;
	    left: -15px;
	    transform: translateX(-100%);
	    background-color: #E7B509;
	    /*z-index: 0;*/
	    /*transform: matrix(1, 0, 0, 1, 0, 0);*/
	}

	.divider::after,
	.divider-inline::after,
	.divider-center::after {
		position: absolute;
		content: '';
		width: 88px;
		height: 3px /*150px*/;
		bottom: 0;
		background-color: #E7B509;

	}

	.divider-inline::after {
		transform: translate(20px, -8px);
	}

	.divider-center::after {
		transform: translateX(-44px);
	}


	@media (max-width: 767px) {
		.pt-sm-80 {padding-top: 80px !important;}
	}

	@media (max-width: 991px) { 

		.vert-line-white-bottom {
		    display: none;
		}

	}






/*
	###################################
	FULL WIDTH SECTIONS
	###################################
*/



	@media (min-width: 576px) and (max-width: 767px) { 
		.fixed-col-5,
		.fixed-col-6 {
		    max-width: 540px;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) { 
		.fixed-col-5,
		.fixed-col-6 {
		    max-width: 720px;
		}
	}

	@media (min-width: 992px) and (max-width: 1200px) { 
		.fixed-col-5 {
		    max-width: calc(5*960px/12 - 30px);
		}
		.fixed-col-6 {
		    /*max-width: 450px;*/
		    max-width: calc(960px/2 - 30px);
		}
	}

	@media (min-width: 1200px) { 
		.fixed-col-5 {
		    max-width: calc(5*1140px/12 - 45px);
		}
		.fixed-col-6 {
		    /*max-width: 540px;*/
		    max-width: calc(1140px/2 - 30px);
		}
	}





/*
	###################################
	TYPOGRAPHY
	###################################
*/





	h1,
	h2 {
		font-family: 'Barlow', sans-serif;
		font-size: 3.571rem;
		line-height: 3.571rem;
		font-weight: 200;
		letter-spacing: 0rem;
		margin-bottom: 50px;
	}

	h2.smaller {
		font-family: 'Barlow', sans-serif;
		font-size: 3.143rem;
		line-height: 3.143rem;
		font-weight: 200;
		letter-spacing: 0rem;
		margin-bottom: 50px;
	}

	h3 {
		font-family: 'Barlow', sans-serif;
		font-size: 2.286rem;
		line-height: 2.3rem;
		font-weight: 200;
		letter-spacing: 0rem;
	}

	h4 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.429rem;
		line-height: 1.6rem;
		font-weight: 400;
		letter-spacing: -0.01rem;
		text-transform: uppercase;
		margin-top: 1.5rem;
		margin-bottom: .5rem;
	}

	h5 {
		font-family: 'Barlow', sans-serif;
		font-size: 1.286rem;
		line-height: 1.6rem;
		font-weight: 400;
		letter-spacing: rem;
	}

	p {
		font-size: 1rem;
		line-height: 2.286rem;
		margin-bottom: 1.875rem;
	}

	p.small-title,
	.small-title {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1rem;
		line-height: 1.25rem;
		font-weight: 700;
		letter-spacing: 0.125rem;
		text-transform: uppercase;
		margin-left: 3px;
		margin-bottom: 15px;
	}

	#hero p.large-title {
		font-family: 'Barlow', sans-serif;
		font-size: 4.286rem;
		line-height: 4.375rem;
		font-weight: 100;
		letter-spacing: -0.125rem;
		color: #fff;
		margin-bottom: 30px;
	}

	#hero p.small-title {
		font-size: 1.429rem;
		line-height: 1.5rem;
		font-weight: 500;
		letter-spacing: 0.05rem;
		text-transform: none;
		margin-bottom: 0px;
		color: #fff;
	}

	.small p,
	p.small {
		font-size: 0.875rem;
		line-height: 1.5rem;
		margin-bottom: 1.5rem;
	}

	p.lead-in {
		font-size: 1.25rem;
		line-height: 2.25rem;
	}

	@media (max-width: 767px) {

		h1,
		h2 { /* From 50px to 40px */
			font-size: 2.857rem;
			line-height: 2.857rem;
			margin-bottom: 50px;
		}

		h2.smaller { /* From 44px to 36px */
			font-size: 2.571rem;
			line-height: 2.571rem;
			font-weight: 200;
			letter-spacing: 0rem;
			margin-bottom: 50px;
		}

		h3 { /* From 32px to 28px */
			font-size: 2rem;
			line-height: 2.143rem;
			font-weight: 200;
			letter-spacing: 0rem;
		}

		h4 { /* From 20px to 18px */
			font-size: 1.286rem;
			line-height: 1.3rem;
			font-weight: 400;
			letter-spacing: -0.01rem;
			text-transform: uppercase;
			margin-top: .75rem;
			margin-bottom: .5rem;
		}

		h5 {
			font-size: 1.286rem;
			line-height: 1.6rem;
			font-weight: 400;
			letter-spacing: rem;
		}

		p { /* From 14px to 13px */
			font-size: 0.9286rem;
			line-height: 1.857rem;
			margin-bottom: 1.875rem;
		}

		p.small-title,
		.small-title {  /* From 14px to 13px */
			font-size: 0.9286rem;
			line-height: 1.15rem;
			font-weight: 700;
			letter-spacing: 0.125rem;
			text-transform: uppercase;
			margin-left: 3px;
			margin-bottom: 15px;
		}

		#hero p.large-title { /* From 60px to 40px */
			font-size: 2.857rem;
			line-height: 3rem;
			letter-spacing: -0.125rem;
			margin-bottom: 15px;
		}

		#hero p.small-title { /* From 20px to 16px */
			font-size: 1.143rem;
			line-height: 1.2rem;
			letter-spacing: 0.05rem;
		}

	}



/*
	###################################
	LISTS
	###################################
*/



	ul.style-dash {
		list-style: none;
		margin-left: -15px;
		/*margin-right: -40px;*/
	}

	ul.style-dash li {
		padding-left: 0;
		padding-right: 60px;
		margin-top: 10px;
	}

	ul.style-dash.spaced-list li {
		margin-top: 20px;
	}

	ul.style-dash li:before {
		display: inline-block;
		position: absolute;
		content: "—";
		margin-left: -1.625rem;
		padding-left: 0;
		font-size: 1.125rem;
		line-height: 1.375rem;
		color: #991F31;
	}

	ul.style-border {
		list-style: none;
		/*margin-right: -40px;*/
	}

	ul.style-border li {
		padding-left: 30px;
		padding-right: 60px;
		padding-bottom: 0;
		margin-top: 50px;
		border-left: 1px solid #BFAF74;
	}

	ul.style-border li p {
		margin-bottom: 0;
	}

	ul.style-none {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
		/*margin-right: -40px;*/
	}

	ul.style-none li {
		/*padding-left: 0px;*/
		/*padding-right: 30px;*/
		/*padding-bottom: 0;*/
		margin-bottom: 50px;
	}

	ul.style-none li p {
		margin-bottom: 0;
	}


	@media (min-width: 992px) {

		ul.style-dash {
			margin-left: -15px;
			margin-right: -40px;
		}

		ul.style-border {
			margin-right: -40px;
		}

	}


	main ul {
		/*margin-top: 40px;*/
	}

	main li {
		/*margin-bottom: 30px;*/
	}

	hr {
		margin-top: 40px;
		margin-bottom: 40px;
		/*border-top: 1px solid #efefef;*/
	}

	hr.tall {
		margin-top: 80px;
		margin-bottom: 80px;
	}




/*
	###################################
	Consent Friend
	###################################
*/


  #consentfriend p {
	line-height: 1.4rem;
  }

  #consentfriend .klaro .cookie-modal {
    z-index: 1100;
  }

  #consentfriend .klaro .cookie-modal .cm-modal.cm-klaro {
	  z-index: 1101;
  }


/*
	###################################
	LINKS / BUTTONS
	###################################
*/




	a {
		color: #231F20;
		transition: color .2s ease-in-out,
		background-color .2s ease-in-out,
		border-color .2s ease-in-out,
		box-shadow .2s ease-in-out;
	}

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


	a.btn:hover {
		opacity: 1;
	}

	.inline-link {
		display: inline-block;
		position: relative;
		font-size: 1.125rem;
		letter-spacing: -0.05rem;
		color: #231F20;
		/*text-transform: uppercase;*/
		padding-right: 50px;
	}

	.inline-link strong {
		font-weight: 700;
	}

	.inline-link:after {
	  display: inline-block;
	  position: absolute;
	  right: 0;
	  top: 1px;
	  width: 40px;
	  height: 40px;
	  content: '';
	  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%23231F20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>');
	  background-repeat: no-repeat;
	  background-size: 1.75rem 1.75rem;
	  transition: all .2s ease-in-out;
	}

	.inline-link:hover {
		color: #92784F;
	}

	.inline-link:hover:after {
	  right: -8px;
	  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%2392784F" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>');
	}

	/* —— SMALL ——*/

	.inline-link.small-link {
		font-size: 0.875rem;
		padding-right: 50px;
	}

	.inline-link.small-link:after {
	  background-size: 1.25rem 1.25rem;
	}

	/* —— GOLD ——*/

	.inline-link.yellow-link {
		color: #E7B509 !important;
	}

	.inline-link.yellow-link:after {
	  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%23E7B509" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>') !important;
	}


	.inline-link.yellow-link:hover {
		color: #92784F !important;
	}

	.inline-link.yellow-link:hover:after {
	  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%2392784F" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>') !important;
	}

	

	/* —— WHITE ——*/

	.inline-link.white-link {
		color: #ffffff;
	}

	.inline-link.white-link:after {
	  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>');
	}

	.inline-link.white-link:hover {
		color: #BFAF74;
	}

	.inline-link.white-link:hover:after {
	  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%23BFAF74" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>');
	}

	.download-link {
		display: inline-block;
		width: 200px;
		font-size: .75rem;
		line-height: .875rem;
		font-weight: 700;
		letter-spacing: .125rem;
		text-transform: uppercase;
	}

	.download-link .fa {
		display: inline-block;
		margin-top: 2px;
		margin-right: 10px;
		font-size: 1.5rem;
	}

	.download-link.red-link {
		color: #991F31;
	}

	.download-link.blue-link {
		color: #151B49;
	}

	.download-link.red-link:hover,
	.download-link.blue-link:hover {
		color: #92784F;
	}


	.btn {
		position: relative;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1rem;
		line-height: 1rem;
		font-weight: 700;
		letter-spacing: 0.05rem;
		text-transform: uppercase;
		border: 1px solid transparent;
		border-radius: 0;
		padding: 1.5rem 4.25rem 1.5rem 2.25rem;
	}

	.btn-primary {
		color: #fff;
		background-color: #D7AB13;
		border-color: #D7AB13;
	}

	.btn-primary:active,
	.btn-primary:hover {
		color: #fff;
		background-color: #A68100;
		border-color: #A68100;
	}

	.btn-primary.btn-outline {
		color: #D7AB13;
		background: none;
		border-color: #D7AB13;
		padding: 1.75rem 5.5rem;
	}

	.btn-primary.btn-outline:active,
	.btn-primary.btn-outline:hover {
		color: #fff;
		background-color: #D7AB13;
		border-color: #D7AB13;
	}



	.btn span {
	    cursor: pointer;
		display: inline-block;
		position: absolute;
		right: 7px;
		top: 16px;
		width: 40px;
		height: 40px;
		content: '';
		background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>');
		background-repeat: no-repeat;
		background-size: 1.75rem 1.75rem;
		transition: all .2s ease-in-out;
	}

	.btn:hover span {
	  right: 0px;
	}





/*
	###################################
	HEADER / NAVIGATION
	###################################
*/




	.navbar {
	    padding: 35px 0;
	    transition: 0.5s ease-in-out;
	    background-color: #fff;
	    box-shadow: 0 1px 50px 0 rgba(0,0,0,.2);
	}

	.navbar-brand {
	  position: absolute;
	  top: 0;
	  left: calc(50% - 60px);
	  margin: auto;
	  padding-top: 56px;
	}

	#logo-brand,
	#logo-mark {
	    transition: 0.5s ease-in-out;
	}

	.navbar-light .navbar-nav .nav-link {
	    position: relative;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 1.125rem;
	    font-weight: 400;
	    text-transform: uppercase;
	    color: #231F20;
	    padding: 1.5rem 0rem;
	    margin: 0 2.25rem;
	    transition: 0.5s ease-in-out;
	}

	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:hover {
	    /*color: rgba(255,255,255,1);*/
	}

	.navbar-light .navbar-nav .nav-link::before {
	  content: "";
	  position: absolute;
	  width: 100%;
	  height: 2px;
	  bottom: 0px;
	  left: 0;
	  background-color: #E7B509;
	  visibility: hidden;
	  transform: scaleX(0);
	  transition: all 0.5s ease-in-out 0s;
	}

	.navbar-light .navbar-nav .nav-link:hover::before,
	.navbar-light .navbar-nav .nav-item.show > .nav-link::before	 {
	  visibility: visible;
	   transform: scaleX(1);
	}

	.navbar-light .navbar-toggler {
	    /*background-color: rgba(255,255,255,.5);*/
	    /*border: none;*/
	    margin-left: 10px;
	    margin-bottom: 20px;
	}

	@media (min-width: 991px) {

		/*  CHANGES FOR EXPANDED MENU  */

		.navbar-light .navbar-nav .nav-link {
		    font-size: 1.071rem;
		}

/*		.navbar-light .navbar-nav .nav-item:last-child .nav-link {
		    padding-right: 0;
		}*/

	}

	#product-dropdown {
	    top: 100px;
	}

	.dropdown-menu {
	    padding: 0;
	    margin: 0;
	    font-size: 1rem;
	    text-align: left;
	    list-style: none;
	    background-color: #fff;
	    border: 0;
	    border-radius: 0rem;
	    /*box-shadow: 0 1px 50px 0 rgba(0,0,0,.2);*/
	}

	.dropdown-item {
		font-size: 1rem;
		text-transform: uppercase;
	    padding: .5rem 1.5rem;
	    font-weight: 400;
	    color: #58585B;
	}

	.dropdown-item:focus, .dropdown-item:hover {
	    color: #A58F55;
	    text-decoration: none;
	    background: none;
	}

	.navbar .megamenu .nav-link img {
	  	display: none;
	  	transition: 0.35s ease-in-out;
	}

	@media all and (min-width: 992px) {
	  
	  .navbar .has-megamenu{
	  	position:static!important;
	  }

	  .navbar .megamenu {
	  	left:0;
	  	right:0;
	  	width:100%;
	  	padding: 50px 0 40px;
	  }
	  
	  .navbar .megamenu .nav-link {
	    	margin: 0;
	    	padding: 0;
	  }

	  .navbar .megamenu .nav-link:hover img {
	  	opacity: 0.6;
	  }	

	  .navbar .megamenu .nav-link img {
	    	display: block;
	  }

	  .navbar .megamenu .nav-link span.nav-link-title {
	  	display: inline-block;
	  	font-size: 1.143rem;
	  	margin: 10px 0;
	  }

	}


	@media (min-width: 992px) {
	  .animate {
	    animation-duration: 0.5s;
	    -webkit-animation-duration: 0.5s;
	    animation-fill-mode: both;
	    -webkit-animation-fill-mode: both;
	  }
	}

	@keyframes slideIn {
	  0% {
	    transform: translateY(1rem);
	    opacity: 0;
	  }
	  100% {
	    transform:translateY(0rem);
	    opacity: 1;
	  }
	  0% {
	    transform: translateY(1rem);
	    opacity: 0;
	  }
	}

	@-webkit-keyframes slideIn {
	  0% {
	    -webkit-transform: transform;
	    -webkit-opacity: 0;
	  }
	  100% {
	    -webkit-transform: translateY(0);
	    -webkit-opacity: 1;
	  }
	  0% {
	    -webkit-transform: translateY(1rem);
	    -webkit-opacity: 0;
	  }
	}

	.slideIn {
	  -webkit-animation-name: slideIn;
	  animation-name: slideIn;
	}




/*
	###################################
	CALL TO ACTION
	###################################
*/


.cta a {
  font-family: 'Barlow', sans-serif;
  font-size: 2.286rem;
  line-height: 2.286rem;
  font-weight: 200;
  color: #ffffff;
  display: inline-block;
  position: relative;
  padding-left: 80px;
  transition: all .2s ease-in-out;
}

.cta a:after {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0px;
  width: 90px;
  height: 90px;
  content: '';
  background-image: url('../images/arrow-right-lg.svg');
  background-repeat: no-repeat;
  background-size: 4.5rem 4.5rem;
  transition: all .2s ease-in-out;
}

.cta a:hover:after {
  left: 4px;
}

.cta a span.small-title {
  display: block;
  font-size: 1.286rem;
  letter-spacing: 0;
  margin-top: 8px;
  margin-left: 1px;
}

.cta a:hover {
  /*color: #FFEAA2;*/
  padding-left: 92px;
  opacity: .85;
  text-decoration: none;
}

.cta:before,
.cta-white:before {
  position: absolute;
  left: 0;
  content: '';
  height: 100%;
  width: 100vw;
  z-index: -1;
  background-color: #D7AB13;
}

.cta-white:before {
  background-color: white;
}

.cta-white a {
  color: #231F20;
}

.cta-white a:after {
  background-image: url('../images/arrow-right-bk-lg.svg');
}

.cta-left:before {
  left:auto;
  right:0;
}

.cta-right:before {
  left:0;
  right:auto;
}

.cta-content {
  padding: 45px 0 35px 50px;
}

#footer-cta .cta-content {
  padding: 35px 0 35px 30px;
}

#footer-cta .cta a:after {
  top: 4px;
}

#footer-cta h2 {
  margin-bottom: 30px;
}



@media (max-width:992px) {
  
	.cta-left,
	.cta-right {
	  /*margin-top: 65px;*/
	}

	#footer-cta .cta-left,
	#footer-cta .cta-right {
	  margin-top: 0px;
	}
}

@media (max-width:780px) and (min-width:576px) {

	#footer-cta .cta a {
	  padding-left: 20px;
	}

	#footer-cta .cta a:after {
	  display: none;
	}
  

}

@media (max-width: 767px) {

	.cta-content {
	  padding: 45px 0 35px 20px;
	}

	.cta a { /* From 32px to 28px */
	  font-size: 2rem;
	  line-height: 2rem;
	}

	.cta a span.small-title { /* From 18px to 16px */
	  font-size: 1.143rem;
	  letter-spacing: 0;
	  margin-top: 8px;
	  margin-left: 1px;
	}

}





/*
	###################################
	CARDS / GRID
	###################################
*/



	.grid-item img {
		transition: 1s;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.grid-item:hover img {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	.grid-item .media .link {
		display: block;
		/*height: 100%;*/
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.grid-item .media {
		height: 370px;
		position: relative;
		overflow: hidden;
	}


	@media (min-width:992px) and (max-width:1200px) {

	  .grid-item .media {
		height: 310px;
	  }
	  
	}


	@media (max-width:480px) {

	  .grid-item .media {
		height: 220px;
	  }
	  
	}







/*
	###################################
	CAROUSEL
	###################################
*/



	.carousel-indicators {
	    text-align: left;
	    float: left;
	    left: 2%;
	    right: inherit;
	    margin: 15px 0;
	}

	.carousel-indicators.align-right {
	    text-align: right;
	    float: right;
	    right: 2%;
	    left: inherit;
	    margin: 15px 0;
	}

	.carousel-indicators li {
	    width: 13px;
	    height: 13px;
	    margin-right: 3px;
	    margin-left: 3px;
	    background-color: #fff;
	    opacity: 1;
	    transition: all .2s ease;
	    border-radius: 100%;
	    border: 14px solid rgba(255,255,255,0);
	}

	.carousel-indicators li:hover {
	    opacity: .5;
	}

	.carousel-indicators .active {
		opacity: 1;
		border: 14px solid rgba(255,255,255,0.5);
	}




/*
	###################################
	GET IN TOUCH CONTACT FORM
	###################################
*/




/*
	###################################
	FOOTER
	###################################
*/



	footer {
		position: relative;
		font-size: .875rem;
		text-transform: uppercase;
		color: #231F20;
		padding-top: 80px;
	}

	footer #footer-links ul {
		margin-bottom: 0.5rem;
	}

	footer #footer-bottom {
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin-top: 20px;
		font-size: 0.75rem;
		color: #848484;
		border-top: 1px solid #E5E5E5;
	}

	footer p.address {
		font-size: 0.75rem;
		line-height: 1rem;
		margin-top: 20px;
	}

	footer a {
		color: #231F20;
	}

	footer #footer-bottom a {
		color: #848484;
	}

	footer a:hover,
	footer #footer-bottom a:hover {
		/*color: #BFAF74;*/
		text-decoration: none;
	}

	footer .social-links i {
		font-size: 2rem;
		margin-right: 10px;
	}



	footer .language-selector {
		display: inline-block;
		padding: 15px 15px;
		border-top: 1px solid rgba(0,0,0,.1);
	}

	footer .language-selector a.language-en {
		padding-left: 32px;
		background: url(../../images/gb.png) no-repeat left;
	}

	footer .language-selector a.language-el {
		padding-left: 32px;
		background: url(../../images/gr.png) no-repeat left;
	}






/*
	###################################
	JUMBOTRONS / BGs
	###################################
*/



	.jumbotron {
		position: relative;
		background-image: url("../images/bg-home-hero.jpg");
		background-size: cover;
		background-attachment: fixed;
		background-position: left top;
		height: 100vh;
		min-height: 650px;
		border-radius: 0;
		padding: 4rem 0 0;
		margin-bottom: 0;
	}



	@media (max-width: 767px) {
		.jumbotron {
			padding: 1rem 0rem;
		}
	}



/*
	###################################
	ALTERNATE BG COLOUR SECTIONS
	###################################
*/



	.bg-slant-light {
		background: url('../images/bg-slant-light.svg');
	}

	.bg-slant-dark {
		background: url('../images/bg-slant-dark.svg') center bottom / cover no-repeat;
	}

	.bg-patchwork {
		background: url('../images/bg-patchwork.svg') center bottom / cover no-repeat;
	}





/*
	###################################
	HOMEPAGE
	###################################
*/

	#homepage #featured-properties .carousel-item {
		max-height: 700px;
	}



/*
	###################################
	COMPANY / ABOUT US
	###################################
*/








/*
	###################################
	CATEGORY PAGE CAROUSEL
	###################################
*/


#category-carousel .carousel {
  margin-bottom: 20px;
}

#category-carousel .carousel-main {
  padding-top: 30px;
  border-top: 1px solid #B0AAA8;
}

#category-carousel .carousel-main .flickity-viewport {
  min-height: 500px;
}

@media (max-width: 768px) {
  #category-carousel .carousel-main .flickity-viewport {
	  min-height: 100vh;
	}
}

#category-carousel .carousel-main .carousel-cell {
  width: 100%;
  /*height: 500px;*/
}

#category-carousel .carousel-main .carousel-cell .product-links a {
	display: block;
	font-weight: 500;
	z-index: 9999;
	padding: 0 15px 10px 15px ;
	margin-top: 20px;
	border-bottom: 1px solid #B0AAA8;
}

#category-carousel .carousel-main .carousel-cell .product-links  {
	border-top: 1px solid #B0AAA8;
}

#category-carousel .carousel-nav .carousel-cell {
  width: calc(100%/3);
  height: 100px;
  padding: 10px 0;
  margin: 0px 1px 0 0;
  opacity: 0.5;
}

#category-carousel .carousel-nav .carousel-cell p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 0.8571rem;
  text-transform: uppercase;
  margin-top: 5px;
}

#category-carousel .carousel-nav .carousel-cell.is-nav-selected {
  opacity: 1;
}







/*
	###################################
	PROJECTS CAROUSEL
	###################################
*/






	#projects-carousel .carousel-caption {
	    position: relative;
	    padding: 20px 0;
	    margin: 0;
	    left: 0;
	    right: auto;
	    top: 0;
	    bottom: 0px;
	    color: #231F20;
	    text-align: left;
	}

	#projects-carousel .carousel-indicators {
	    background-color: #fff;
	}

	#projects-carousel .carousel-indicators li {
	    background-color: rgba(0,0,0,0.6);
	    border: 14px solid rgba(0,0,0,0);
	}

	#projects-carousel .carousel-indicators .active {
		opacity: 1;
		border: 14px solid rgba(0,0,0,0.15);
	}



/*
	###################################
	PRODUCT LIST
	###################################
*/

	#product-filters h4 {
		font-size: 1.286rem;
		line-height: 1.6rem;
	}

	#product-list .item-content {
		margin-bottom: 30px;
	    box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
	}

	#product-list h4 {
		font-weight: 700;
		margin-bottom: 1rem;
	}

	#product-list p {
		line-height: 1.3rem;
	}

	#product-list .inline-link {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1rem;
		font-weight: 700;
		color: #A39D9E;
		letter-spacing: .1rem;
		text-transform: uppercase;
		padding-right: 0px;
		padding-left: 40px;
		margin-bottom: 5px;
	}

	#product-list .inline-link:after {
	  display: inline-block;
	  position: absolute;
	  left: 0;
	  right: auto;
	  top: 0px;
	  width: 40px;
	  height: 40px;
	  content: '';
	  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%23A39D9E" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>');
	  background-repeat: no-repeat;
	  background-size: 1.5rem 1.5rem;
	  transition: all .2s ease-in-out;
	}

	#product-list .inline-link:hover {
		color: #92784F;
	}

	#product-list .inline-link:hover:after {
	  left: 8px;
	  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-arrow-right" fill="%2392784F" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/></svg>');
	}


/*
	###################################
	PRODUCT DETAILS
	###################################
*/


	.tech-table {
		width: 100%;
	}

	.tech-table td {
		padding: 4px 0;
		border:0;
		border-bottom: 1px solid #ddd;
	}

	.tech-table td.thead {
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 10px;
	}

	#product-tour h2.smaller {
	    font-size: 2.857rem;
	}

	#product-tour iframe {
	    width: 99vw;
	    height: 56vw;
	    border: none;
	    padding: 0;
	    margin: 0;
	    /*height: 90vh;*/
	    /* height: 54vw; */
	    /* max-width: 1170px; */
	    /* max-height: 658px; */
	}

	#product-projects .carousel-cell {
	  width: 33%; /* half-width */
	  /*height: 160px;*/
	  margin-right: 30px;
	}


	#product-video .carousel-cell {
	    width: 33%;
	    /* height: 160px; */
	    margin-right: 30px;
	}

	#product-video .carousel-cell p {
	    line-height: 1.5rem;
	}


	/* Zoom In on hover */
	.vid-thumb {
		overflow: hidden;
	  display: block;
	  width: auto;
	}

	.vid-thumb img{
	   display: block;
	}

	.vid-thumb img {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.vid-thumb:hover img {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}



	@media (max-width:992px) {

	  #product-projects .carousel-cell {
		width: 50%; /* half-width */
		/*height: 160px;*/
		margin-right: 30px;
	  }
	  
	}

	@media (max-width:767px) {

		.tech-table td.thead {
			font-size: 14px;
			font-weight: bold;
			padding-bottom: 10px;
		}

		#product-tour h2.smaller { /* From 40px to 34px */
		    font-size: 2.429rem;
		}

	  #product-projects .carousel-cell {
		width: 100%; /* half-width */
		/*height: 160px;*/
		margin-right: 30px;
	  }
	  
	}



	#product-projects .flickity-viewport {
	  min-height: 300px;
	}

	#product-video .flickity-viewport {
	  min-height: 400px;
	}


/*
	###################################
	HOW TO BUY
	###################################
*/


/* ============ HOW-TO-BUY ============ */



#how-to-buy section.page_header .p_international .p-header {
	margin-top: 210px;
}

#how-to-buy section.page_header .p_international .p-desc {
	/*margin-bottom: 10px;*/
}

#how-to-buy section.page_header .p_international p a {
	display: inherit;
	font-size: 17px;
	line-height: 19px !important;
	color: #E3672A;
	font-weight: 500;
}


#how-to-buy section#portfolio  {
	padding: 50px 0;
}

#how-to-buy section#portfolio .p-header {
	margin-top: 20px;
	margin-bottom: 30px;
}

#how-to-buy section#portfolio .p-desc {
	font-size: 18px;
	line-height: 1.6em;
}

#how-to-buy section#contact .contact {
	margin: 50px auto;
}

#how-to-buy #project-section h2 {
		font-size: 2rem;
		line-height: 2rem;
		text-transform: uppercase;
		margin-top: 5px;
	}
#how-to-buy #project-section h4 {
		font-size: 18px;
		font-weight: 700;
		margin-top: 5px;
		margin-left: 10px;
	}

#how-to-buy #project-section hr.divider {
		margin-top: 40px;
		margin-bottom: 40px;
	}

#how-to-buy #project-section .btn-primary,
#how-to-buy #project-section .btn-outline {
		width: 100%;
		padding: 1.5rem 0.5rem;
	}

#how-to-buy #project-section #pills-tab .btn-outline {
		width: 100%;
		padding: 1.5rem 0.5rem;
		font-size: 1.5rem;
		line-height: 1.5rem;
		font-weight: 200;
		letter-spacing: 0;
		text-transform: none;
		background-color: #fff;
		border-color: #fff;
		color: #231F20;
	}

#how-to-buy #project-section #pills-tab .btn-outline.active,
#how-to-buy #project-section #pills-tab .btn-outline:hover {
		color: #fff;
		background-color: #D7AB13;
		border-color: #D7AB13;
	}

#how-to-buy #project-section .fa-ul li {
		margin-bottom: 15px;
	}

	@media only screen and (max-width: 992px) {
#how-to-buy #project-section .text-right {
	    text-align: center !important;
	  }
	}




/*
	###################################
	MODAL
	###################################
*/


	body.modal-open {
		padding-right:0 !important;
	}

	.modal {
	    background-color: rgba(0,0,0,0.85);
	    z-index: 99999;
		height: 100vh;
	}

	.template-20 .modal {
	    background-color: #fff;
	}

	.modal-inner {
	    margin-top: 0;
	    width: 100vw;
		height: 100vh;
	    /*max-width: 1190px;*/
		max-width: 100%;
	    max-height: 100%;
	    overflow: hidden;
	    border-bottom: none;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	.modal-inner h2 {
		margin-top: 10px;
		color: #fff;
		font-size: 22px;
	}

	.modal-inner iframe {
		width:100vw;
		height:90vh;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

@media only screen and (max-width: 728px){
	.modal-inner iframe {
		width:97vw;
		height:90vh;
		/*height:54vw;*/
		/*max-width: 1170px;*/
		/*max-height: 658px;*/
	}
}

	.modal .modal-inner .modal-head {
	    padding: 0;
	    border-bottom: none;
	    height: 50px;
	}

	.modal .modal-inner .modal-body {
	    position: relative;
	    padding: 0px;
	    border: none;
	    /*border: 10px solid #fff;*/
	}

	.modal .modal-inner a.close {
	    cursor: pointer;
	    font-size: 32px;
	    width: 40px;
	    right: 0;
	    height: 40px;
	    color: #A2A2A2;
	    line-height: 38px;
	    border-radius: 100%;
	    border: none;
	    opacity: 1;
	    background: none;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transition: all 0.3s;
	    text-shadow: none;
	}

	.modal .modal-inner a.close:hover {
	    color: #16120d;
	}


	.mobile-app-callout {
		background-color: #fff;
		padding: 50px 20px;
	}

	.mobile-app-callout h3 {
	    font-size: 28px;
	    margin-bottom: 20px;
	}





/*
	###################################
	MEETING FORM
	###################################
*/

	#showroomInfo.alert-info {
		background-color: #fff;
		border: 1px solid #ced4da;
		color:#495057;
	}

	#showroomInfo h3 {
		font-size: 1.75rem;
		font-weight: 500;
	}

/*
	###################################
	NEWS LIST
	###################################
*/




	section#news-list {
	    margin-top: 100px;
	}

	.news-item {
	    margin-bottom: 30px;
	}

	p.news-date {
		font-size: 1rem;
		line-height: 1.125rem;
		color: #991F31;
	    text-align: right;
	    margin-top: 5px;
	    margin-bottom: 10px;
	}

	p.news-date span {
		display: block;
		font-size: .75rem;
		color: #333;
		margin-top: 5px;
	}

	.news-item h3 {
		font-size: 1.25rem;
		line-height: 1.5rem;
		font-weight: 400;
		letter-spacing: 0;
	    text-transform: none;
	    color: #333;
	    margin-top: 0;
	    margin-bottom: 15px;
	}

	@media (max-width: 767px) {

		p.news-date {
		    font-size: .75rem;
		    text-align: left;
		}

		p.news-date span {
			display: inline-block;
			margin-left: 10px;
		}

	}




/*
	###################################
	CONTACT
	###################################
*/




	section#contact-form {
		margin-top: 80px;
	}

	.contact-information p {
		margin-bottom: 40px;
	}


	.contact{
		max-width: 970px;
	}

	input,textarea,button{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.contact form .form{
		width:100%;
		height: auto;
		padding:15px 15px 12px;
		font-size:18px;
		margin-bottom:18px;
		color:#7f7f7f;
		letter-spacing: 0.5px;
	}

	.light-form{
		background:#fafafa;
		border:1px solid #eeeeee;
	}

	.dark-form{
		background-color:transparent;
		border:1px solid #2e2e2e;
	}

	.contact form .textarea{
		height: 201px;
		max-width: 100%;
		max-height: 201px;
	}

	.contact form button.contact-form-button{
		margin-bottom:0;
	}

	#subscribe form .subscribe-form{
		width:100%;
		height: auto;
		padding:15px 15px 12px;
		font-size:18px;
		margin-bottom:18px;
		color:#7f7f7f;
		letter-spacing: 0.5px;
	}

	/* Actives, Focuses and Rollovers */

	.contact form .form:active,
	.contact form .form:focus{
		outline: none;
	}

	.contact form button.contact-form-button:hover{
		color:white;
	}

	.contact form .light-form:hover{
		border-color:#dadada;
	}

	/* Message For Mail */

	.mail-message-area{
		width:100%;
		padding:0 15px;
	}

	.mail-message{
		width: 100%;
		-webkit-transition: all 0.7s;
		-moz-transition: all 0.7s;
		transition: all 0.7s;
		margin:0 auto;
		border-radius: 0;
	}

	.not-visible-message{
		height:0px;
		opacity: 0;
	}

	.visible-message{
		height:auto;
		opacity: 1;
		margin:25px auto 0;
	}

	.contact span {
		display:none;
		font-size:12px;
		line-height:30px;
		color:red;
	}

	section#contact-map .container-fluid {
		padding: 0;
	}

	.map-responsive{
	    overflow:hidden;
	    padding-bottom:50%;
	    position:relative;
	    height:0;
	    margin-top: 100px;
	    margin-bottom: -100px;
	}
	.map-responsive iframe{
	    left:0;
	    top:0;
	    height:100%;
	    width:100%;
	    position:absolute;
	}






/*
	###################################
	PRIVACY / TERMS
	###################################
*/




	#privacy-policy main h5 {
		margin-top: 50px;
	}

	#privacy-policy main p {
		margin-bottom: 20px;
	}




/*
	###################################
	ANIMATION
	###################################
*/



	.section-fade {
	    position: relative;
	    -webkit-transform: translate3d(0, 50px, 0);
	    transform: translate3d(0, 50px, 0);
	    opacity: 0;
	    will-change:opacity, transform
	}

	@media (max-width: 767px) {
	    .section-fade {
	        -webkit-transform: translate3d(0, 25px, 0);
	        transform:translate3d(0, 25px, 0)
	    }
	}

	@media (max-width: 575px) {
	    .section-fade {
	        opacity: 1 !important;
	        -webkit-transform: none !important;
	        transform: none !important;
	        will-change:auto !important
	    }
	}

	.section-fade.activated {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
	    transition: opacity .5s ease, -webkit-transform .5s ease;
	    transition: opacity .5s ease, transform .5s ease;
	    transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
	}