/* ***** Main Header ***** */
.navbar-brand img {
  width: 260px;
}
@media (max-width: 992px) {
.navbar-brand img {
  width: 160px;
}
}
.is-stuck .lqd-head-sec-wrap {
	background: #FFF;
}
.is-stuck .navbar-brand img {
  width: 90px;
}
.main-nav-hover-fade-inactive:hover > li:hover > a {
  opacity: 1;
  color: #003b67 !important;
}
.is-stuck .btn-solid{background-color:#003b67!important;color:#FFF!important;}
@media (min-width: 1400px) and (max-width: 1640px) {
  .container {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
	h2{font-size: 35px;}
}
/* ***** Banner ***** */se
.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: 60px;
	}

	.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: 8vw;
	}
	.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;
		margin-top: -30%;
		padding: 30px 0 0 0;
	}
}
@media (max-width: 600px) {
	.banner .ld-fancy-heading h1 {font-size: 10vw;}
}
.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:#003b67;position:absolute;}
/* ***** About ***** */
.about {background-image: url("../images/bg-1.svg");background-repeat: no-repeat;background-position: left top;background-size: cover;}
.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: 767px) {
	.about {
		padding: 70px 20px;
	}
	.about .btn{margin-bottom:50px;}
	.about .module-img {
		width: 85%;
		max-width: 85%;
		right: -30px;
		bottom:-50%;
	}
	.about .module-bottom {
		margin: 0;
	}
	.about .module-middle {
		margin-bottom: 65%;
	}
	.about .module-number {
		margin: 0;
	}
}
/* ***** Experience ***** */
.experience .module-col .row-bg-inner{
transition: transform 330ms ease-in-out;
}
.experience .module-col:hover .row-bg-inner {
	transform: scale(1.075);
}
.experience .module-img {
	box-shadow: 0 20px 88px 0 rgba(224,225,251,1);
    --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;
	}
}
/* ***** 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;
	}
}
/* ***** 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 ***** */
.clients{margin-top:100px;padding-bottom:60px;}
@media (max-width: 1199px) {
	.clients{margin-top:0px;}
	.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-repeat: no-repeat;background-position: left top;background-size: cover;overflow-x:hidden;}
.testimonials .carousel-nav .flickity-button {
	font-size: 20px;
	width: 35px;
	height: 35px;
	padding: 0;
	background-color: transparent;
}
.testimonials .carousel-nav .lqd-carousel-slides{color:#FFF;}
@media (max-width: 767px) {.testimonials h2{font-size:32px;}}
.flickity-button svg { fill: #FFF;}
.carousel-dots-style4 .dot{background-color: rgba(255,255,255,.2);}
.carousel-dots-style4 .dot.is-selected {background-color: #FFF;}
/* ***** Footer ***** */
.associations{padding-top:100px;}
.associations img{max-width:160px; height:auto; margin-right: .75em;}
@media (max-width: 991px) {.associations{padding-top:30px;}}
@media (max-width: 767px) {footer h2{font-size:36px !important;}}

/* ***** 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: 100px 30px;
	}
	.digital-experience .w-55percent{margin-bottom:50px;}
	.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: 100px 10px 50px 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;
}

.text-lg .ld-fh-element,
.text-lg .ld-fh-element a {
	color: #D9DCFF;
}

@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:#0069A0;}
.blog-contact{padding-top:140px;padding-bottom:80px;}
@media (max-width: 991px) {
	.blog-contact{padding-top:80px;padding-bottom:140px;}
}
.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;
	font-weight:700;
	margin-top:50px;
}
.lqd-lp:hover .lqd-lp-img .lqd-overlay {
  opacity: .3;
}
/* */
.order-xl-1 {order: 1 !important;}
.order-xl-2 {order: 2 !important;}
@media (max-width: 991px) {
.order-md-1 {order: 1 !important;}
.order-md-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: 0px; 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: 0 6% 7% 6%;}
	.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {padding-top: 7%;padding-bottom: 7%;}
}
@media (max-width: 767px) {
	.section-flow .lqd-section-flow-panel-end {padding: 0 6% 80px 6%;}
	.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {padding-top: 25px;padding-bottom: 0px;}
}
/* ***** Blog ***** */
.blog .lqd-lp-title {
	font-size: 20px;
}
.blog h1.lqd-lp-title {
	font-size: 36px;
}
.blog .lqd-lp h2 .split-inner {
	display: inline-block;
	position: relative;
}
.blog .lqd-lp h2 .split-inner:before,
.blog .lqd-lp h2 .split-inner:after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: .15em;
	left: 0;
	right: 0;
	z-index: -1;
	transform: scaleX(0);
	transition: transform .65s cubic-bezier(.23,1,.32,1);
}
.blog .lqd-lp h2 .split-inner:after {
	height: .414em;
	background: rgba(6,41,73,.25);
	transform-origin: left;
}
.blog .lqd-lp:hover .split-inner:before {
	transform: scaleX(0);
}
.blog .lqd-lp:hover h2 .split-inner:after {
	transform: scaleX(1);
}
.article-page{padding-top:200px; padding-bottom:100px;}
@media (max-width: 991px) {
	.blog .module-col {margin-bottom: 30px;}
	.article-page{padding-top:100px; padding-bottom:100px;}
}
#news h2, #news h6{color:#000;}
/* ***** Services ***** */
.services .ld-flipbox-face.ld-flipbox-front .ld-flipbox-overlay{background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);}
.ld-flipbox-face.ld-flipbox-back{background-color:#000;}
.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: 991px) {
	.services {
		padding: 0 10px 30px 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%);}
}
/* ***** Portfoilo ***** */
@media (max-width: 1199px) {
	.portfolio {
		padding: 50px 0 50px 0;
	}

	.portfolio .module h2 {
		font-size: 23px;
	}
}

@media (max-width: 767px) {
	.portfolio {
		padding: 20px 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;
}
/* brands */
#brands{padding-top:140px;padding-bottom:140px;overflow-x:hidden;}
@media (max-width: 1700px) {
	#brands{padding-bottom:40px;}
}
@media (max-width: 991px) {
	#brands{padding-bottom:0}
}
@media (max-width: 767px) {
	#brands.text-lg .whitespace-nowrap.ld-fancy-heading  {white-space: normal;text-align:center;width:100%;}
}