* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
	clear: both;
}
.testimonials-home-section p, .testimonials-home-section .teams-section .author-bio p {color:#fff;} 

ul,
ol,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

html {
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

html,
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Metropolis';
}

body {
	overflow-x: hidden;
	color: #000;
}

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

p {
	font-size: 16px;
	margin-bottom: 15px;
	color: #747474;
}

p:last-child {
	margin-bottom: 0 !important;
}


/*input[type="submit"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}*/

a {
	color: #0095da;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

a:hover {
	text-decoration: none;
}

a:focus,
input:focus,
button:focus,
select:focus,
button:focus {
	outline: none;
}

h1 {
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}

h2 {
	font-size: 32px;
	margin-bottom: 30px;
	font-weight: bold;
}

h3 {
	font-size: 26px;
}

p {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 30px;
	color: #747474;
}

p:last-child {
	margin-bottom: 0 !important;
}
.footer-content .social a svg {
    fill: #f9ed32;
    width: 41px;
    height: 41px;
}

.footer-content .social a:hover svg {
    fill: #fff;
}
.main-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.yellow-bg {
	background: #f9ed32;
}

.orange-bg {
	background: #f15a29;
}

.blue-bg {
	background: #00a3e4;
}

.green-bg {
	background: #8dc63f;
}

.yellow {
	color: #f9ed32;
}

.orange {
	color: #f15a29;
}

.blue {
	color: #00a3e4;
}

.green {
	color: #8dc63f;
}

.cta-btn {
	min-width: 180px;
	padding: 8px 35px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border: transparent solid 2px;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.cta-btn.orange-bg {
	border-radius: 0px;
}

.cta-btn.orange-bg:hover {
	border: #f15a29 solid 2px;
	background: none;
	color: #f15a29;
}

.cta-btn.yellow-bg {
	border: #f9ed32 solid 2px;
	color: #000;
}

.cta-btn.yellow-bg:hover {
	border: #fff solid 2px;
	background: no-repeat;
	color: #fff;
}

.cta-btn.blue-bg {
	border: #00a3e4 solid 2px;
	color: #fff;
}

.cta-btn.blue-bg:hover {
	border: #3687BB solid 2px;
	background: #3687BB;
	color: #fff;
}
.testimonials-home-section .container {
    max-width: 960px;
}

#scene,
#scene2,
#scene3,
#scene4,
#scene5,
#scene6 {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -60px;
	z-index: 1;
}
.resorce-container {
    padding:50px 0px;
    background-color: #00A3E4;
}
.resorce-container a{
  	color: #fff;  
}
.pattern-left img,
.pattern-right img {
	-webkit-animation: wave 8s 0.1s infinite linear;
	-moz-animation: wave 8s 0.1s infinite linear;
	animation: wave 8s 0.1s infinite linear;
}


/* Header Start */

header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 777;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}


.fixed-header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #000;
	transition: 0.3s all;
}

.hd-logo img {
	transition: 0.3s all;
}

.fixed-header .hd-logo img {
	max-width: 200px;
	transition: 0.3s all;
}

.header-wrapper {
	padding: 30px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	transition: 0.3s all;
}
  .img-container {
  
    margin-top: 30px;
    position: relative;
    height: 300px;
    overflow: hidden;
    display:inline-block;
     
     }
 .img-container img {
    transition-duration: 2s;
    margin: 0 auto;
    display: block;
      
}
.img-container img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0;
}

  .resorce-container  .img-container img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    object-fit: cover;
}
.img-gradient{
  position:relative;
  display:block;
}
.img-gradient:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
     background: linear-gradient(to top,#000000 0%,rgba(84,84,84,0) 100%);
}
.img-container :after {
     position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top,#000000 0%,rgba(84,84,84,0) 100%);
    opacity: .87;
}
.resorce-container .img-container {
    padding-top: 50%;
}
.title h6{
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
    margin: 0;
}
.resorce-container .title p {
    font-size: 16px;
    color: silver;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
   -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  
}
.title h4{
        font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    overflow: hidden;
    display: -webkit-box;
   -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}
.resorce-container .title {
   position: absolute;
    bottom: 0;
    padding: 20px;
    z-index: 1;
    color: #fff;
    width: calc(100% - 20px);
    left: 0;
    box-sizing: border-box;
    right: 0;
    margin: 0 auto;
}
.col-md-4 {
    height: 100%;
    width: 100%;
}
.header-wrapper .navbar {
	padding: 0;
	position: relative;
	top: 15px;
	transition: 0.3s all;
}

.fixed-header .header-wrapper {
	padding: 15px 0;
	transition: 0.3s all;
}

.fixed-header .header-wrapper .navbar {
	top: 10px;
	transition: 0.3s all;
}

.header-wrapper .navbar>ul>li {
	display: inline-block;
	margin-left: 20px;
	position: relative;
}

.header-wrapper .navbar>ul>li>a {
	color: #fff;
	position: relative;
	padding-bottom: 15px;
	display: table;
}

.header-wrapper .navbar>ul>li>a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #f15a29;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.header-wrapper .navbar ul li a:hover:after,
.header-wrapper .navbar>ul>li:hover>a:after {
	width: 100%;
	right: 0;
}

.header-wrapper .navbar ul li.active a {
	font-weight: 700;
}

.header-wrapper .sub-menu {
	position: absolute;
	top: 100%;
	padding: 0;
	margin: 0;
	min-width: 250px;
	opacity: 0;
	visibility: hidden;
}

.header-wrapper .navbar ul li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
} 

.sub-menu li {
	list-style: none;
	padding: 0;
	margin: 0 0 1px;
}

.sub-menu a {
	background-color: rgba(0, 0, 0, 0.56);
	color: #e0e0e0;
	display: table;
	width: 100%;
	font-size: 14px;
	padding: 10px 18px;
}

.sub-menu a:hover {
	background-color: rgba(241, 90, 41, 0.75);
	color: #fff;
}


/* Header End */


/* Main Banner Start */

.main-banner:not(.main-banner-form) {
	height: 100vh;
}
.main-banner .container {
	position: relative;
	z-index: 22;
}
.main-banner {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow:hidden;
	-webkit-align-items: center;
	align-items: center;
	background-position: right center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	z-index: 2;
}
.main-banner:not(.main-banner-form) {
	height:100vh;
}
section.main-banner .outer-banner{width:100%;}
.main-banner:not(.main-banner-form):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .24);
}
.main-banner .title {
	text-align: center;
}
.main-banner .title h1 {
	color: #fff;
}
.title .reel {
	color: #e8e8e8;
	font-size: 18px;
	font-weight: 500;
}
.title .reel:hover {
	color: #f15a28;
}
.see-capabilities {
	color: #fff !important;
	position: absolute;
	bottom: 50px;
	font-size: 22px;
	padding-bottom: 30px;
	color: #fff;
	font-family: Metropolis Semi, sans-serif;
	font-weight: 600;
	left: 50%;
	transform: translateX(-50%);
	background: url(../img/banner-arrow.svg) no-repeat center bottom;
	background-size: 30px;
}

.banner-arrow {
	position: absolute;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	font-family: Metropolis Semi, sans-serif;
}

.banner-arrow span {
	color: #fff;
}

.banner-arrow svg {
	width: 35px;
	display: block;
	margin: 0 auto;
}

.pattern-left {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 300px;
	z-index: 23;
}

.pattern-right {
	position: absolute;
	bottom: 0px;
	right: 0 !important;
	width: 300px;
	z-index: 23;
	left: auto !important;
}


/* Main Banner End */


/* Homepage Start */

.video-bg-player {
	background: #000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;
  }
  .video-bg,
  .video-bg-player iframe,
  .video-bg video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
  }
.newsletter {
    color: #FFF;
    padding-top:  20px;
}

.newsletter form.contact-form {
    flex-wrap: wrap;
    align-items: center;
    display: block;
}

.contact-form li#field_5_1 {
    width: 100%;
}

.newsletter h3.gform_title {
    font-size: 18px;
}
/*.page-id-452 > .content-section #scene2 {
    display:none;
}*/
  @media (min-aspect-ratio: 16/9) {
	.video-bg {
	  height: 283%;
	  top: -100%;
	}
  }
  @media (max-aspect-ratio: 16/9) {
	.video-bg {
	  width: 300%;
	  left: -100%;
	}
  }

.clients-logos-sec {
	backgkround:#fff;
	 display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.clients-logos-sec.service-page {
	padding: 48px 0;
	
}
.clients-logos-sec:not(.service-page) {
	padding: 45px 0;
     height: calc(50vh);
     min-height:392px;
}
.clients-logos-sec > .container {
   
   width:100%;
}

.clients-logos-sec > .container > h2 {
    width: 100%;
    text-align:center;
}

.clients-logos-sec .container > div {
    width: 100%;
}


.clients-logos h2 {
	text-align: center;
	color: #707070;
}
.clients-logos .row h2 {
	color: #000;
	margin: 0;
}




@media(min-width: 992px) {
	.clients-logos .row h2 {
		text-align: left;
		margin: 30px 0 0;
		font-size: 2.4em;
	}
	.clients-logos .row .col-lg-4 {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
	}
}


.cl-slider {
	width: 100%;
}

.cl-slider .item {
	padding: 70px 20px;
	text-align: center;
	position: relative;
}

/*.cl-slider .item>div {*/
/*	height: 110px;*/
/*}*/

/*.cl-slider .item>div img {*/
/*	max-height: 100px;*/
/*	width: auto;*/
/*	position: relative;*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
/*}*/

.cl-slider.alt .item>div img
.cl-slider:not(.alt) .item:not(:hover)>div img {
	opacity: 0.7;
}

/*.cl-slider .item:before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	width: 100%;*/
/*	height: 8px;*/
/*	background: #f15a29;*/
/*	opacity: 0;*/
/*	transition: all 0.6s;*/
/*}*/

.cl-slider .item img {
	display: inline-block;
	vertical-align: middle;
	filter: grayscale(100%);
}

.cl-slider:not(.alt) .item:hover {
	background: #fff;
}

.cl-slider:not(.alt) .item:hover img {
	filter: none;
}

/*.cl-slider:not(.alt) .item:hover:before {*/
/*	opacity: 1;*/
/*}*/

.cl-slider .slick-track {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.spacer {
	width: 100%;
	height: 15px;
}

.what-we-do {
	background: #363636;
	padding: 100px 0;
}

.what-we-do h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 100px;
}

.what-we-do .w-box {
	padding: 0 20px;
	opacity: .52;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.what-we-do .w-box img {
	position: relative;
	top: 0;
	display: inline-block;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	max-height: 160px;
}

.what-we-do .w-box h3 {
	font-weight: 700;
	font-size: 25px;
}

.what-we-do .w-box:hover {
	opacity: 1;
	transform: scale(1.1);
}

.work-agencies {
	position: relative;
	width: 100%;
	text-align: center;
	min-height:314px;
	padding:45px 0;
}
.work-agencies > .container > .row {
    align-items: center;
    height: calc(49vh - 75px);
}
.work-agencies>.spacer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.text-call-to-action h2,.work-agencies h2 {
	font-family: 'Metropolis Semi';
	margin-bottom: 20px;
}
.text-call-to-action p,
.work-agencies p {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
}
.work-agencies p {
	margin-bottom: 40px;
}
.work-agencies.work-agencies-home p{
    color:#fff;
}
.text-call-to-action {
	position: relative;
	width: 100%;
	padding: 100px 0;
	text-align: center;
	color: #fff;
}

.text-call-to-action p {
	color: #fff;
	margin-bottom: 25px;
}

.sections-main {
	background: #000;
	padding: 100px 0;
}

.section-wrapper {
	margin-bottom: 100px;
}

.section-wrapper:last-child {
	margin-bottom: 0;
}

.section-wrapper .bg {
	padding: 100px 0;
	background: #363636;
	position: relative;
}

.section-wrapper .bg:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0px;
	width: 10000px;
	height: 100%;
	background: #363636;
	z-index: 0;
}

.section-wrapper .bg .row {
	-webkit-justify-content: center;
	justify-content: center;
}

.section-wrapper .content h2 {
	color: #fff;
	font-size: 28px;
}

.section-wrapper .content p {
	color: #fff;
	line-height: 28px;
}

.section-wrapper .image img {
	margin-bottom: 50px;
}

.section-wrapper .image h3 {
	color: #fff;
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 24px;
}

.section-wrapper .image a.link {
	color: #bcbcbc;
	font-size: 20px;
	font-weight: 500;
	position: relative;
	padding-bottom: 5px;
}

.section-wrapper .image a.link:hover {
	color: #fff;
}

.section-wrapper .image a.link:after {
	content: '';
	position: absolute;
	width: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	height: 1px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.section-wrapper .image a.link:hover:after {
	width: 100%;
	right: auto;
	left: 0;
}


/* Yellow */

.section-wrapper.yellow-style .content .cta-btn {
	background: #f9ed32;
	color: #000;
	border-radius: 5px;
}

.section-wrapper.yellow-style .content .cta-btn:hover {
	border: #f9ed32 solid 2px;
	background: none;
	color: #f9ed32;
}

.section-wrapper.yellow-style .content {
	padding-left: 40px;
	padding-right: 30px;
	text-align: right;
	border-right: #f9ed32 solid 5px;
}

.section-wrapper.yellow-style .spacer {
	background: #f9ed32;
}

.section-wrapper .content {
	margin-top: 10%;
}


/* Blue */

.section-wrapper.blue-style .content .cta-btn {
	background: #00a3e4;
	color: #fff;
	border-radius: 5px;
}

.section-wrapper.blue-style .content .cta-btn:hover {
	border: #00a3e4 solid 2px;
	background: none;
	color: #00a3e4;
}

.section-wrapper.blue-style .content {
	padding-right: 30px;
	text-align: right;
	border-right: #00a3e4 solid 5px;
}

.section-wrapper.blue-style .spacer {
	background: #00a3e4;
}


/* Orange */

.section-wrapper.orange-style .cta-btn {
	background: #f15a29;
	color: #fff;
	position: relative;
	border-radius: 5px;
}

.section-wrapper.orange-style .cta-btn:hover {
	border: #f15a29 solid 2px;
	background: none;
	color: #f15a29;
}

.section-wrapper.orange-style .content {
	padding-left: 40px;
	padding-right: 30px;
	text-align: right;
	border-right: #f15a29 solid 5px;
}

.section-wrapper.orange-style .spacer {
	background: #f15a29;
}


/* Green */

.section-wrapper.green-style .cta-btn {
	background: #8dc63f;
	color: #fff;
	position: relative;
}

.section-wrapper.green-style .cta-btn:hover {
	border: #8dc63f solid 2px;
	background: none;
	color: #8dc63f;
}

.section-wrapper.green-style .content {
	border-left: #8dc63f solid 5px !important;
}

.section-wrapper.green-style .spacer {
	background: #8dc63f;
}

.section-wrapper .spacer {
	position: absolute;
	z-index: 1;
	width: 1000%;
	top: 0;
	left: 0px;
}

.section-wrapper.left .content {
	text-align: left;
	padding-right: 40px;
	padding-left: 30px;
	border-right: 0;
	border-left: #00a3e4 solid 5px;
}

.section-wrapper.left .spacer,
.section-wrapper.left .bg:before {
	right: 0;
	left: auto;
}

.section-wrapper .title {
	text-align: center;
	position: relative;
	z-index: 1;
	padding-bottom: 100px;
}

.section-wrapper .title h2 {
	color: #fff;
	margin-bottom: 10px;
}

.section-wrapper .title p {
	color: #fff;
}

.gap {
	height: 100px;
}

.gallery-section {
	background: #000;
	padding: 100px 0;
	position: relative;
}

.gallery-wrapper h2 {
	color: #fff;
	text-align: center;
	font-weight: 500;
}

.gallery-content {
	position: absolute;
	max-width: 380px;
	padding: 40px;
	z-index: 1;
	background: rgba(0, 0, 0, .7);
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gallery-content h3,
.gallery-content p {
	color: #fff;
	line-height: 30px;
}

.gallery-content h3 {
	font-weight: 700;
	margin-bottom: 30px;
}

.gallery-slider {
	margin-top: 80px;
}

.gallery-slider .item img {
	width: 100%;
}

.gallery-slider .slide-arrow {
	position: absolute;
	bottom: -65px;
	z-index: 1;
	cursor: pointer;
}

.gallery-slider .slide-arrow.prev-arrow {
	left: 50%;
	transform: translateX(-40px);
	width: 25px;
}

.gallery-slider .slide-arrow.next-arrow {
	right: 50%;
	transform: translateX(40px);
	width: 25px;
}

.cta-section {
	width: 100%;
	height: 80vh;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	background-size: cover;
	z-index: 2;
	background-attachment:fixed;
	
}

.cta-section .content {
	text-align: center;
}

.cta-section .content img {
	margin: 0 auto 30px auto;
	display: block;
}

.cta-section .cta-btn {
	border:#f15a29  solid 2px;
    background-color: #f15a29;
}

.cta-section .cta-btn:hover {
    background:#f9ed32 !important;
    color: #000;
    border: #f9ed32 solid 2px
}

[data-parallax="scroll"] .container {
	position: relative;
	z-index: 22;
}


/* Homepage End */


/* Branded Content Page Start */

.content-section {
	background: #000;
	padding: 100px 0;
}

.content-section p {
	color: #fff;
}

.content-section .content {
	padding-left: 40px;
	border-left: #fff solid 5px;
}

.content-section .content.orange {
	border-color: #f15a29;
}

.content-section .content.blue {
	border-color: #00a3e4;
}

.content-section .content.green {
	border-color: #8dc63f;
}

.content-section .content.yellow {
	border-color: #f9ed32;
}

.top-breadcrumb {
	margin-bottom: 50px;
}

.top-breadcrumb li {
	display: inline-block;
	margin-right: 25px;
}

.top-breadcrumb li a {
	color: #797979;
	font-size: 16px;
	position: relative;
}

.top-breadcrumb li a:after {
	content: '';
	position: absolute;
	right: -18px;
	top: 5px;
	width: 5px;
	height: 7px;
	background: url(../img/breadcrumb-arrow.svg) no-repeat;
}

.top-breadcrumb.orange li a:after {
	content: '';
	position: absolute;
	right: -18px;
	top: 5px;
	width: 5px;
	height: 7px;
	background: url(../img/breadcrumb-arrow-orange.svg) no-repeat;
}

.top-breadcrumb li.active {
	color: #fff;
}

.top-breadcrumb.light-style li a {
	color: #BCBCBC;
}

.top-breadcrumb.light-style li.active {
	color: #797979;
}

.tops-breadcrumb {
	margin-bottom: 50px;
}

.tops-breadcrumb * {
	display:flex
}

.tops-breadcrumb em {
    margin:0 10px;
    font-style:normal;
}

.tops-breadcrumb li {
	display: inline-block;
	margin-right: 25px;
}

.tops-breadcrumb a {
	color: #797979;
	font-size: 16px;
	position: relative;
}

.tops-breadcrumb.light-style a {
	color: #BCBCBC;
}


.img-section {
	position: relative;
	width: 100%;
	z-index:1;
}

.img-section img {
	width: 100%;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.22);
}

.sample-content-box>* {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.sample-content-box {
	text-align: center;
}

.sample-content-box p {
	opacity: 0;
	visibility: hidden;
	font-size: 19px;
	font-weight: 500;
	color: #fff;
}

.sample-content-box img {
	display: inline-block;
	margin-bottom: 30px;
	padding: 0 30px;
	position: relative;
	top: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	max-width: 220px;
}

.sample-content-box:hover p,
.sample-content-box:hover img {
	opacity: 1;
	visibility: visible;
}

.sample-content-box:hover img {
	top: -10px;
}

.video-block {
	position: relative;
}

.video-block:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 560px;
	background: #000;
	z-index: -1;
}

.video-block h3 {
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-family: Metropolis Semi, sans-serif;
	margin-bottom: 80px;
}

.video-block h3 svg {
	width: 35px;
	margin: 5px auto 0 auto;
	display: block;
}

.video-block .video-responsive {
	position: relative;
	padding: 28.5%;
}

.video-block .video-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-content {
	padding: 80px 0;
}

.video-content ul li {
	color: #797979;
	margin-bottom: 10px;
	font-size: 18px;
}

.video-content ul li b {
	color: #00a3e4;
}

.video-content.orange ul li b {
	color: #F15A29;
}

.video-content.green ul li b {
	color: #8DC63F;
}

.video-wrapper .video-block .pattern-left,
.video-wrapper .video-block .pattern-right {
	top: 430px;
	bottom: auto;
	width: 300px;
}

.video-wrapper {
	position:relative;
	z-index:1;
}


/* Branded Content Page End */


/* Commercial Page Start */

.our-process .sample-content-box h3 {
	color: #fff;
	margin-bottom: 20px;
}

.our-process .sample-content-box p {
	font-size: 14px;
}

.relative {
	position: relative;
	z-index:1;
}

/* Commercial Page End */


/* Case Study Page Start */

.project-photo [class*="col-"] {
	padding: 0;
}

.case-study-content {
	padding: 120px 0;
	position: relative;
}

.case-study-content .content h2,
.services-menu h2 {
	font-family: 'Metropolis Semi';
	margin-bottom: 20px;
}

.case-study-content .content p {
	margin-bottom: 45px;
}

.services-menu {
	background: #E8E8E8;
	padding: 100px 80px;
	height: 100%;
	width: 400px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

.services-menu ul>li {
	margin-bottom: 40px;
}

.services-menu ul>li>span {
	color: #F15A29;
	font-family: 'Metropolis Semi';
	margin-bottom: 10px;
	display: block;
}

.services-menu ul>li>.sub {
	padding-left: 25px;
}

.services-menu ul>li>.sub>li {
	margin-bottom: 5px;
}

.services-menu ul>li>.sub>li:last-child,
.services-menu ul>li:last-child {
	margin-bottom: 0;
}

.services-menu ul>li>.sub>li>a {
	color: #707070;
}

.services-menu ul>li>.sub>li>a:hover {
	color: #F15A29;
}

.explore-next-project {
    padding: 250px 0;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
    z-index: 1;
}

.explore-next-project:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .22);
}

.explore-next-project .content span {
	font-size: 22px;
	display: block;
}

.explore-next-project .content h2 {
	color: #fff;
}

.explore-next-project .content a {
	font-size: 32px;
	color: #fff;
	line-height: 1.3;
	font-weight: 600;
	font-family: 'Metropolis Semi';
}

.explore-next-project .content a.cta-btn {
	font-size: 16px;
	color: #000;
	margin-top: 20px;
}

.explore-next-project .content a.cta-btn:hover {
	color: #fff;
}

.explore-next-project.right .row {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.explore-next-project .container {
	z-index:22;
}

.quote-block {
	background: #000;
	padding: 80px 0;
	color: #fff;
	text-align: right;
}

.quote-block h3 {
	margin-bottom: 25px;
	font-style: italic;
}

.quote-block span {
	color: #F15A29;
	font-size: 20px;
	font-family: 'Metropolis Semi';
	line-height: 1.1;
}


/* Case Study Page End */


/* Portfolio Page Start */

.portfolio-section {
	background: #000;
	padding: 100px 0;
}

.portfolio-section .title {
	color: #fff;
	text-align: center;
	padding-bottom: 60px;
}

.portfolio-section .filter li {
	display: inline-block;
	cursor: pointer;
	color: #484848;
	font-family: 'Metropolis Semi';
	font-size: 18px;
	margin: 0 10px;
}

.portfolio-section .filter li.active ,
.portfolio-section .filter li:hover {
	color: #fff;
}

.bcover {
	background-size:cover !important;
}

.work-wrapper {
	margin: 0;
}

.grid-item {
    padding: 0;
	width:33.3333%;
	float: left;
    position: relative;
    height:60vh;
    background-size:cover !important;
}

.grid-item:not(.w-50) {
    height:60vh;
}

.grid-item.w-50 {
    padding: 0;
	width:33.3333% !important;
}

.home-grid-sizer {width: 0%;}

.work-block a {
	display: block;
}

.work-block a img {
	width: 100%;
}

.work-block img {
    width: 100%;
    max-width: initial;
}

.work-wrapper {
    width: 101%;
}

.portfolio-section .button {
	padding-top: 100px;
}

.work-block:hover .details {
	opacity: 1;
	visibility: visible;
}

.work-block .details {
	position: absolute;
	padding: 40px 50px;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	overflow:hidden;
}
.work-block .details .link:before {
    content:"";
    width:10000%;
    height:10000%;
    position:absolute;
    top:-5000%;
    left:-5000%;
}


.work-block .details h2 {
	color: #fff;
	font-size: 28px;
	margin-bottom:  45px;
}

.work-block .details .link {
	position: absolute !important;
	bottom: 50px;
	left: 50px;
	background: url(../img/white-arrow.svg) no-repeat right center;
	background-size: 10px;
	padding-right: 20px;
	color: #fff;
}

.work-block .details.yellow-bg {
	background: rgba(249, 237, 50, .8);
}

.work-block .details.orange-bg {
	background: rgba(241, 90, 41, .8);
}

.work-block .details.blue-bg {
	background: rgba(0, 163, 228, .8);
}

.work-block .details.green-bg {
	background: rgba(141, 198, 63, .8);
}


/* Portfolio Page End */


/* Contact Page Start */

.contact .row {
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.contact .content p a {
	color: #fff;
	border-bottom:1px solid transparent;
}

.contact .content p a:hover {
	color: #fff;
	border-bottom:1px solid;
}

.c-form {
	background: #363636;
	padding: 40px;
	color: #fff;
}

.c-form .title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-form .form {
	margin-top: 20px;
	padding-top: 20px;
	border-top: #fff solid 1px;
}

.c-form .form input[type="submit"] {
	margin-top: 50px;
	margin-left: auto;
	display: block;
}

.c-form input[type=text],
.c-form input[type=email] {
	background: rgba(255, 255, 255, .25);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	width: 100%;
	padding: 13px 10px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.c-form input[type=text]:focus,
.c-form input[type=email]:focus {
	background: #fff;
	color: #000;
}

.c-form label {
	font-size: 16px;
	margin-bottom: 5px;
}

.c-form label i {
	color: #BCBCBC;
}

.c-form .steps span {
	background: rgba(255, 255, 255, .25);
	width: 13px;
	height: 13px;
	display: inline-block;
	margin-left: 8px;
	cursor: pointer;
}

.c-form .steps span.active {
	background: #00A3E4;
}


/* Contact Page End */


/* Privacy Page Start */

.privacy-content {
	padding: 100px 0 200px 0;
}

.privacy-content h2 {
	margin-bottom: 50px;
}

.privacy-content h2,
.privacy-content span {
	color: #707070;
}


/* Privacy Page End */


/* Team Page Start */

.team-wrapper {
	width: 100%;
	margin-bottom: 100px;
}

.team-wrapper .row {
	margin: 0 -9px;
}

.team-wrapper [class*="col-"] {
	padding: 0 9px;
}

.team-box {
	position: relative;
	margin-top: 18px;
}

.team-box a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}

.team-box a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.team-box a:hover:before {
	background: rgba(0, 163, 228, .66);
}

.team-box a:hover .details {
	opacity: 1;
	visibility: visible;
}

.team-box a .details {
	position: absolute;
	width: 100%;
	left: 0;
	padding: 30px;
	opacity: 0;
	visibility: hidden;
}

.team-box a .details h3 {
	color: #fff;
	margin-bottom: 20px;
}

.team-wrapper {
	margin-top: 100px;
}

.services-section {
	background: #000;
	padding-bottom: 100px;
}

.services-section .container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.services-section h2 {
	width: 100%;
	text-align: center;
}

.services-box {
	width: 25%;
	text-align: center;
	margin-top: 50px;
}

.services-box span {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 200px;
	height: 200px;
	margin: 0 auto 30px auto;
}

.services-box span img {
	height: 150px;
}

.services-box h3 {
	margin-bottom: 20px;
	font-size: 25px;
	min-height: 60px;
}

.services-box p {
	color: #fff;
	padding: 0 20px;
}

.faq-section {
	padding: 60px 0;
}

.faq-section .content .accordion .inner {
	display: none;
	padding-top: 20px;
}

.faq-section .content .accordion li {
	display: block;
	margin-bottom: 20px;
}

.faq-section.content .accordion li a {
	font-size: 22px;
	background: #00A3E4 url(../img/accordian-arrow.svg) no-repeat;
	background-position: 96% center;
	background-size: 25px;
	padding: 20px;
	display: inline-block;
	width: 100%;
	color: #fff;
}

.faq-section-alternate .content .accordion li a {
	font-size: 22px;
	padding: 20px 0;
	display: inline-block;
	width: 100%;
	color: #fff;
	color: #000;
	font-size: 24px;
	font-weight: 400;
	display: flex;
	justify-content: space-between;
	gap:  24px;
	align-items: center;
}
.faq-section-alternate .content .accordion li a span {
	display: flex;
	border-radius:  1000px;
	width: 47px;
	height: 47px;
	border: 1.5px solid #000;
	align-items: center;
	justify-content: center;
}
.faq-section-alternate .content .accordion li a.open {
	color: #40A2E1;
}
.faq-section-alternate .content .accordion li a.open span {
	border: 1.5px solid #40A2E1;
}
.faq-section-alternate .content .accordion li a.open path {
	stroke: #40A2E1;
}
.faq-section-alternate .content .accordion li a.open path:first-child {
	display: none;
}
.our-case-studies {
    padding-top: 100px;
    background: #000;
    position: relative;
    z-index: 1;
}

.our-case-studies h3 {
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-family: Metropolis Semi, sans-serif;
	padding: 0 20px 30px 20px;
}

.our-case-studies h3 svg {
	width: 35px;
	margin: 5px auto 0 auto;
	display: block;
}

.our-case {
	padding: 100px 0;
	margin-top: 15px;
}


/* Team Page End */

.white-bg {
	background: #fff;
}

.content-section.white-bg .content p {
	color: #797979;
}

.aerial-cinematography {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.aerial-cinematography .img-left {
	width: 60%;
}

.aerial-cinematography .img-right {
	width: 40%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
}

.aerial-cinematography .img-left img,
.aerial-cinematography .img-right img {
	width: 100%;
}

.aerial-cinematography .img-left img {
	min-height:33.3333%;
}

.aerial-cinematography .img-right img:first-child {
	align-self: flex-start;
}

.aerial-cinematography .img-right img:last-child {
	align-self: flex-end;
}

.aerial-cinematography .img-right .content {
	padding: 80px;
}

.tabletop-demo .video-block {
	padding-top: 100px;
}

.sports-video .logos {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	padding-top: 70px;
}

.sports-video .logos img {
	padding: 0 20px;
}

.corporate-content {
	padding: 100px 0;
}

.blank-section {
	width: 100%;
	height: 100vh;
}

.content-icon .wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.content-icon .wrapper .icon {
	width: 12%;
}

.content-icon .wrapper .content {
	width: 85%;
}

.mini-case-study {
	position: relative;
}

.mini-case-study img {
	width:100%;
}

.mini-case-study .content-box {
	background: #000;
	position: absolute;
	z-index: 1;
	padding: 30px 30px 30px 100px;
	max-width: 550px;
	border-left: #F15A29 solid 10px;
}

.mini-case-study.right .content-box,
.mini-case-study.right-top .content-box {
	border-left: 0;
	background: rgba(0, 0, 0, .4);
	padding: 30px 100px 30px 30px;
	border-right: #F15A29 solid 10px;
}

.mini-case-study .content-box h3 {
	margin-bottom: 20px;
}

.mini-case-study .content-box p {
	color: #fff;
}

.mini-case-study.top-left .content-box {
	top: 100px;
	left: 0;
}

.mini-case-study.top-bottom .content-box {
	bottom: 100px;
	left: 0;
}

.mini-case-study.right .content-box {
	top: 100px;
	right: 0;
}

.mini-case-study.right-top .content-box {
	top: 100px;
	right: 0;
}

.mini-case-study.transparent .content-box {
	background: rgba(0, 0, 0, .4);
}

.mini-case-study.transparent .white {
	color: #fff;
}

.mini-case-study.transparent h3 {
	color: #fff;
}

.mini-case-study.transparent .white li {
	margin-bottom: 20px;
}

.mini-case-study.transparent .white li:last-child {
	margin-bottom: 0;
}

.mini-case-study.transparent .white li b {
	display: block;
}


/***** Footer Start *****/

footer {
	background: #00a3e4;
	padding-top: 80px;
	position: relative;
}

footer .pattern-left {
	top: -178px;
	bottom: auto;
}

footer .pattern-right {
	top: -178px;
	bottom: auto;
}

.footer-content p {
	color: #fff;
	font-size: 14px;
}

.footer-content {
	padding-top: 20px;
}
.footer-content .logo {
	display: inline-block;
	margin-bottom: 20px;
}

.footer-content p .link {
	color: #fff;
	position: relative;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: 700;
}

.footer-content p .link:after,
.f-menu ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.footer-content p .link:hover:after,
.f-menu ul li a:hover:after {
	width: 100%;
	right: 0;
}

.footer-content .social {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #fff solid 3px;
	display: table;
	padding-right: 40px;
}

.footer-content .social a {
	color: #f9ed33;
	margin-right: 25px;
	display: inline-block;
	width: 35px;
}

.footer-content .social a:hover {
	color: #fff;
}

.f-menu > ul {
	display:flex;
	gap: 32px;
	list-style:none;
	margin: 50px 0 0;
	padding: 0;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
	.f-menu > ul {
		margin: 64px 0 0;
	}
}
@media screen and (min-width: 1440px) {
	.f-menu > ul {
		flex-wrap: nowrap;
	}
}
.f-menu > ul > li > a {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 16px !important;
	font-weight: 600 !important;
}

.f-menu ul li {
	list-style: none;
	color: #fff;
}

.f-menu ul li a:not([href]):after {
	display: none;
}
.f-menu ul li .sub-menu li {
	max-width: 220px;
}
@media screen and (min-width: 1025px) {
	.f-menu ul li .sub-menu li {
		max-width: 100%;
	}
}

.f-menu ul li .sub-menu a {
	display: inline-block;
	padding: 5px 0;
}
.f-menu ul li .sub-menu a:hover{
	background: transparent;
}

.f-menu ul li a {
	font-size: 14px;
	color: #fff;
	position: relative;
	padding-bottom: 3px;
	font-weight: 500;
}

.quick-contact h3 {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
}

.contact-form_wrapper ul,
.contact-form {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.contact-form_wrapper li,
.contact-form .form-group {
	width: 48%;
}
footer .contact-form_wrapper li {
    width: 100%;
}
footer .contact-form_wrapper li label{font-weight:normal;}
footer .contact-form_wrapper li label span.gfield_required {
    color: #fff;
    font-size: 100%;
    opacity: 1;
    font-weight: normal;
    margin: 0;
}

.contact-form_wrapper li:nth-child(3),
.contact-form .form-group.w-100 {
	width: 100%;
}

.contact-form_wrapper li label,
.contact-form .form-group label {
	font-size: 14px;
	color: #fff;
	display: block;
}

.contact-form_wrapper input[type="text"],
.contact-form_wrapper input[type="email"],
.contact-form_wrapper textarea ,
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,.contact-form_wrapper select,.contact-form_wrapper input[type="tel"]{
	width: 100%;
	border: 0;
	resize: none;
	padding: 10px 15px;
	color: #000;
    margin-bottom: 1rem;
    border-radius:0px;
    height: 45px;
}

.contact-form_wrapper textarea ,
.contact-form .form-group textarea {
	height: 110px;
}

.contact-form_wrapper textarea:focus ,
.contact-form .form-group textarea:focus {
	outline: none;
}

.contact-form_wrapper input[type="submit"] {
	min-width: 180px;
	padding: 12px 35px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background:#f9ed32;
	border: #f9ed32 solid 2px;
	color: #000;
}

.contact-form_wrapper input[type="submit"]:hover,
.contact-form_wrapper input[type="submit"]:focus {
	border: #fff solid 2px;
	background: no-repeat;
	color: #fff;
}

.footer-bottom {
	margin-top: 90px;
	background: #000;
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.copyright {
	color: #fff;
	font-size: 14px;
}
.copyright p{
	color: #e4e4e4;
	font-size: 14px;
}
.powered-by a,
.powered-by p{
	color: #fff;
	font-size: 14px;
}
.powered-by a:hover {
	opacity: .8;
}
section#cl-logo .container {
    width: 100%;
    max-width:1600px;
}

.container {
	width: 100%;
	max-width: 1140px;
}
.footer-bottom .container {
	display: flex;
	justify-content: space-between;
	gap: 0 1.5em;
	flex-wrap: wrap;
}

/***** Footer End *****/

.video-block [id*="scene"] {
    top: 430px;
    bottom: auto !important;
}

@media(min-width: 992px) {
	.what-we-do .w-box>div {
		height: 200px;
	}
	.what-we-do .w-box>div img {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}


@media(max-width: 991px) {

.main-banner.commercial {
	background-position: 15% center !important;
}

.explore-next-project .content a {
    font-size: 22px;
    display: table;
}

.video-block [id*="scene"] {
	display:none;
}

	.faq-section {
		padding:0 !important;
	}
	.services-section h2 {
		margin: 0;
	}
	.services-section {
		margin-top: -100px;
	}
	.main-banner {
		background-position: center top !important;
	}
	.gallery-content {
		display: none;
	}
	.mobile-menu {
		background: #292929;
		text-align: right;
		position: fixed;
		top: 60vh;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 22;
		padding: 100px 0;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s all;
	}
	.mobile-menu>ul {
		height: calc(100vh - 150px);
		overflow: auto;
	}
	.mobile-menu:after {
		content: "";
		background: #00a3e4;
		height: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.nav-act .mobile-menu {
		top: 0;
		opacity: 1;
		visibility: visible;
		transition: 0.3s all;
	}
	.mobile-menu li {
		padding: 15px 30px;
	}
	.mobile-menu li a {
		font-weight: 700;
		font-size: 18px;
		color: #fff;
		display: inline-block;
	}
	.go-back {
		width: 166px;
		border-top: 3px solid #fff;
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		padding: 30px 0;
		position: absolute;
		bottom: 0;
		right: 30px;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s all;
	}
	.mobile-menu.act .go-back {
		opacity: 1;
		visibility: visible;
		transition: 0.3s all;
		transition-delay: 0.3s all;
		cursor: pointer;
	}
	.submenu {
		background: #00a3e4;
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		padding: 70px 0 100px;
		transition: 0.3s all;
	}
	.mobile-menu li .submenu ul li {
		padding: 15px 0;
	}
	.mobile-menu li .submenu ul {
		height: calc(100vh - 200px);
		overflow: auto;
	}
	.submenu:after {
		content: "";
		background: #00a3e4;
	}
	li.act .submenu {
		right: 0;
		transition: 0.3s all;
	}
	header {
		z-index: 777;
	}
	.hd-logo img {
		max-width: 200px;
	}
	.hamburger span {
		width: 30px;
		height: 3px;
		display: block;
		background: #fff;
		margin: 5px 0;
		position: relative;
		transition: 0.3s all;
	}
	.hamburger span:nth-child(2) {
		width: 15px;
		right: -15px;
	}
	.hamburger span:nth-child(3) {
		width: 20px;
		right: -10px;
	}
	.hamburger {
		position: relative;
		top: 4px;
		float: right;
	}
	.nav-act header {
		background: transparent !important;
	}
	.nav-act .hamburger span:nth-child(2) {
		opacity: 0;
	}
	.nav-act .hamburger span:first-child {
		transform: rotate(-45deg);
		top: 8px;
		width: 30px;
		right: 0px;
	}
	.nav-act .hamburger span:nth-child(3) {
		transform: rotate(45deg);
		top: -8px;
		width: 30px;
		right: 0px;
	}
	.nav-act {
		overflow: hidden;
	}
}

@media(max-width: 767px) {
	.our-process {
		margin-bottom:0px !important;
		padding-bottom:90px;
	}
	.bg-white {
		background:#fff !important;
	}
.faq-section-alternate .content .accordion li a {
    font-size: 16px;
}
	.faq-section-alternate .content .accordion li a span {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    flex;:;
    flex;: 0;
}
.faq-section:not(.faq-section-alternate) .content .accordion li a {
    font-size: 14px;
    background: #00A3E4 url(../img/accordian-arrow.svg) no-repeat;
    background-position: 96% center;
    background-size: 15px;
    padding: 15px 30px 15px 15px;
    display: inline-block;
    width: 100%;
    color: #fff;
}

	.faq-section .content.blue {
		padding:0;
		border:none;
	}
	.section-wrapper .image h3 br {
		display: none;
	}
	.section-wrapper.green-style {
		z-index: 22;
		position: relative;
	}
	.pattern-left {
		width: 130px;
	}
	.pattern-right {
		width: 130px;
	}
	#scene,
	#scene2,
	#scene3,
	#scene4,
	#scene5,
	#scene6 {
		position: absolute;
		left: 0;
		width: 100%;
		bottom: -26px;
	}
	.section-wrapper .bg:before {
		left: -50px;
	}
	.section-wrapper.left .bg:before {
		right: -50px;
	}
	.section-wrapper .spacer {
		left: -50px;
	}
	.section-wrapper.left .spacer {
		right: -50px;
	}
	.section-wrapper.left .content {
		padding-right: 0px;
	}
	.c-form {
		padding: 30px;
		margin-top: 70px;
	}
	.content-section {
		padding: 60px 0;
	}
	.services-menu ul>li>.sub {
		padding-left: 0;
	}
	.banner-arrow {
		font-size: 14px;
	}
	.services-menu {
		background: #E8E8E8;
		padding: 50px 30px;
		height: 100%;
		width: auto;
		position: relative;
		top: 0;
		right: 0;
		z-index: 0;
		margin: 60px -25px -60px;
	}
	.case-study-content {
		padding: 60px 0;
		position: relative;
		height: auto;
	}
	.mini-case-study .content-box {
		background: #000 !important;
		position: relative;
		padding: 50px 30px !important;
		max-width: 100%;
		bottom: 0 !important;
		top: 0 !important;
		border: none !important;
		transform: none !important;
	}
	.sports-video .logos img {
		max-height: 55px;
		margin: 0 0 30px;
	}
	.sports-video .logos {
		justify-content: center;
	}
	.video-content ul li {
		margin-bottom: 5px;
		font-size: 14px;
	}
	.video-block h3 {
		margin-bottom: 40px;
	}
	.tabletop-demo .video-block {
		padding-top: 60px;
	}
	.video-block .video-responsive iframe {
		left: -25px;
		width: calc(100% + 50px);
		height: calc(100% + 50px);
	}
	.video-content {
		background: #000;
	}
	.aerial-cinematography .img-right .content {
		padding: 60px 40px;
	}
	.our-process .sample-content-box h3 {
		color: #fff;
		margin-bottom: 50px;
	}
	h3 {
		font-size: 22px;
	}
	.no-bg {
		padding: 0;
	}
	.no-bg .spacer {
		display: none;
	}
	.no-bg .section-wrapper .bg:before {
		background: #000;
	}
	.top-breadcrumb {
		display: none;
	}
	.see-capabilities {
		font-size: 12px;
		bottom: 90px;
	}
	h1 {
		font-size: 24px;
		line-height: 1.5;
	}
	.main-banner .title .reel {
		font-size: 15px;
	}
	.pattern-left,
	.pattern-right {
		display: none;
	}
	h2 {
		font-size: 22px;
	}
	.section-wrapper.yellow-style .content {
		padding-right: 0;
		text-align: left;
		border-right: none;
		border-left: #f9ed32 solid 5px;
		padding-left: 30px;
	}
	.section-wrapper .content {
		margin: 60px 0 120px;
	}
	.section-wrapper .bg {
		padding: 0 0 40px;
	}
	.section-wrapper .content h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	p {
		font-size: 14px;
		line-height: 28px;
	}
	.cta-btn {
		padding: 7px 35px;
		font-size: 13px;
	}
	.section-wrapper .content p {
		margin: 0;
	}
	.section-wrapper .content .cta-btn {
		position: relative;
		top: 70px;
	}
	.section-wrapper .image h3 {
		font-size: 18px;
		line-height: 1.5;
	}
	.section-wrapper .image a.link {
		font-size: 16px;
	}
	.section-wrapper {
		margin-bottom: 50px;
	}
	.section-wrapper .image img {
		margin: 0 -25px 40px;
		width: calc(100% + 50px);
		display: inline-block;
		max-width: initial;
	}
	.section-wrapper .title {
		padding: 50px 0 10px;
	}
	.section-wrapper.orange-style .content {
		padding-right: 0;
		text-align: left;
		border-right: none;
		border-left: #f15a29 solid 5px;
		padding-left: 25px;
		margin-bottom: 50px;
	}
	.section-wrapper.green-style .content {
		margin-bottom: 50px;
	}
	.section-wrapper.orange-style .image h3 {
		margin-bottom: 10px;
	}
	.section-wrapper.green-style .gap,
	.section-wrapper.orange-style .gap {
		height: 0;
	}
	.gallery-content {
		display: none;
	}
	.gallery-section {
		margin-top: -50px;
	}
	.gallery-slider {
		margin-top: 45px;
	}
	.cta-btn.yellow-bg {
		color: #000;
	}
	footer {
		padding-top: 90px;
	}
	.footer-bottom {
		margin-top: 40px;
	}
	.footer-content p .link,
	.footer-content p {
		margin-bottom: 0;
	}
	.footer-content .social a svg {
		width: 25px;
	}
	.footer-content .social a {
		width: 25px;
	}
	.quick-contact {
		margin-bottom: 60px;
	}
	.copyright {
		font-size: 12px;
	}
	.container {
		padding: 0 25px;
	}
	.cl-slider {
		background: #fff;
		margin-top: 0px;
	}
	.cl-slider .item:not(:hover)>div {
		background: #fff;
	}
	.cl-slider .item:before {
		display: none;
	}
	.cl-slider .item img {
		filter: grayscale(0);
	}
	.cl-slider .item:not(:hover)>div img {
		mix-blend-mode: inherit;
		opacity: 1;
	}
	.sample-content-box img {
		max-width: 200px;
		margin-top: 50px;
	}
	.sample-content-box p {
		opacity: 1;
		visibility: visible;
		font-size: 16px;
	}
}

@media(max-width: 575px) {
	.portfolio-section .filter li {
		font-size: 16px;
		margin: 0 0 10px;
		width: 32%;
	}

	.services-box {
		width: 100%;
	}
	
	.grid-item.w-50,
	.grid-item {
		width:100% !important;
	}
	.aerial-cinematography .img-left {
		width: 100%;
	}
	.aerial-cinematography .img-right {
		width: 100%;
	}
	.text-call-to-action,
	.text-call-to-action h2,
	.work-agencies h2 {
		text-align: left;
	}
	.text-call-to-action p,
	.work-agencies p {
		font-size: 14px;
		line-height: 2;
		text-align: left;
	}
	.work-agencies p {
		margin-bottom: 40px;
	}
	.what-we-do {
		padding: 100px 0 40px;
	}
	.what-we-do h2 {
		margin-bottom: 60px;
	}
	.what-we-do .w-box {
		margin-bottom: 70px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.portfolio-section .filter li {
		font-size: 14px;
	}	
	.grid-item.w-50,
	.grid-item {
		width:50% !important;
	}
	.what-we-do .w-box h3 {
		font-size: 19px;
	}
	.see-capabilities {
		font-size: 12px;
		bottom: 30px;
	}
	.our-process .sample-content-box h3 {
		font-size: 20px;
	}	
	.our-process {
		margin-bottom: 0px !important;
		padding-bottom: 0;
	}	
}

@media (min-width: 576px) and (max-width: 991px) {
    
.grid-item {
    width: 50% !important;
    height:350px !important;
}    

.aerial-cinematography .img-left ,
.aerial-cinematography .img-right {
    width: 100%;
}	
	.services-box {
		width: 50%;
	}
	.our-case .col-sm-7 {
		margin:0 auto;
	}

}


@media (min-width: 800px) and (max-width: 850px) and (max-height: 500px) {
	.pattern-left {
		width: 130px;
	}
	.pattern-right {
		width: 130px;
	}
	#scene,
	#scene2,
	#scene3,
	#scene4,
	#scene5,
	#scene6 {
		position: absolute;
		left: 0;
		width: 100%;
		bottom: -26px;
	}
}

.explore-next-project.full .content a span {
	font-weight:400;
	display:table;
	margin-bottom:10px;
    font-family: 'Metropolis';
}

.privacy-content .container > span {
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}

@media (min-width: 768px) and (max-width: 991px) {
	
.our-process .sample-content-box h3 {
    font-size: 18px;
    padding: 0 10%;
}

.mini-case-study .content-box {
    background: #000 !important;
    position: relative;
    padding: 50px 30px !important;
    max-width: 100%;
    bottom: 0 !important;
    top: 0 !important;
    border: none !important;
    transform: none !important;
}

.services-menu {
    width: 35%;
}

.services-menu {
    padding: 100px 30px;
}

.video-content.last {
	padding-bottom:170px !important;
}

.sample-content-box p {
    opacity: 1;
    visibility: visible;
    margin: 0;
    font-weight: 500;
    color: #fff;
    padding: 0 20px 40px;
}
}

@media (min-width: 768px) and (max-width: 1050px) and (min-height: 500px) {
	.pattern-left {
		width: 220px;
	}
	.pattern-right {
		width: 220px;
	}
	#scene,
	#scene2,
	#scene3,
	#scene4,
	#scene5,
	#scene6 {
		position: absolute;
		left: 0;
		width: 100%;
		bottom: -43px;
	}
}

.reset-button.act {
	display:block !important;
}

.validation_error {
    display:none;
}

footer {
    margin-top: -9px;
}

.gfield_description.validation_message {
	margin:-1em 0 1em;
	color:red;
	font-size:12px;
	font-weight:600;
}

.gf_progressbar,
.gf_progressbar_title {
	display:none;
}

.step-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #fff solid 1px;
}

.step-left {
    font-size: 26px;
    font-weight:500;
    font-family: 'Metropolis';
}

.step-right {
	display:flex;
}

.step-right .active-step {
	padding-left:5px;
}

.step-right .active-step span {
	background: rgba(255, 255, 255, .25);
	width: 13px;
	height: 13px;
	display: inline-block;
	margin-left: 8px;
	cursor: pointer;
}

.step-right span.active {
	background: #00A3E4;
}

.step-right span.orange-bg.active {
	background: #f15a28;
}

.step-right span.yellow-bg.active {
	background: #f9ed33;
}

.step-right span.green-bg.active {
	background: #8dc640;
}

.c-form li.gfield {
    margin-bottom: 1rem;
}

.c-form li.gfield {
    margin-bottom: 1rem;
}

.c-form .gform_page_footer {
    margin-top: 50px;
    display:table;
    width:100%;
}

.c-form .gform_page_footer [id*="gform_submit_button"],
.c-form .gform_page_footer [class*="gform_next"] {
    border: #00a3e4 solid 2px;
    color: #fff;
    min-width: 150px;
    padding: 8px 35px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border: transparent solid 2px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #00a3e4;
    float:right;
}

.c-form .gform_page_footer [class*="gform_prev"] {
    border: #00a3e4 solid 2px;
    color: #fff;
    min-width: 150px;
    padding: 8px 35px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border: transparent solid 2px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #797979;
    float:left;
}

.c-form .gform_page_footer [id*="gform_submit_button"]:hover,
.c-form .gform_page_footer [class*="gform_next"]:hover,
.c-form .gform_page_footer [class*="gform_prev"]:hover,
.c-form .gform_page_footer [id*="gform_submit_button"]:focus,
.c-form .gform_page_footer [class*="gform_next"]:focus,
.c-form .gform_page_footer [class*="gform_prev"]:focus{
	background:transparent;
    border: #00a3e4 solid 2px;
}

#field_2_11 > label.gfield_label,
#field_2_9 > label.gfield_label {
	display:none;
}

li:not(.custom-range) .gfield_radio li {
    position:relative;
    margin-bottom:14px;
}

li:not(.custom-range) .gfield_radio li input[type="radio"] {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
}

.gchoice_2_9_5,
li:not(.custom-range) .gfield_radio li label {
	padding-left:60px;
	line-height:37px;
    color: #ffffff;
    font-size: 16px;
}

.gchoice_2_9_5:before,
li:not(.custom-range) .gfield_radio li label:before {
    content:"";
    width: 37px;
    height: 37px;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.25);    
    position:absolute;
    left:0;
    top:0;
}

.gchoice_2_9_5.act:before,
li:not(.custom-range) .gfield_radio li input:checked + label:before {
    content:"X";
    width: 37px;
    height: 37px;
    border-radius: 4px;
    background-color: rgba(255,255,255,1);    
    position:absolute;
    left:0;
    top:0;
    color:#31a3e4;
    text-align:center;
    font-weight:500;
    font-family: 'Metropolis';
}

li:not(.custom-range) .gfield_radio li input:checked + label {
    color:#31a3e4;
    font-weight:500;
    font-family: 'Metropolis';
}

.gchoice_2_9_5 input:not([type=radio]) {
	height:37px;
	width:250px;
}

.custom-range {
	padding:100px 0 120px
}

.custom-range > label {
	display:none;
}

.custom-range ul {
    display:flex;
    justify-content:space-between;
    position:relative;
}

.custom-range ul:before {
	content:"";
    height:8px;
    background:#707070;
    position:absolute;
    bottom:0;
    width:calc(100% - 35px);
    top:6px;
    left:10px;
    border-radius:8px;
}

.custom-range ul:after {
	content:"";
    height:8px;
    background:#26566a;
    position:absolute;
    bottom:0;
    width:0%;
    top:6px;
    left:10px;
    border-radius:8px;
    transition:0.3s all;
}

.custom-range ul.act-one:after {
    width:0%;
}

.custom-range ul.act-two:after {
    width:17%;
}

.custom-range ul.act-three:after {
    width:36%;
}

.custom-range ul.act-four:after {
    width:54%;
}

.custom-range ul.act-five:after {
    width:73%;
}

.custom-range ul.act-six:after {
    width:calc(100% - 35px);
}

.custom-range ul.act-two li:first-child label:before {
    background:#00a3e4;
}

.custom-range ul.act-three li:first-child label:before ,
.custom-range ul.act-three li:nth-child(2) label:before {
    background:#00a3e4;
}

.custom-range ul.act-four li:first-child label:before ,
.custom-range ul.act-four li:nth-child(2) label:before,
.custom-range ul.act-four li:nth-child(3) label:before {
    background:#00a3e4;
}

.custom-range ul.act-five li:first-child label:before ,
.custom-range ul.act-five li:nth-child(2) label:before,
.custom-range ul.act-five li:nth-child(3) label:before,
.custom-range ul.act-five li:nth-child(4) label:before {
    background:#00a3e4;
}

.custom-range ul.act-six li:first-child label:before ,
.custom-range ul.act-six li:nth-child(2) label:before,
.custom-range ul.act-six li:nth-child(3) label:before,
.custom-range ul.act-six li:nth-child(4) label:before,
.custom-range ul.act-six li:nth-child(5) label:before {
    background:#00a3e4;
}

.custom-range ul li {
	position:relative;
}

.custom-range ul li label {
    display:block;
    padding-top:30px;
    position:relative;
    z-index:22;
}

.custom-range ul li label:before {
    content:"";
    background:#fff;
    width:8px;
    height:8px;
    position:absolute;
    top:6px;
    left:0;
    right:0;
    margin:0 auto;
    z-index:0;
    border-radius:50px;
    transition:0.3s all;
}

.custom-range ul li input:checked + label:before {
    content:"";
    background:#05729e;
    border:8px solid #00a3e4;
    width:28px;
    height:28px;
    position:absolute;
    top:-3px;
    left:0;
    right:0;
    margin:0 auto;
    z-index:0;
    border-radius:50px;
}

.custom-range ul li input {
    position:relative;
    z-index:33;
    width:28px;
    height:28px;
    position:absolute;
    top:-5px;
    left:0;
    right:0;
    margin:0 auto;
    opacity:0;
}

section.error-404 {
	background:#000;
	padding:300px 0 200px;
}

section.error-404 h1 {
	color:#fff;
}

.c-form .gfield_description.validation_message {
	margin:0 0 1em;
	font-weight:500;
}

.gform_confirmation_message {
	color:#fff;
}

@media(max-width: 991px) {


.c-form .gform_page_footer [id*="gform_submit_button"],
.c-form .gform_page_footer [class*="gform_next"] ,
.c-form .gform_page_footer [class*="gform_prev"] {
    min-width: auto;
}

.gchoice_2_9_5 input:not([type=radio]) {
    width: 200px;
}

}


@media(max-width: 575px) {
.step-info {
    flex-direction: column;
}

.custom-range ul li label {
    font-size: 10px;
}

.custom-range ul:before {
    width: calc(100% - 29px);
}

}

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

.c-form {
    margin-top:50px;
}

}

body img.gform_ajax_spinner {
    display: none !important;
}

.carousel__thumbs .slick-slide {
	padding:14px 7px 0;
}

.carousel__thumbs .prev-arrow {
	color:#fff;
	font-size:35px;
	position:absolute;
    top: calc(50% + 7px);
	transform:translateY(-50%);
	left:-35px;
    line-height: 1;
    cursor:pointer;
}

.carousel__thumbs .next-arrow {
    color: #fff;
    font-size: 35px;
    position: absolute;
    top: calc(50% + 7px);
    transform: translateY(-50%);
    right: -35px;
    line-height: 1;
    cursor:pointer;
}

.faq-section h2 {
	margin-bottom:40px;
}

 .sections-main {
	padding:0;
}

.sections-main + .video-wrapper {
	padding-top:100px;
	position:relative;
}

.sections-main .section-wrapper {
	margin-bottom: 0px;
}

.section-wrapper.our-process + [id*="scene"] {
	display:none;
}

.sections-main + .video-wrapper:before {
    content:"";
    background:#000;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100px;
}


.sections-main .bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2500%;
    width: 10000%;
    height: 100%;
    background: #363636;
    z-index: 0;
}

.sections-main .spacer {
    position: absolute;
    z-index: 1;
    width: 10000%;
    top: 0;
    left: -2500%;
}

.sections-main .sample-content-box p {
    opacity: 1;
    visibility: visible;
    font-size:16px;
}

.sections-main .sample-content-box img {
	top: 0;
	opacity:0.7;
}

.sections-main .sample-content-box:hover img {
	opacity:1;
    top: 0;
}


@media (min-width: 992px) {
.services-menu h2 {
    margin-top: 94px;
}
}

.work-block .details .hover-bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.7;
}

.work-block a,
.work-block h2 {
	position:relative;
	z-index:22;
	color: #fff;
}

.gallery-slider .item {
 
    position: relative;
}

.carousel__thumbs .item {
	height:120px;
	background-size:cover !important;
	margin:15px 7px 0;
}

@media(max-width: 767px) {
    

.carousel__thumbs .item {
    height: 100px;
}
}


@media(min-width: 1170px) {

.gallery-slider .item {
    
}
}

.video-content.last #scene3 {
    bottom: -51px;
}

.video-content.last + [id*="scene"] {
	display:none;
}

.video-block .video-responsive {
    z-index: 33;
}


.video-block + .video-content {
	padding-top:50px;
}

.page-id-230 .video-block + .video-content {
	padding-top:0px;
	margin-top: -30px
}

.bg-black {
	background:#000;
}

body,
.sections-main .section-wrapper {
	background: #000;
}
.tabletop-demo .video-block {
    background: #fff;
    z-index: 2;
}

.case-study-content,
.corporate-content ,
.video-content,
.work-agencies,
.clients-logos-sec {
    background: #fff;
}

.section-wrapper.left .spacer, .section-wrapper.left .bg:before {
    left: -2500% !important;
}


/*2024 css*/
.hero-slider {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.hero-slider-video {
    position: relative;
    padding-top: 56.25%;
}
.hero-slider-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    object-fit: cover;
    box-sizing: border-box;
    height: 100%;
    bottom: 0;
}
.hero-slider-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 9;
    text-align: center;
    color: #fff;
}
.see-capabilities { 
    z-index: 9;
}
.clients-logos-wrap {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap:30px;
    justify-content: center;
}

.clients-logos-wrap .item {
    padding:0px;
  box-sizing: border-box;
  display: inline-block;
}
.clients-logos-wrap .item img {
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    object-fit: contain;
    right: 0;
    display: block;
    margin: 0 auto;
    left: 0;
}

.clients-logos-wrap .item>div {
    padding-top: 22%;
    position: relative;
}
.case-slide-wrap {
    position: relative;
}

.case-slide-wrap .case-slide-cont-section {
    max-width: 60%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    padding: 50px 100px;
    z-index: 99;
}
.case-slide-wrap .case-slide-video-section:before {
    z-index: 2;
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(1,1,1,.25);
    background-blend-mode: darken;
    opacity: 1;
}
.case-slide-wrap .case-slide-video-section:after {
    display: block;
    padding-bottom: 56.25%;
    content: "";
    background: #25292c;
    opacity: .4;
}
.case-slide-wrap .case-slide-video-section iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    object-fit: cover;
    box-sizing: border-box;
    height: 100%;
    bottom: 0;
}
.case-slider-section .container{
    max-width: 100%;
    margin: 0 auto;
    position:relative;
    padding: 0;
}
.case-slider-section{
    position:relative;
    padding-top: 0px;
    padding-bottom: 0px;
    color:#fff;
    background-color: #00A3E4;
}
.case-slider-section p{
    color:#fff;
}
.case-slider-section  h2{
margin-bottom: 25px;
}

.case-slider-section a.btn.btn--orange-with-icon {
    min-width: 180px;
    padding: 12px 35px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
    transition: all 0.3s;
    background: #f9ed32;
    border: #f9ed32 solid 2px;
    color: #000;

}
.custom_button.carousel__thumbs.slick-initialized.slick-slider i {
    display: none !important;
}

.case-slider-section button.custom-arrow.slick-arrow,.case-slider-section button.custom-arrow.slick-arrow:focus {
    border: none;
    background: transparent;
}


.case-slider-section .custom_button .slick-slide {
    width: auto !important;
}


/*.case-slider-section .case-slider-background{*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 65%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    background-color: #e8dfd1;*/
/*}*/
.award-section {
    padding: 80px 0px 50px;
}

.award-section h3 {
    padding: 30px 0px 25px 0px;
}
.award-section h3, .award-section p {
    color: #fff;
    text-align:center;
}
.main-banner p {
    color: #fff;
    max-width: 768px;
    margin-right: auto;
    margin-left: auto;
}
.author-avatar img {
    text-align: center;
}

.teams-section .team-slide .author-avatar img{
    width: 180px;
    height: 180px;
    border-radius: 100%;
    margin: 0 auto;
    border: 5px solid #F5BB4C;
}
.teams-sections{
    background-color:#00A3E4;
    display: flex;
    flex-wrap: wrap;
    min-height: calc(50vh - 3rem);
        align-items: center;

}
.teams-section .author-bio p{
    line-height: 26.2px;
}
.teams-section .author-avatar{
    padding: 0 0 30px;
}
.teams-section .slick-dots li button{
    background-color: transparent ;
    border-radius: 50px;
    border:2px solid #F5BB4C;
    
}
.teams-section .slick-dots li.slick-active button{
    background-color:#F5BB4C;
}
.teams-section .slick-dots li button:before{
    display:none;
}
.teams-section .slick-dots{
    position: static;
    bottom: 0;
    padding: 0;
    margin: 15px 0 0;
}
.internships-section .logos ul {
   display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.internships-section .logos {
    margin-top: 35px;
}

.internships-section .logos ul li {
    width: calc(25% - 12px);
    /*padding:25px 5px;*/
    /*border-radius:5px;*/
    /*border: 1px solid #686868;*/
     position: relative;
}
.internships-section .logos ul li:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.3);
}
.internships-section .logos ul li a {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    z-index:1;
}
.join-team p {
    color: #fff;
    font-size: 17px;
  
}
.internships-section p,.internships-section .teams-section .author-bio p {
    color: #3C4A4A;
}
.internships-section .teams-section h3 {
    color: #000;
}
section.cta-section h2 {
    color: #fff;
}
.internships-section .logos ul li a img {
    height: 90px;
    object-fit: contain;
    margin: 0 auto;
}
.team-form h3,.internships-form h3{
    text-align:center;
    margin-bottom: 30px;

}
.award-section-col .col-md-6 {
    padding: 50px 25px;
    -ms-flex: calc(50% - 26px);
    flex: 0 0 calc(50% - 26px);
    max-width: calc(50% - 26px);
    border-radius: 5px;
    }

.award-section-col .col-md-6 > img {
    width: 100%;
    margin: 0 auto;
    height: 220px;
    object-fit: contain;
}

.award-section-col .row {
	gap: 50px;
	margin:0;
}
.work-agencies .cta-btn.yellow-bg:hover {
    border: #00A3E4 solid 2px;
    background-color: #00A3E4;
}
.content-section .content p a {
    color: #0095da;
    font-weight:700;
    display: block;
    border:none !important;
}
.content-section .content p a:hover,.content-section .content p a:focus{
    color: #3c434a;
    border:none !important;
    text-decoration:underline;
}
.work-wrapper .details .details_cont {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
section.content-section.left-border.aos-init.aos-animate, section.content-section.left-border.aos-init.aos-animate .content p {
    position: sticky;
    z-index: 3;
}
.gform_confirmation_wrapper{
    text-align:center;
    color:#fff;
    justify-content:center;
}
.gform_confirmation_message{
    color:#fff;
}
.custom-range ul::after {
    width: 36% ;
}
.c-form label {
    font-size: 13px;
}
body.home .work-agencies div#scene2 {
    display: none;
}
.work-agencies .spacer2 {
    top: auto;
    bottom: 0;
}
.internships-form {
    background-color: #363636;
}
.gform_footer {
    width: 100%;
}
.contact-form_wrapper .gform_footer input[type="submit"]{
     width: 100%;
}
.work-wrapper .details p{
    font-weight:600;
}
.internships-form .container,.team-form .container{
    max-width:700px;
}
.internships-form .contact-form_wrapper li:last-child,.team-form .contact-form_wrapper li:last-child {
    width: 100%;
}
.teams-sections .author-avatar img {
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
}
.teams-sections .team-3-col {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.teams-sections .team-3-col .team-slide {
    border-right: 2px solid #27AADE;
    width: calc(33.33% - 10px);
    padding: 25px;
}
.teams-sections .team-3-col .team-slide:last-child {
    border: none;
}
.internships-section .container {
    max-width: 960px;
}
.teams-sections .author-bio {
    margin-top: 25px;
}
.teams-sections .author-bio p:last-child {
    font-weight: 600;
}
.work-wrapper .details .details_cont .details_award img {
    width: auto;
    margin: 0 auto;
    object-fit: contain !important;
    height: 140px;
    margin-bottom: 7px;
    display: block;
}
.work-wrapper .details .details_cont .details_award {
    max-width: 150px;
    padding: 15px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.15);
}
.work-wrapper .details .details_cont .details_award h4 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 1rem;
}
.work-wrapper .details .details_cont.space-between {
    justify-content: space-between;
}
.agency_works {
    background-color: #F15A29;
}
.agency_works p{
    color: #fff;
    line-height: 24px;
}
.agency_works h2 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: normal;
}

.agency_works p:first-child {
    margin-top: 0;
}
.agency_works .row {
    gap: 30px 0;
}

#ui-datepicker-div {
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
}
.ui-datepicker-header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}
.ui-datepicker-prev,.ui-datepicker-next {
    color: #333;
    cursor: pointer;
    text-decoration: none;
    margin: 0 10px;
}
.ui-datepicker-title select {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 0 5px;
}
.ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
}
.ui-datepicker-calendar td {
    padding: 0;
    text-align: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.ui-datepicker-calendar .ui-datepicker-today {
    background-color: #00A3E4;
    border-radius: 100%;
}
.ui-datepicker-calendar .ui-datepicker-current-day {
    background-color: #00A3E4;
    border-radius: 100%;
}
.ui-datepicker-calendar .ui-datepicker-current-day a, .ui-datepicker-calendar .ui-datepicker-today a {
    color: #fff;
    line-height: 40px;
    display: block;
}
.ui-datepicker-calendar th {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 14px;
}
.ui-datepicker-calendar td a.ui-state-default {
    color: #333;
}
.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default {
    color: #959595;
}
.ui-datepicker-calendar .ui-datepicker-current-day a.ui-state-default, .ui-datepicker-calendar .ui-datepicker-today a.ui-state-default {
    color: #fff;
}



.internships-form .screen-reader-text {
    display: none;
}

@media all and (min-width:1920px){
    
}


@media(max-width:1439px){
    .hero-slider-video {
        position: relative;
        width: 400%;
        height: 110%;
        transform-style: preserve-3d;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding:0;
    }
}
@media(max-width:991px){
    
    .case-slide-wrap .case-slide-cont-section {
        max-width: 95%;
        padding: 50px 30px;
    }
    .award-section-col .col-md-6{
        -ms-flex: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .award-section-col .col-md-6 > img {
    height: 180px;
}
.teams-sections .team-3-col .team-slide {
    border-bottom: 2px solid #27AADE;
    width: 100%;
    border-right: none;
}
.work-block.grid-item {
    width: 50% !important;
}
.work-block .details {
    padding: 20px;
}
}
@media(max-width:767px){
   
.case-slide-video-section {
    position: relative;
    width: 120%;
    height: 100%;
    transform-style: preserve-3d;
    top: 0;
    padding:0;
}
.case-slider-section h2 {
    margin-bottom: 10px;
}
.case-slider-section p {
    margin-bottom: 10px;
    line-height: 1.5;
}
.case-slider-section a.btn.btn--orange-with-icon {
    min-width: 149px;
    padding: 10px 0px;
}
footer.aos-init.aos-animate .newsletter {
    margin-top: 12px;
}
.work-block.grid-item {
    width: 100% !important;
}

.case-slide-video-section {
    height: 100vh;
}

.case-slide-wrap .case-slide-cont-section {
    padding: 0px 43px;
}
.slick-slider {
    margin-bottom: 104px;
}
.case-slider-section {
    padding-bottom: 0px;
}
.text-call-to-action, .text-call-to-action h2, .work-agencies h2 {
    text-align: center;
}
.work-agencies.work-agencies-home p {
    color: #fff;
    text-align: center;
}
h2.aos-init.aos-animate {
    margin: 0px 0px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.award-section {
    padding: 30px 0px 0px;
}
.award-section-col .col-md-6 {
    padding: 0px 25px 30px;
}
.case-slide-wrap .case-slide-video-section iframe {
    width: 100%;
}
.case-slide-wrap .case-slide-cont-section {
    text-align: center;
}
.case-slide-video-section {
   padding-top: 1%;
    height: auto;

}
.case-slider-section {
    padding: 0px 0px !important;
}
.slick-slider {
    margin: 0px;
}
.case-slider-section p {
    margin: 20px 0px;
    line-height: 1.5;
}
.carousel__thumbs .slick-slide {
    padding: 14px 4px 0;
}
.team-wrapper{margin-top:30px; margin-bottom:30px;}
 #primary h3{line-height:1.5em}
    .single-post iframe{max-width:100%;}
    .carousel__thumbs .prev-arrow{left:-15px;}
    .carousel__thumbs .next-arrow{right:-15px;}
      .custom_button .slick-track .slick-cloned {
    display: none !important;
}
.custom_button .slick-track {
    width: 100% !important;
    transform: none !important;
        display: flex;
    justify-content: center;
    padding-bottom: 5px;
}
.custom_button .slick-track button.custom-arrow {
    position: relative;
}
.case-slider-section .custom_button .slick-slide {
    width: auto !important;
}

 .clients-logos-sec:not(.service-page){height:auto; min-height:calc(49vh - 30px);}
 .clients-logos-wrap{grid-template-columns: 1fr 1fr;}
 
    .work-agencies > .container > .row{height:auto; min-height:calc(49vh - 45px);}
    section.clients-logos-sec .clients-logos {  margin-top: 25px;}
    
}
.custom_button .slick-track {
    margin: 0;
}
@media(max-width:520px){
    
    .case-slide-wrap .case-slide-video-section iframe{    width: 786px;}
    .case-slide-video-section {
    height: auto;
    min-height: 451px;
}
}
@media(max-width:479px){
    .internships-section .logos ul li {
        width: 100%;
        
    }
}


.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.testimonials-home-section {
    padding: 45px 0px !important;
    display: flex;
    flex-wrap: wrap;
    min-height: 502px;
    align-items: center;
}
.testimonials-home-section:not(.testimonials-home-section-alternate) {
    height: calc(50vh - 45px);
	
}
.award-section {
    padding: 100px 0px !important;
        display: flex;
    flex-wrap: wrap;
    min-height: calc(100vh - 100px);
    align-items: center;
}

.case-slider-section {
    background-color:#363636;
}
.gallery-slider{position: relative;
  background-attachment: fixed;}

.gallery-slider .item {
     background-repeat: no-repeat;
  background-attachment: fixed;
   
height: 100%;
 background-size: cover; /* Adjust as needed */
  background-position: center; /* Adjust as needed */
}

main#primary ol li {
    list-style: disc;
    line-height: 35px;
}
div#scene3 {
    display: none;
}
.single-post ol{ padding-left: 30px;}
.single-post main#primary ol li{list-style:auto; line-height:1.7em; padding-bottom:15px;}
.video-outer iframe {
    margin: 0 auto;
    float: none;
    display: block;
}
section#content {
    display: flex;
    flex-wrap: wrap;
    min-height: calc(50vh - 100px);
    align-items: center;
}
.work-agencies-home a.cta-btn.yellow-bg {
    background: #fff;
    border-color: #fff;
}
.work-agencies-home a.cta-btn.yellow-bg:hover{    background-color: transparent;
    color: #fff;border-color: #fff;
}

.single.single-post main.site-main figure {
    width: 100% !important;
}
 @media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
      section.cta-section {
        background-attachment: scroll !important; /* Change to scroll for Safari */
        background-size:cover !important;
      }
    }
  }

@media all and (min-width:1921px){
    .gallery-slider {  margin: 0 auto;   max-width: 1700px;}
    .gallery-slider .item img {  width: auto; height: calc(100vh - 335px);  margin: 0 auto;}
} 
@media all and (max-width:767px){
   .testimonials-home-section:not(.testimonials-home-section-alternate){height:auto; min-height:calc(49vh - 45px);} 
}
@media all and (max-width:599px){
.portfolio-section ul.filter li {
    width: auto;
    margin: 5px 12px;
}
}

/* SERVICE PAGE */
.main-banner-form {
	padding: 120px 0 0;
	overflow: visible;
	margin-bottom: 250px;
}
.main-banner-form:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left:0;
	right: 0;
	height: 250px;
	background: #fff;
}
.main-banner .container {
	display: flex;
	gap: 40px;
	flex-direction: column;
}
.main-banner-form h1 {
	color: #FFF;
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
}
.main-banner-form .content p {
	max-width: 100%;
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 120%;
}
.main-banner-form .form {
  border-radius: 6.902px;
  background: #1A1A1A;
  display: flex;
  padding: 25px;
  color: #fff;
  color: rgba(255, 255, 255, 0.60);
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: -250px;
}
.main-banner-form .form input:not([type="submit"]) {
	width: 100%;
	color:  #fff;
	background: transparent;
	padding: 0 0 13px;
	border: 0;
	border-bottom: 0.847px solid rgba(255, 255, 255, 0.60);
}
.main-banner-form .gform_submission_error {
	font-size: 18px;
}
.main-banner-form .form .gfield_description.validation_message {
	margin: 5px 0 0;
}
.main-banner-form .form input[type="submit"] {
	border-radius: 4.265px;
	background: #40A2E1;
	display: inline-block;
	padding: 8px 23px;
	color: #FFF;
	font-size: 17px;
	font-weight: 500;
	border: 2px solid #40A2E1;
	line-height: 1;
	transition: 0.3s all ease;
	margin-top: 50px;
}
.gfield--type-honeypot,
.main-banner-form .form label {
	position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.main-banner-form .form input[type="submit"]:hover {
	border: 2px solid #3687BB;
	background: #3687BB;
	color: #fff;
}
.main-banner-form .gform_required_legend {
	display: none;
}
.main-banner-form .gform-body.gform_body > div{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap:  34px;
}
.main-banner-form .gform_wrapper {
  width: 100%;
}
.content-alt h2 {
	color: #fff;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	text-align: left;
}
.white-bg .content-alt h2 {
  color: #000;
}
.white-bg .content-alt h2 span,
.main-banner-form h1 span,
.content-alt h2 span {
	color: #40A2E1;
}
.content-alt p {
	color: #DADADA;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%; /* 28px */
}
.white-bg .content-alt p {
  color: #000;
}
.content-alt.container-alt-heading,
.content-alt.container-alt-heading h2 {
  margin-bottom: 24px;
}
.content-alt.container-alt-heading p {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}
.content-alt.container-alt-button {
	padding-top: 30px;
}
.portfolio-section.content-section.white-bg .work-wrapper {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(1, 1fr);
}
.portfolio-section.content-section.white-bg .work-wrapper .grid-item {
  max-height: 250px;
  width: 100% !important;
  float: none;
}
ul.text-with-icon > li  {
	padding: 0 0 24px;
}
ul.text-with-icon > li > div {
	display: flex;
	gap: 12px;
	align-items: center;
	padding-bottom:  24px;
	flex-direction: column;
}
ul.text-with-icon li h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}
ul.text-with-icon > li > p {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}
.testimonials-home-section-alternate .content-alt.container-alt-heading h2{
	max-width: 580px;
	margin-bottom:  0 !important;
}
.testimonials-home-section-alternate .author-bio {
    background: rgba(0, 0, 0, 0.80);
    padding: 24px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
}
.testimonials-home-section-alternate .author-bio h3 {
	color: #FFF;
	font-family: Gotham;
	font-size: 16px;
	font-weight: 700;
	line-height: 180%;
	margin:0
}
.testimonials-home-section-alternate .author-bio p:first-child {
	font-size: 12px;
	line-height: 1.4;
}
.testimonials-home-section-alternate .author-bio p:not(:first-child) {
	margin:0;
	line-height: 1.4;
	
}
.faq-section-alternate {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #f8f8f8 !important;
}
.col.clients-logos-wrap-alt {
    display: flex;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.col.clients-logos-wrap-alt img {
    max-height: 45px;
    margin: 0 auto;
}

.arrow-prev-cus,.arrow-next-cus {
  display: none !important;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0,-100%);
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: 0 0;
  justify-content: center;
  align-items: center;
}

.arrow-prev-cus:hover,
.arrow-prev-cus:focus,.arrow-next-cus:hover,.arrow-next-cus:focus {
  opacity: .8;
}
.arrow-prev-cus {
  left: -55px
}

[dir=rtl] .arrow-prev-cus {
  right: -55px;
  left: auto
}


.arrow-next-cus {
  right: -55px;
}

[dir=rtl] .arrow-next-cus {
  right: auto;
  left: -55px
}
@media(min-width:767px){
	.testimonials-home-section-alternate {
		padding:70px 0px !important;
	}
	.testimonials-home-section-alternate .author-bio p:first-child {
		font-size: 16px;
		line-height: 1.6;
	}
    .col.clients-logos-wrap-alt {
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 48px;
    }
    .col.clients-logos-wrap-alt img {
        max-height: 59px;
    }
  .portfolio-section.content-section.white-bg .work-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
	.main-banner-form h1 {
		font-size: 54px;
	}
	.main-banner-form .content p {
		font-size: 20px;
	}
	ul.text-with-icon > li  {
		padding: 24px;
		/* khoa client feedback */
        width: 50%;
	}
	ul.text-with-icon  {
		/* display: grid;
		grid-template-columns: repeat(2, 1fr); */
		display: flex;
        flex-direction: column;
        align-items: center;

	}
  ul.text-with-icon li h3 {
    font-size: 24px;
  }
  ul.text-with-icon > li > p {
    font-size: 20px;
  }
	.content-alt h2 {
		font-size: 48px;
		text-align: center;
	}
	.content-alt.container-alt-heading h2 {
	  max-width: 962px;
	  margin-left: auto;
	  margin-right: auto;
	}
	.content-alt p {
		font-size: 20px;
	}
	.content-alt.container-alt-heading p {
		font-size: 20px;
		text-align: center;
	}
	.content-alt.container-alt-heading  {
		margin-bottom: 64px;
	}
	.content-alt.container-alt-button {
		padding-top: 36px;
	}
	.faq-section-alternate {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media(min-width:1025px){
  .arrow-prev-cus,.arrow-next-cus {
    display: flex !important;
  }
  .portfolio-section.content-section.white-bg .work-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .portfolio-section.content-section.white-bg .work-wrapper .grid-item {
    max-height: 392px;
  }
	.main-banner-form:after {
		display: none;
	}
	.main-banner-form,
	.main-banner-form .form {
		margin-bottom: 0;
	}
	.main-banner-form .container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 64px;
	}
	.main-banner-form .content p {
		font-size: 22px;
	}
	.main-banner-form .form {
    max-width: 420px;
    flex: 0 0 auto;
    margin-bottom: 0;
	}
	.main-banner-form {
		padding: 220px 0 100px;
	}
}
@media(min-width:1440px){
	.main-banner-form h1 {
		font-size: 60px;
	}
}
.featured-case-study .vimeo-lazy {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  background-size: cover;
  background-position: center;
  cursor: pointer;
  overflow: hidden;
}
.featured-case-study .vimeo-lazy svg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
}
.featured-case-study .vimeo-lazy svg path{
	transition: 0.3s all ease;
}
.featured-case-study .vimeo-lazy:hover svg path {
	fill: #02a3e4;
}

section.faq-section.faq-section-alternate.white-bg p {
  padding-right: 20%;
}

.white_bg_k {
	background: white !important;
	color: black !important;
}
.white_bg_k h2 {
	color: black !important;
}
.white_bg_k p {
	color: black !important;
}
.white_bg_k h3 {
	color: black !important;
}

.black_bg_k {
	background: black !important;
	color: black !important;
}
.black_bg_k h2 {
	color: white !important;
}
.black_bg_k p {
	color: white !important;
}
.black_bg_k h3 {
	color: white !important;
}

.simple-gallery {
  background: #fff;
  padding: 0 0 70px;
}

.simple-gallery .gallery_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.simple-gallery .grid-item {
  width: 100% !important;
  height: fit-content !important;
}


@media (max-width: 768px) {
.simple-gallery {
    padding: 0 0 50px;
}}

  @media (max-width: 550px) {
	  .simple-gallery .gallery_grid {
		  grid-template-columns: repeat(1, 1fr);
		  gap: 20px;
		}
		.simple-gallery .grid_iamges img {
			width: 90%;
			margin-inline: auto;
		}}
		
		.gallery_grid {
			display: grid;
			grid-template-columns: repeat(12, 1fr);
			grid-gap: 10px;
		}
		
		.gallery_grid_inn {
			width: 100%;
			height: 100%;
			position: relative;
		}
		
		.gallery_grid_inn .grid_iamges {
			overflow: hidden;
			width: 100%;
			height: 100%;
		}
		
		.gallery_grid_inn .grid_iamges img {
			object-fit: cover;
			width: 100%;
			height: 100%;
			object-position: 50% 50%;
		}
		
		.simple-gallery .grid_iamges img {
		  width: 100%;
		  height: auto;
		  display: block;
		  pointer-events: none;
		  cursor: default;
		}
		.h2_k {
			margin-inline: auto;
			padding-top: 100px ;
	text-align: center;
	font-size: 32px;
	margin-bottom: 50px;
}

@media (min-width: 767px) {
    .h2_k {
        max-width: 962px;
		font-size: 48px;
		    margin-bottom: 70px;
    }
}