.relative {
	position: relative
}

body img {
	max-width: 100%;
	height: 100%;
}

main sup {
	font-size: 65%;
}

main p {
	color: #666;
	margin: 0;
	padding: 0;
}

body main h1,
body main h2,
body main h3,
body main h4,
body main h5,
body main h6,
body main .h1,
body main .h2,
body main .h3,
body main .h4,
body main .h5,
body main .h6,
body main p {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
}

em {
	font-family: 'motiva_sansregularitalic';
}

em strong {
	font-family: 'motiva_sansbolditalic';
}

html {
	--green: #A0CC3A;
}

.title36 {
	font-size: 36px;
	line-height: 44px;
	color: #232323;
	font-family: 'MotivaSansExtraBold';
}

.title30 {
	font-size: 26px;
	line-height: 1.2;
	color: #232323;
	font-family: 'MotivaSansExtraBold';
}

.title42 {
	font-size: 26px;
	line-height: 1.2;
	color: #232323;
	font-family: 'MotivaSansExtraBold';
}

.title48 {
	font-size: 30px;
	line-height: 1.2;
	color: #232323;
	font-family: 'MotivaSansExtraBold';
}

@media screen and (min-width: 360px) {
	.title42 {
		font-size: 28px;
	}

	.title48 {
		font-size: 30px;
	}
}

@media screen and (min-width: 768px) {
	.title30 {
		font-size: 30px;
		line-height: 38px;
	}

	.title42 {
		font-size: 36px;
		line-height: 42px;
	}

	.title48 {
		font-size: 40px;
		line-height: 50px;
	}
}

@media screen and (min-width: 960px) {
	.title42 {
		font-size: 42px;
		line-height: 50px;
	}

	.title48 {
		font-size: 48px;
		line-height: 54px;
	}
}

#sitelogo {
	z-index: 999999999 !important
}

.study-footer .container,
.under-footer .container {
	max-width: 100% !important
}

.butn {
	margin-top: 30px;
	display: inline-block;
	height: 57px;
	line-height: 57px;
	font-size: 16px;
	font-family: 'motiva_sansbold';
	background: #232323;
	color: #fff;
	padding: 0 40px;
	border: 1px solid #232323
}

.butn:hover {
	background: #fff;
	color: #232323
}

#hero {
	color: #fff;
	background-color: #232323 !important;
	height: calc(100vh - 80px)
}

.topbar-active #hero {
	height: calc(100vh - 120px)
}

#hero .video-container {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#hero .video-container video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#hero .container {
	height: 100%;
}

#hero strong {
	font-family: 'motiva_sansbold';
	font-size: 16px;
	color: #fff
}

#hero h1 {
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 60px;
	font-family: 'MotivaSansExtraBold';
	line-height: 1
}

#hero p {
	font-size: 21px;
	line-height: 29px;
	color: #EAEAEA;
	margin-bottom: 0
}

#after_hero {
	padding: 50px 0;
	background-color: #A0CC3A;
}

#after_hero p {
	font-size: 28px;
	line-height: 1.2;
	color: #fff;
	font-family: 'Antonio_Bold';
	text-align: center;
}

#after_hero strong {
	color: #A0CC3A;
	position: relative;
	display: inline-block;
	width: fit-content;
	margin: auto;
}

#after_hero strong::after {
	position: absolute;
	content: '';
	background-image: url('../images/graphic_underline.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	right: 0;
	top: 0;
	bottom: -1.3em;
}

@media screen and (min-width: 360px) {
	#after_hero p {
		font-size: 32px;
		line-height: 1.2;
	}
}

@media screen and (min-width: 768px) {
	#after_hero {
		padding: 55px 0;
	}

	#after_hero p {
		font-size: 48px;
		line-height: 60px;
	}
}

@media screen and (min-width: 1200px) {
	#after_hero .container {
		width: 1037px;
	}
}

#darkbg-text {
	padding: 50px 0;
	background-color: #232323;
}

#darkbg-text p {
	font-size: 28px;
	line-height: 1.2;
	color: #fff;
	font-family: 'Antonio_Bold';
	text-align: center;
}

#darkbg-text strong {
	color: #A0CC3A;
}

@media screen and (min-width: 360px) {
	#darkbg-text p {
		font-size: 32px;
		line-height: 1.2;
	}
}

@media screen and (min-width: 768px) {
	#darkbg-text {
		padding: 70px 0 60px 0;
	}

	#darkbg-text p {
		font-size: 48px;
		line-height: 60px;
	}
}

@media screen and (min-width: 1200px) {
	#darkbg-text .container {
		width: 1037px;
	}
}

#looping_video {
	background-color: #232323;
	margin-top: 50px;
	margin-bottom: -80px;
}

#looping_video video {
	max-width: 100%;
	position: relative;
	top: -50px;
	border: 4px solid #FFFFFF;
}

@media screen and (min-width: 768px) {
	#looping_video {
		margin-top: 113px;
	}

	#looping_video video {
		top: -63px;
	}
}

#numbers_bar {
	background: #232323;
	color: #fff;
	padding: 80px 0;
}

#numbers_bar .container {
	width: 1180px
}

#numbers_bar .container:before,
#numbers_bar .container:after {
	display: none
}

#numbers_bar .number-wrapper {
	line-height: 1;
	font-size: 84px;
	font-family: 'Antonio_Bold';
}

#numbers_bar .number {
	display: inline-block;
}

#numbers_bar .symbol {
	vertical-align: 15px;
	font-size: 42px;
	position: relative;
}

#numbers_bar p {
	margin-bottom: 0;
	padding: 10px 10px 0 10px;
	color: #fff;
	font-size: 24px;
	line-height: 32px;
}

#projects_section {
	padding-top: 50px;
}

#projects_section .desc {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	max-width: 475px;
	margin: 0 auto
}

#projects_section .card-container {
	margin-top: 70px;
	display: none;
	opacity: 0;
}

#projects_section .card-container.active {
	display: block;
	opacity: 1;
}

#projects_section h3 {
	text-align: center;
	padding: 0 15px;
}

#projects_section .left {
	padding: 25px 15px 0 15px;
}

#projects_section .card-head {
	position: relative;
	padding-bottom: 1px;
}

#projects_section .card-head > div {
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
}

#projects_section .card-head > div span {
	color: #666666;
	font-family: 'MotivaSansExtraBold';
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 1px;
}

#projects_section .card-head > div strong {
	color: #232323;
	font-family: 'motiva_sansbold';
	font-size: 19px;
}

#projects_section .card-head::after {
	content: '';
	position: absolute;
	left: -15px;
	right: 10%;
	bottom: 0;
	height: 4px;
	background-color: #666666;
}

#projects_section .card-desc {
	margin-top: 1em;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
}

#projects_section .card-desc p {
	margin-bottom: 1em;
}

#projects_section .card-desc strong {
	font-size: 20px;
	line-height: 28px;
	color: #232323;
}

#projects_section .card-desc li {
	line-height: 24px;
	margin-bottom: 18px;
	list-style-position: unset !important;
	margin-left: 22px;
}

#projects_section .card-desc li::marker {
	color: #232323;
}

#projects_section .right {
	padding: 40px 15px;
	text-align: center;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

#projects_section .right .title {
	font-size: 30px;
	line-height: 24px;
	color: #fff;
	font-family: 'Antonio_Bold';
}

#projects_section .right .big-text {
	color: #fff;
	font-size: 60px;
	line-height: 1.2;
	font-family: 'Antonio_Bold';
}

#projects_section .right .big-text span {
	font-size: 60px
}

#projects_section .right .big-text sup {
	top: -.2em
}

#projects_section .right .big-text sup.bigger {
	font-size: 85%;
	top: -0.1em
}

#projects_section .right .inner.single {
	flex-direction: column;
	align-items: center;
}

#projects_section .right .inner {
	justify-content: center;
}

#projects_section .right .inner > div {
	width: 50%;
}

#projects_section .right .inner.single > div {
	width: 100%
}

#projects_section .right .small-text {
	color: #fff;
	font-size: 20px;
	line-height: 1;
	font-family: 'motiva_sansbold';
}

#projects_section .right .text-group {
	margin-top: 90px;
}

#projects_section .card-pages {
	/*display: flex*/
	;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px 0 44px 0;
}

#projects_section .card-pages * {
	display: inline-block;
}

#projects_section .card-pages svg {
	cursor: pointer;
}

#projects_section .card-pages .page-count {
	font-size: 22px;
	color: #C8C8C8;
	font-family: 'motiva_sansregular';
}

#projects_section .card-pages .page-count .current {
	color: #666666;
	padding: 0 8px 0 10px;
}

#projects_section .card-pages .page-count .total {
	padding: 0 10px 0 8px;
}

#projects_section .card-pages .page-count p {
	cursor: pointer
}

#projects_section path {
	fill: #707070;
	fill: transparent;
}

#projects_section .backArrow {
	transform: rotate(180deg);
}

#projects_section .disabled {
	color: #C8C8C8;
	stroke: #C8C8C8;
}

#projects_section .disabled path,
#projects_section .disabled line {
	stroke: #C8C8C8;
}

#projects_section .small-print {
	font-size: 12px;
	line-height: 18px;
	width: 100% !important;
	margin-top: 65px;
}

#projects_section .small-print em {
	color: #fff;
}

@media screen and (min-width: 360px) {
	#projects_section .card-desc {
		font-size: 16px;
		line-height: 24px;
	}

	#projects_section .card-desc strong {
		font-size: 18px;
		line-height: 29px;
	}

	#projects_section .right .small-text {
		font-size: 18px;
		line-height: 24px;
	}
}

@media screen and (min-width: 480px) {
	#projects_section .left {
		padding: 40px 15px 0 15px;
	}
}

@media screen and (min-width: 768px) {
	#projects_section .left {
		padding: 25px 30px 0 30px;
	}

	#projects_section .right {
		padding: 40px 30px;
	}

	#projects_section .card-head::after {
		left: -30px;
		right: 0;
	}

	#projects_section .card-desc p {
		margin-bottom: 10px;
	}

	#projects_section .card-desc p:first-child {
		margin-bottom: 26px;
	}
}

@media screen and (min-width: 960px) {
	#projects_section h3 {
		margin: auto;
		margin-bottom: 10px;
		max-width: 550px;
	}

	#projects_section .card-head {
		display: flex;
		gap: 0 56px;
		max-width: 650px;
		margin: 0 0 0 45px;
	}

	#projects_section .card-container.c1 .card-head {
		gap: 0 30px
	}

	#projects_section .card-head::after {
		left: -100vw;
	}

	#projects_section .card-container.active {
		display: flex;
		justify-content: center;
	}

	#projects_section .card-desc {
		max-width: 660px;
		margin: 35px 0 0 auto;
	}

	#projects_section .left ul {
		max-width: 580px;
	}

	#projects_section .left {
		flex-basis: 60%;
		padding: 50px
	}

	#projects_section .left .inner {
		max-width: 706px;
		margin: 0 0 0 auto;
	}

	#projects_section .right {
		flex-basis: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 70px 0;
		margin: 0 0 0 auto;
	}

	#projects_section .right .inner {
		margin: auto;
	}

	#projects_section .card-pages {
		justify-content: flex-end;
		padding: 30px 10% 42px 0;
	}
}

@media screen and (min-width: 1366px) {
	#projects_section .right {
		padding: 70px 30px;
	}

	#projects_section .right .inner {
		margin: 0 auto
	}
}

@media screen and (max-width: 768px ) {
	#projects_section {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	#projects_section .right .inner {
		flex-direction: column;
		align-items: center;
	}

	#projects_section .right .inner > div {
		width: 100% !important;
	}
}

#projects_mobile {
	display: none;
	overflow: hidden;
}

#projects_mobile .title {
	text-align: center;
	font-size: 24px;
	color: #232323;
	font-family: 'MotivaSansExtraBold';
	margin: 50px 0 27px 0;
}

#projects_mobile .cat {
	background-color: #232323;
}

#projects_mobile .cat-title {
	text-transform: uppercase;
	font-size: 9px;
	font-family: 'MotivaSansExtraBold';
	color: #A0CC3A;
}

#projects_mobile .cat-text {
	font-size: 11px;
	font-family: 'motiva_sansbold';
	text-transform: capitalize;
	color: #fff;
}

#projects_mobile .stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: auto;
	gap: 32px 36px;
	font-size: 13px;
	font-family: 'motiva_sansbold';
	text-transform: capitalize;
}

#projects_mobile .stat .num {
	font-family: 'Antonio_Bold';
	font-size: 48px;
	line-height: 1em;
	color: #fff;
}

#projects_mobile .stat .num sup {
	top: -0.19em;
}

#projects_mobile .stat .text {
	font-size: 13px;
	font-family: 'motiva_sansbold';
	color: #fff;
}

#projects_mobile .swiper-slide {
	min-height: 485px;
	height: auto;
}

#projects_mobile .swiper-slide.cat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	padding: 21px 16px;
}

#projects_mobile .desc {
	color: #666666;
	font-size: 15px;
	line-height: 22px;
	display: block;
	border: 1px solid #EAEAEA;
	text-align: left;
	padding: 15px;
}

#projects_mobile .desc img {
	height: 203px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	margin-bottom: 16px;
}

#projects_mobile .container:nth-of-type(1) .swiper-wrapper .swiper-slide:nth-of-type(2) img {
	height: 306px;
	object-fit: cover;
}
#projects_mobile .scope {
	font-size: 15px;
	line-height: 22px;
	color: #666666;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	padding: 15px 17px;
	border: 1px solid #EAEAEA;
}

#projects_mobile .scope strong {
	color: #232323;
	font-family: 'motiva_sansbold';
	font-size: 18px;
	line-height: 28px;
}

#projects_mobile ul {
	margin-top: 15px;
	margin-left: 0 !important;
	list-style:none;
}

#projects_mobile .scope li {
	padding-left:15px;
	position:relative;
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 22px;
}

#projects_mobile ul li:before {
	content:'';
	width:5px;
	height:5px;
	background-color:#232323;
	position:absolute;
	left:0;
	top:9px;
	border-radius:4px;
}

#projects_mobile .swiper-pagination {
	position: relative;
	margin: 10px auto 25px auto;
	text-align: center;
	transform: none;
	bottom: 0;
}

#projects_mobile .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #707070;
	margin: 0 6px !important;
}

#projects_mobile .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
	position: relative;	
}	

#projects_mobile .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active::after {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #232323;
	border-radius: 50%;
}	

@media screen and (max-width: 768px ) {
	#projects_mobile {
		display: block;
	}
}

#textimage_items {
	padding: 50px 0;
}

#textimage_items p {
	max-width: 546px;
	margin-top: 10px;
	font-family: 'motiva_sansregular';
	font-size: 18px;
	line-height: 1.2;
}

#textimage_items a {
	color: #232323;
	text-decoration: underline;
}

#textimage_items img {
	width: fit-content;
	margin: 2em 0 2em 0;
}

#textimage_items .right {
	text-align: center;
}

#textimage_items .item-container:last-child .left,
#textimage_items .item-container:last-child .right {
	padding-bottom: 0 !important;
}

@media screen and (min-width: 360px) {
	#textimage_items p {
		font-size: 20px;
	}
}

@media screen and (min-width: 768px) {
	#textimage_items {
		padding: 90px 0 100px 0;
	}

	#textimage_items .item-container {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#textimage_items .left {
		padding-right: 1em;
	}

	#textimage_items .right {
		padding-left: 1em;
	}

	#textimage_items .left,
	#textimage_items .right {
		flex-basis: 50%;
		padding-bottom: 50px;
	}

	#textimage_items .item-container:nth-child(even) .left {
		position: relative;
		order: 2;
		padding-right: unset;
		padding-left: 1em;
	}

	#textimage_items .item-container:nth-child(even) .right {
		text-align: left;
		position: relative;
		order: 1;
		padding-left: 30px !important;
		padding-right: 1em;
	}

	#textimage_items.v2 .item-container:nth-child(odd) .left {
		order: 2;
	}

	#textimage_items.v2 .item-container:nth-child(oddn) .right {
		order: 1
	}

	#textimage_items.v2 .item-container:nth-child(even) .left {
		order: 1
	}

	#textimage_items.v2 .item-container:nth-child(even) .right {
		order: 2
	}

	#textimage_items.v2 .item-container:first-child {
		padding-bottom: 50px;
		padding-top: 20px
	}

	#textimage_items p {
		font-size: 21px;
		line-height: 29px;
	}

	#textimage_items img {
		margin: 0;
	}
}

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

	#textimage_items .left,
	#textimage_items .right {
		padding-bottom: 70px;
	}
}

@media screen and (min-width: 1200px) {
	#textimage_items .container {
		width: 1205px;
	}

	#textimage_items .left {
		padding-right: 0 !important;
	}

	#textimage_items .right {
		padding-left: 0 !important;
	}

	#textimage_items .item-container {
		gap: 0 70px;
	}
}

#services {
	background: #232323;
	color: #fff;
	padding: 50px 0 100px 0
}

#services .container {
	width: 1220px
}

#services .flex > div {
	width: 25%
}

#services .flex .img {
	height: 100px
}

#services .flex .img img {
	height: auto
}

#services .title {
	padding-top: 2px;
	font-size: 21px;
	line-height: 29px;
	font-family: 'motiva_sansmedium';
	color: #fff
}

#services .item-container {
	margin-top: 50px
}

#services h3 {
	color: #fff
}

@media screen and (max-width: 992px) {
	#services .title {
		font-size: 16px;
		line-height: 24px
	}

	#projects_section .desc {
		padding-top: 10px
	}
}

@media screen and (max-width: 768px) {
	#services .items > div {
		width: 50%
	}

	#services {
		padding: 50px 0;
	}
}

@media screen and (max-width: 390px) {
	#services .title {
		font-size: 15px;
		line-height: 22px
	}
}

@media screen and (max-width: 360px) {
	#services .items {
		flex-direction: column;
	}

	#services .items > div {
		width: 100%
	}

	#services .title {
		font-size: 16px;
		line-height: 24px
	}

	#services .item-container {
		margin-top: 30px
	}
}

#category_section {
	padding: 50px 0;
}

#category_section p {
	margin-top: 10px;
	font-family: 'motiva_sansregular';
	font-size: 18px;
	line-height: 1.2;
}

#category_section .icons-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto
}

#category_section .icons-item {
	text-align: center;
	width: 150px;
	margin: 80px 35px 0 35px
}

#category_section .img {
	display: flex;
	height: 113px;
	align-items: flex-end;
	justify-content: center
}

#category_section p,
#category_section h3 {
	max-width: 783px;
	margin-left: auto;
	margin-right: auto;
}

#category_section .icons-item p {
	font-size: 24px;
	line-height: 30px
}

#category_section p br {
	display: block
}

@media screen and (min-width: 360px) {
	#category_section p {
		font-size: 20px;
	}
}

@media screen and (min-width: 768px) {

	#category_section p,
	#category_section h3 {
		text-align: center;
	}

	#category_section {
		padding: 56px 0;
	}

	#category_section p {
		font-size: 21px;
		line-height: 29px;
	}
}

@media screen and (max-width: 480px) {
	#category_section .img {
		height: 100px
	}
}

@media screen and (min-width: 1200px) {
	#category_section .container {
		width: 1230px
	}
}

#quote_section {
	background: #35454D url(../images/smooth-dark-blue.jpg) no-repeat;
	background-size: cover;
	padding-top: 90px;
}

#quote_section p {
	color: #fff;
	font-family: 'motiva_sansregularitalic';
	font-size: 16px;
	line-height: 24px;
}

#quote_section img {
	width: fit-content;
}

#quote_section img:last-child {
	position: relative;
	left: -15px;
}

#quote_section .quote {
	max-width: 52px;
	margin-bottom: 1em;
	max-height: 42px;
}

#quote_section .name {
	font-family: 'motiva_sansbold';
	font-size: 24px;
	line-height: 36px;
	padding-top: 35px
}

@media screen and (min-width: 768px) {
	#quote_section p {
		color: #fff;
		font-family: 'motiva_sansregularitalic';
		font-size: 24px;
		line-height: 36px;
	}

	#quote_section .quote {
		margin-bottom: 40px;
	}

	#quote_section .container {
		display: flex;
		width: unset;
		max-height: 577px;
		align-items: center;
	}

	#quote_section .left {
		position: relative;
		order: 2;
		max-width: 675px;
		width: 100%;
		margin-bottom: 0
	}

	#quote_section img:last-child {
		position: relative;
		order: 1;
		width: 100%;
		align-self: flex-end;
	}
}

@media screen and (min-width: 1200px) {
	#quote_section img:last-child {
		max-width: 626px;
	}
}

@media screen and (max-width: 1000px) {
	#quote_section .left {
		padding-bottom: 50px
	}
}

@media screen and (max-width: 768px) {
	#quote_section .name {
		font-size: 18px;
		line-height: 26px
	}

	#quote_section .left {
		padding-bottom: 30px;
	}

	#quote_section {
		padding-top: 50px
	}
}

#bottom_cta {
	background: #A0CC3A;
	color: #fff;
	position: relative;
	text-align: center;
	padding: 80px 0;
}

#bottom_cta .butn {
	background: transparent;
	color: #fff;
	border-color: #fff
}

#bottom_cta .butn:hover {
	background: #232323;
	border-color: #232323
}

#bottom_cta h3 {
	color: #fff
}

.page-id-20647 #bottom_cta h3 {
	color: #000;
}

.page-id-20647 #bottom_cta .butn {
	color: #000;
	border-color: #000;
	text-transform: uppercase;
}

.page-id-20647 #bottom_cta .butn:hover {
	color: #fff
}

.study-footer.v2 {
	z-index: 10000;
	position: relative
}

#bottombar {
	padding: 20px 15px;
	z-index: 9999;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #A0CC3A;
}

#bottombar p {
	margin: 0;
	padding-right: 40px;
	font-size: 24px;
	line-height: 30px;
	color: #232323;
	font-family: 'motiva_sansbold'
}

#bottombar .butn {
	padding: 0 20px;
	margin-top: 0;
	height: 38px;
	line-height: 38px;
	font-size: 12px
}

.fancybox-content {
	padding: 0;
	background: none;
	text-align: center;
	color: #fff;
	width: 100%;
	height: 100%
}

.fancybox-content span {
	display: block;
	width: 100%;
	text-align: left;
	position: absolute;
	left: 0;
	top: 50%;
	padding: 0 20px;
	transform: translate(0, -50%);
}

.fancybox-infobar,
.fancybox-button--arrow_left,
.fancybox-button--arrow_right {
	display: none
}

.fancybox-content h4 br {
	display: none
}

.fancybox-content h4 {
	text-transform: uppercase;
	font-family: 'motiva_sansmedium';
	font-size: 20px;
	line-height: 28px;
}

.popup {
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease-in-out;
}

.popup.open {
	opacity: 1;
	visibility: visible
}

.popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1999999999;
	text-align: center
}

.popup .maskk {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #47443d;
	background-color: rgba(0, 0, 0, 0.7);
}

.popup .inner {
	position: relative;
	z-index: 2;
	margin: auto;
	max-width: 720px;
	width: 95%;
	height: 492px;
	background: #fff
}

.popup .inner .container {
	overflow: auto
}

.popup .innr {
	overflow: auto;
	max-height: 100%;
	margin: 0 auto;
	max-width: 566px;
	padding: 15px 50px;
}

.popup .container {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0
}

.popup .inn {
	max-width: 214px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: left
}

.popup .top {
	padding-bottom: 10px;
}

.popup .top h3 {
	margin-bottom: 5px;
	font-family: 'MotivaSansExtraBold';
	font-size: 24px;
	line-height: 1.1;
	color: #232323;
}

.popup .top p {
	margin: 0 auto;
	max-width: 407px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
}

.popup .gform_button.button {
	padding-left: 20px !important;
	padding-right: 20px !important;
	text-transform: none
}

.popup .popupclose {
	background: url(../images/icon-close-3.png) no-repeat center;
	width: 26px;
	height: 26px;
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	z-index: 9
}

.formstyle-1 .gform_confirmation_message h4 {
	margin-bottom: 5px !important
}

.formstyle-1 .gform_button,
.formstyle-1 .button {
	font-size: 12px !important;
	height: 38px !important;
	line-height: 38px !important
}

@media screen and (min-width: 600px) and (max-height: 655px) {
	.popup .inner {
		height: 97%
	}
}

@media screen and (max-width: 1200px) and (min-width: 767px) {
	#textimage_items.v2 .item-container:nth-child(odd) .left {
		padding-left: 1em
	}
}

@media screen and (max-width: 1100px) {
	.fancybox-content .cntn {
		padding: 0 30px;
		text-align: left;
		height: 100%;
		flex-direction: column
	}

	.fancybox-content .cntn br {
		display: block
	}

	.fancybox-content .cntn a {
		display: inline-block;
		margin-top: 15px;
		color: #A0CC3A;
		font-family: 'motiva_sansbold'
	}

	#numbers_bar p {
		font-size: 20px;
		line-height: 28px
	}
}

@media screen and (max-width: 991px) {
	#numbers_bar .flex {
		flex-wrap: wrap
	}

	#numbers_bar {
		padding-bottom: 30px
	}

	#numbers_bar .number-container {
		margin-bottom: 50px;
		width: 50%
	}

	#bottombar {
		flex-direction: column
	}

	#bottombar p {
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 10px;
		padding-right: 0
	}
}

@media screen and (max-width: 767px) {
	#hero p br {
		display: block
	}

	.popup .inn {
		max-width: 100%;
		width: 100%;
		padding: 10px 15px;
	}

	.popup .inner {
		overflow: auto;
		height: 90%;
	}

	#hero {
		height: 520px !important;
	}
}

@media screen and (max-width: 640px) {
	#numbers_bar {
		padding: 70px 0 0 0;
	}

	#numbers_bar .flex {
		flex-direction: column
	}

	#numbers_bar .number-container {
		margin-bottom: 60px
	}

	#numbers_bar .number-container {
		width: 100%
	}

	#hero h1 {
		font-size: 40px
	}

	#hero h1 br {
		display: none
	}

	#hero p {
		font-size: 18px;
		line-height: 26px
	}

	#hero p br {
		display: none
	}

	#hero .blogo {
		margin-top: 50px
	}
}

@media screen and (max-width: 576px) {
	body section:not(#quote_section) .container {
		padding: 0 36px
	}

	

	.title36 {
		font-size: 28px;
		line-height: 31px
	}

	.popup .top h3 {
		margin-top: 30px !important
	}

	.popup .innr {
		padding: 15px
	}

	#hero {
		background-position: center !important;
		height: calc(100vh - 80px) !important;
	}

	#hero strong {
		font-size: 10px
	}

	#hero h1 {
		margin-bottom: 15px;
		font-size: 48px;
		line-height: 52px
	}

	#hero p {
		max-width: 370px;
		font-size: 21px;
		line-height: 28px
	}

	#projects_section .left {
		padding-bottom: 10px
	}

	#projects_section .card-desc {
		font-size: 16px;
		line-height: 24px
	}

	#projects_section .card-desc li {
		font-size: 16px;
		line-height: 24px
	}

	#projects_section .right {
		padding-top: 60px;
		padding-bottom: 50px
	}

	#projects_section .card-container {
		margin-top: 30px;
	}

	#textimage_items .item-container {
		margin-bottom: 40px
	}

	#textimage_items .item-container:last-child {
		margin-bottom: 0
	}

	#category_section .icons-item p {
		margin-top: 0;
		font-size: 18px;
		line-height: 24px;
		padding-top: 0
	}

	#category_section .icons-item {
		width: 50%;
		margin: 10px 0px
	}

	#category_section .icons-item img {
		max-width:138px;
	}

	#quote_section p {
		line-height: 1.5
	}

	#bottom_cta {
		padding: 50px 0;
	}

	#numbers_bar .number-wrapper {
		font-size: 70px
	}

	#numbers_bar .symbol {
		font-size: 35px
	}

	#textimage_items p {
		font-size: 16px;
		line-height: 24px
	}

	#textimage_items.v2 .title36 br {
		display: none
	}

	#projects_section .right .small-text {
		font-size: 16px;
		line-height: 24px
	}

	#projects_section .right .small-text br {
		display: block
	}

	#projects_section .right .text-group {
		margin-top: 50px
	}

	.page-id-20647 #after_hero p {
		font-size: 23px;
	}
}

#video2 {
	background-color: #232323;
	padding: 0 15px 0 15px;
	margin-top: 76px;
}

#video2 .img-wrapper {
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	top: -67px;
}

#video2 .img-wrapper img {
	width: auto;
	max-width: 100%;
}

#video2 .img-wrapper::after {
	pointer-events: none;
	background-image: url('../images/playbtn3.png');
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	max-width: 13vw;
	max-height: 13vw;
}

@media screen and (max-width: 480px) {
	#video2 .img-wrapper {
		top: -8vw;
	}

	#video2 {
		margin-top: 8vw;
	}
}







@media screen and (max-width: 567px) {
	main {
		overflow:hidden;
	}
	.title36 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 10px !important;
	}

	.title48 {
		margin-bottom:5px !important
	}

	#hero {
		height: 79vh !important;
	}

	.page-id-20647 #after_hero p {
		text-align:left;
		font-size:34px;
		line-height:38px;
		color:#232323;
	}

	#textimage_items img {
		max-width: 277px;
	}
	#textimage_items .item-container {
		display:flex;
		flex-direction: column;
	}

	#textimage_items .item-container img {
		margin: 0 0 30px;
	}


	#textimage_items .item-container .left{
		order:2;
	}

	#textimage_items .item-container{
		margin-top:50px;
	}

	#darkbg-text p {
		font-size: 34px;
		line-height: 38px;
		text-align:left;
	}

	#services h3 {
		margin-bottom:0 !important
	}
	
	#services .title {
		font-size: 18px;
	}

	#services .title br {
		display:none;
	}

	#services .items > div {
		padding: 0 10px;
	}





	
	#quote_section {
		overflow:visible !important;
		margin-top:190px;
	}
	#quote_section .left {
		position:absolute;
		bottom:0;
		z-index:99;
		background-color:rgba(43, 60, 69, 0.69);
		left:0;
		padding:20px 30px 30px 30px;
	}
	#quote_section p {
		font-size:14px;
		line-height:21px;
	}
	#quote_section .name {
		font-size:16px;
		line-height:21px;
		padding-top:8px;
	}
	#quote_section .left p {
		padding-left:45px;
	}
	#quote_section .quote {
		max-width:28px;
		position:absolute;
		height: auto;
	}
	.page-id-20647 #quote_section img:last-child {
		margin-top: -250px;
		left: -15px;
		width: 331px;
		max-width:1000%;
	}

	#category_section .icons-item p {
		font-size: 24px;
		line-height: 30px;
		padding-top: 26px;
	}

	#category_section .icons-item {
		margin: 40px 0 0 0;
	}
	.page-id-20647 #bottom_cta .butn {
		margin-top:0;
		text-transform: none;;
	}

}


@media screen and (max-width: 380px ) {
	.page-id-20647 #quote_section img:last-child {
		width: 350px;
		margin-bottom: 0px !important;
	}

}