/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');*/

/* font-family: 'Poppins', sans-serif;  font-family: 'Raleway', sans-serif; */


/*banner-3d*/

/*body,
a,
button,
input[type=button],
input[type=submit],
.ab-slide .twentytwenty-handle,
.pp-accordion-button{cursor: url(/wp-content/themes/bb-theme-child/images/blue.svg), auto !important;}*/

.nectar-box-roll .overlaid-content .span_6 {width: 100%}
body .nectar-box-roll #page-header-bg {margin-top: 0}
.nectar-box-roll .overlaid-content .subheader {font-size: 28px; line-height: 1.3; color: #fff !important; font-family: open sans; font-weight: 300}
.nectar-box-roll .overlaid-content[data-text-alignment=center] {text-align: center}
.nectar-box-roll .overlaid-content[data-text-alignment=right] {text-align: right}
.nectar-box-roll .overlaid-content[data-text-alignment=center] .span_6 {left: 0; width: 100% !important}
.nectar-box-roll .overlaid-content[data-text-alignment=center] h1 {margin-bottom: 12px}
.nectar-box-roll .overlaid-content[data-text-alignment=center] .subheader {max-width: 900px; margin: 0 auto; display: block}
body[data-button-style^=rounded] .nectar-box-roll .section-down-arrow i {transition: none; -webkit-transition: none}
.nectar-box-roll .overlaid-content .span_6 {backface-visibility: visible; transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; top: auto !important; bottom: auto !important; width: 100%; height: 100%}
.nectar-box-roll .overlaid-content .span_6 .inner-wrap {top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; position: absolute; width: 100%}
#ajax-content-wrap,
.container-wrap,
.container-wrap .main-content {min-height: 100%}
html {margin-top: 0 !important}
.blurred-wrap.no-scroll,
body.no-scroll,
html.no-scroll {height: 100% !important; margin-top: 0 !important; overflow: hidden !important}
.container-wrap.no-scroll {margin-top: 0 !important; overflow: hidden !important}
.container-wrap .main-content>.row>div>div[class*=col] {transition: opacity .35s ease; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; opacity: 0}

body.material .ocm-effect-wrap {height: 100%}

#ajax-content-wrap.no-scroll {height: 100% !important; overflow: hidden !important}
.nectar-box-roll .canvas-bg {transition: background-color .7s ease; -webkit-transition: background-color .7s ease; background-color: #222}

/*.container-wrap {padding-top: 0 !important; margin-top: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}*/

#footer-outer.auto-height,
.container-wrap.auto-height {height: auto !important}

.container-wrap.no-trans {-webkit-transform: none; -moz-transform: none; transform: none}

body #header-space {display: none}

#ajax-content-wrap,
.blurred-wrap {transform-origin: 50% 50% 0; -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d}

#ajax-content-wrap.at-content,
.blurred-wrap.at-content {perspective: none; -webkit-perspective: none; -moz-perspective: none; transform-style: flat; -moz-transform-style: flat; -webkit-transform-style: flat; transform-origin: initial; -webkit-transform-origin: initial; -moz-transform-origin: initial}

.nectar-box-roll {transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-bottom: 0; z-index: 1000; display: block}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.nectar-box-roll {perspective: inherit; -webkit-perspective: inherit; -moz-perspective: inherit}
}

.container-wrap.nectar-box-roll-class {height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 10; backface-visibility: visible; -webkit-backface-visibility: visible; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; overflow: hidden}
.no-scroll #footer-outer {display: none}
.nectar-box-roll .canvas-bg {backface-visibility: visible; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: 0 0 0; width: 100%; height: 100%; position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.nectar-box-roll #page-header-bg,
.nectar-box-roll .nectar-particles {width: 100%; height: 100%; position: absolute; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.nectar-box-roll .nectar-particles {z-index: 15}
.nectar-box-roll canvas {backface-visibility: visible; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: 0 0 0; position: absolute; left: 0; top: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
#ajax-content-wrap>.nectar-global-section {display: none}
.container-wrap.hotspot-open {transform: none}
.nectar-box-roll .overlaid-content {position: absolute; z-index: 100; top: 0; width: 100%; height: 100%; color: #fff; backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%}

.nectar-box-roll .overlaid-content[data-text-effect=rotate_in] .inner-wrap[class*=shape] .subheader[style*="opacity: 0"],
.nectar-box-roll .overlaid-content[data-text-effect=rotate_in] .inner-wrap[class*=shape] h1[style*="opacity: 0"] {visibility: hidden}
.nectar-box-roll .overlaid-content .row {padding-bottom: 0}
.nectar-box-roll .topBoxOut {-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCubeTopOut 1.6s both cubic-bezier(.45, .055, .675, .19); animation: rotateCubeTopOut 1.6s both cubic-bezier(.45, .055, .675, .19)}
.nectar-box-roll .topBoxOut2 {-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCubeTopOut2 1.6s both cubic-bezier(.45, .055, .675, .19); animation: rotateCubeTopOut2 1.6s both cubic-bezier(.45, .055, .675, .19)}
.nectar-box-roll .topBoxIn {-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCubeBottomIn 1.6s both cubic-bezier(.45, .055, .675, .19); animation: rotateCubeBottomIn 1.6s both cubic-bezier(.45, .055, .675, .19)}
.nectar-box-roll .topBoxIn2 {-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCubeBottomIn2 1.6s both cubic-bezier(.45, .055, .675, .19); animation: rotateCubeBottomIn2 1.6s both cubic-bezier(.45, .055, .675, .19)}
.bottomBoxIn {display: block !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: rotateCubeTopIn 1.6s both cubic-bezier(.45, .055, .675, .19); animation: rotateCubeTopIn 1.6s both cubic-bezier(.45, .055, .675, .19)}
.bottomBoxOut {display: block !important; box-shadow: none !important; -webkit-box-shadow: none; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotateCubeBottomOut 1.6s both cubic-bezier(.45, .055, .675, .19); animation: rotateCubeBottomOut 1.6s both cubic-bezier(.45, .055, .675, .19)}
.no-transform-animation-bottom-out {display: block !important; box-shadow: none !important; -webkit-box-shadow: none; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotateCubeBottomOut linear; animation: rotateCubeBottomOut linear}

.bottomBoxIn:after,
.bottomBoxOut:after {background: -moz-linear-gradient(center bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .03) 16%, rgba(0, 0, 0, .3) 75%, rgba(0, 0, 0, .5) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .03) 16%, rgba(0, 0, 0, .3) 75%, rgba(0, 0, 0, .5) 100%); background: linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .03) 16%, rgba(0, 0, 0, .3) 75%, rgba(0, 0, 0, .5) 100%); top: 0; content: " "; display: block; height: 50%; left: 0; position: absolute; z-index: 100; width: 100.7%; opacity: 1; -webkit-animation: rotateCubeTopInShadow 1.6s both cubic-bezier(.45, .055, .675, .19); animation: rotateCubeTopInShadow 1.6s both cubic-bezier(.45, .055, .675, .19)}
body .bottomBoxOut:after {opacity: 0; -webkit-animation: rotateCubeBottomOutShadow 1.6s both cubic-bezier(.45, .055, .675, .19); animation: rotateCubeBottomOutShadow 1.6s both cubic-bezier(.45, .055, .675, .19)}
@-webkit-keyframes rotateCubeTopOut {
65% {-webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-55%) translateZ(-300px) rotateX(55deg)}
100% {-webkit-transform: translateY(-100%) rotateX(90deg)}
}

@-webkit-keyframes rotateCubeTopOut2 {
65% {-webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-77%) translateZ(-300px) rotateX(55deg)}
100% {-webkit-transform: translateY(-117%) rotateX(90deg)}
}

@keyframes rotateCubeTopOut2 {
65% {-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-77%) translateZ(-300px) rotateX(55deg); transform: translateY(-77%) translateZ(-300px) rotateX(55deg)}
100% {-webkit-transform: translateY(-117%) rotateX(90deg); transform: translateY(-117%) rotateX(90deg)}
}

@-webkit-keyframes rotateCubeTopIn {
0% {-webkit-transform: translateY(100%) rotateX(-90deg)}
65% {-webkit-animation-timing-function: ease-out; -webkit-transform: translateY(45%) translateZ(-300px) rotateX(-40deg)}
100% {-webkit-transform: translateZ(0)}
}

@keyframes rotateCubeTopOut {
65% {-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-55%) translateZ(-300px) rotateX(55deg); transform: translateY(-55%) translateZ(-300px) rotateX(55deg)}
100% {-webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg)}
}

@keyframes rotateCubeTopIn {
0% {-webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg)}
65% {-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(45%) translateZ(-300px) rotateX(-40deg); transform: translateY(45%) translateZ(-300px) rotateX(-40deg)}
100% {-webkit-transform: translateZ(0); transform: translateZ(0)}
}

@-webkit-keyframes rotateCubeBottomOut {
45% {-webkit-animation-timing-function: ease-out; -webkit-transform: translateY(40%) translateZ(-300px) rotateX(-40deg)}
100% {-webkit-transform: translateY(100%) rotateX(-90deg)}
}

@keyframes rotateCubeBottomOut {
45% {-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(40%) translateZ(-300px) rotateX(-40deg); transform: translateY(40%) translateZ(-300px) rotateX(-40deg)}
100% {-webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg)}
}

@-webkit-keyframes rotateCubeBottomIn {
0% {-webkit-transform: translateY(-100%) rotateX(90deg)}
45% {-webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-60%) translateZ(-300px) rotateX(60deg)}
100% {-webkit-transform: translateY(0) rotateX(0)}
}

@keyframes rotateCubeBottomIn {
0% {-webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg)}
45% {-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform: translateY(-60%) translateZ(-300px) rotateX(60deg)}
100% {-webkit-transform: translateY(0) rotateX(0); transform: translateY(0) rotateX(0)}
}

@-webkit-keyframes rotateCubeBottomIn2 {
0% {-webkit-transform: translateY(-117%) rotateX(90deg)}
45% {-webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-77%) translateZ(-300px) rotateX(60deg)}
100% {-webkit-transform: translateY(0) rotateX(0)}
}

@keyframes rotateCubeBottomIn2 {
0% {-webkit-transform: translateY(-117%) rotateX(90deg); transform: translateY(-117%) rotateX(90deg)}
45% {-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-77%) translateZ(-300px) rotateX(60deg); transform: translateY(-77%) translateZ(-300px) rotateX(60deg)}
100% {-webkit-transform: translateY(0) rotateX(0); transform: translateY(0) rotateX(0)}
}

@-webkit-keyframes rotateCubeTopInShadow {
40% {opacity: .7}
70% {opacity: 0}
100% {opacity: 0}
}

@keyframes rotateCubeTopInShadow {
40% {opacity: .7}
70% {opacity: 0}
100% {opacity: 0}
}

@-webkit-keyframes rotateCubeBottomOutShadow {
40% {opacity: 0}
60% {opacity: .5}
90% {opacity: 1}
}

@keyframes rotateCubeBottomOutShadow {
40% {opacity: 0}
60% {opacity: .5}
90% {opacity: 1}
}

.home #ajax-content-wrap .blurred-wrap:not(.no-scroll):not(.at-content) .nectar-box-roll{position:relative; background:url(https://groundedgroup.com.au/wp-content/uploads/2024/04/video.jpg) center center no-repeat; background-size:cover; height:100vh;}

/*banner-3d*/


a,a:hover,a:focus,a:active{text-decoration:none !important; outline:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
p{padding:0 0 15px; margin:0;}
p:last-child{padding-bottom: 0;}
p:empty{padding:0; margin:0;}
body{letter-spacing: -0.012em;}
button:focus{border: none !important;}


.sticky .fl-page-header{box-shadow:0 5px 23px 0 rgba(0,0,0,0.15); background-color: #000000;}
.fl-page-nav-right .fl-page-header-wrap{border:none;}
.fl-page{padding-top: 0 !important;}
header.fl-page-header{padding: 30px 0; transition: 0.3s ease-in-out;}
.fl-page-header .container,
.fl-page-header .fl-page-header-wrap .container{max-width:100%; width:100%; padding:0 28px;}

.header-main{width:100%; padding:0; margin:0; display:flex; flex-wrap: wrap; align-items: center; column-gap: 90px; justify-content:space-between;}
.header-main .header-right ul{display:flex; flex-wrap:wrap; column-gap:15px; grid-row-gap:10px; list-style:none; margin:0; padding:0;}
.header-main .header-right ul li a{width:40px; height:40px; background:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#000;}
.header-main .header-right ul li a i{color:#000; font: normal normal normal 20px / 1 FontAwesome; transition:0.3s;}
.header-main .header-right ul li a:hover i{color:#1189BC;}
.fa-linkedin:before{content: "\f0e1" !important;}
.header-logo-l .fl-page-header-logo img{max-width:93px;}
.header-main .header-nav{transition: 0.3s ease-in-out; opacity: 0; visibility: hidden;}
.sticky .fl-page-header .header-main .header-nav{opacity: 1; visibility: visible;}
.header-main .fl-page-nav{line-height: 0;}
.header-main .fl-page-nav .navbar-nav li{margin-right: 50px; padding: 0;}
.header-main .fl-page-nav .navbar-nav li:last-child{margin-right: 0;}
.header-main .fl-page-nav .navbar-nav li>a{padding:0; line-height:24px; position:relative; font-size: 22px; letter-spacing: 0; color: #fff;}
.header-main .fl-page-nav .navbar-nav li>a:after{background:#ffffff; width:0; left:0; right: 0; bottom:-8px; margin:auto; content:''; height:3px; position:absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.header-main .fl-page-nav .navbar-nav li>a:hover:after,
.header-main .fl-page-nav .navbar-nav li.current-menu-item>a:after{width:100%;}

.border-btn .fl-button{position: relative;}
.border-btn .fl-button:after{background:#000000; width:60px; left:0; bottom:-8px; margin:auto; content:''; height:3px; position:absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.border-btn .fl-button:hover:after{width:100%;}

.service-box .pp-info-banner-content{height: auto; padding-bottom: 30vh;}
.service-box .pp-info-banner-content .pp-info-banner-inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:flex; align-items:center; justify-content:center;}
.service-box .banner-description{display: none;}

.btn-btm-border .fl-button{position: relative;}
.btn-btm-border .fl-button:after{background:#fff; width:0px; left:0; bottom:-8px; margin:auto; content:''; height:3px; position:absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-btm-border .fl-button:hover:after{width:100%;}

.logo-grid .pp-logos-content .bx-wrapper{max-width: 100% !important;}


@keyframes infiniteScroll {
from {transform: translateX(0)}
to {transform: translateX(-50%)}
}
.hme-scrl-txt {
width: 100%;
overflow-x: hidden;
}
.hme-scrl-txt .fl-heading {
display: flex;
font-size: 40px;
width: 2600px;
animation-name: infiniteScroll;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.hme-scrl-txt .fl-heading .fl-heading-text {white-space: nowrap; padding-right: 139px;}


.fl-page-footer-wrap{ background:#000; padding:125px 0; font-size: 20px; font-weight: 300; color: #fff; line-height: 33px;}
.fl-page-footer-wrap .container{padding:0 15px; max-width:1440px; width: 100%;}
.foot-inner{display: flex; flex-wrap: wrap; align-items: center; justify-content;}
.foot-inner .foot-col-1,
.foot-inner .foot-col-2{width: 50%;}
.foot-inner .foot-col-1 #block-9 p{max-width: 579px;}
.foot-inner .foot-col-1 #block-8 .wp-block-image{margin: 0 0 80px;}
.foot-inner .foot-col-2 #menu-footer-menu{display: flex; flex-wrap: wrap; align-items: center; column-gap: 25px/*40px*/; padding: 0; margin: 0 0 80px; list-style: none; justify-content: flex-end;}
.foot-inner .foot-col-2 #menu-footer-menu li a{font-size: 22px; font-weight: 500; color: #ffffff; text-transform: lowercase; position: relative;}

.foot-inner .foot-col-2 #menu-footer-menu li a:after{background:#ffffff; width:0; left:0; bottom:-8px; margin:auto; content:''; height:3px; position:absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.foot-inner .foot-col-2 #menu-footer-menu li a:hover:after{width:100%;}

.foot-inner .foot-col-2 .contact-detail{display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
.foot-inner .foot-col-2 .contact-detail li{width: 100%; display: block; text-align: right;}
.foot-inner .foot-col-2 .contact-detail li:last-child{padding-top: 10px;}

.footer-bot{padding-top: 40px;}
.foot-bot-logos ul{display: flex; justify-content: center; list-style: none; padding: 0; margin: 0; grid-row-gap: 15px; column-gap: 20px;}
.foot-bot-logos ul li img{max-width: 130px;}

.projects-post-main{overflow: hidden;}
.projects-post-main .projects-inner{display: flex; flex-wrap: wrap; margin: 0 -10px; grid-row-gap: 20px;}
.projects-post-main .projects-inner .project-box{width: 33.33%; padding: 0 10px; box-sizing: border-box;}
.projects-post-main .projects-inner .project-box .box-inner{display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; overflow: hidden;}
.projects-post-main .projects-inner .project-box .box-inner.first-project-text{background-color: #1189BC; align-items: center; align-content: center; height: 100%;}
.projects-post-main .projects-inner .project-box .box-inner .project-details.project-text{padding: 0 100px; color: #fff;}
.projects-post-main .projects-inner .project-box .box-inner .project-details.project-text .title-project h2{color: #fff; margin: 0 0 70px;}
.projects-post-main .projects-inner .project-box .box-inner .project-thumb{position: relative; padding-bottom: 80%; width: 100%;}
.projects-post-main.home-new .projects-inner .project-box .box-inner .project-thumb{padding-bottom: 82%;}
.projects-post-main .projects-inner .project-box.bg-big .box-inner .project-thumb{padding-bottom: 40%;}
.projects-post-main .projects-inner .project-box.last-project .box-inner .project-thumb{padding-bottom: 45%;}
.projects-post-main .projects-inner .project-box .box-inner .project-thumb img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: transform .75s cubic-bezier(.2,.75,.5,1), opacity .5s ease .3s;}
.projects-post-main .projects-inner .project-box .box-inner:hover .project-thumb img{transform: scale(1.1);}
.projects-post-main .projects-inner .project-box .box-inner .project-details.other-project>a{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; align-content: center; z-index: 2; transform: translateY(100%); transition: transform .75s cubic-bezier(.2,.75,.5,1), opacity .5s ease .3s;}
.projects-post-main .projects-inner .project-box .box-inner:hover .project-details.other-project>a{transform: translateY(0);}
.projects-post-main .projects-inner .project-box .box-inner .project-details.other-project .project-client{width: 100%; padding:5px 0 0;}
.projects-post-main .projects-inner .project-box .box-inner .project-details.other-project .project-client p{font-size: 21px; font-weight: 500; color: #fff; width: 100%;}
.projects-post-main .projects-inner .project-box .box-inner .project-details.other-project .project-title h2{margin: 0; font-size: 30px; color: #fff; width: 100%;}
.projects-post-main .projects-inner .project-box .box-inner .project-details.other-project .project-title h2 a{color: #fff;}
.projects-post-main .projects-inner .project-box.bg-big{width: 66.66%; padding: 0 10px; box-sizing: border-box;}
.projects-post-main .projects-inner .project-box.last-project .project-btn-all{margin-top: 2%; position: relative; padding-bottom: 35%;}
.projects-post-main .projects-inner .project-box.last-project .project-btn-all a{position: absolute; width: 100%; height: 100%; background-color: #000000; text-align: center; font-size: 30px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.projects-post-main .projects-inner .project-box.last-project .project-btn-all a:hover{background-color: #1189BC;}

.projects-post-main .projects-inner .project-box .box-inner.same-project:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 1; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out;}
.projects-post-main .projects-inner .project-box .box-inner.same-project:hover:before{opacity: 0.53; visibility: visible;}

.projects-post-main .projects-inner .project-box .box-inner .project-details.other-project .project-subtitle{width:100%; font-size:16px; padding:5px 0 0;}

.service-box .pp-info-banner-inner{transition: 0.2s ease-in-out; clip-path: polygon(0px 0%, 100% 0px, 100% 100%, 0% 100%);}
/*.service-box .pp-info-banner-inner:before{width: 0px; height: 0px; border-style: solid; border-width: 0 421px 100px 0; border-color: transparent #ffffff transparent transparent; transform: rotate(0deg); position: absolute; content: ""; top: 0; z-index: 1; transition: 0.3s ease-in-out; opacity: 0;}
.service-box .pp-info-banner-inner:hover:before{opacity: 1;}*/
.service-box .pp-info-banner-bg:before{transition: 0.3s ease-in-out;}
.service-box .pp-info-banner-inner:hover .pp-info-banner-bg:before{background-color: #C46525b3;}
.service-box .pp-info-banner-inner:hover .banner-button{border-bottom: solid 3px #fff;}
.service-box .pp-info-banner-inner:hover{clip-path: polygon(0px 0%, 100% 5vh, 100% 100%, 0% 100%);}

.fa-map-marker:before {content:"\f041" !important;}
.fl-row{clear:both;}
html.js{padding:0 !important;}
.fl-builder .container.fl-content-full{clear:both;}

.vision-clm > .fl-col-content{display: flex; align-items: center; justify-content: center;}

.splitting .char {
transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
transition-delay: calc( 20ms * var(--char-index) );
}
.splitting[data-scroll=out] .char {
opacity: 0.1;
transform: translateY(0.25em);
}

/* .if-is-sec-visible{transform: scale(.2); transition: transform 3.3s cubic-bezier(.32,.75,.5,1), opacity .4s ease-out;}
.if-is-sec-visible.vision-view{transform: scale(1);} */

.client .swiper-wrapper{align-items:center; transition-timing-function:linear !important; column-gap:100px;}
.client .swiper-wrapper .pp-image-carousel-item{width:auto !important;}

.clients-logos .pp-logos-wrapper .slick-track{display:flex; column-gap:100px; align-items:center;}
.clients-logos .pp-logos-wrapper .slick-track .slick-slide{/*width:auto !important;*/}


#ajax-content-wrap { height: 100vh !important; }
#ajax-content-wrap .container-wrap{ height: 100vh; }

.brands .pp-logos-wrapper{max-width:1000px /*867px*/; margin: 0 auto; display:flex; flex-wrap:nowrap; gap:100px;}
.brands.new-brands .pp-logos-wrapper{max-width:1200px;}
.brands .pp-logos-wrapper:before,
.brands .pp-logos-wrapper:after{display:none !important;}
.brands .pp-logos-wrapper .pp-logo{float:none; width:100%;}


.design-info .pp-infobox .pp-infobox-description{padding-right:55px; font-size:16px; line-height:1.6;}
/*.home .fl-content article .fl-builder-content .fl-row:first-child .fl-col-content > .fl-col-group > .fl-col:first-child .design-info .pp-infobox .pp-infobox-description{padding-right:50px;}*/
.design-info .pp-infobox-wrap{position:relative;}
.design .pp-infobox-wrap:before{position:absolute; content:""; background:url(./images/blue.svg) center no-repeat; background-size:contain; right:50px; top:13px; width: 18px; height: 18px;}
.civil .pp-infobox-wrap:before{position:absolute; content:""; background:url(./images/blue.svg) center no-repeat; background-size:contain; right:50px; top:13px; width: 18px; height: 18px;}
.remote .pp-infobox-wrap:before{position:absolute; content:""; background:url(./images/blue.svg) center no-repeat; background-size:contain; right:20px; top:13px; width: 18px; height: 18px;}

.design-info.integrated .fl-module-content .pp-infobox-wrap{display:flex; justify-content:flex-end;}
.design-info.integrated .fl-module-content .pp-infobox-wrap .pp-infobox{max-width:276px;}

.ab-slide .twentytwenty-overlay{display: none;}

.header-logo-l .fl-page-header-logo{position:relative;}
.header-logo-l .fl-page-header-logo a img{max-width:100%; max-height:77px;}
.header-logo-l .fl-page-header-logo a:not(.retina-url){position:absolute; left:0; top:0; bottom:0; margin:auto;}
.header-logo-l .fl-page-header-logo a.retina-url{visibility:hidden; transition:none;}
.sticky .header-logo-l .fl-page-header-logo a.retina-url{visibility:visible;}
.sticky .header-logo-l .fl-page-header-logo a:not(.retina-url){display:none;}

.page-id-1449 .header-logo-l .fl-page-header-logo a.retina-url{visibility:visible;}

.home-contact .pp-gf-content .gform_wrapper .gfield input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']),
.home-contact .pp-gf-content .gform_wrapper .gfield select{ padding:12px 20px;}
.home-contact .pp-gf-content .gform_wrapper .gfield textarea{resize:none; padding:12px 20px; height:140px;}

body:not(.home):not(.page-id-543){padding-top:137px;}
body:not(.home):not(.page-id-543) .fl-page-header{background:#000;}
body:not(.home):not(.page-id-543) .header-main .header-nav{opacity:1; visibility:visible;}

.our-team-main .pp-testimonials-wrap .pp-testimonials .pp-testimonial{display:flex; flex-direction:column-reverse;}
.our-team-main .pp-testimonials-wrap .pp-vertical-align{position:relative; display:block;}
.our-team-main .pp-testimonials-wrap .pp-vertical-align .pp-testimonials-image{width:100%; display:block; padding:0 0 115.3%; position:relative; margin:0;}
.our-team-main .pp-testimonials-wrap .pp-vertical-align .pp-testimonials-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; margin:0; max-height:100%; max-width:100%;}
.our-team-main .pp-testimonials-wrap .pp-vertical-align .pp-title-wrapper{display:flex; flex-direction:column; justify-content:flex-end; width:100%; position:absolute; left:0; bottom:0; right:0; top:0; padding:25px; z-index:1;}
.our-team-main .pp-testimonials-wrap .pp-vertical-align .pp-title-wrapper:before{content:''; background:url(images/bg-shape.svg) center bottom no-repeat; background-size:100% auto; z-index:-1; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.7; display:block;}
.our-team-main .pp-testimonials-wrap .pp-vertical-align .pp-title-wrapper .pp-testimonials-title{font-size:26px; cursor:default;}
.our-team-main .pp-testimonials-wrap .pp-vertical-align .pp-title-wrapper .pp-testimonials-subtitle{padding-right:20px; cursor:default; font-size:16px;}
.our-team-main .pp-testimonials-wrap .open .pp-title-wrapper .pp-testimonials-subtitle{background:url(images/open.svg) center right no-repeat;}
.our-team-main .pp-testimonials-wrap .pp-testimonials-content{padding:25px 0 0;}
.our-team-main .pp-testimonials-wrap .pp-content-wrapper{margin:0;}
.our-team-main .pp-testimonials-wrap .pp-testimonials{align-items:flex-start;}

.our-team-main .pp-testimonials-wrap .pp-testimonial:first-child .pp-vertical-align .pp-title-wrapper .pp-testimonials-title,
.our-team-main .pp-testimonials-wrap .pp-testimonial:nth-child(2) .pp-vertical-align .pp-title-wrapper .pp-testimonials-title,
.our-team-main .pp-testimonials-wrap .pp-testimonial:nth-child(3) .pp-vertical-align .pp-title-wrapper .pp-testimonials-title{cursor:pointer;}
.our-team-main .pp-testimonials-wrap .pp-testimonial:first-child .pp-vertical-align .pp-title-wrapper .pp-testimonials-subtitle,
.our-team-main .pp-testimonials-wrap .pp-testimonial:nth-child(2) .pp-vertical-align .pp-title-wrapper .pp-testimonials-subtitle,
.our-team-main .pp-testimonials-wrap .pp-testimonial:nth-child(3) .pp-vertical-align .pp-title-wrapper .pp-testimonials-subtitle{background:url(images/close.svg) center right no-repeat; cursor:pointer;}

.our-team-main .pp-testimonials-wrap .pp-testimonial.open:first-child .pp-vertical-align .pp-title-wrapper .pp-testimonials-subtitle,
.our-team-main .pp-testimonials-wrap .pp-testimonial.open:nth-child(2) .pp-vertical-align .pp-title-wrapper .pp-testimonials-subtitle,
.our-team-main .pp-testimonials-wrap .pp-testimonial.open:nth-child(3) .pp-vertical-align .pp-title-wrapper .pp-testimonials-subtitle{background:url(images/open.svg) center right no-repeat;}

.accordion-main .pp-accordion-item .pp-accordion-button .pp-accordion-open{width:15px; height:15px; padding:0; background:url(images/close.svg) center right no-repeat;}
.accordion-main .pp-accordion-item .pp-accordion-button .pp-accordion-close{width:15px; height:15px; padding:0; background:url(images/open.svg) center right no-repeat;}
.accordion-main .pp-accordion-item .pp-accordion-button .pp-accordion-button-icon:before{display:none; opacity:0;}

.accordion-main .pp-accordion .pp-accordion-content h6{padding:30px 0 15px 31px; margin:0; background:url(images/blue.svg) top 38px left no-repeat; background-size:16px auto; color:#fff; font-weight:500;}
.accordion-main .pp-accordion .pp-accordion-content strong{font-weight:500;}

.project-page .projects-post-main .projects-inner{margin:0; gap:18px;}
.project-page .projects-post-main .projects-inner .project-box{padding:0; width:100%;}
.project-page .projects-post-main .projects-inner .project-box img{padding:0;}
.project-page .projects-post-main .projects-inner .project-row-1{width:100%; display:grid; gap:18px; grid-template-columns: repeat(2, 1fr);}
.project-page .projects-post-main .projects-inner .project-row-2{width:100%; display:grid; gap:18px; grid-template-columns: repeat(2, 1fr);}
.project-page .projects-post-main .project-row-2 .right-col{display:grid; gap:18px; grid-template-columns:repeat(2, 1fr);}
.project-page .projects-post-main .project-row-2 .right-col .box-midlow{grid-column:1/-1;}
.project-page .projects-post-main .project-row-2 .left-col .box-inner .project-thumb{padding-bottom:121.4%;}

.single-projects .com_img{width:100%; position:relative; min-height:56.835vh; display:flex; align-items:center; justify-content:center;}
.single-projects .com_img:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.57); z-index:1;}
.single-projects .com_img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.single-projects .com_img .container{position:relative; z-index:2;}
.single-projects .com_img h5{color:#fff; margin:0;}
.single-projects .com_img h1{color:#fff; margin:0;}
.single-project{padding:100px 0;}
.single-project .project-subtitle h5{padding:0 0 20px; margin:0;}
.single-project .project-gallery{display:flex; flex-direction:column; gap:18px; padding:100px 0 0;}
.single-project .project-gallery .gallery-row-1{width:100%; display:flex; justify-content:space-between; gap:18px;}
.single-project .project-gallery .gallery-row-1 .left-col{width:74.9479%;}
.single-project .project-gallery .gallery-row-1 .left-col .gallery-image{position:relative; padding:0 0 42.016%;}
.single-project .project-gallery .gallery-row-1 .left-col .gallery-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.single-project .project-gallery .gallery-row-1 .right-col{width:24.0104%;}
.single-project .project-gallery .gallery-row-1 .right-col .gallery-image{position:relative; padding:0 0 131.15%;}
.single-project .project-gallery .gallery-row-1 .right-col .gallery-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.single-project .project-gallery .gallery-row-2{width:100%; display:grid; gap:18px; grid-template-columns:repeat(2, 1fr);}
.single-project .project-gallery .gallery-row-2 .gallery-image{position:relative; padding:0 0 63.643%;}
.single-project .project-gallery .gallery-row-2 .gallery-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

.projects-pagination{display:flex; justify-content:center; padding:30px 0 0;}
.projects-pagination .btn-load-more{display:flex; justify-content:center;}
.projects-pagination a{font-family:Gotham, Verdana, Arial, sans-serif; font-size:20px; font-weight:700; background:#000; outline:none; border:none; padding:14px 40px; margin:0; display:inline-block;}
.projects-pagination a:hover{background:#1189bc;}

.lds-ring
.lds-ring {color: #000}
.lds-ring,
.lds-ring div {box-sizing: border-box;}
.lds-ring {display: block; position: relative; width: 80px; height: 80px; margin:auto;}
.lds-ring div {box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid currentColor; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: currentColor transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

.two-img{position: absolute;
    left: 187px;
    top: 0;
    bottom: 0;
    height: 348px; margin: auto;}


#rmp-container-109{max-width: 100%; min-width: 100%;}
.rmp-menu-wrap:before{content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 0;
    overflow: hidden;}
  .rmp-menu-open .rmp-menu-wrap:before{animation: menu-animation 1.5s ease-out forwards; border-radius: 100%;}


    @-webkit-keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

@keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

.rmp-menu{position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;}



.rmp-menu li {
  opacity: 0;
  text-align: center;
  transform: translate3d(0, 36px, 0);
}


.rmp-menu-open .rmp-menu li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.rmp-menu-open .rmp-menu li:nth-child(1) {
  transition-delay: 1.15s;
}
.rmp-menu-open .rmp-menu li:nth-child(2) {
  transition-delay: 1.25s;
}
.rmp-menu-open .rmp-menu li:nth-child(3) {
  transition-delay: 1.35s;
}
.rmp-menu-open .rmp-menu li:nth-child(4) {
  transition-delay: 1.45s;
}

.rmp-menu-open .rmp-menu li:nth-child(5) {
  transition-delay: 1.55s;
}

.rmp-menu-open .rmp-menu li:nth-child(6) {
  transition-delay: 1.65s;
}

.about-image .two-img{left:auto; right:277px;}
.about-testimonial .pp-testimonials-wrap .pp-testimonials .owl-nav button{background:none; padding:0; margin:0; color:#fff;}
.about-testimonial .pp-testimonials-wrap .pp-testimonials .owl-nav button.owl-prev{left:-55px;}
.about-testimonial .pp-testimonials-wrap .pp-testimonials .owl-nav button.owl-next{right:-55px;}
.about-testimonial .pp-testimonials-wrap .pp-testimonials-image{position:relative; transform:none; left:0; display:none;}
.about-testimonial .pp-testimonials-wrap .pp-testimonials-image img{width:50px; height:50px;}

#gform_2 .gfield .question-notice{ display: none; }
#gform_2 .gfield .question-notice span.color-green{ color: #009648; }
#gform_2 .gform_footer #gform_submit_button_2{ display: none; }

/*.full-hight .fl-row-content-wrap{min-height: calc(100vh - 137px) !important;}*/
.container-width .fl-col-content{max-width: 1440px; margin: 0 auto;}
.induction-form .gfield_radio label{font-weight: 400;}
.review-button-block .review-btn{background-color: #000000; text-align: center; display: inline-block; padding: 10px 30px; color: #ffffff; border: none; border-radius: 0; outline: none; transition: 0.3s ease-in-out; font-family: Gotham, Verdana, Arial, sans-serif; font-weight: 700; font-size: 20px;}
.review-button-block .review-btn:hover{background-color: #1189BC;}
.link-blue a{color: #1189BC;}
.induction-form .gform_wrapper.gravity-theme .gform_fields{grid-row-gap: 30px;}

.induction-form .gform_wrapper .gform_heading{display:none;}
.induction-form .pp-gf-content .gform_wrapper .gfield input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), 
.induction-form .pp-gf-content .gform_wrapper .gfield select,
.induction-form .pp-gf-content .gform_wrapper .gfield textarea{padding:10px 0; font-weight:300;}

.induction-form .gform_wrapper.gravity-theme .gfield_label{border-top:solid 1px #d6d6d6; padding-top:20px; color:#181818;}


/*.sss{scroll-snap-stop: always;}*/

/*.page-id-543.fl-fixed-header .fl-page-header{position: absolute;}
.page-id-543 #rmp_menu_trigger-109, .page-id-543 #rmp_menu_trigger-109:hover, .page-id-543 #rmp_menu_trigger-109:focus{background: #000 !important;}*//*
.fl-builder-content.fl-builder-content-543.fl-builder-content-primary{height: 100vh; overflow-y: scroll; scroll-snap-type:y mandatory;}
.check-section-in-view{scroll-snap-align: start;}*/

.page-id-543 .fl-page-footer-wrap{/*min-height:60vh; display:flex; align-items:center; justify-content:center;*/}


.job-list .pp-accordion-content a{color: #000;}
.job-list .pp-accordion-content a:hover{opacity: 0.8;}

/*.sticky .cl-logo .fl-col-content{min-height: calc(40vh - 137px) !important;}
.sticky .full-hight .fl-row-content-wrap{padding-top: 137px !important;}
.sticky .contact-left .fl-col-content{min-height: calc(100vh - 137px) !important;}*/
.page-id-543.fl-fixed-header .fl-page-header{position: absolute;}
.page-id-543 #rmp_menu_trigger-109{position: absolute;}
.sticky.page-id-543.fl-fixed-header .fl-page-header{position: fixed;}
.sticky.page-id-543 #rmp_menu_trigger-109{position: fixed;}


.section-white{padding: 70px 0;}
.single-post .blog-media{padding-bottom: 40px;}
.single-post h2{margin: 0; padding-bottom: 20px;}
.single-post .date{padding-bottom: 20px;}
.single-post .date a{color: #000;}
.single-post .date a:hover{color: #1189BC;}

.single-projects .project-content ul li{padding-bottom:5px;}
.single-projects .project-content ul ul{padding-top:5px;}

.number-count-infinite .fl-col-content .fl-col-group{display: flex; align-items: center; min-height: 22vh;}


#pum-1485 #popmake-1485{/*top:380px !important;*/ left:0 !important; right:0 !important; padding-left:15px; padding-right:15px; margin:0 auto; max-width:1250px !important; width:100% !important;}
#pum-1485 #popmake-1485 .pum-close{right:25px; top:10px;}

.build-your-own-form #gform_fields_5 .gfield textarea + .charleft{position:relative; color:#fff;}
.build-your-own-form #gform_fields_5 .gfield textarea + .charleft:after{content:'500 max characters'; color:#767676; position:absolute; left:0; bottom:0;}

@media only screen and (max-width: 1610px){
.projects-post-main .projects-inner .project-box .box-inner .project-details.project-text{padding: 0 25px;}
.projects-post-main .projects-inner .project-box .box-inner .project-details.project-text .title-project h2{margin: 0 0 30px;}
}


@media only screen and (max-width: 1300px){
.design .pp-infobox-wrap:before,
.civil .pp-infobox-wrap:before,
.remote .pp-infobox-wrap:before{display: none;}
.design-info .pp-infobox .pp-infobox-description{padding-right: 0;}
.design-info .pp-infobox-title-wrapper .pp-infobox-title{margin-bottom: 20px !important;}
.single-projects .com_img .container{width:100%;}

.about-testimonial .pp-testimonials-wrap .pp-testimonials .owl-nav button.owl-prev{left:-25px;}
.about-testimonial .pp-testimonials-wrap .pp-testimonials .owl-nav button.owl-next{right:-25px;}
}

@media only screen and (min-width: 10px){
#rmp_menu_trigger-109,
#rmp_menu_trigger-109:hover,
#rmp_menu_trigger-109:focus{background: #fff !important; border:none; outline:none; border-radius:10px; width:40px; height:40px; padding:0;}
#rmp_menu_trigger-109{top:49px; right:193px; padding:0;}
#rmp-container-109{z-index:999; padding-top:0px; background-color:transparent; overflow: hidden; transform: translate3d(0, 0, 0); top: -100%; transition: 0.8s ease-in-out;}
#rmp-container-109.rmp-menu-open{top: 0;}
#rmp-menu-wrap-109 .rmp-menu-item-link{padding: 10px !important; text-align: center; font-size: 30px; text-transform: uppercase; display: inline; position: relative; z-index: 1;}
.fl-page-header .header-main .header-nav{display: none;}
#rmp-menu-wrap-109 .rmp-menu-item-link:before{content: "" !important; display: block !important;
position: absolute;
bottom: 15px;
width: 100%;
height: 2px;
background-color: #ffffff;
transform: scalex(0);
transition: transform 0.2s ease-in-out 0.2s, height 0.2s ease-in-out 0s, bottom 0.2s ease-in-out 0s; z-index: -1; left: 0;}
#rmp-menu-wrap-109 .rmp-menu-item-link:hover:before{transform: scalex(1);
height: 100%;
bottom: 0;
background-color: #ffffff;
transition: transform 0.2s ease-in-out 0s, height 0.2s ease-in-out 0.2s, bottom 0.2s ease-in-out 0.2s;}
#rmp-menu-wrap-109 .rmp-menu-item-link:hover{color: #000 !important;}

#rmp_menu_trigger-109 .rmp-trigger-box{width:24px !important;}
#rmp_menu_trigger-109 .responsive-menu-pro-inner,
#rmp_menu_trigger-109 .responsive-menu-pro-inner::before,
#rmp_menu_trigger-109 .responsive-menu-pro-inner::after{background:#000 !important; width:24px !important;}

#rmp_menu_trigger-109 .responsive-menu-pro-inner::before{top:8px !important;}
#rmp_menu_trigger-109 .responsive-menu-pro-inner::after{bottom:8px !important;}
#rmp_menu_trigger-109.is-active .responsive-menu-pro-inner::before{top:0 !important;}
#rmp_menu_trigger-109.is-active .responsive-menu-pro-inner::after{bottom:0 !important;}


}


@media only screen and (max-width: 1024px){
.page-id-543.fl-fixed-header .fl-page-header{position: fixed;}
.page-id-543 #rmp_menu_trigger-109{position: fixed;}
	body:not(.home):not(.page-id-543){padding-top: 107px;}
.fl-page-header .container, 
.fl-page-header .fl-page-header-wrap .container{padding: 0 15px;}
header.fl-page-header{padding: 15px 0; position: fixed; width: 100%; z-index: 9999; top: 0; left: 0; background-color: #000;}
.header-logo-l .fl-page-header-logo{padding: 0 !important;}
.sticky .fl-page-header .header-main .header-nav{display: none;}
	.header-main .header-right ul{display:none;}

.projects-post-main .projects-inner .project-box.last-project .project-btn-all a,
.projects-post-main .projects-inner .project-box .box-inner .project-details.other-project .project-title h2{font-size: 26px;}
.projects-post-main .projects-inner .project-box .box-inner .project-details.other-project .project-client p{font-size: 18px;}
.projects-post-main .projects-inner{margin: 0;}
.projects-post-main .projects-inner .project-box,
.projects-post-main .projects-inner .project-box.bg-big{width: 100%; padding: 0;}
.projects-post-main .projects-inner .project-box .box-inner .project-details.project-text{padding: 50px 15px;}
.projects-post-main .projects-inner .project-box.bg-big .box-inner .project-thumb,
.projects-post-main .projects-inner .project-box.last-project .box-inner .project-thumb{padding-bottom: 80%;}
.projects-post-main .projects-inner .project-box.last-project .project-btn-all{padding-bottom: 10%;}
.fl-page-footer-wrap{padding: 50px 0;}
.fl-page-footer-wrap{font-size: 18px; line-height: 28px;}
.header-logo-l .fl-page-header-logo img{max-width: 63px;}
#rmp_menu_trigger-109{top: 23px; right: 15px;}

.accordion-main2 .fl-col-content .fl-module .pp-accordion .pp-accordion-item{margin-bottom:50px;}
.single-project{padding:70px 0;}
.single-project .project-gallery{padding:70px 0 0;}

.about-testimonial .pp-testimonials-wrap .pp-testimonials .owl-nav button.owl-prev{left:-15px;}
.about-testimonial .pp-testimonials-wrap .pp-testimonials .owl-nav button.owl-next{right:-15px;}
	
	.brands .pp-logos-wrapper{gap:50px;}
	.brands.new-brands .pp-logos-wrapper .pp-logo .logo-image-wrapper{text-align:center;}

}

@media only screen and (max-width: 768px){
body:not(.home):not(.page-id-543){padding-top: 87px;}
.fl-col-small:not(.fl-col-small-full-width){max-width: 100% !important;}
.projects-post-main .projects-inner .project-box.last-project .project-btn-all a{font-size: 20px;}
.foot-inner{grid-row-gap: 30px;}
.foot-inner .foot-col-1, .foot-inner .foot-col-2{width: 100%;}
.foot-inner .foot-col-1 #block-8 .wp-block-image{margin: 0 0 20px;}
.foot-inner .foot-col-2 #menu-footer-menu{grid-row-gap: 5px; margin: 0 0 20px;}
.sticky .full-hight .fl-row-content-wrap{padding-top: 0 !important;}
.service-box .pp-info-banner-inner:hover{clip-path: polygon(0px 0%, 100% 30px, 100% 100%, 0% 100%);}
.foot-inner .foot-col-2 #menu-footer-menu li{width: 100%;}
.foot-inner .foot-col-2 #menu-footer-menu li a{font-size: 16px;}
.foot-inner .foot-col-2 .contact-detail li{text-align: left; font-size: 16px;}
.foot-inner .foot-col-2 .contact-detail li a{font-size: 16px;}
.foot-bot-logos ul li img{max-width: 100px;}
.foot-inner .foot-col-2 #menu-footer-menu{justify-content: flex-start;}
.hme-scrl-txt .fl-heading .fl-heading-text{padding-right:70px;}
.vision-bg .fl-row-content-wrap{background-attachment: fixed !important;}
.design-info.integrated .fl-module-content .pp-infobox-wrap .pp-infobox{max-width:100%;}
.header-logo-l .fl-page-header-logo a img{max-height:57px;}
.home-contact .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height:normal;}
.accordion-main2 .fl-col-content .fl-module .pp-accordion .pp-accordion-item{margin-bottom:30px;}
.our-team-main .pp-testimonials-wrap .pp-testimonials-content{padding:25px 0 0;}
.project-page .projects-post-main .projects-inner .project-row-1,
.single-project .project-gallery .gallery-row-2{grid-template-columns:repeat(1, 1fr);}
.project-page .projects-post-main .projects-inner .project-row-2{grid-template-columns:repeat(1, 1fr);}
.project-page .projects-post-main .project-row-2 .right-col{grid-template-columns:repeat(1, 1fr);}
.single-project{padding:50px 0;}
.single-project .project-gallery{padding:50px 0 0;}
.single-project .project-gallery .gallery-row-1{flex-wrap:wrap;}
.single-project .project-gallery .gallery-row-1 .left-col,
.single-project .project-gallery .gallery-row-1 .right-col{width:100%;}

.two-img{position:relative !important; transform:none !important; left:auto !important; right:auto !important; height:auto;}

.two-img .fl-photo .fl-photo-content{display:block;}
.two-img .fl-photo .fl-photo-content img{width:100%;}

#gform_1 .gform-body .gfield--type-name .ginput_container--name{row-gap:16px;}
.induction-form .gform_wrapper.gravity-theme .gform_fields{grid-row-gap: 20px;}

.foot-inner .foot-col-1 #block-9 p{font-size: 16px; line-height: 24px;}
	
/* 	.home-services-sec .home-services-sec-inn .fl-col-group .fl-col{min-height:30vh;}
	.home-services-sec .home-services-sec-inn .fl-col-group .fl-col .fl-col-content,
	.home-services-sec .home-services-sec-inn .fl-col-group .fl-col .fl-col-content .fl-module{height:100%; display:flex; flex-wrap:wrap; width:100%;}
	.home-services-sec .home-services-sec-inn .fl-col-group .fl-col .fl-col-content .fl-module .fl-module-content{margin:0; padding:15px; height:100%; width:100%;}
	.home-services-sec .home-services-sec-inn .fl-col-group .fl-col .fl-col-content .fl-module .fl-module-content .pp-info-banner-content{padding-bottom:0; min-height:300px;} */
	.home-services-sec .home-services-sec-inn .fl-col-group .fl-col .fl-col-content .fl-module .pp-info-banner-inner,
	.home-services-sec .home-services-sec-inn .fl-col-group .fl-col .fl-col-content .fl-module .info-banner-wrap{display:flex; flex-direction:column; align-items:center; justify-content:center;}
	
	.service-box .pp-info-banner-content{padding-bottom:0; height:160px;}
	.service-box .pp-info-banner-content .pp-info-banner-inner{position:relative; }
	
	.brands .pp-logos-wrapper{flex-direction:column; flex-wrap:wrap;}
	.brands .pp-logos-wrapper .logo-image-wrapper img{max-width:200px; margin:auto;}
	html.pum-open body.page-id-1436{padding-top: 137px;}
	
	#pum-1485 #popmake-1485{top:360px !important;}
	

}

.check-section-in-view{height: auto !important;}



*{cursor:none;}
a{cursor:pointer;}
.v-cursor{z-index:99999999; position:fixed; background:url(./images/blue.svg) center center no-repeat; background-size:cover; left:0; top:0; height:30px; width:30px; pointer-events:none; opacity:0; transition:0.4s, top 0.1s, left 0.1s, opacity 0.5s; transform:translate(-50%, -50%);}
.v-cursor.link{height:50px; width:50px; opacity:0.5 !important; /*background-color:rgba(224, 222, 255, 0.1);*/ /*border:3px solid rgba(224, 222, 255, 0);*/}
.v-cursor.button{height:50px; width:50px; opacity:0.5 !important; /*border:3px solid #ffd600;*/}
.v-cursor.img{height:110px; width:110px; opacity:1 !important; /*background-color:#ffd600D9;*/}
.v-cursor.img::after{opacity:1; transform:scale(1);}
.v-cursor::after{content:"View Project"; position:absolute; top:18px; left:0; bottom:0; right:0; display:flex; align-items:center; justify-content:center; transform:scale(0.5); color:#fff; font-size:13px; opacity:0; transition:0.5s;}
.v-dot{z-index:99999999; position:fixed; background-color:#fff; left:0; top:0; height:10px; width:10px; border-radius:50%; pointer-events:none; opacity:0; transition:0s, opacity 0.5s, background-color 0.4s; transform:translate(-50%, -2px);}
.v-dot.link{background:transparent;}
.v-dot.img{background:transparent;}
.v-dot.button{background-color:rgba(255, 255, 255, 0);}


/************************** Parallax Start *******************************/

.grounded-post-grid {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.grounded-post-grid > .fl-col-content{width:100%; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; grid-row-gap:40px;}
.grounded-post-grid[data-columns="1"] .grounded-post-grid-item {width:100%}
.grounded-post-grid .grounded-post-grid-item {position:relative}
.grounded-post-grid .grounded-post-grid-item .fl-module-content {overflow:hidden; position:relative; height:100%; position:absolute; top:0; left:0; background-color:rgba(0, 0, 0, .1); border-radius:25px; right:0;}
.grounded-post-grid-wrap[data-style=content_under_image]:not(.finished-animating) .grounded-post-grid[data-animation=fade-in-from-bottom] .grounded-post-grid-item.animated-in {transition:transform .75s cubic-bezier(.22, .61, .36, 1), opacity .75s cubic-bezier(.22, .61, .36, 1), background-color .35s ease}
.grounded-post-grid .grounded-post-grid-item .pp-infobox {position:absolute; width:100%; z-index:200; height:100%;}
.grounded-post-grid .pp-icon-wrapper,
.grounded-post-grid .pp-infobox-image,
.grounded-post-grid .pp-infobox-image img{position:absolute; top:0; left:0; object-fit:cover; z-index:0; width:100%!important; height:100%!important; margin:0;}

.grounded-post-grid .grounded-post-grid-item .pp-infobox-title-wrapper{position:absolute; left:0; right:0; top:0; bottom:0; margin:0; display:flex; align-items:center; justify-content:center; height:100%; background:rgba(0,0,0,0.5);}

.grounded-post-grid[data-grid-item-height="80vh"] .grounded-post-grid-item {min-height:80vh;}
.grounded-post-grid.layout-stacked[data-stack-animation-effect="blurred_scale"] {transform-origin:top;}
.grounded-post-grid.layout-stacked[data-grid-spacing="40px"] {margin:0!important; grid-row-gap:40px;}
.layout-stacked[data-grid-spacing="40px"] .grounded-post-grid-item {position:sticky; will-change:transform; top:calc(40px);}

.brands-logo .fl-heading .fl-heading-text{color:#fff;}
.brands-logo .brands .pp-logos-content .pp-logos-wrapper{flex-wrap:nowrap; align-items:center;}

.mrg-col .fl-row-content .container-box{max-width:1440px; margin:0 auto; width:100%;}
.mrg-col .fl-col-group .cl-logo > .fl-col-content{display:flex; flex-direction:column; align-items:center; justify-content:center;}


@media only screen and (min-width: 1025px) and (max-width: 1750px){
.home #ajax-content-wrap .contact-right .fl-module-heading .fl-module-content{margin-bottom:0;}
.home #ajax-content-wrap .contact-right .fl-module-pp-gravity-form .fl-module-content{margin-top:0;}
.home .contact-right .gform_wrapper.gravity-theme .gfield textarea.medium{height:120px; resize:none;}
.home.sticky #ajax-content-wrap .contact-right{padding-bottom:100px;}

}

@media only screen and (min-width: 1025px) and (max-width: 1400px){
.home #ajax-content-wrap .home-conseclast .number-count-infinite > .fl-col-content,
.home #ajax-content-wrap .home-conseclast .number-count-infinite > .fl-col-content > .fl-col-group{min-height:18vh;}
.home #ajax-content-wrap .home-conseclast .uabb-number-text h2{margin:0; font-size:30px;}
.home #ajax-content-wrap .home-conseclast .uabb-number-text .uabb-number-after-text{margin:0; font-size:16px;}
.home #ajax-content-wrap .home-conseclast .fl-col-group:has(.number-count-infinite) + .fl-col-group > .fl-col > .fl-col-content{min-height:82vh; display:flex;}
.home.sticky #ajax-content-wrap .contact-right{padding-bottom:150px;}
.home.sticky #ajax-content-wrap .contact-right .gform_wrapper.gravity-theme .gform_fields{row-gap:5px;}
.home .contact-right .gform_wrapper.gravity-theme .gfield textarea.medium{height:80px; resize:none;}

}


@media only screen and (max-width: 768px){
.grounded-post-grid[data-grid-item-height="80vh"] .grounded-post-grid-item {min-height:50vh;}

}
.fl-row-bg-video .fl-bg-video video{min-width:98% !important;}

/************************** Parallax End *******************************/



/************************** Build Your Own New Form Start *******************************/
.build-your-own-form #gform_fields_5 {
	gap: 45px !important;
}

.build-your-own-form .gfield_description.instruction {
	display: none;
}

.build-your-own-form .gfield_required.gfield_required_text {
	display: none !important;
}

.build-your-own-form #gform_fields_5 #field_5_17 {
	margin-bottom: -35px !important;
	font-size: 20px !important;
}

.build-your-own-form .gchoice.gchoice_5_19_3 {
	display: flex;
	gap: 0px;
}

.build-your-own-form #choice_5_19_3 {
	margin-top: 6px;
}

.build-your-own-form #label_5_19_3 {
	display: none;
}

.build-your-own-form #choice_5_19_3:before{
	width: 11px
}

.build-your-own-form .gchoice.gchoice_5_19_3 #input_5_19_other {
	margin-top: 0px;
    padding-top: 0px;
	margin-left: 15px;
}


.build-your-own-form .gfield_radio, .build-your-own-form .gfield_checkbox  {
	display: flex;
	width: 100%;
	gap: 10px 40px;
	flex-wrap: wrap;
}

.build-your-own-form .gfield_radio .gchoice label, .build-your-own-form .gfield_checkbox .gchoice label {
	max-width: 100% !important;
	font-size: 20px !important;
	font-weight: 400 !important;
}
.build-your-own-form input:not(#gform_submit_button_5), 
.build-your-own-form select, .build-your-own-form textarea {
    padding-left: 0px !important;
}

.build-your-own-form input.gfield-choice-input {
	padding: 0px !important;
}

.build-your-own-form .gform-footer {
	margin-top: 80px !important;
}

.build-your-own-form .gfield.gfield_error {
	background-color: transparent !important;
}

.build-your-own-form .gfield.gfield_error .gfield_label {
	color: #000000 !important;
}


.build-your-own-form select option {
    color: #000000 !important;
}


@media only screen and (max-width: 768px){ 
	.build-your-own-form .gfield_radio, .build-your-own-form .gfield_checkbox  {
		flex-direction: column;
	}
	
	.build-your-own-form .gchoice.gchoice_5_19_3 {
		display: block;
	}
	.build-your-own-form .gchoice.gchoice_5_19_3 #input_5_19_other {
		margin-top: 15px;
		margin-left: 00px;
	}
	.build-your-own-form .gform-footer {
		margin-top: 50px !important;
	}
	
	
}

@media only screen and (max-width: 640px){ 
.build-your-own-form #gform_fields_5{column-gap:0 !important;}
}
/************************** Build Your Own New Form End *******************************/



.c-map .gm-style .gm-style-iw-c{padding-right: 28px !important; padding-top:10px !important;}
.c-map .gm-style-iw-ch{display:none;}
.c-map .gm-style-iw-chr button{position:absolute !important; top:0; right:0;}

.pum-theme-1474 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	padding: 0px !important;
	background-color: transparent !important;
	color: #000 !important;
	font-weight: bold !important;
	font-size: 25px !important;
	box-shadow: none !important;
}