/* About */
.ip-banner,
#breadcrumbs {
	display: none;
}

#main-wrapper {
	background: #000;
}

#inner-page-wrapper {
	padding-top: 107px;
	background: #000;
}
	#inner-page-wrapper > .container {
		width: 100%;
		padding: 0
	}

#content-full {
	z-index: 2;
	position: relative;
	background: #fff;
	margin-top: 0;
}

.ip-about {
	position: relative;
}
	.ip-about-section-1 {
		background: #000;
		padding: 130px 0 148px;
		position: relative;
		z-index: 1;
	}
		.ip-about-s1-img {
		    position: relative;
		}
		    .ip-about-s1-img canvas {
		        display: block;
		        width: 100%;
		    }
		    .ip-about-s1-img img {
		        position: absolute;
		        top: 0;
		        left: 0;
		        width: 100%;
		        height: 100%;
		        object-fit: cover;
		    }
		    .ip-about-s1-img:before {
		    	content: '';
		    	position: absolute;
		    	top: 0;
		    	left: 0;
		    	right: 0;
		    	bottom: 0;
		    	z-index: 1;
		    }

		.ip-about-s1-img.img-1 {
		    width: 38.75%;
		    margin-left: auto;
		}
			.ip-about-s1-img.img-1:before {
				background: url(../../images/about/overlay-team-photo-1.png) center/100% 100% no-repeat;
			}
		.ip-about-s1-img.img-2 {
		    width: 35%;
		    position: absolute;
		    bottom: -124px;
		    bottom: -7.75vw;
		    left: 3.75%;
		}
			.ip-about-s1-img.img-2:before {
				background: url(../../images/about/overlay-about-photo-1.png) center/100% 100% no-repeat;
			}

	.ip-about-s1-text {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    z-index: 2;
	    text-align: center;
	}

		.ip-about-section-1:before {
			content: '';
		    position: absolute;
		    left: 0;
		    right: 0;
		    bottom: -12.563vw;
		    margin: 0 auto;
		    height: min(24.750vw, 396px);
		    width: 1px;
		    background: rgb(32,61,69);
		    background: -moz-linear-gradient(0deg, rgba(32,61,69,1) 0%, rgba(250,240,234,1) 100%);
		    background: -webkit-linear-gradient(0deg, rgba(32,61,69,1) 0%, rgba(250,240,234,1) 100%);
		    background: linear-gradient(0deg, rgba(32,61,69,1) 0%, rgba(250,240,234,1) 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#203d45",endColorstr="#faf0ea",GradientType=1);
		    z-index: 1;
		}
		.ip-about-s1-text .ip-global-title {
		    max-width: 900px;
		    padding: 0;
		}
			.ip-about-s1-text .ip-global-title h2 {
			    color: #fff;
			}
			.ip-about-s1-text .ip-global-title img {
				filter: brightness(0) invert(1);
				margin: 0 auto;
			}
			.ip-about-s1-text .ip-global-title .ip-global-title-inner {
			    margin: 0 0 39px;
			    padding: 0 0 44px;
			}
				.ip-about-s1-text .ip-global-title-inner:after {
				    width: 545px;
				    max-width: 100%;
				    height: 3px;
				    left: 0;
				    right: 0;
				    bottom: 0;
				    position: absolute;
				    margin: 0 auto;
				    background: rgb(32,61,69);
				    background: -moz-linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    background: -webkit-linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    background: linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#203d45",endColorstr="#be8f33",GradientType=1);
				}

			.ip-about-s1-text .ip-global-title p {
			    color: #fff;
			    max-width: 525px;
			    margin: 0 auto;
			    padding: 0;
			}


.ip-about-section-2 {
	position: relative;
	padding: 353px 0 0;
	z-index: 1;
}
	.ip-about-section-2 .ip-global-title {
		padding: 0;
	}
		.ip-about-section-2 .ip-global-title .ip-global-title-inner {
			padding: 0 0 50px;
			width: 521px;
			width: 48%;
			position: relative;
		}
			.ip-about-section-2 .ip-global-title .ip-global-title-inner:after {
				width: 522px;
			    max-width: 100%;
			    height: 3px;
			    left: 0;
			    right: 0;
			    bottom: -1px;
			    position: absolute;
			    background: rgb(32,61,69);
			    background: -moz-linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
			    background: -webkit-linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
			    background: linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
			    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#203d45",endColorstr="#be8f33",GradientType=1);
			}
			.ip-about-section-2 .ip-global-title h2 {
				letter-spacing: 0.05em;
			}
				.ip-about-section-2 .ip-global-title h2 span {
					font-size: 0.886em;
					display: block;
				}
		.ip-about-section-2 .ip-global-title p {
			width: 52%;
			padding: 26px 2% 0 3.3%;
		}

	.ip-about-s2-images {
		position: relative;
		padding: min(10.188vw, 163px) 0 0;
		margin: 59px 0 0;
	}
		.ip-about-s2-img {
			position: relative;
		}
			.ip-about-s2-img canvas {
				display: block;
				width: 100%;
			}
			.ip-about-s2-img img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		.ip-about-s2-img.img-1 {
			width: 100%;
		}
		.ip-about-s2-img.img-2 {
			width: min(21.938vw, 351px);
			top: 0;
			right: min(4.438vw, 71px);
			position: absolute;
		}


	.ip-about-section-2:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 450px;
		height: 28.125vw;
		background: #000;
		z-index: -1;
	}


.ip-about-section-3 {
	position: relative;
	padding: 246px 0 191px;
}
	.ip-about-section-3:before {
		content: '';
		position: absolute;
		top: -1px;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		z-index: -1;
	}
	.ip-about-s3-stats {
		margin: 0 44px 0 87px;
	}
		.ip-about-s3-stat {
			width: 234px;
			position: relative;
		}
			.ip-about-s3-stat canvas {
				display: block;
				width: 100%;
				background-position: center;
				background-size: 100% 100%;
			}
			.ip-about-s3-stat h2 {
				font-size: 67px;
				letter-spacing: 0.05em;
				text-transform: uppercase;
				font-family: var(--font-title);
				color: #fff;
				position: absolute;
				top: 24px;
				left: -54px;
			}
			.ip-about-s3-stat:nth-child(2) h2 {
				left: -32px;
			}
			.ip-about-s3-stat:nth-child(3) h2 {
				left: -70px;
			}
			.ip-about-s3-stat small {
				position: absolute;
				bottom: 31px;
				left: 0;
				right: 0;
				font-weight: 100;
				font-size: 16px;
				letter-spacing: 0.1em;
				line-height: 1.5;
				color: #fff;
				text-transform: uppercase;
				text-align: center;
			}

.ip-about-section-4 {
	position: relative;
	margin: 0 0 142px;
}
	.ip-about-section-4 .ip-global-title {
		position: absolute;
		top: -41px;
		left: 0;
		right: 0;
		text-align: center;
		padding: 0;
		z-index: 2;
	}
		.ip-about-section-4 .ip-global-title h2 {
			color: #fff;
		}
	.ip-about-s4-img {
		overflow: hidden;
	}
		.ip-about-s4-img:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
/*			height: 105px;*/
			height: 6.563vw;
			background: rgb(0,0,0);
			background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
			background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
			background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
			opacity: 0.2;
			pointer-events: none;
			z-index: 1;
		}
		.ip-about-s4-img-scroller {
			overflow: auto;
			overflow-y: hidden;
		}
			.ip-about-s4-img-scroller canvas,
			.ip-about-s4-img-scroller img {
				display: block;
				width: auto;
				height: 39.875vw;
				pointer-events: none;
				margin-bottom: 80px;
			}

			#scroller-img .simplebar-track.horizontal {
			    visibility: visible!important;
			    height: 16px;
			    left: 3.750%;
			    right: 3.750%;
			    overflow: hidden;
			}
				#scroller-img .simplebar-track.horizontal:before {
				    content: '';
				    top: 0;
				    bottom: 0;
				    margin: auto;
				    left: 0;
				    right: 0;
				    height: 2px;
				    background: #e0e0e0;
				    position: absolute;
				}
			    #scroller-img .simplebar-track.horizontal .simplebar-scrollbar {
			        opacity: 1;
			        height: 16px;
			        visibility: visible!important;
				    top: 0;
				    border-radius: 0;
				    bottom: 0;
				    margin: auto;
				    transform: translateX(20px);
				    cursor: grab;
			    }
			        #scroller-img .simplebar-track.horizontal:before {
			            opacity: 1;
			        }
			        #scroller-img .simplebar-track.horizontal .simplebar-scrollbar:before {
			            right: 0;
			            opacity: 1;
			            border-radius: 0;
			            width: 9px;
			            height: 16px;
			            background: transparent url(../../images/about/icon-scroll-arrow-updated.png) center no-repeat;
			            left: initial;
			            top: 0;
			        }
			        #scroller-img .simplebar-track.horizontal .simplebar-scrollbar:after {
						content: '';
						position: absolute;
						top: 0;
						right: 0;
						height: 2px;
						background: #000;
						width: 100vw;
						bottom: 0;
						margin: auto;
			        }

		.ip-about-s4-img-new {

		}
			.ip-about-s4-img-new img {
				display: block;
				width: 100%;
				height: auto;
			}

	.ip-about-s4-title-2 {
		position: absolute;
/*		bottom: -34px;*/
		bottom: 46px;
		left: 0;
		right: 0;
		margin: auto;
		width: 335px;
		background: #203d45 url(../../images/about/bg-team-photo.jpg) center/cover no-repeat;
		text-align: center;
		padding: 40px 0;
		pointer-events: none;
		z-index: 2;
	}
		.ip-about-s4-title-2 h2 {
			font-size: 36px;
			letter-spacing: 0.1em;
			font-family: var(--font-title);
			color: #fff;
			text-transform: uppercase;
			border-bottom: 2px solid #fff;
			line-height: 1;
			display: inline-block;
			padding: 0 0 5px;
		}

	.ip-about-s4-title-2:hover {
		opacity: 0.9!important;
	}

@media only screen and (min-width: 992px) {
	/*header*/
    header.header {
    	/*background: transparent;*/
		background: #000;
    }
        .header-logo a img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }
        a.bm-contact-open,
        .bm-menu-open span {
		    color: #fff;
		    border-color: #fff;
		}
	.bm-menu-icon:before,
	.bm-menu-icon:after {
	    background: #fff;
	}
}
@media only screen and (max-width: 1199px) {
	#scroller-img .simplebar-track.horizontal .simplebar-scrollbar {
	    transform: translateX(16px);
	}
	#scroller-img .simplebar-track.horizontal .simplebar-scrollbar:before,
	#scroller-img .simplebar-track.horizontal .simplebar-scrollbar:after {

	}

	.ip-about-s3-stats {
	    margin: 0 0 0 5%;
	}
}

@media only screen and (max-width: 991px) {
	#scroller-img .simplebar-track.horizontal .simplebar-scrollbar {
		transform: translateX(1.5vw);
	}

	.ip-about-s1-text {
	    position: relative;
	    margin-bottom: 40px;
	    padding: 0 15px;
	}

	.ip-about-s1-img.img-1 {
	    width: 45%;
	    right: 3.75%;
	}

	.ip-about-s1-img.img-2 {
	    width: 45%;
	    bottom: 5vw;
	}

	.ip-about-s1-img:before {
		opacity: 0;
	}

	.ip-about-section-1 {
	    padding: 90px 0 5vw;
	}

	.ip-about-section-2 {
	    padding: 16vw 0 0;
	}
		.ip-about-section-2 .ip-global-title .ip-global-title-inner {
		    width: 100%;
		    text-align: center;
		}
			.ip-about-section-2 .ip-global-title .ip-global-title-inner:after {
			    margin: 0 auto;
			}
		.ip-about-section-2 .ip-global-title p {
		    width: 100%;
		    text-align: center;
		    padding: 40px 0 0;
		}

		.ip-about-s2-img.img-2 {
		    width: 40%;
		}

	.ip-about-section-3 {
	    padding: 12vw 0 20vw;
	}
		.ip-about-s3-stats {
		    margin: 0;
		    flex-flow: column;
		    align-items: center;
		}
			.ip-about-s3-stat {
			    margin-bottom: 40px;
			}
			.ip-about-s3-stat:last-child {
			    margin-bottom: 0;
			}
	.ip-about-section-4 {
	    margin: 0 0 13vw;
	}
		.ip-about-section-4 .ip-global-title {
		    top: -25px;
		}
		.ip-about-s4-title-2 {
		    /* position: relative; */
		    padding: 20px 0;
		    width: 180px;
		}
			.ip-about-s4-title-2 h2 {
			    font-size: 20px;
			}
}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 480px) {
	.ip-about-section-4 .ip-global-title {
	    top: -18px;
	}
	    .ip-about-section-4 .ip-global-title h2 {
	        font-size: 32px;
	    }
	.ip-about-s3-stat {
	    width: 180px;
	}
	    .ip-about-s3-stat h2 {
	        font-size: 50px;
	        left: -40px!important;
	    }
}