@charset "utf-8";
.fr-type-vimeo .fr-content {
    width: 90%!important;
    height: 80%!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}
/* Parallax Section */
.parallax-section {
	position: relative;
	overflow: hidden;
	color: #fff;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
.parallax-section .parallax {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background: #000;
}
.parallax-section .parallax img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
}
.parallax-section h2,
.parallax-section h3,
.parallax-section h4,
.parallax-section h5 { color: #fff }
.parallax-section > .container,
.parallax-section > .container-fluid {
  position: relative;
  opacity: 0;
}
.parallax-section.ready > .container,
.parallax-section.ready > .container-fluid {
  opacity: 1;
  animation: fadeIn 1.2s both;
}
/*===========================================================================================================*/
/*=========================================== FOMRS =========================================================*/
/*===========================================================================================================*/
.gform_legacy_markup_wrapper {
	margin-top: 0!important;
}
label {
  display: block;
  text-align: left;
  color: #9A9A9A!important;
  font-size: 18px!important;
  font-style: normal!important;
  font-weight: 700!important;
  line-height: normal!important;
  margin: 0;
  margin-bottom: 3px;
  text-transform: unset;
}
input[type='text'], 
input[type='email'], 
input[type='tel'], 
input[type='url'], 
input[type='password'], 
input[type='number'], 
input[type='date'], 
textarea, 
select {
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 1px solid #D7D7D7;
  background: #fff;
  padding: 0 17px;
  color: #242424;
  font-size: 18px!important;
}
textarea {
  padding: 12px 17px;
  border-radius: 10px;
  min-height: 120px;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 800px;
  color: var(--off-white, #F2F2F2);;
  border: 1px solid var(--secondary-color, #275B3E);
  background: var(--secondary-color, #275B3E);
  backdrop-filter: blur(2px);
  padding: 15px 25px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input.button:focus, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_footer input[type=submit]:focus, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input.button:focus, 
.gform_wrapper .gform_page_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:focus {
  color: var(--secondary-color, #275B3E);
  background-color: transparent;
  border-color: var(--secondary-color, #275B3E);
  text-decoration: none;
}

/* Pagination */
.pagination {
	margin: 40px 0 0;
}
.pagination > div {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.pagination > div a,
.pagination > div span {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--secondary-color, #275B3E);
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    font-size: 16px;
}
.pagination > div a:hover {background: var(--secondary-color, #153222);}
.pagination .page-numbers.current {
    background: #D9D9D9;
    color: #000;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    background: #C9C9C9;
    color: #C9C9C9;
    font-size: 0
}
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover {
    background: #1c2732;
    color: #C9C9C9;
    font-size: 0
}
.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after {
    color: #494949;
    content: '\f30b';
    font-size: 16px;
    font-weight: 600;
	margin-left: 5px;
    font-family: "Font Awesome 6 Pro";
    transition: all .3s ease;
}
.pagination .page-numbers.next:hover:after,
.pagination .page-numbers.prev:hover:after {
	color: #fff;
}
.pagination .page-numbers.prev:after {
    content: '\f30a';
}

/*===========================================================================================================*/
/*=========================================== BTN-LAYOUT ====================================================*/
/*===========================================================================================================*/
.btn-layout {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 800px;
  color: var(--off-white, #F2F2F2);;
  border: 1px solid var(--secondary-color, #275B3E);
  background: var(--secondary-color, #275B3E);
  backdrop-filter: blur(2px);
  padding: 15px 25px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-layout:hover,
.btn-layout:focus {
  color: var(--secondary-color, #275B3E);
  background-color: transparent;
  border-color: var(--secondary-color, #275B3E);
  text-decoration: none;
}
.btn-layout.white {
  color: var(--secondary-color, #275B3E);
  background-color: var(--off-white, #F2F2F2);
  border: solid 1px var(--off-white, #F2F2F2);
}
.btn-layout.white:hover,
.btn-layout.white:focus {
  color: var(--off-white, #F2F2F2);
  background-color: var(--secondary-color, #275B3E);
  border-color: var(--secondary-color, #275B3E);
  text-decoration: none;
}
.btn-layout.hollow {
  color: var(--secondary-color, #275B3E);
  background-color: transparent;
  border-color: var(--secondary-color, #275B3E);
}
.btn-layout.hollow:hover,
.btn-layout.hollow:focus {
  color: var(--off-white, #F2F2F2);
  background-color: var(--secondary-color, #275B3E);
  border-color: var(--secondary-color, #275B3E);
  text-decoration: none;
}
.btn-layout.white.hollow {
  color: var(--off-white, #F2F2F2);
  background-color: transparent;
  border-color: var(--off-white, #F2F2F2);
}
.btn-layout.white.hollow:hover,
.btn-layout.white.hollow:focus {
  color: var(--secondary-color, #275B3E);
  background-color: var(--off-white, #F2F2F2);
  border-color: var(--off-white, #F2F2F2);
  text-decoration: none;
}
.btn-layout.small {
  padding: 8px 15px;
}
.btn-layout .fa-light,
.btn-layout .fa-regular,
.btn-layout .fa-solid {
	font-size: .9em;
}

/*=========================================== PROJECTS SECTION ==============================================*/
.projects-section {
  padding: 40px;
}
.projects-section .container-fluid {
  opacity: 0;
}
.projects-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.projects-section .top {
	display: flex;
	justify-content: space-between;
}
.projects-section .top h2 {
	font-style: italic;
	margin: 0 0 37px;
}
.projects-section .slider-controls {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: center;
}
.projects-section .slider-controls .btn-layout {margin: 25px 0;}
.projects-section .slider-controls ul {margin: 0;}
.projects-section .slider-controls ul li a.btn-layout {margin: 0 0;padding: 15px;}
.projects-section .slider-wrapper {
	padding: 0;
	padding-right: 14vw;
}
.projects-section .slick-list {
	overflow: visible;
}
.projects-section .slider-wrapper .slick-slide {
	padding: 0;
	margin-right: 22px;
}
.projects-section .item {
	position: relative;
	display: block;
	background: #fffefc;
	border-radius: 12px 0 12px 0;
	overflow: hidden;
}
.projects-section .item .bnn {
	display: block;
	position: relative;
	padding-bottom: 110%;
	background: #000;
	overflow: hidden;
}
.projects-section .item .bnn:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  opacity: .8;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+20,0+20,0.65+80,0.95+100 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.projects-section .item .bnn img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s ease;
}
.projects-section .item:hover .bnn img { opacity: .7; transform: scale(1.15); }
.projects-section .item .name {
    display: block;
    color: #FFF;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "Playfair Display";
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 20px;
}
.projects-section .item .name span { 
	display: block;
	color: var(--accent, #D4B996);
	text-align: center;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.projects-section .projects-section-grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	max-width: 1600px;
	margin: 0 auto;
}
.projects-section .projects-section-grid > * {
	width: 20%;
}

@media (max-width: 991px) {
	.projects-section .top {
		flex-direction: column;
	}
	.projects-section .top h2 {
		margin: 0;
	}
}
@media (max-width: 768px) {
	.projects-section .item .name { font-size: 16px }
}
@media (max-width: 450px) {
	.projects-section .top h2 {
		text-align: center;
	}
	.projects-section .slider-controls {
		flex-direction: column-reverse;
		margin: 0 0 20px;
	}
	.projects-section .slider-controls ul { margin-top: 0 }
}
@media (max-width: 450px) {
	.projects-section .slider-controls .btn-layout {
		margin: 20px 0 0;
	}
}

/*=========================================== ABOUT SECTION ==============================================*/
.about-section {
  padding: 80px 0;
  text-align: center;
}
.about-section .container {
  opacity: 0;
}
.about-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.about-section h2 {
	margin: 0 0 25px;
}
.about-section p {
	max-width: 850px;
	margin: 0 auto 25px;
}

/*=========================================== TESTIMONIALS SECTION ==============================================*/
.testimonials-section {
  padding: 100px 0 50px;
  text-align: center;
  background: var(--off-white, #F2F2F2);
}
.testimonials-section .container {
  opacity: 0;
}
.testimonials-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.testimonials-section h2 {
	margin: 0 0 25px;
}
.testimonials-section p {
	max-width: 850px;
	margin: 0 auto 25px;
}
.testimonials-section .custom-nav li {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.testimonials-section .custom-nav li a {
	color: var(--accent, #D4B996);
	text-align: center;
	font-family: "Font Awesome 6 Pro";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 100% */
}
.testimonials-section .custom-nav li:first-child {
	left: -20px;
}
.testimonials-section .custom-nav li:last-child {
	right: -20px;
}
.testimonials-section h3 {
	margin: 0 0 20px
}
.testimonials-section .author {
	color: var(--main-color, #7F7F7F);
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.testimonials-section .author:before {
	content: '';
	display: block;
	background: var(--main-color, #7F7F7F);
	width: 65px;
	height: 1px;
	margin: 20px auto;
}
.testimonials-section .btn-layout {
	margin: 45px 0 0;
}
.cta-background-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: clamp(80px, 20vw, 180px) 20px;
    text-align: center;
    position: relative;
    color: #fff;
}
.cta-background-section .overlay {
    background: rgba(0, 0, 0, 0.45);  
    padding: clamp(40px, 10vw, 100px) 0;
}
.cta-background-section .h1-style {
    /* font-size: clamp(2rem, 5vw, 3.5rem); */
    margin-bottom: 2rem;
    color: var(--off-white, #F2F2F2);
}
.cta-background-section .subtitle {
    font-size: clamp(1rem, 2vw, 1.25rem);
    margin-bottom: 2rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/*=========================================== NUMBERS SECTION ==============================================*/
.numbers-section {
  padding: 100px 20px;
  background: var(--main-color, #7F7F7F);
}
.numbers-section .container {
  opacity: 0;
}
.numbers-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}
.numbers-section h2 {
	color: var(--off-white, #F2F2F2);
	border-bottom: solid 2px #D9D9D9;
	padding-bottom: 37px;
	min-width: 370px;
	margin: 0;
}
.numbers-section .numbers {
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.numbers-section .numbers .icon {
	color: var(--off-white, #F2F2F2);
	text-align: center;
	font-family: "Font Awesome 6 Pro";
	font-size: 55px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.numbers-section .numbers h3 {
	color: var(--off-white, #F2F2F2);
	text-align: center;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 10px;
}
.numbers-section .numbers p {
	color: var(--off-white, #F2F2F2);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
}
@media (max-width: 991px) {
	.numbers-section .container {
		flex-direction: column;
		text-align: center;
	}
}
@media (max-width: 660px) {
	.numbers-section .numbers .icon {
		font-size: 28px
	}
	.numbers-section .numbers h3 {
		font-size: 32px
	}
	.numbers-section .numbers p {
		font-size: 12px
	}
}

/*=========================================== LEFT RIGHT SECTION ==============================================*/
.left-right-section {
    background: var(--dark-color, #2B2B2B);
    color: #fff;
}
.left-right-section .item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}
.left-right-section .item:nth-child(even) { flex-direction: row-reverse }
.left-right-section.ready .bnn {
  opacity: 1;
  animation: fadeInLeft 1.2s both;
}
.left-right-section.ready .item:nth-child(even) .bnn {
  animation: fadeInRight 1.2s both;
}
.left-right-section .bnn {
  display: block;
  position: relative;
  width: 50%;
  min-height: 473px;
}
.left-right-section .bnn img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.left-right-section .info {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  justify-content: center;
  width: 50%;
  position: relative;
  padding: 80px 40px;
}
.left-right-section .item:nth-child(even) .info {
  border-left:none;
}
.left-right-section.ready .info {
  opacity: 1;
  animation: fadeInRight 1.2s both;
}
.left-right-section.ready .item:nth-child(even) .info {
  opacity: 1;
  animation: fadeInLeft 1.2s both;
}
.left-right-section .info h2 {
  color: #fff;
  margin: 0 0 25px;
}
.left-right-section .info h2 span {}
.left-right-section .info p {
	margin: 0 0 25px;
}
.left-right-section .info .btn-layout {
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.left-right-section .info,
	.left-right-section .cta-video {
		width: 100%;
	}
	.left-right-section .info { padding: 50px 10vw 30px; }
}
@media (max-width: 991px) {
	.left-right-section .bnn {
		width: 100%;
		min-height: auto;
		padding-bottom: 52%;
	}
}

/*=========================================== GRID ========================================================*/
.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.grid .item {
  width: calc(50% - 13px);
  display: block;
  position: relative;
  padding-bottom: 30%;
}
.grid .item .bnn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.grid .item .bnn:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  opacity: .8;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+20,0+20,0.65+80,0.95+100 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.grid .item .bnn img {
  width: 100%;
  height: 100%;
  opacity: .9;
  object-fit: cover;
}
.grid .item .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px;
}
.grid .item .info .date {
  color: #FFF;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.grid .item .info h3 {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 5px 0;
}
.grid .item .info .size {
  color: #FFF;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.grid .item .info .specs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #ffff;
}
.grid .item .info .specs .item {
	display: block;
	padding: 0;
	margin: 2px 0 0;
	font-size: 16px;
}
.grid .item .tag {
   position: absolute;
   top: 9px;
   right: 9px;
   padding: 5px;
   border-radius: 5px;
   background: var(--secondary-color, #275B3E);
   color: #FFF;
   font-family: Montserrat;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}

@media(max-width:835px){
	.grid .item {
  width: calc(100% - 13px);
  padding-bottom: 50%;
}
	.grid .item .info h3 {
	   font-size:28px;
	}
}

@media(max-width:527px){
	.grid .item {
  width: calc(100% - 13px);
  padding-bottom: 70%;
}
	.grid .item .info h3 {
	   font-size:21px;
	}
}

/*=========================================== PORTFOLIO ========================================================*/
.portfolio-section {
  padding: 25px;
}
.portfolio-section .container,
.portfolio-section .container-fluid {
  opacity: 0;
}
.portfolio-section.ready .container,
.portfolio-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.search .row .form-label {
	font-weight: 600;
}

.search .form-select {
	min-width: 100%;
}

/*=========================================== VARIABLE TEXT ========================================================*/
@media (min-width: 992px) {
  .variable-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .variable-text .item:nth-child(odd) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
  }
  .variable-text .item:nth-child(odd) .heading,
  .variable-text .item:nth-child(odd) .info {
    width: 50%
  }
}

/*=========================================== LINE GALLERY ========================================================*/
.line-gallery {
  display: flex;
  justify-content: space-evenly;
  gap: 3px;
}
.line-gallery .item {}
.line-gallery .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*=========================================== TEAM ========================================================*/
.team-section {
  padding: 25px;
}
.team-section .container,
.team-section .container-fluid {
  opacity: 0;
}
.team-section.ready .container,
.team-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.team-grid {
  display: flex;
  gap: 20px;
  justify-content: space-evenly;
}
.team-grid .item {
  display: block;
  max-width: 306px;
}
.team-grid .item a {
  display: block;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--off-white, #F2F2F2);
  padding: 20px 20px 50px;
}
.team-grid .item a {}
.team-grid .item a .bnn {
  display: block;
  max-width: 264px;
  height: 351px;
}
.team-grid .item a .bnn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-grid .item a .name {
  display: block;
  color: var(--dark-color, #2B2B2B);
  text-align: center;
  font-family: "Playfair Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.team-grid .item a .title {
  display: block;
  color: var(--secondary-color, #275B3E);
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.team-grid .item a .icon {
  color: var(--off-white, #F2F2F2);
  text-align: center;
  font-family: "Font Awesome 6 Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  width: 44px;
  height: 44px;
  border-radius: 900px;
  background: var(--secondary-color, #275B3E);
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
	.team-grid {
	  display: flex;
	  flex-wrap: wrap;
	}
	.team-grid .item {
	  width: calc(50% - 10px);
	}
}
@media (max-width: 590px) {
	.team-grid .item {
	  width: 100%;
	}
}

/*===========================================================================================================*/
/*=========================================== FOOTER ========================================================*/
/*===========================================================================================================*/
.footer {
  position: relative;
  color: #fff;
  padding: 100px 0 0;
  background: var(--dark-color, #2B2B2B);
}
.footer:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 758px;
	height: 520px;
	background-image: url(../img/palm.png);
}
.footer .container,
.footer .container-fluid {
  opacity: 0;
  padding: 0 20px;
}
.footer.ready .container,
.footer.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.footer .top-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 45px;
}
.footer .top-nav ul {
	margin: 0;
}
.footer .bottom-nav {
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	/* gap: 30px; */
}
.footer-menu {
	margin: 28px 0 25px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
}
.footer-menu li {
  width: 50%;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0!important;
  margin: 0!important;
}
.footer-menu li:last-child {
	float: right;
}
.footer-menu li a {
  position: relative;
  text-decoration: none!important;
  color: var(--accent, #D4B996);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
}
.footer-menu li a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
  width: 0;
  height: 1px;
  margin-top: 5px;
  background-color: transparent;
  transition: all .3s ease;
}
.footer-menu li:hover a:after,
.footer-menu li:focus a:after{
 left: 0;
 right: unset;
 width: 100%;
 background-color: var(--accent, #D4B996);;
}

.footer .social-nav {
	text-align: right;
	margin: 0 0 28px;
} 
.footer .social-nav li a {
	display: block;
	position: relative;
	padding: 10px;
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.footer .social-nav li a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
  width: 0;
  height: 2px;
  background-color: transparent;
  transition: all .3s ease;
}
.footer .social-nav li:hover a:after,
.footer .social-nav li:hover a:after{
 left: 0;
 right: unset;
 width: 100%;
 background-color: #fff;
}

.footer h2 {
	color: #fff;
	font-size: 22px;
	margin: 0 0 25px
}

.footer a {
	color: #fff;
}
.footer a:hover,
.footer a:focus {}
.copy {
	color: var(--secondary-color, #E8E6E1);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 214.286% */
	text-align: center;
	background: #000;
	margin: 100px 0 0;
}
.copy a {
	position: relative;
	text-decoration: none!important;
}
.copy a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
  width: 0;
  height: 2px;
  background-color: transparent;
  transition: all .3s ease;
}
.copy a:hover:after,
.copy a:focus:after {
 left: 0;
 right: unset;
 width: 100%;
 background-color: #fff;
}


@media (max-width: 1400px) {}
@media (max-width: 991px) {
	.footer .top-nav,
	.footer .bottom-nav {
		flex-direction: column;
		gap: 30px;
	}
}
@media screen and (max-width: 768px) {
	.footer {
		border-top: solid 1px #1278b5;
	}
	.footer-menu li {width: 100%}
  .footer .footer-top {
	  flex-direction: column;
	  gap: 24px;
  }
	.footer .footer-navigation {
		flex-direction: column;
	  gap: 24px;
	}
	.footer .footer-navigation .item {
		min-width: 100%
	}
	.footer .footer-info {
		text-align: center
	}
	.footer .footer-info .item.flex {
		flex-wrap: wrap;
		gap: 20px;
	}
	.footer .footer-info .item.flex .item {
		min-width: 100%;
	}
  h1, .h1-style {
    font-size: 34px;
  }
  h1 > span, .h1-style > span {
	  font-size: 16px;
  }
  h2 {
    font-size: 23px;
  }
  h3 {
    font-size: 25px;
  }
  h4 {
    font-size: 16px;
  }
  p, li, td, th, label {
    font-size: 17px;
    line-height: 1.5em;
    letter-spacing: 0;
  }
  .btn-layout {
    padding: 14px 17px;
    font-size: 14px;
  }
}
@media (max-width: 560px) {
}
@media (min-width: 769px) { 
  .columns-even {
    display: flex;
    justify-content: space-evenly;
    gap: 30px;
  }
  .columns-even.items-center {
	align-items: center;
  }
  .columns-even .col { 
    width: 100% 
  }
  .columns-even .col img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
  } 
}
@media (max-width: 768px) {
	.columns-even.reverse {
	    display: flex;
		flex-direction: column-reverse;
	}
	.columns-even img {
		margin: 0 0 30px;
	}
}