.sse-css{
	background: #ffffff;
}
.sse-css h1,.sse-css h2,.sse-css h3,.sse-css h4,.sse-css h5,.sse-css h6{
	line-height: 140% !important;
}

.sse-css h1{
	font-weight: 500 !important;
}
.sse-css h2 {
	color: #060606 !important;
	font-size: 38px;
	font-weight: 600 !important;
	text-transform: capitalize;
}
.sse-css h3 {
	font-weight: 600 !important;
}
.sse-css p{
	color: #191919;
	text-align: justify;
	font-size: 17px;
	line-height: 27.2px !important;
}

.page-id-70786 .services-grid .service-card:nth-child(-n+2) h3{
	max-width: 280px !important;
}

.page-id-70776 .services-grid .service-card:nth-child(1) h3 {
	max-width: 350px !important;
}

.page-id-70776 .services-grid .service-card:nth-child(-n+2) h3{
	max-width: 350px !important;
}


.vimeo-bg-iframe-wrap:before {
	content: '';
	background: url(https://extensionarchitecture.co.uk/wp-content/uploads/2025/11/Desktop-1.png) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	z-index: 1;
}

.vimeo-bg-content h1 {
	font-size: 48px;
	color: rgba(254, 254, 254, 1) !important;
	font-weight: 400 !important;
	border-bottom: 1.5px solid #ffffff;
	z-index: 999;
	padding-bottom: 15px;
	margin-bottom: 15px;
	max-width: 490px;
	text-align: left;
}

.hero-content-section{
    padding: 0 25px;
}

.vimeo-bg-content p {
	font-size: 16px;
	font-weight: 400;
	z-index: 999;
	color: rgba(254, 254, 254, 1) !important;
	text-align: left;
}

a.house-extension-cta {
	position: relative;
	background: transparent;
	padding: 10px 25px 10px 25px;
	border-radius: 30px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	text-transform: capitalize !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border: 1px solid #fff;
	text-wrap: nowrap;
}

a.house-extension-cta:hover {
	background: #fff;
	color: #000;
}

.vimeo-bg-section {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: end;
	left: unset;
}

.vimeo-bg-iframe-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	pointer-events: none; /* don't block content clicks */
	transition: opacity 0.8s ease-in-out;
}

/* this is the magic part — make video fully cover the section */
.vimeo-bg-iframe-wrap iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw; /* 16:9 aspect ratio of viewport width */
	min-width: 177.77vh; /* ensures it also covers tall screens */
	min-height: 100vh;
	transform: translate(-50%, -50%);
	border: 0;
	object-fit: cover;
}

/* poster (thumbnail) fallback */
.vimeo-bg-poster {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
	filter: brightness(0.5);
	transition: opacity 0.8s ease-in-out;
}

/* your content on top */
.vimeo-bg-content {
	position: relative;
	z-index: 2;
	color: #fff;
	text-align: center;
	padding: 3rem 1rem;
}

.desktop-video {
	display: block;
}
.mobile-video {
	display: none;
}
.section-top-radius{
	border-top-right-radius: 10px;
	margin-top: -15px;
	border-top-left-radius: 10px;
	position: relative;
	z-index: 10;
	background: white;
}

/* Our Service Section CSS Starts From Here */
.col-md-6.padding-right {
	padding-right: 100px;
}
/*span.read-more-text {
	display: none;
}*/
.col-md-6.padding-left p{
	margin-top: 15px;
}

.service-sec .col-md-6 p b:first-child{
	font-weight: 500;
	font-size: 25px;
	text-transform: capitalize;
	display: block;
	margin-bottom: 20px;
}

/* Our Process CSS Starts From Here */
.our-process{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.our-process-section{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.our-process h2{
	max-width: 650px;
}
.our-process p{
	margin-top: 40px;
	max-width: 683px;
}
a.process-btn {
	color: #ffffff;
	background: rgba(142, 27, 24, 1);
	padding: 12px 20px;
	border-radius: 35px;
	font-weight: 600 !important;
}

.service-nav-container a:hover svg g{
	opacity: 1;
}
.service-nav-container a:hover svg{
	fill: #8E1B18;
}
.service-nav-container a:hover svg path{
	stroke: #fff;
}
.service-nav-container a button.icon-btn{
	border: none;
	outline: none;
	background: transparent;
}

/* Extension Type Css Starts From Here */
.extension-secondcard{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.extensioncard-maincontent {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.extension-content {
	display: flex;
	align-items: center;
	gap: 40px;
}
.extensioncard-maincontent span {
	font-size: 95px;
	font-weight: 500;
	color: #8E1B18;
}
.extensionstype-card h3 {
	color: #8E1B18 !important;
	margin: 0px !important;
	font-weight: 600 !important;
	max-width: 430px;
	line-height: 1.5em;
}
a.card-wrapper-link{
	width: 60px;
}

/*Flip Card CSS starts From Here*/
.flip-card {
	perspective: 1000px;
	width: 100%;
	position: relative;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

.flip-card.flipped .flip-card-inner{
	transform: rotateY(180deg);
}
.flip-card-inner img{
	width: 700px;
	margin: auto;
}
.extensionstype-card{
	min-height: 480px;
}
.large-card-front{
	background: #eaeaea;
	min-height: 480px;
}
.large-card-back{
	/*background: #FFEDED;*/
	background: #eaeaea;
	min-height: 480px;
}
.small-card-front{
	background: #FFEDED;
	min-height: 480px;
}
.small-card-back{
	background: #FFEDED;
	min-height: 480px;
}
.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	backface-visibility: hidden;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.flip-card-front {
	z-index: 1;
}

.flip-card-back {
	transform: rotateY(180deg);
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flip-card-back img {
	transform: rotateY(180deg);
}
.flip-card-back p{
	color: rgba(142, 27, 24, 1);
	font-weight: 500;
}
.flip-card-front.space-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flip-card-front.smallcard {
	height: 450px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Extension Type Css Ends From Here */
.project-gallery-section {
	padding-top: 30px !important;
}
.project-gallery-section h2{
	text-align: center;
	margin-bottom: 60px;
}
.projects-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.project-item {
	position: relative;
	overflow: hidden;
}
.project-image-wrapper img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.project-image-wrapper:hover img {
	transform: scale(1.05);
}

.project-overlay {
	position: absolute;
	inset: 0;
	background: rgba(102, 97, 97, 0.5);
	color: #fff;
	opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: opacity 0.3s ease;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.project-image-wrapper:hover .project-overlay {
	opacity: 1;
}

.project-overlay-content {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.project-overlay-content h3 {
	color: #ffffff !important;
	z-index: 2;
	font-weight: 500 !important;
}

.view-project-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #333;
	width: 13rem;
	text-align: center;
	padding: 1em 1em 1.25em;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.view-project-btn::before {
	display: block;
	content: "";
	-webkit-transform: skew(-25deg);
	transform: skew(-25deg);
	background: #fff;
	border-radius: .5rem;
	height: 100%;
	width: 100%;
	position: absolute;
}

.view-project-btn span {
	display: block;
	top: 10px;
	left: 0em;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: 0.2s 0.2s;
	transition: 0.2s 0.2s;
	position: relative;
}

.project-item-link:hover .view-project-btn span {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

.project-item-link:hover .view-project-btn {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

/* Service Section CSS Starts From Here */

.other-services-section{
	padding-top: 30px !important;
}
.other-services-section h2{
	margin-bottom: 50px;
}
.other-services-section p{
	max-width: 375px;
}
.other-services-section h3{
	color: #8E1B18;
}
.services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.service-card {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.service-content {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.service-image img {
	height: 350px;
	object-fit: cover;
	width: 100%;
}
.service-content h3{
	color: rgba(142, 27, 24, 1) !important;
}
.services-grid .service-card:nth-child(-n+2) h3 {
	max-width: 250px;
}
.service-card h3:last-of-type {
	max-width: 350px;
}
/* Testimonial CSS Starts From Here */
.testimonial-section{
	padding-top: 30px !important;
}
.custom-carousel-controls{
	margin-top: -80px;
	display: flex;
	gap: 15px;
	justify-content: end;
	align-items: center;
	margin-left: -15px;
}
.custom-carousel-controls button{
	border: none;
	background: transparent;
}
button.carousel-custom-next:focus, button.carousel-custom-prev:focus{
	outline: none;
}
.testimonial-box{
	border: 1px solid rgba(25, 25, 25, 0.2);
	border-radius: 12px;
}
.customer-rate {
	font-size: 25px;
	color: #8E1B18;
}
.testimonial-parentcontent p {
	max-width: 573px;
	text-align: left;
	margin-top: 15px;
}
.customer-profile{
	gap: 30px;
}
.testimonial-content{
	display: flex;
	flex-direction: column;
}
.testimonial-content p{
	font-weight: 600;
}


/* FAQ Section CSS Starts From Here */
/* FAQ Section Css Starts From Here */

.faq-icon svg {
	width: 20px;
	height: 20px;
}

.faq-answer {
	display: none;
	padding-top: 0;
	padding-left: 25px;
	position: relative;
	font-size: 17px;
	color: #191919;
	margin-top: 20px;
}
.faq-answer:before{
	content: '';
	background: url(https://extensionarchitecture.co.uk/wp-content/uploads/2025/09/bended-arrow.svg) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

.faq-item.active .faq-answer {
	display: block;
}

.icon-minus {
	display: none;
}

.faq-item.active .icon-plus {
	display: none;
}

.faq-item.active .icon-minus {
	display: inline;
}
.faq-section h2, .faq-section p {
	color: #191919 !important;
}
.faq-item {
	border-bottom: 1px solid #8E1B18;
	padding: 20px 0px;
}
.faq-section-body .faq-item:first-child{
	padding-top: 0;
}
.faq-section button.faq-question {
	padding-left: 0px;
	padding-bottom: 0;
	color: #191919;
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	border: none;
	background: transparent;
	font-size: 20px;
	text-align: left;
}
.faq-section button.faq-question:focus{
	outline: none;
}

.lastsection{
	padding-top: 0px !important;
}

span.read-more-text {
		display: block;
	}
	.service-description-wrap {
		position: relative;
		overflow: hidden;
	}
	.service-description {
		overflow: hidden;
		transition: max-height 0.4s ease;
	}
	.service-description.expanded {
		max-height: none;
	}
	.read-more-text {
		display: none;
		color: #8E1B18;
		font-weight: 500;
		cursor: pointer;
		margin-top: 8px;
		display: inline-block;
	}
	.service-description-wrap.has-read-more .read-more-text {
		display: inline-block;
	}
	.read-more-text:hover {
		text-decoration: underline;
	}

@media (min-width: 1920px){


}


/* For iPad Pro (portrait and landscape) */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2) {

/*Hero Section Starts From Here */

/* Our Service Section CSS Starts From Here */
.col-md-6.padding-right{
	padding-right: 20px;
}
/*Testimonial Section CSS Starts From Here */
.custom-carousel-controls{
	margin-bottom: 30px;
}
/*span.read-more-text {
	display: block;
}*/

}

@media (min-width: 1023px) and (max-width: 1180px){
	/* 	Service Section CSS Starts From Here */
	span.read-more-text {
		display: block;
	}
	.service-description-wrap {
		position: relative;
		overflow: hidden;
	}
	.service-description {
		/*max-height: 400px;*/
		overflow: hidden;
		transition: max-height 0.4s ease;
	}
	.service-description.expanded {
		max-height: none;
	}
	.read-more-text {
		display: none;
		color: #8E1B18;
		font-weight: 500;
		cursor: pointer;
		margin-top: 8px;
		display: inline-block;
	}
	.service-description-wrap.has-read-more .read-more-text {
		display: inline-block;
	}
	.read-more-text:hover {
		text-decoration: underline;
	}
	.col-md-6.padding-right{
		padding-right: 50px;
	}
}

@media (min-width: 768px){
	.page-id-69296 .service-sec h2, .page-id-70786 .service-sec h2, .page-id-70314 .service-sec h2{
		max-width: 500px;
	}

	.page-id-69296 .our-process h2, .page-id-70471 .our-process h2, .page-id-70776 .our-process h2, .page-id-70314 .our-process h2{
		max-width: 495px;
	}

	.page-id-70471 .service-sec h2{
		max-width: 465px;
	}

	.page-id-70471 .service-card h3:last-of-type {
		max-width: 345px;
	}

	.page-id-70471 .services-grid .service-card:nth-child(-n+2) h3 {
		max-width: 280px;
	}

	.page-id-70776 .service-sec h2{
		max-width: 600px;
	}

	.page-id-70314 .hero-title h2{
		max-width: 400px;
	}

	.page-id-70794 .service-sec h2{
		max-width: 600px;
	}








}

/* Nest Hub */
@media screen and (min-width: 768px) and (max-width: 1025px){
	/* 	Hero Section CSS Starts From Here */
	.sse-css h1 {
		font-size: 27px;
	}
	.sse-css h2{
		font-size: 28px;
	}
	.sse-css h3{
		font-size: 22px !important;
	}
	.vimeo-bg-content{
		padding: 75px 1rem;
	}
	span.read-more-text {
		display: block;
	}
	/* 	Testimonial Section CSS Starts From Here */
	/*.testimonial-box{
		min-height: 515px;
	}*/
	.custom-carousel-controls{
		margin-top: -50px;
		margin-bottom: 20px;
	}
	/* Extension Type Sction CSS Starts From Here */
	.desktopflip-parentsection{
		margin-top: 30px;
	}
	.flip-card-front, .flip-card-back{
		padding: 20px;
	}
	.extensioncard-maincontent span{
		font-size: 70px;
	}
	/* Other Service CSS Starts From Here */
	.services-grid{
		padding: 0p 20px;
	}
	.service-image img{
		width: 100%;
		height: 220px;
	}
	.other-services-section{
		padding-top:0 !important;
	}
	/*.testimonial-box{
		min-height: 515px;
	}*/
	.service-description-wrap {
		position: relative;
		overflow: hidden;
	}
	.service-description {
		/*max-height: 325px;*/
		overflow: hidden;
		transition: max-height 0.4s ease;
	}
	.service-description.expanded {
		max-height: none;
	}
	.read-more-text {
		display: none;
		color: #8E1B18;
		font-weight: 500;
		cursor: pointer;
		margin-top: 8px;
		display: inline-block;
	}
	.service-description-wrap.has-read-more .read-more-text {
		display: inline-block;
	}
	.read-more-text:hover {
		text-decoration: underline;
	}
	.col-md-6.padding-right{
		padding-right: 50px;
	}

	.service-card{
		gap: 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 800px){
	.service-description {
		max-height: 240px;
		overflow: hidden;
		transition: max-height 0.4s ease;
	}
	span.read-more-text {
		display: block;
	}

	/*.services-grid .service-card h3{
		min-height: 112px;
	}*/
}
@media screen and (min-width: 768px) and (max-width: 991px){
	/*.testimonial-box {
		min-height: 670px;
	}*/
	.extensionstype-card,.flip-card-front,.flip-card-back{
		min-height: 585px;
	}
}



@media (max-width: 767px){

	.service-card{
		gap: 30px;
	}

	.vimeo-bg-iframe-wrap:before{
        content: '';
        background: url(https://extensionarchitecture.co.uk/wp-content/uploads/2025/11/MobileCo-1-scaled.png)no-repeat;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-size: cover;
    }

	.hero-content-section {
		padding: 0;
		padding-bottom: 50px;
	}

	.section-top-radius{
		margin-top: -35px;
	}
	/* Global CSS Starts From Here */
	/*.sse-css{
		margin-top: -110px !important;
	}*/
	.sse-css h1{
		font-size: 30px !important;
	}
	.sse-css h2{
		font-size: 1.63em;
	}
	.sse-css h3 {
		font-size: 22px;
	}
	.sse-css p {
		font-size: 16px;
	}
	.vimeo-bg-content{
		padding: 75px 1rem;
	}
	/*Global CSS Ends From Here */

	/*Hero Section CSS Starts From Here*/
	.video-container-house{
		padding: 0px;
	}

	/*Hero Section CSS Ends From Here*/ 

	/* 	Our Service Section CSS Starts From Here */
	.column-sm-reverse{
		flex-direction: column-reverse;
	}
	.col-md-6.padding-right{
		padding-right: 15px;
	}

	.service-sec .col-md-6 p b:first-child{
		font-size: 20px;
	}
	/*span.read-more-text {
		display: none;
	}*/

	/*Project Section CSS Starts From Here*/
	.projects-grid, .services-grid{
		display: none;	
	}
	.project-gallery-section{
		padding-top: 0px !important;
	}
	.project-carousel-controls {
		display: flex;
		gap: 10px;
		margin-top: 15px;
		justify-content: end;
	}
	.project-carousel-controls button:focus{
		outline: none;
	}
	.project-gallery-section h2{
		text-align: left;
		margin-bottom: 30px;
	}
	.project-carousel-controls button{
		border: none;
		background: transparent;
	}
	/* 	Testimonial CSS Starts From Here */
	.testimonial-section {
		padding-top: 10px !important;
		margin-bottom: 0px !important;
	}
	.custom-carousel-controls{
		margin-top: 5px;
		margin-bottom: 20px;
	}
	div#carousel-testimonial-mobile .custom-carousel-controls {
		margin-right: 20px;
	}
	div#mobileExtensionCarousel {
		margin-top: 30px;
	}
	/* 	Extension Type Section Starts From Here */
	.extension-projects{
		padding-top: 10px !important;
	}
	.flip-card-front, .flip-card-back{
		padding: 20px;
	}
	.desktopflip-parentsection{
		display: none !important;
	}
	h3.card-title{
		text-align: left;
		max-width: 215px;
	}
	/*.testimonial-box .customer-comment p {
		min-height: 500px;
	}*/
	/* Allow flip animation inside Bootstrap carousel */
	.flip-card {
		perspective: 1000px;
		height: 100%;
		position: relative;
	}
	.extensionstype-card{
		min-height: 650px;
	}
	.extensioncard-maincontent{
		justify-content: start;
		gap: 20px;
	}
	.flip-card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		transform-style: preserve-3d;
		transition: transform 0.6s ease;
	}
	.flip-card-inner img{
		width: 100%;
		margin: auto;
	}
	.flip-card.flipped .flip-card-inner {
		transform: rotateY(180deg);
	}
	.flip-card-front,
	.flip-card-back {
		height: 650px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		backface-visibility: hidden;
	}

	.flip-card-back {
		transform: rotateY(180deg);
		z-index: 1;
		background: rgba(237, 237, 237, 1);
	}
	.flip-card-front {
		background: rgba(255, 237, 237, 1);
		z-index: 2;
	}
	/* 	Our Process Section CSS Starts From Here */
	.our-process {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.our-process-section h2 {
		max-width: 400px;
		margin-top: 20px;
	}
	.our-process p{
		max-width: 100%;
		margin-top: 30px;
	}
	.sse-cta{
		margin-top: 30px;
	}
	/*Service section CSS Starts From Here*/
	.other-services-section h2{
		margin-bottom: 30px;
	}
	.other-services-section p{
		max-width: 100%;
	}
	.service-indicators {
		display: flex;
		justify-content: center;
		margin-top: 20px;
		gap: 10px;
	}
	.service-image img {
		width: 100%;
		height: 250px;
		object-fit: cover;
	}
	/* Dot Indicators */
	.extension-indicators .dot,
	.service-indicators .dot {
		width: 12px;
		height: 12px;
		margin: 0 5px;
		border-radius: 50%;
		border: 1px solid #8E1B18;
		background-color: transparent;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}
	.extension-indicators .dot.active,
	.service-indicators .dot.active {
		background-color: #8E1B18;
		border: 1px solid #8E1B18;
	}
	/* 	FAQ Section Starts From Here */
	.faq-section{
		width: 100%;
		padding: 50px 0px;
	}
	.faq-item{
		padding: 10px 0;
	}
	.faq-section button.faq-question{
		width: 100%;
	}
	.faq-section-body{
		width: 100%;
	}
	.faq-section button.faq-question{
		font-size: 1em;
	}
	span.faq-text{
		text-align: left;
	}
}
@media only screen and (max-width: 540px) and (max-height: 720px) and (orientation: portrait) {
	.service-card{
		min-height: 605px;
	}
	.service-image img, .other-services-section p{
		width: 100%;
	}
}


@media screen and (min-width: 768px) and (max-width: 1025px) {
	.vimeo-bg-content h1 {
		font-size: 30px;
	}

	.vimeo-bg-section{
		height: 95vh;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	a.house-extension-cta{
		padding: 10px 15px 10px 15px;
	}
}


@media (max-width: 768px) {
	.no-padding {
		padding: 0px !important;
	}
	.vimeo-bg-content h1 {
		font-size: 30px;
	}
	.vimeo-bg-section {
		height: 100vh; /* smaller section for mobile */
	}
	.vimeo-bg-content .input-box{
		width: 300px;
		gap: 10px;
	}

	.house-extension{
		margin-top: 20px;
		justify-content: flex-start !important;    
		flex-direction: column;
	}

	a.house-extension-cta{
		width: fit-content;
	}
}

@media (max-width: 500px){
	.desktop-video {
		display: none;
	}
	.mobile-video {
		display: block;
	}

}