/*******************************************************
 *
 * Template About
 *
 *******************************************************/

.ip-banner::before {
	background: rgba(0, 0, 0, 0.8);
}
#breadcrumbs .breadcrumb_last {
	font-weight: bold;
}
#inner-page-wrapper {
	margin-bottom: 0;
}
#inner-page-wrapper .container {
	width: 85%;
	/*max-width: 1630px;*/
}
.about-container {
	width: 100%;
	position: relative; 
  	margin: 0 auto;
	padding: 112px 0;
}
.about-content-wrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	/* margin-bottom: 166px; */
}
.about-content-text {
	width: 55%;
	display: block;
	position: relative;
	padding-right: 115px;
}
.about-title {
	margin-bottom: 45px;
}
.about-content-text p {
	font-size: var(--font-size-default);
	font-weight: 300;
	color: var(--font-color-default);
	line-height: 1.6;
	letter-spacing: 0.075em;
	margin-bottom: 25px;
}
.about-content-img {
	width: 45%;
	display: block;
	position: relative;
}
.about-image-line::after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 120px);
  height: calc(100% - 200px);
  top: 130px;
	left: 0;
	border: 1px solid rgba(var(--primary-color), 1);
	border-top-right-radius: 100px;
	z-index: 1;
}
.about-img-wrapper {
    position: relative;
    overflow: hidden;
	/*margin-left: 50px;*/
}
.about-img-wrapper canvas {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.about-img-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}
.about-img-over {
	position: absolute;
	overflow: hidden;
	margin-left: 50px;
	top: 0;
	 left: 0; 
	z-index: 2;
	width: 93%;
	 height: auto; 
}
.about-img-over canvas {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.about-img-over img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}
.about-text-cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	margin-top: 87px;
}
.about-cta1 {
	display: inline-block;
	position: relative;
	width: 45%;
}
.about-cta1 a {
	padding: 20px;
  min-height: 90px;
  display: flex;
  position: relative;
  background: #000;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
  letter-spacing: 0.25em;
  max-width: 100%;
  width: 440px;
  border-radius: 30px;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 500;
}
.about-cta1:before {
	content: '';
	position: absolute;
	width: 50px;
	left: -20px;
	z-index: 2;
	height: 2px;
	top: 50%;	
	background: #b19a55;
}
.about-cta1 a:hover {
	background: #b19a55;
}
.about-cta2 {
	display: inline-block;
	position: relative;
	/* width: 55%; */
  text-align: right;
}
.about-logo-top {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-flow: row wrap;
}
.about-logo-top,
.about-logo-below {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
	padding: 25px 0;
}
.about-logo-top {
	max-width: 85%;
  margin: 0 auto;
}
.about-logos {
	display: inline-block;
	width: auto;
}
.about-cta2 a.gsite-button {
	padding-left: 15px;
}
.about-cta2 a.gsite-button span {
	white-space: nowrap;
}
.about-cta2 a.gsite-button img {
	margin-right: 10px;
}
.about-cta2 a.gsite-button em {
	font-style: normal;
}
.about-cta2 a.gsite-button:hover em {
	color: #fff;
}
.about-cta2 a.gsite-button:hover img {
	filter: brightness(0) invert(1);
}
#inner-page-wrapper::before {
	content: '';
	background: url(/wp-content/uploads/2024/11/about-bg.jpg) no-repeat right top / contain;
	width: 55%;
	height: 100%;
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	filter: grayscale(1);
	opacity: 0.3;
}
#inner-page-wrapper::after {
	content: '';
	display: block;
	width: 35%;
	height: 100%;
	background: url(/wp-content/uploads/2024/11/about-SWIRL.png) no-repeat top right / contain;
	z-index: 4;
	position: absolute;
	top: -6%;
	right: 8%;
	filter: grayscale(1);
	opacity: 0.04;
}
#content-full::before {
	content: '';
	width: 55%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%);
	z-index: 2;
}
#content-full::after {
	content: '';
	/*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);*/
	display: block;
	position: absolute;
	width: 100%;
	height: 50vw;
	top: 0;
	left: 0;
	z-index: 3;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 14%,rgb(255, 255, 255) 100%);
}
.hfeed {
	z-index: 5;
	position: relative;
}



/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (max-width: 1567px) {
	.gsite-button, a.gsite-button {
		font-size: 14px;
	}
	.about-content-text {
		padding-right: 75px;
	}
}
@media only screen and (max-width: 1367px) {
	.gsite-button, a.gsite-button {
		font-size: 12px;
	}
	.about-content-text {
		padding-right:45px;
	}
}
@media only screen and (max-width: 1199px) {
	.about-text-cta {
		gap: 10px;
	}
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */

@media only screen and (max-width: 991px) {
	.about-logo-top,
	.about-logo-below {
		justify-content: center;
		gap: 30px;
	}
	
	.about-text-cta {
		flex-direction: column;
		justify-content: center;
			align-items: center;
		margin-top: 47px;
    margin-bottom: 50px;
	}
	.about-cta1 {
		margin-bottom: 20px;
		width: auto;
	}
	.about-cta2 {
		width: 100%;
	}
	 .about-cta2 a.gsite-button:hover::after {
		width: 105px;
	  }
	.about-content-text {
		width: 100%;
		padding-right: 0;
	}
	.about-content-img {
		width: 100%;
	}
	.about-cta1 a {
		min-height: 60px;
		width: 310px;
		font-size: 12px;
	}
	.about-cta2 {
		text-align: center;
	}
	.about-content-wrapper {
		margin-bottom: 96px;
	}
	.about-container {
		padding-top: 52px;
	}
}


/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

@media only screen and (max-width: 767px) {	
	
}

@media only screen and (max-width: 567px) {	
	
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

@media only screen and (max-width: 480px) {
	
}