/* ***** Main Header ***** */
.navbar-brand img {
  width: 160px;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-header, [data-mobile-nav-scheme=dark] .lqd-mobile-sec .navbar-collapse {
	background-color: #0F0F0F;
}
@media (max-width: 992px) {
	.navbar-brand img {
	  width: 80px;
	}
}
.is-stuck .lqd-head-sec-wrap {
	background: #0d0d0d;
}
.is-stuck .navbar-brand img {
  width: 90px;
}
.main-nav-hover-fade-inactive:hover > li:hover > a {
  opacity: 1;
  color: #9E1510 !important;
}
.is-stuck .btn-solid{background-color:#9E1510!important;color:#FFF!important;}
main{background-color:#0d0d0d;}
@media (min-width: 1400px) and (max-width: 1640px) {
  .container {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
	h2{font-size: 35px;}
	.text-80, .text-68{font-size:60px;}
}
/* ***** Banner ***** */
.banner .lqd-highlight-inner,
.banner .lqd-highlight-inner .lqd-highlight-brush-svg {
	height: 0.2em;
}
@media (min-width: 1200px) {
	.banner {background-attachment: fixed;}
}

@media (max-width: 1199px) {
	.banner {
		padding: 0 35px;
	}

	.banner .ld-fancy-heading h1 {
		font-size: 82px;
	}

	.banner .module-btn-circle {
		padding: 40px 15px 0 0;
	}
}
@media (max-width: 994px) {
	.banner .row {
		min-height: 70vh;
	}
}
@media (max-width: 767px) {
	.banner {
		padding: 50px 10px 50px 10px;
	}
	.banner .ld-fancy-heading h1 {
		font-size: 12vw;
	}
	.banner .ld-fancy-heading p {
		font-size: 19px;
		line-height: 1.5em;
	}
	.banner .btn-lg {
		margin-bottom: 10px;
	}
	.banner h6.ld-fh-element {
		margin: 1em 6em 0 0;
	}
	.banner .module-btn-circle {
		font-size: 19px;
		padding: 30px 0 0 0;
	}
}
@media (max-width: 600px) {
	.banner .ld-fancy-heading h1 {font-size: 14vw;}
}
.button-accent{bottom:35px;left: calc(50% - 75px); text-align:center;}
.button-container{width:150px; height:150px;bottom: -7.00rem; position: relative;}
.button-container .btn-background{width:150px;height:150px;overflow:hidden;border-radius: 28px;transform: rotate(45deg);-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */background:#9E1510;position:absolute;}
/* ***** About ***** */
.about {background-image: url("../images/bg-1.svg");background-repeat: no-repeat;background-position: left top;}
.about .btn-xl {
	--btn-pe: 4em;
	--btn-ps: 4em;
}

.about .module-img {
	bottom: -33%;
}

.about .module-img {
	right: -20%;
}

.about .module-text {
	right: -29%;
}
@media (max-width: 1199px) {
	.about .module-img {
		width: 80%;
		max-width: 80%;
	}

	.about .module-text {
		bottom: -36%;
	}

	.about .module-bottom {
		margin-top: -40px;
	}

	.about .module-number {
		margin-left: -260px;
	}

	.about .module-img {
		right: -32%;
		bottom: -10%;
	}

	.about .module-text {
		display:none;
	}
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.about {
		padding: 170px 20px 70px;
	}
	.about .btn{margin-bottom:50px;}
	.about .module-img-one{
		width: 75%;
		max-width: 75%;
	}
	.about .module-img {
		width: 65%;
		max-width: 65%;
		right: -30px;
		bottom:-50%;
	}
	.about .module-bottom {
		margin: 0;
	}
	.about .module-middle {
		margin-bottom: 65%;
	}
	.about .module-number {
		margin: 0;
	}
}
/* ***** Contact ***** */
@media (max-width: 1199px) {
	.contact .module-form {
		padding: 0 10px 0 0;
	}
	.contact .form-mini {
		padding: 35px;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.contact {
		padding: 100px 10px 0 10px;
	}

	.contact .module-title {
		padding: 0 10px;
	}

	.contact .module-form {
		padding: 0 10px;
	}

	.contact .form-mini {
		margin: 30px 0 0;
		padding: 30px 20px;
	}
	#contact .module-content{padding:60px 10px 60px!important;}
}
@media (max-width: 400px) {
	#contact .phone-span span{display:block;}
}
/* ***** Thin Fixed BG ***** */
@media (min-width: 1200px) {
	.thin-fixed-bg {
		background-attachment: fixed;
	}
}
@media (max-width: 1199px) {
	.thin-fixed-bg {
		padding: 100px 35px;
	}
}

@media (max-width: 767px) {
	.thin-fixed-bg {
		padding: 100px 10px;
	}

	.thin-fixed-bg .col-md-12,
	.thin-fixed-bg .container-xl {
		padding: 0;
	}

	.thin-fixed-bg .ld-fancy-heading h2 {
		font-size: 11.5vw;
		line-height: 1.5em;
	}
}
/* ***** Clients ***** */
@media (max-width: 1199px) {
	.clients .carousel-items {
		margin-inline-start: -34px;
		margin-inline-end: -34px;
	}

	.clients .carousel-item {
		width: calc(100% / 3);
		padding-inline-start: 34px;
		padding-inline-end: 34px;
	}
}
@media (max-width: 767px) {
	.clients .carousel-items {
		margin-inline-start: -20px;
		margin-inline-end: -20px;
	}

	.clients .carousel-item {
		width: calc(100% / 2);
		padding-inline-start: 20px;
		padding-inline-end: 20px;
	}
}
@media (max-width: 500px) {
	.clients .carousel-item {
		width: 100%;
		padding-inline-start: 20px;
		padding-inline-end: 20px;
	}
}
@media (max-width: 1199px) {
	.clients .module-img {
		margin: 20px 0;
	}
}

@media (max-width: 767px) {
	.clients .lqd-imggrp-single {
		margin: 0 0 20px 0;
	}
}
#clients img{width:200px;}
/*manu logos */
.gallery-cell {
	width: 180px;
	height: 80px;
	margin: 0 60px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	opacity:1;
	transition: 0.3s;
}
.gallery-cell:hover{opacity:.6;}
@media (max-width: 767px){
	.gallery-cell {width: 200px;}
}
/* ***** What We Do ***** */
@media (max-width: 1199px) {
	.what-we-do {
		padding: 0 35px 0 38px;
	}

	.what-we-do .module-content {
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.what-we-do {
		padding: 0 10px;
	}
}
/* ***** Testimonials *****  */
.testimonials{background-image: url("../images/bg-2.svg");background-position: right bottom; background-size:cover;background-repeat: no-repeat;}
.testimonials .divider {
	--divider-border-style: solid;
	--divider-color: #FFFFFF26;
	--divider-border-width: 1px;
	--divider-element-spacing: 20px;
}

.testimonials .lqd-carousel-slides {
	justify-content: center;
	align-items: center;
}

.testimonials .carousel-nav .flickity-button {
	width: 26px;
	height: 26px;
	color: #ffffff;
	border-color: #3b3d3f;
	background: #3b3d3f;
	padding: 0;
}

.testimonials .carousel-nav .flickity-button svg {
	fill: #ffffff;
}

.testimonials .carousel-dots {
	top: auto;
	bottom: 0px;
	inset-inline-end: 0px;
	inset-inline-start: 0;
}

.testimonials .lqd-carousel-slides-numbers {
	color: #ffffff;
}

.testimonials .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
	margin-top: 1.5em;
}

.testimonials .flickity-page-dots .dot {
	background-color: rgba(255, 255, 255, 0.14);
}

.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
	background-color: #ffffff;
}
@media (max-width: 991px) {
	.testimonials{padding-left:20px;padding-right:20px;}
}
/* ***** Footer ***** */
.associations img{max-width:120px; height:auto; margin-right: .75em;}

/* ***** Hero ***** */
.hero {
	padding-top: 18vw;
	padding-bottom: 18vw;
}
.hero:hover .row-bg-inner {
	transform: scale(1.075);
}
@media (max-width: 991px) {
	.hero {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}
/* ***** Digital Experience ***** */
.digital-experience .module-img-1 {
	right: 4vw;
}

.digital-experience .module-img-2 {
	right: 55px;
}

.digital-experience .module-img-3 {
	left: -19%;
}

@media (max-width: 1199px) {
	.digital-experience {
		padding: 50px 30px;
	}

	.digital-experience .module-img-2 {
		width: 192px;
		max-width: 192px;
		top: 6.5%;
		right: 5%;
	}

	.digital-experience .module-img-3 {
		width: 272px;
		max-width: 272px;
		top: 0%;
		left: 15px;
	}

	.digital-experience .module-img-4 {
		width: 319px;
		max-width: 319px;
	}
}

@media (max-width: 767px) {
	.digital-experience {
		padding: 0 10px 30px 10px;
	}

	.digital-experience .btn {
		margin-bottom: 15px;
	}
}

/* ***** Digital Experience Counter ***** */
@media (max-width: 1199px) {
	.digital-experience-counter {
		padding: 50px 30px 60px 30px;
	}

	.digital-experience-counter .module-counter {
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.digital-experience-counter {
		padding: 30px 10px 0 10px;
	}
}
/* ***** Text LG ***** */
.text-lg .ld-fancy-heading h2 {
	font-size: 22vw;
	line-height: 0.8em;
	letter-spacing: 0;
	margin: 0;
}

@media (max-width: 1199px) {
	.text-lg .ld-fancy-heading h2 {
		font-size: 23vw;
		letter-spacing: 0;
	}
}

@media (max-width: 767px) {
	.text-lg .ld-fancy-heading h2 {
		font-size: 25vw;
		letter-spacing: 0;
	}
}
/* ***** Bananas Banner ***** */
.bananas-banner .lqd-bnr-bnns .module-sticky {
	inset-inline-start: 0;
	top: 0;
}

.bananas-banner .lqd-bnr-bnns-h {
	font-size: 5vw;
}
/* ***** Carousel Text ***** */
.lqd-fade-sides.carousel-container {
	mask-image: none;
	-webkit-mask-image: none;
}

.lqd-fade-sides.carousel-container .flickity-viewport {
	mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
}

.carousel-text .ld-fancy-heading .ld-fh-txt-outline {
	-webkit-text-stroke-color: rgba(0, 0, 0, 0.33);
	-webkit-text-stroke-width: 1px;
}

@media (max-width: 991px) {
	.carousel-text .ld-fancy-heading h2 {
		font-size: 10vw;
	}
}
/* ***** Banner Case Studies ***** */
@media (max-width: 991px) {
	.banner-case-studies {
		padding-top: 160px;
		padding-bottom: 100px;
	}

	.banner-case-studies h1 {
		font-size: 100px;
	}
}

@media (max-width: 767px) {
	.banner-case-studies h1 {
		font-size: 80px;
	}
}
/* ***** Case Studies Row ***** */
.case-studies-row .lqd-fb-style-6 .lqd-fb-content {
	padding: 0;
}

.case-studies-row .lqd-fb-style-6 .lqd-fb-content h6 {
	letter-spacing: 0.2em;
}

@media (max-width: 1199px) {
	.case-studies-row .lqd-fb-content-inner {
		padding: 1.5rem;
	}
}
/* */
.bg-blog-menu{background:#000;}
.blog .module-sticky {top: calc(var(--lqd-sticky-header-height, 0) + 150px);}
.category-blog-single .blog-content h2{font-size:2rem;}
.category-blog-single .blog-content img{margin:1em 0;}
nav.kwikweb_nav_strip ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    gap: 1em;
    text-transform: uppercase;
}
/* */
.order-xl-1 {order: 1 !important;}
.order-xl-2 {order: 2 !important;}
/* ***** Experience ***** */
.experience .module-col:hover .row-bg-inner {
	transform: scale(1.075);
}
.experience .module-img {
	box-shadow: 0 20px 88px 0 rgba(0,0,0,.2);
    --lqd-move-onhover-val: -5px;
}
.experience .modul-img:hover {
	transform: translateY(var(--lqd-move-onhover-val,0));
}

@media (max-width: 991px) {
	.experience {padding-top: 100px; padding-bottom: 35px;}
	.experience .module-img {
		margin-bottom: 30px;
		padding-top: 250px;
		padding-right: 20px;
		padding-left: 20px;
	}
}
/* ***** Section Flow ***** */
.section-flow {
	min-height: 655px;
}

.section-flow .lqd-section-flow-panel-end {
	padding: 13% 6%;
}

.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {
	padding-top: 20%;
	padding-bottom: 20%;
}
@media (max-width: 992px) {
	.section-flow .lqd-section-flow-panel-end {padding: 7% 6%;}
	.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {padding-top: 7%;padding-bottom: 0%;}
}
@media (max-width: 767px) {
	.section-flow .lqd-section-flow-panel-end {padding: 20% 6%;}
	.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {padding-top: 25px;padding-bottom: 0px;}
}
/* ***** blog ***** */
@media (max-width: 1500px) {
	#news{padding-top:90px;padding-bottom:70px;}
}
@media (max-width: 991px) {
	#news{padding-top:60px;padding-bottom:40px;}
}
#news h2, #news h6{color:#000;}
/* ***** Services ***** */
.services .ld-flipbox-face {
	background-color: transparent;
}

.services .ld-flipbox-front .ld-flipbox-inner {
	padding: 400px 30px 15px 30px;
}

.services .btn-hover-txt-liquid-y:hover,
.services .btn-hover-txt-liquid-y:focus {
	color: #fff;
}

@media (max-width: 1199px) {
	.services {
		padding: 70px 35px 30px 35px;
	}
}

@media (max-width: 767px) {
	.services {
		padding: 65px 10px;
	}
	.services .col-md-12:first-child {
		padding: 0;
	}
	.services .ld-flipbox-front .ld-flipbox-inner {
		padding: 30px 0 570px 0;
	}
	.services .ld-flipbox-face.ld-flipbox-front .ld-flipbox-overlay{background-image: linear-gradient(180deg, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%) !important;}
}
/* ***** Portfoilo ***** */
@media (max-width: 1199px) {
	.portfolio {
		padding: 50px 0 50px 0;
	}

	.portfolio .module h2 {
		font-size: 23px;
	}
}

@media (max-width: 767px) {
	.portfolio {
		padding: 80px 10px 30px 10px;
	}

	.portfolio .module-content {
		padding: 15px;
	}
}
.portfolio .carousel-container{margin-bottom:-200px;z-index:9;position:relative;}
.portfolio .carousel-nav .flickity-button {
	width: 50px;
	height: 50px;
	color: #000000;
	border-width: 1px;
	border-radius: 12px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.15);
	background-color: transparent;
}

.portfolio .carousel-nav {
	width: 100%;
	max-width: 100%;
}

.portfolio .flickity-button:hover {
	color: #FFFFFF;
	border-style: solid;
	border-color: #000000;
	background-color: #000000;
}
/* ***** Team ***** */
.team .lqd-tm-style-2 .lqd-tm-details svg {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: 0;
  height: 80px;
}
@media (max-width: 1199px) {
	.team {
		padding: 25px 30px 50px 30px;
	}

	.team .module-2,
	.team .module-3 {
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.team {
		padding: 25px 10px 50px 10px;
	}

	.team .module-title {
		margin: 0 0 10px 0;
	}

	.team .module-btn {
		padding: 0 15px 20px 15px;
	}

	.team .module-1,
	.team .module-2 {
		margin-bottom: 35px;
	}
}
/* ***** Brands ***** */
#brands {background-image: url("../images/bg-3.svg");background-repeat: no-repeat;background-position: left bottom; padding-top:140px; padding-bottom:140px;}
@media (max-width: 767px) {
	#brands{padding-bottom:80px;}
	#brands.text-lg .whitespace-nowrap.ld-fancy-heading  {white-space: normal;text-align:center;width:100%;}
}
/* */
#feature{padding-top:80px;padding-bottom:80px;}
@media (max-width: 767px) {
	#feature{padding:80px 20px;}
}