/*
	Theme Name: ESG V2
	Theme URI: https://easternstatesgroup.com
	Description: WP Theme for Eastern States Group
	Version: 2.007
	Author: Squatch Creative
	Author URI: https://squatchcreative.com

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*WP CORE
=========================*/

*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption,.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

.alignfull, .container.alignfull {
	width:100%;
	max-width:100%;
	margin:0;
}

.alignwide,
.container.alignwide {
	width: var(--row);
	max-width: calc(100% - 2rem);
	position: relative;
	left: 0;
	margin:0 auto;
}

article > *:not(.alignwide, .alignfull) {
    width: 968px;
    margin: 0 auto;
	max-width: calc(100% - 2rem);
}

.wp-block-image {
	margin-bottom:0;
}

.wp-block-image img {
    max-width: 100%;
    display: block;	
}

.wp-block-columns {
    margin-bottom: 0;
}

::selection {
    background-color:#000;
    color: #ffffff;
}

ul.wp-block-list {
	list-style: disc;       
	padding-left: 40px;
}

ul.wp-block-list li {
	list-style: disc;
	display:list-item;
	font-size: 16px;
	line-height: 28px;
	color: #444444;
	margin: 0;
	font-family: "Epilogue";
}

:root {
	--row:1280px;
	--transition:240ms ease all;
	--esg:#bc7f1e;
	--esg-path:shape(from 47.21% 84.74%,curve by -6.08% -19.83% with -2.58% -8.43%/-5.32% -17.35%,curve by -3.03% -9.88% with -0.76% -2.48%/-2.13% -6.92%,curve by -4.22% -13.76% with -0.91% -2.96%/-2.8% -9.15%,curve by -4.73% -15.89% with -3.99% -13.02%/-4.73% -15.5%,curve by 35.36% -0.37% with 0% -0.32%/4.45% -0.37%,curve by 35.23% 0.37% with 31.21% 0%/35.34% 0.04%,curve by -8.8% 13.95% with -0.07% 0.2%/-4.03% 6.48%,curve by -23.68% 37.09% with -4.77% 7.47%/-15.43% 24.15%,smooth by -15.18% 23.58% with -15.09% 23.54%,curve by -4.86% -15.26% with -0.09% 0.04%/-2.28% -6.83%,close,move by -27.24% -28.34%,curve by -19.63% -31.02% with -10.76% -16.86%/-19.59% -30.81%,curve by 10.26% -0.37% with -0.06% -0.32%/1.25% -0.37%,hline by 10.33%,line by 0.24% 0.81%,curve by 1.89% 6.19% with 0.13% 0.45%/0.98% 3.23%,curve by 13.32% 43.4% with 3.2% 10.39%/5.36% 17.42%,curve by 3.45% 11.19% with 1.81% 5.92%/3.37% 10.95%,curve by -0.07% 0.44% with 0.09% 0.24%/0.05% 0.44%,curve by -19.78% -30.65% with -0.12% 0%/-9.03% -13.79%,close,move by -19.97% -39.35%,curve by 9.7% -16.24% with -0.09% -0.17%/7.76% -13.33%,line by 0.54% -0.81%,hline by 7.69%,curve by 7.68% 0.44% with 7.19% 0%/7.69% 0.03%,curve by -2.48% 8.57% with -0.01% 0.24%/-1.12% 4.1%,line by -2.46% 8.13%,line by -10.28% 0.06%,curve by -10.39% -0.14% with -5.65% 0.04%/-10.33% -0.03%,close,move by 29.01% -0.17%,curve by 2.23% -8.19% with -0.07% -0.2%/0.94% -3.89%,smooth by 2.47% -8.26% with 2.41% -8.02%,curve by 28.15% -0.44% with 0.11% -0.41%/1.64% -0.44%,hline by 28.04%,line by 5.02% 8.26%,curve by 5.09% 8.63% with 2.76% 4.54%/5.05% 8.42%,curve by -35.4% 0.37% with 0.06% 0.33%/-4.02% 0.37%,curve by -35.59% -0.37% with -31.13% 0%/-35.48% -0.05%,close);
}

body {
	overflow:clip;
}

header {
	position: fixed;
	transition: var(--transition);
	background:transparent;
	z-index:999;
}

body.header-scrolled header {
	background: black;
}

body.construction {
	width: 100%;
}

.hero-one-section .hero-one-text h2,
.count-style h2,
.services-one > i,
footer.three .footer-contact > a span {
	color: var(--esg);
}

.design-your::after,
.innovative-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.client-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.client-section .client-one,
.subscribe-section::before,
footer.three .footer-contact h3::before,
.theme-btn {
	background-color:var(--esg) !important;
}

.navbar-links li.navbar-dropdown .sub-menu a {
	padding: 15px 15px;
}

footer.three .location i {
	border-color:var(--esg);
	color:var(--esg);
}

footer.three .location i:hover {
	color:white;
	background-color:var(--esg);
}

.hero-interior-block {
	background: black;
	overflow: clip;
	position: relative;
}

.hero-interior-block .interior-block-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80vh;
	object-fit: cover;
	object-position: center center;
	z-index: 0;
	pointer-events: none;
	filter: grayscale(0.25);
	animation:bgScrolling 1s forwards linear;
	animation-timeline:scroll();
	animation-range-start:entry;
	animation-range-end:exit;
}

.hero-interior-block section.bannr {
	z-index: 1;
	min-height: 60vh;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.hero-interior-block section.bannr:before {
	background: linear-gradient(180deg,black,rgba(0,0,0,0.5));
	opacity: 1.0;
}



@keyframes bgScrolling {
	to { transform:translate(0,750px); }
}

.logo img {
	width: 260px;
	height: auto;
}

.hero-one-text.swiper-slide-active img {
	clip-path: var(--esg-path) !important;
	bottom: -180px;
	right: -230px;
}

.hero-one-slider video {
	position: absolute;
	display: block;
	z-index: 9;
	width: 800px;
	height: 800px;
	object-fit: cover;
	clip-path: var(--esg-path);
	bottom: -180px;
	right: -230px;
}

.architect-text {
	flex-flow: column;
	align-items: flex-start;
	margin-top: 0;
}

.cost-effective .goal-mov figure {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.partner.hover-img-two .imgg img {
	width: 70%;
}

.swiper-wrapper {
	display: flex;
	align-items: center;
}

.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-free-mode {
	padding: 0px 70px;
}

.client-company {
	padding-right: 140px;
	height: 160px;
	text-wrap: balance;
}

.client-company h4 {
	color: #fcbe15;
}

.heading h2 {
	text-wrap: balance;
}

section.faq-section.gap ul.li-style {
	margin-top: 18px;
}

.faq-section .heading.two {
	padding-bottom: 0;
}

.subscribe-section::before {
	mix-blend-mode: difference;
}

.esg-diamond {
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}

.esg-diamond.small-diamond {
	width: 48px;
	height: 48px;
	padding: 14px 12px 12px 12px;
	margin: 0 24px 0 0;
	background: #eee;
	border-radius: 50%;
	overflow: clip;
}

.esg-diamond svg {
	fill: var(--esg);
	width: 64px;
	height: auto;
	max-width:100%;
}

.preloader .esg-diamond {
	transform: translate(0, 10%);
}

.services-one a:hover {
	background-color:var(--esg);
	border-color:var(--esg);
}

.services-one::after {
	width: 250px;
	aspect-ratio: 1.136;
	opacity:0.5;
	height: auto;
	clip-path:var(--esg-path);
}

.services-one:hover::after {
	opacity:1.0;
	background-color: var(--esg);
}

.map iframe {
	height: auto;
	aspect-ratio: 20 / 9;
	min-height: 200px;
}

figure.introduction1 {
	width: 440px;
	height: auto;
	aspect-ratio: 440/490;
}

figure.introduction1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

figure.introduction2 img {
	width: 480px;
	height: 482px;
	object-fit: cover;
}

.timeline-item {
	border: 1px solid #444;
	height: 100%;
}

.timeline-item figure {
	display: block;
	margin: 0;
	width: 100%;
	aspect-ratio: 1 / 1;
	min-height: 200px;
	position: relative;
	overflow: hidden;
	background-size: cover;
}

.timeline-item figure:before {
	mix-blend-mode: difference;
	background-color: var(--esg);
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}

.timeline-item figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index:2;
}

.timeline-text {
	padding: 15px;
}

.timeline-text p {
	font-size: 14px;
	line-height: 145%;
}

.timeline-slider .swiper-wrapper {
	display: flex;
	align-items: stretch;
}

.timeline-slider .swiper-wrapper .swiper-slide {
	display: flex;
	flex-flow: column;
	justify-content: stretch;
	height: auto;
}

.swiper-pagination.swiper-pagination-timeline {
	position: relative;
	bottom: 0;
	margin-top:24px;
}

.swiper-pagination.swiper-pagination-timeline span.swiper-pagination-bullet {
	background: #444;
}

.search-popup .form-group button {
	color: var(--esg);
}

.search-popup .close-search {
	background-color: var(--esg);
}

.header-search i:hover {
	color: var(--esg);
}

.experience {
	background-color: var(--esg);
	padding: 8px 10px 15px 20px;
}

.topic-container {
	position:relative;
}

a.large-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 25;
	transform: none;
}

.topics {
	height: 100%;
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.topics p {
	margin-top: auto;
}

.topics a {
	color: white;
}

.design-section .design-style {
	position: relative;
	text-wrap: balance;
}

.design-section .design-style::before {
	transform: translate(-50%,0);
	top: 0;
}

.design-section .design-style::after {
	display: none;
}

.design-style h4 {
	font-size: 26px;
	font-weight: 800;
	padding-bottom: 10px;
	display: block;
	margin-bottom: 12px;
}

.design-section .design-style:hover i {
	color:var(--bs-body-color);
}

.meet-experts #contact-form input[type="submit"] {
	line-height: normal;
	color: black;
	border-color: black;
}


.testimonial-block.testimonial-style1 img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.client-section .client-one {
	padding-right: 48px;
}

.client-section .client-one img {
	width: 88px;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

section.company-listings figure {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	max-width: 300px;
	margin: 0 auto;
}

section.company-listings figure img {
	display: block;
	width: 100%;
	height: auto;
	transition: var(--transition);
}

.row.company-listing {
	gap: 44px 0;
}

.accordion-item.career-listing {
	position: relative;
	cursor: pointer;
}

.accordion-item.career-listing .icon {
	right: 20px;
}

.career-listing-details.fancybox-content {
	cursor: default;
	width: 720px;
	height: auto;
	margin: 5vh auto;
}

.career-listing-details.fancybox-content .title {
	font-size: 28px;
	line-height: 125%;
	margin: 0 0 24px 0;
	font-weight: 900;
	text-wrap: balance;
}

.career-listing-details.fancybox-content li {
	display: list-item;
}

.career-listing-details.fancybox-content ul {
	padding-left: 40px;
}

.career-listing-details.fancybox-content .content {
	display: flex;
	flex-flow: column;
	gap: 24px;
}

.client-company, .innovate:hover .client-company {
	height: auto !important;
}

.client-company ul, .innovate:hover .client-company ul {
	opacity: 1.0;
}

.client-company span {
	position: relative;
}

.client-section .client-text h5 {
	line-height: 145%;
	font-size: 24px;
}

.row.property-grid-row {
	gap: var(--bs-gutter-x) 0;
}

.properties-grid .client-company h3 {
	font-size: 20px;
	line-height: 110%;
}

.properties-grid .client-company {
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 15px 140px 15px 15px;
	position: relative;
	flex: 1;
}

.properties-grid .section-innovative .innovative figure {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 13/9;
}

.properties-grid .section-innovative .innovative {
	display: flex;
	flex-flow: column;
}

.properties-grid .section-innovative .innovative img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-innovative .innovative-slider .innovative img {
	height: auto;
	aspect-ratio: 13 / 9;
	object-fit: cover;
}

.copy-block figure.accordion-img-1 img {
	width: 330px;
	max-width:100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.copy-block figure.accordion-img-2 img {
	display: block;
	width: 220px;
	max-width:100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 1/1;
}

.copy-block figure.accordion-img-3 img {
	display: block;
	width: 570px;
	max-width:100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 570/330;
}

.copy-block-text ul {
	font-family: "Epilogue";
	padding: 18px 0 0 0;
}

.copy-block-text ul li {
	font-weight: 600;
	color: #444444;
	padding-bottom: 17px;
	position: relative;
	padding-left: 32px;
}

.copy-block-text ul li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
	background-image: url('assets/img/chek-icon.png');
	background-size: contain;
}
 
.copy-block-2 .copy-block-text ul li:last-of-type {
	padding-bottom: 0;
}

.copy-block-1 .copy-block-text ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 12px auto;
	gap: 12px 10%;
	text-wrap: balance;
}

.copy-block-1 .copy-block-text ul li {
	flex: 0 0 40%;
}

p.copy-cta {
	padding-top: 32px;
}

.goal-mov figure {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 1px solid #ccc;
}

.navbar-links li:hover > a {
	border-color: var(--esg);
}

.navbar-links li.navbar-dropdown .sub-menu li a:hover {
	color:var(--esg);
}

.swiper-button i:hover, 
.get-in-touch i {
	background-color: var(--esg);
}

ul.awards {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 45px;
	
}
ul.awards li:before {
	top:0;
}

ul.awards li img {
	width: 80%;
	height: 80%;
	object-fit: contain;
}

ul.awards li h6 {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 18px;
}

p.buttons-holder {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	gap: 18px;
}

.breadcrumb li.breadcrumb-item a:hover,
.footer-social-media a:hover {
	color:var(--esg);
}



.footer-social-media a:hover i {
	background-color:var(--esg);
}

.innovative:hover a i,
.contact-information ul.social-media li a:hover i,
ul.social-media li a i:hover {
	color:#fff;
	background-color:var(--esg);
	border-color:var(--esg);
}

.get-in-touch a {
	font-family: 'Titillium Web';
}

.journal a,
.contact-information .get-in-touch h6 a {
	background-image: linear-gradient(to right, var(--esg), var(--esg) 50%, #000 50%);
}

.f-bottom a,
.widget-title ul li a {
	background-image: linear-gradient(to right, var(--esg), var(--esg) 50%, #e8e8e8 50%);
}

footer.three .footer-contact > a:hover {
	color: var(--esg);
	background-position: 0%;
}












/* POSTS
===================================== */

body.wp-singular .hero-interior-block section.bannr:before {
	background: linear-gradient(180deg, black, rgba(0, 0, 0, 0.5) 500px);
}

body.wp-singular .hero-interior-block .interior-block-bg {
	height: 100vh;
}

.hero-interior-block img.logo-img {
	display: block;
	margin: 0 auto 12px auto;
	position: relative;
	width: 400px;
	height: auto;
	max-width: calc(100% - 30px);
	max-height: 200px;
	object-fit: contain;
}

.hero-interior-block.has-logo h1 {
	display: none;
}
 
.news-details-container {
	position: relative;
	border: 1px solid #7b7b7b;
	height: 100%;
}

.news-details-text {
	padding: 0 24px;
}

.news-details .news-details-text h2 {
	font-size: 36px;
	line-height: 125%;
}

.our-blog .news-details .news-details-text h3 {
	font-size: 18px;
	line-height: 100%;
}

.our-blog .news-details a:hover {
	color: var(--esg);
}

.wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 13 / 9;
	object-fit: cover;
	object-position: center center;
}

.center {
	position: relative;
}

section.bannr.single-post-banner {
	background-size: cover;
	background-position: center center;
	height: auto;
	aspect-ratio: 16/9;
	min-height: 400px;
	width: 100%;
	max-height: 90vh;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.single-post-banner h3 {
	color: white;
	z-index: 1;
	position: relative;
	text-align: center;
	margin: 18px auto 0;
	line-height: 150%;
}

.single-post-main article {
	padding: 40px 0 80px 0;
	display: flex;
	flex-flow: column;
	gap: 24px;
}

ul.social-media.social-share {
	gap: 12px;
}

ul.social-media.social-share a {
	display: flex;
	font-size: 15px;
	width: 45px;
	border: 1px solid #444;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 0;
	transition: var(--transition);
}

ul.social-media.social-share a svg {
	display: block;
	width: 23px;
	height: 23px;
	transition: var(--transition);
	fill: #444;
}

ul.social-media.social-share a:hover {
	background: var(--esg);
	border-color: var(--esg);
}

ul.social-media.social-share a:hover svg {
	fill: white;
}

article .share {
	display: flex;
	align-items: center;
	margin-top: 40px !important;
	border-top: 1px solid #444;
	padding-top: 40px;
}

ul.pagination {
    padding: 1.25rem 0;
    margin:1.25rem auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    gap: 0.75rem;
}

ul.pagination li a {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    line-height: 100%;
    gap: 0.65rem;
}

ul.pagination li a svg {
    width: 14px;
    height: auto;
}

li.next-link {
    margin-left: auto;
}

li.prev-link svg {
    transform: rotate(180deg);
}



/* FOOTER 
================================*/
.f-bottom ul {
	margin-left: auto;
}

.f-bottom a.builtby {
	max-width:96px; 
	padding:0; 
	margin:1rem; 
	display:block; 
	float:none; 
	clear:both; 
	z-index:100; 	
	opacity:0.45; 
}

.builtby svg {
	display:block;
	width:100%;
	height:auto;
}

.builtby svg path {
	fill:white;
}

.builtby:hover {
	animation: shake .2s 1;
	opacity:1.0; 
}


@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}




#post-404 p {
	color: white;
	text-align: center;
	display: block;
	position: relative;
}

#post-404 a.theme-btn {
	margin: 32px auto 0 auto;
	display: flex;
	gap: 18px;
	flex-flow: row-reverse;
}

#post-404 .hero-text-three {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}



















@media all and (max-width:1200px) {
	body header {
		background: black;
	}
	
	body.nav-opened {
		overflow:clip;
		height:100vh;
	}
	
	nav.navbar {
		display: flex;
		position: fixed;
		top: 0;
		left: calc(100vw + 15px);
		padding: 70px 15px 150px 15px;
		background: black;
		transition: var(--transition);
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		flex-flow: column;
		justify-content: flex-start;
		align-items: stretch;
		overflow: scroll;
	}

	body.nav-opened nav.navbar {
		left:0;
	}

	nav.navbar .navbar-links {
		flex-flow: column;
		width: 100%;
	}

	.navbar-links li > a {
		font-size: 20px;
	}
	
	.navbar-links li > a, 
	.navbar-links li:hover > a {
		border: none;
	}

	li.menu-item-children > a:before {
		width: 16px;
		height: 16px;
		top: 16px;
		transform: unset;
	}

	.navbar-links li.navbar-dropdown .sub-menu {
		position: relative;
		visibility: visible;
		transform: none;
		opacity: 1.0;
		width: 100%;
		top: unset;
		left: unset;
		background: transparent;
		display: none;
	}

	.navbar-links li.navbar-dropdown .sub-menu li:before {
		display: none;
	}

	.navbar-links li.navbar-dropdown .sub-menu a {
		background: transparent;
		color: white;
		font-size: 18px;
		font-weight: 400;
	}

	body .header-search {
		display: flex;
		position: fixed;
		top: calc(100dvh - 100px);
		left: calc(100vw + 15px);
		width: 100%;
		padding: 15px;
		transition: var(--transition);
	}

	body.nav-opened .header-search {
		left: 0;
	}

	body .header-search .header-search-button.search-box-outer {
		display: none;
	}

	body .header-search a.theme-btn {
		width: 100%;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
	
	
	
	
	
	
	
	.hero-one-slider .swiper-wrapper {
		z-index: 20;
		padding-top: 15vw;
	}

	.hero-one-slider video {
		right: -50vw;
		width: 80vw;
		height: auto;
		aspect-ratio: 1/1;
	}

	.hero-one-section .hero-one-text p {
		width: 531px;
		max-width: 100%;
		text-wrap: balance;
	}
	
	
	
	
	
	
	
	
	
}


@media all and (max-width:768px) {
	
	.hero-one-slider video {
		height: 100%;
		width: auto;
		bottom: 10vw;
		opacity: 0.5;
	}
	
	.topics h4 {
		padding-bottom: 0;
	}

	.topics p {
		opacity: 1.0;
		width: 100%;
		transform: none;
		font-size: 14px;
	}

	.topics {
		align-items: stretch;
		justify-content: flex-start;
	}

	.topics a {
		opacity: 1;
		transform: none;
		padding-bottom: 100px;
	}
	
	.copy-block-1 .copy-block-text ul {
		flex-flow: column;
	}
	
	
}