/*
Theme Name: N+J Website
Theme URI: 
Author: JamesLeeD2nd
Author URI: http://portfolio.jamesleed2nd.com/
Description: 
Version: 1.0
Text Domain: n+jwebsite
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Variables
3.0 Text Align
4.0 Header
5.0 Main Style
6.0 Footer
7.0 Media Queries
8.0 Font Family
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
/*--------------------------------------------------------------
2.0 Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.0 Text Align
--------------------------------------------------------------*/
@media only screen and (max-width: 529px) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
  .text-xs-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 1129px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
}
/*--------------------------------------------------------------
4.0 Header
--------------------------------------------------------------*/
/* HEADER CONTAINER */
/*--------------------------------------------------------------
5.0 Main Style
--------------------------------------------------------------*/
body {
  margin: 0;
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  background: #ffffff;
}
/*.container-fluid {
		width: 90% !important;
	@media @mobile {
		width: 100% !important;
	}
}*/
.banner-container {
  background-color: #a38cb5;
  position: relative;
}
.banner-container:before {
  content: '';
  position: absolute;
  background: url('assets/img/pattern.svg') repeat center center;
  background-size: 3%;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
  opacity: 0.1;
}
@media only screen and (min-width: 555px) and (max-width: 1059px) {
  .banner-container:before {
    background-size: 5%;
  }
}
@media only screen and (max-width: 554px) {
  .banner-container:before {
    background-size: 10%;
  }
}
.banner-container:after {
  content: '';
  position: absolute;
  background: url('assets/img/flower-1.svg') no-repeat top center;
  background-size: 70%;
  height: 100%;
  width: 100%;
  bottom: 0;
  background-attachment: fixed;
}
@media only screen and (max-width: 554px) {
  .banner-container:after {
    background-size: cover;
  }
}
@media only screen and (max-width: 554px) {
}
.banner-container .box-container {
  width: 740px;
  height: 740px;
  min-height: 740px;
  margin: 100px auto;
  background: #ffffff;
  text-align: center;
  color: #000000;
  position: relative;
  padding: 30px;
  transition: 0.5s;
  zoom: 0.8;
  z-index: 1;
  /*
		&:before {
			content: '';
			position: absolute;
			top:-40px;
			height: 40px;
			width: 80%;
			left: 0;
			right: 0;
			margin: 0px auto;
			background: @color-white;
		}

		&:after {
			content: '';
			position: absolute;
			bottom:-40px;
			height: 40px;
			width: 80%;
			left: 0;
			right: 0;
			margin: 0px auto;
			background: @color-white;
		}
		*/
}
@media only screen and (max-width: 554px) {
  .banner-container .box-container {
    margin: 100px auto;
    width: 100%;
    height: unset !important;
    min-height: unset !important;
  }
}
@media only screen and (min-width: 2160px) {
  .banner-container .box-container {
    zoom: 1.2;
  }
}
.banner-container .box-container h1,
.banner-container .box-container h2,
.banner-container .box-container h3,
.banner-container .box-container h4,
.banner-container .box-container h5,
.banner-container .box-container h6,
.banner-container .box-container p {
  margin-bottom: 0;
}
.banner-container .box-container h2 {
  font-size: 50px;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 20px 0px 10px;
}
@media only screen and (max-width: 554px) {
  .banner-container .box-container h2 {
    font-size: 35px;
    line-height: 15px;
  }
}
.banner-container .box-container h3 {
  font-size: 30px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 554px) {
  .banner-container .box-container h3 {
    font-size: 20px;
  }
}
.banner-container .box-container h4 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 800;
}
.banner-container .box-container h5 {
  font-size: 25px;
  line-height: 30px;
}
.banner-container .box-container h6 {
  font-size: 18px;
}
.banner-container .box-container .line {
  display: inline-block;
  height: 20px;
  width: 3px;
  background: #000000;
  margin: 0px auto;
  margin: 20px 0px 10px;
}
.banner-container .box-container .date {
  font-size: 30px;
  font-weight: 800;
  text-transform: uppercase;
}
.banner-container .box-container .details {
  margin: 20px 0px;
}
.banner-container .box-container .details p {
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  font-weight: 800;
}
.banner-container .box-container .logo {
  margin: 20px 0px 50px;
}
@media only screen and (max-width: 554px) {
  .banner-container .box-container .logo {
    margin: 0px 0px 30px;
  }
}
.banner-container .box-container .logo svg {
  width: 300px;
  transition: 0.5s;
}
@media only screen and (max-width: 554px) {
  .banner-container .box-container .logo svg {
    width: 150px;
  }
}
.banner-container .box-container .logo svg path {
  fill: #000000 !important;
}
.us-container {
  background: #ffffff;
  text-align: center;
  margin: 50px 0px;
  color: #a38cb5;
}
@media only screen and (max-width: 554px), only screen and (min-width: 555px) and (max-width: 1059px) {
  .us-container {
    height: unset !important;
    min-height: 100% !important;
  }
}
.us-container .title {
  font-size: 55px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 20px 0px 10px;
}
@media only screen and (max-width: 554px) {
  .us-container .title {
    font-size: 35px;
    line-height: 15px;
  }
}
.us-container .line {
  display: inline-block;
  height: 40px;
  width: 3px;
  background: #a38cb5;
  margin: 0px auto;
  margin: 40px 0px 30px;
}
.us-container .img-container ul {
  list-style: none;
}
.us-container .img-container ul li {
  display: inline-block;
}
.us-container .img-container ul li .img-wrapper {
  position: relative;
  height: 250px;
  width: 250px;
  background: rgba(1, 1, 1, 0.1);
  margin: 0px 50px 50px;
}
@media only screen and (max-width: 554px) {
  .us-container .img-container ul li .img-wrapper {
    margin: 0px 0px 50px;
  }
}
.us-container .img-container ul li .img-wrapper:before {
  content: "";
  width: 110%;
  height: 100%;
  position: absolute;
  top: -15px;
  left: -13px;
  background: #a38cb5;
  opacity: 0.8;
}
.us-container .img-container ul li .img-wrapper:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #cecece;
}
.us-container .img-container ul li .img-wrapper img {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.us-container .paragraph {
  margin: 20px 0px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  letter-spacing: 1px;
  width: 600px;
  margin: 0px auto;
  color: #a38cb5;
  opacity: 0.8;
}
@media only screen and (max-width: 554px) {
  .us-container .paragraph {
    width: 100%;
  }
}
.greeting-container {
  position: relative;
  background-color: #a38cb5;
}
.greeting-container:before {
  content: '';
  position: absolute;
  background: url('assets/img/pattern.svg') repeat center center;
  background-size: 3%;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
  opacity: 0.1;
}
@media only screen and (min-width: 555px) and (max-width: 1059px) {
  .greeting-container:before {
    background-size: 5%;
  }
}
@media only screen and (max-width: 554px) {
  .greeting-container:before {
    background-size: 10%;
  }
}
.greeting-container:after {
  content: '';
  position: absolute;
  background: url('assets/img/flower-1.svg') no-repeat top center;
  background-size: 70%;
  height: 100%;
  width: 100%;
  bottom: 0;
  background-attachment: fixed;
}
@media only screen and (max-width: 554px) {
  .greeting-container:after {
    background-size: cover;
  }
}
.greeting-container:not(.contact-container) .box-container .title {
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 20px 0px 60px;
  width: 100%;
  left: 0;
  font-family: "Futura PT";
}
@media only screen and (max-width: 554px) {
  .greeting-container:not(.contact-container) .box-container .title {
    font-size: 35px;
    line-height: 15px;
    position: relative;
    margin: 20px 0px 30px;
  }
}
@media only screen and (max-width: 554px) {
  .greeting-container {
    height: unset !important;
    min-height: 100% !important;
  }
}
.greeting-container.contact-container .box-container {
  background: #ffffff;
  padding: 30px;
}
.greeting-container .box-container {
  margin: 100px auto;
  text-align: center;
  color: #000000;
  position: relative;
  transition: 0.5s;
  zoom: 0.8;
  z-index: 1;
  /*
		&:before {
			content: '';
			position: absolute;
			top:-40px;
			height: 40px;
			width: 80%;
			left: 0;
			right: 0;
			margin: 0px auto;
			background: @color-white;
		}

		&:after {
			content: '';
			position: absolute;
			bottom:-40px;
			height: 40px;
			width: 80%;
			left: 0;
			right: 0;
			margin: 0px auto;
			background: @color-white;
		}
		*/
}
@media only screen and (max-width: 554px) {
  .greeting-container .box-container {
    margin: 100px auto;
    width: 100%;
    height: unset !important;
    min-height: unset !important;
  }
}
@media only screen and (min-width: 2160px) {
  .greeting-container .box-container {
    zoom: 1.2;
  }
}
.greeting-container .box-container .title {
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 20px 0px 30px;
  display: inline-block;
  font-family: "Futura PT";
  position: relative;
  width: unset !important;
  color: #000000;
}
.greeting-container .box-container .title span {
  color: #ffffff;
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 0;
}
@media only screen and (max-width: 554px) {
  .greeting-container .box-container .title {
    font-size: 35px;
    line-height: 15px;
  }
}
.greeting-container .box-container .line {
  display: inline-block;
  height: 40px;
  width: 3px;
  background: #000000;
  margin: 0px auto;
  margin: 0px 0px 0px;
}
.greeting-container .greeting-wrapper {
  position: relative;
}
.greeting-container .greeting-slider {
  list-style: none;
  /*.slick-list {
			height: 100%;
			.slick-track {
				height: 100%;
			}
		}*/
}
.greeting-container .greeting-slider .slick-track {
  display: flex !important;
}
.greeting-container .greeting-slider .slick-slide {
  height: inherit !important;
}
.greeting-container .greeting-slider .item {
  width: 100%;
  padding: 20px;
  background: #ffffff;
  margin: 20px;
}
.greeting-container .greeting-slider .item p {
  font-size: 25px;
  font-weight: 300;
  margin: 20px 0px 50px;
}
.greeting-container .greeting-slider .item p.from {
  font-size: 25px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 30px 0px 0px;
}
.greeting-container .contact-wrapper {
  font-family: "Futura PT";
}
.greeting-container .contact-wrapper label {
  font-weight: bold;
}
.greeting-container .contact-wrapper input[type=button] {
  padding: 30px 50px;
  background: #bcb3a2;
  transition: 0.5s;
  line-height: 0;
  text-transform: uppercase;
  font-size: 20px;
}
.greeting-container .contact-wrapper input[type=button]:hover {
  background: #b09259;
  color: #ffffff;
}
.password-container {
  width: 100%;
  background: #ffffff;
  text-align: center;
  padding: 15px;
}
.password-container p {
  color: #ffffff;
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.6px;
  margin-bottom: 0;
}
.password-container p:first-child {
  display: none;
}
.password-container p label {
  position: relative;
  margin-bottom: 0;
}
.password-container input[type="password"] {
  background: #ffffff;
  border: 0;
  border-bottom: 2px solid #000000;
  border-radius: 0px;
  color: #000000;
  padding: 10px 15px;
  font-size: 14px;
  text-align: center;
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: unset;
  font-weight: bold;
  letter-spacing: 1px;
  width: 300px;
}
@media only screen and (max-width: 554px) {
  .password-container input[type="password"] {
    font-size: 12px;
    width: 200px;
  }
}
.password-container input[type="password"]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: '#a8a8a8';
  opacity: 1;
  /* Firefox */
}
.password-container input[type="password"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: '#a8a8a8';
}
.password-container input[type="password"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: '#a8a8a8';
}
.password-container input[type="submit"] {
  background: url('assets/img/icon/icon-arrow.svg') no-repeat center center;
  border: 0;
  padding: 15px;
  border-radius: 5px;
  color: #000000;
  transition: 0.5s;
  position: relative;
  left: 10px;
  top: 3px;
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 554px) {
  .password-container input[type="submit"] {
    padding: 10px;
  }
}
.sidebar-container {
  position: fixed;
  height: 100%;
  width: 300px;
  left: -300px;
  background: #252525;
  transition: 0.5s;
  padding: 25px;
  z-index: 9999;
}
@media only screen and (max-width: 554px) {
  .sidebar-container {
    width: 250px;
    left: -250px;
  }
}
.sidebar-container.active {
  left: 0;
}
.sidebar-container .logo-wrapper {
  text-align: center;
}
.sidebar-container .logo-wrapper img {
  width: 100%;
  height: auto;
}
.sidebar-container .menu-container {
  margin-top: 80px;
}
.sidebar-container .menu-container ul li.active a:after {
  content: "";
  height: 100%;
  width: 3px;
  background: #ffffff;
  position: absolute;
  right: -20px;
  border-radius: 5px;
}
.sidebar-container .menu-container ul li:hover a:after {
  content: "";
  height: 100%;
  width: 3px;
  background: #ffffff;
  position: absolute;
  right: -20px;
  border-radius: 5px;
}
.sidebar-container .menu-container ul li.icon-home a:before {
  background: url('assets/img/icon/icon-home.svg') no-repeat center center;
}
.sidebar-container .menu-container ul li.icon-profile a:before {
  background: url('assets/img/icon/icon-profile.svg') no-repeat center center;
}
.sidebar-container .menu-container ul li.icon-footprint a:before {
  background: url('assets/img/icon/icon-footprint.svg') no-repeat center center;
}
.sidebar-container .menu-container ul li a {
  position: relative;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  padding: 15px 0px;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.sidebar-container .menu-container ul li a:before {
  content: "";
  height: 30px;
  width: 30px;
  margin-right: 20px;
  background: transparent;
  display: inline-block;
  background-size: cover;
}
.footer-container {
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  color: #000000;
  font-size: 13px;
}
.footer-container svg {
  width: 30px;
  margin: 20px 0px 10px;
  transition: 0.5s;
}
.footer-container svg path {
  fill: #000000;
}
.footer-container a {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  transition: 0.5s;
  margin-bottom: 25px;
  display: inline-block;
}
.footer-container a:hover {
  color: #b09259;
  text-decoration: none;
}
.footer-container a:hover svg path {
  fill: #b09259;
}
.clear {
  clear: both;
}
.aligner {
  display: flex;
  align-items: center;
}
.aligner-item--top {
  align-self: flex-start;
}
.aligner-item--bottom {
  align-self: flex-end;
}
.menudot {
  display: none;
  position: fixed;
  width: 30px;
  height: 30px;
  top: 25px;
  right: 35px;
  z-index: 9999;
}
@media only screen and (max-width: 554px), only screen and (min-width: 555px) and (max-width: 1059px) {
  .menudot {
    display: block;
  }
}
.menudot .burger {
  height: 30px;
  width: 25px;
  position: relative;
}
.menudot .burger span {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 13px;
  margin-top: -1px;
  left: 0px;
  display: block;
  background: #000000;
  transition: 0.5s;
  border-radius: 45px;
}
.menudot .burger span:first-child {
  top: 4px;
}
.menudot .burger span:last-child {
  top: 23px;
}
.menudot.active .burger span {
  opacity: 0;
}
.menudot.active .burger span:first-child {
  opacity: 1;
  transform: rotate(45deg);
  top: 13px;
}
.menudot.active .burger span:last-child {
  opacity: 1;
  transform: rotate(-45deg);
  top: 13px;
}
.animate-aos {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  /*&.show {
		animation:fadeInUp 0.5s both 1s;
	}*/
}
.animate-img-aos {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  /*&.show {
		animation:fadeInRight 0.5s both 1s;
		img {
			animation:fadeInRight 0.5s both 1.2s;
		}

	}*/
}
.animate-img-aos img {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.fadeIn {
  opacity: 0;
}
.animated.fadeIn {
  opacity: 1;
}
.fadeInDown {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.animated.fadeInDown {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fadeInUp {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.animated.fadeInUp {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fadeInLeft {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.animated.fadeInLeft {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fadeInRight {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.animated.fadeInRight {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.animated.delay-1s {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.animated.delay-2s {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.animated.delay-3s {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.animated.delay-4s {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.animated.delay-5s {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}
.animated.fast {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
}
.animated.faster {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.animated.slow {
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
}
.animated.slower {
  -webkit-transition-duration: 3s;
  transition-duration: 3s;
}
.no-scroll {
  overflow: hidden;
}
.g-recaptcha > div {
  width: 100% !important;
  height: auto !important;
}
.g-recaptcha > div iframe {
  width: 100% !important;
  height: auto !important;
}
/*--------------------------------------------------------------
6.0 Footer
--------------------------------------------------------------*/
/* FOOTER CONTAINER */
/*--------------------------------------------------------------
7.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.0 Font Family
--------------------------------------------------------------*/
@font-face {
  font-family: 'Futura PT';
  src: url('assets/fonts/futura/FuturaPT-Medium.eot');
  src: url('assets/fonts/futura/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/futura/FuturaPT-Medium.woff2') format('woff2'), url('assets/fonts/futura/FuturaPT-Medium.woff') format('woff'), url('assets/fonts/futura/FuturaPT-Medium.ttf') format('truetype'), url('assets/fonts/futura/FuturaPT-Medium.svg#FuturaPT-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura PT';
  src: url('assets/fonts/futura/FuturaPT-Bold.eot');
  src: url('assets/fonts/futura/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/futura/FuturaPT-Bold.woff2') format('woff2'), url('assets/fonts/futura/FuturaPT-Bold.woff') format('woff'), url('assets/fonts/futura/FuturaPT-Bold.ttf') format('truetype'), url('assets/fonts/futura/FuturaPT-Bold.svg#FuturaPT-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}