@charset "UTF-8";

/*-----------------------------------------------------------------------------------

    Theme Name:Geekfolio
    Theme URI:http://Description:Creative Agency & Portfolio
    Author:UI-ThemeZ
    Author URI:http://themeforest.net/user/UI-ThemeZ
    Version:1.0

-----------------------------------------------------------------------------------*//* Variables
-----------------------------------------------------------------*//* Typography
-----------------------------------------------------------------*/* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; list-style: none; }
body { color: #fff; background-color: #1E0F1E; font-size: 16px; font-family: "Roboto",sans-serif; overflow-x: hidden !important; }
body.crev-agency h1,body.crev-agency h2,body.crev-agency h3,body.crev-agency h4,body.crev-agency h5,body.crev-agency h6 { font-weight: 400; }
body.crev-portfolio main { padding: 0 20px; }
body.crev-portfolio section { position: relative; }
body.crev-portfolio section .sec-head .fixed-head { position: absolute; left: 0; top: 0; padding: 15px 40px; border-radius: 0 0 15px 0; }
body.crev-portfolio section .sec-head .fixed-head .shap-right-top { position: absolute; top: -5px; right: -1.05rem; }
body.crev-portfolio section .sec-head .fixed-head .shap-right-top svg { width: 1.1rem; height: 1.1rem; }
body.crev-portfolio section .sec-head .fixed-head .shap-left-bottom { position: absolute; bottom: -1.05rem; left: 0; }
body.crev-portfolio section .sec-head .fixed-head .shap-left-bottom svg { width: 1.1rem; height: 1.1rem; }
body.crev-portfolio section .sec-head .fixed-head h5 { text-transform: uppercase; letter-spacing: 1px; font-size: 35px; }
body.vcard .section-padding { padding: 100px 0; }
main { position: relative; z-index: 5; }
.mainSectionBody { overflow: hidden; }
.row>* { padding-left: 15px; padding-right: 15px; margin-top: 0; }
.row.sm-marg { margin-left: -5px; margin-right: -5px; }
.row.sm-marg>* { padding-left: 5px; padding-right: 5px; }
.row.stand-marg { margin-left: -20px; margin-right: -20px; }
.row.stand-marg>* { padding-left: 20px; padding-right: 20px; }
.row.md-marg { margin-left: -25px; margin-right: -25px; }
.row.md-marg>* { padding-left: 25px; padding-right: 25px; }
.row.lg-marg { margin-left: -40px; margin-right: -40px; }
.row.lg-marg>* { padding-left: 40px; padding-right: 40px; }
.row.xlg-marg { margin-left: -50px; margin-right: -50px; }
.row.xlg-marg>* { padding-left: 50px; padding-right: 50px; }
.row.xxlg-marg { margin-left: -80px; margin-right: -80px; }
.row.xxlg-marg>* { padding-left: 80px; padding-right: 80px; }
.container-xxl { max-width: 1500px; }
.container-xl { max-width: 1400px; }
h1,h2,h3,h4,h5,h6 { font-weight: 500; line-height: 1.3; margin-bottom: .2rem; }
h1 { font-size: 70px; }
h2 { font-size: 50px; }
h3 { font-size: 40px; }
h4 { font-size: 30px; }
h5 { font-size: 25px; }
h6 { font-size: 20px; }
a,a:hover { color: inherit; }
span { display: inline-block; }
a { display: inline-block; text-decoration: none; }
a:hover { text-decoration: none; }
img { width: 100%; height: auto; }
figure { margin: 0; }
.main-color { color: #999999 !important; }
.main-colorbg { background: #999999 !important; }
.main-color2 { color: #caff33 !important; }
.main-colorbg2 { background: #caff33 !important; }
.main-bg { background: #150d18 !important; }
.sub-bg { background: #1d1d1d !important; }
.sub-bg2 { background: #222 !important; }
.btn:hover,.btn:focus,.btn:active { outline: none; -webkit-box-shadow: none; box-shadow: none; }
.lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.lines.two:after { content: ''; position: absolute; top: 0; left: 30%; width: 40%; height: 100%; border-right: 1px solid rgba(255,255,255,0.1); border-left: 1px solid rgba(255,255,255,0.1); }
.lines.four { left: 5%; width: 90%; border-right: 1px solid rgba(255,255,255,0.05); border-left: 1px solid rgba(255,255,255,0.05); }
.lines.four:after { content: ''; position: absolute; top: 0; left: 33.3333%; width: 33.3333%; height: 100%; border-right: 1px solid rgba(255,255,255,0.05); border-left: 1px solid rgba(255,255,255,0.05); }
.lines.two-out { left: 60px; right: 60px; width: auto; border-right: 1px solid rgba(255,255,255,0.05); border-left: 1px solid rgba(255,255,255,0.05); z-index: 7; }
.line-overlay { position: absolute; top: -10%; left: 0; width: 100%; height: 100%; z-index: -1; }
.line-overlay.revers { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.line-overlay.up { top: -25%; }
.line-overlay svg path { stroke: #353535; }
.in-box { width: calc(100% - 30px); margin: auto; }
.blur-left-top { position: absolute; top: -120px; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }
.blur-right-top { position: absolute; top: 0; right: 0; -webkit-transform: translateX(50%) translateY(-50%); -ms-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); pointer-events: none; }
.bg-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.bg-pattern.bg-repeat { background-repeat: repeat; }
.noise { -webkit-animation: grain 8s steps(10) infinite; animation: grain 8s steps(10) infinite; background-image: url(../imgs/noise.html); content: ""; height: 300%; left: -50%; opacity: .4; position: absolute; top: -100%; width: 300%; pointer-events: none; }
@-webkit-keyframes grain {
  0%,to { -webkit-transform: translate(0); transform: translate(0); }
  10% { -webkit-transform: translate(-5%,-10%); transform: translate(-5%,-10%); }
  20% { -webkit-transform: translate(-15%,5%); transform: translate(-15%,5%); }
  30% { -webkit-transform: translate(7%,-25%); transform: translate(7%,-25%); }
  40% { -webkit-transform: translate(-5%,25%); transform: translate(-5%,25%); }
  50% { -webkit-transform: translate(-15%,10%); transform: translate(-15%,10%); }
  60% { -webkit-transform: translate(15%); transform: translate(15%); }
  70% { -webkit-transform: translateY(15%); transform: translateY(15%); }
  80% { -webkit-transform: translate(3%,35%); transform: translate(3%,35%); }
  90% { -webkit-transform: translate(-10%,10%); transform: translate(-10%,10%); }
}
@keyframes grain {
  0%,to { -webkit-transform: translate(0); transform: translate(0); }
  10% { -webkit-transform: translate(-5%,-10%); transform: translate(-5%,-10%); }
  20% { -webkit-transform: translate(-15%,5%); transform: translate(-15%,5%); }
  30% { -webkit-transform: translate(7%,-25%); transform: translate(7%,-25%); }
  40% { -webkit-transform: translate(-5%,25%); transform: translate(-5%,25%); }
  50% { -webkit-transform: translate(-15%,10%); transform: translate(-15%,10%); }
  60% { -webkit-transform: translate(15%); transform: translate(15%); }
  70% { -webkit-transform: translateY(15%); transform: translateY(15%); }
  80% { -webkit-transform: translate(3%,35%); transform: translate(3%,35%); }
  90% { -webkit-transform: translate(-10%,10%); transform: translate(-10%,10%); }
}
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.02); }
::-webkit-scrollbar-thumb { background: #888; border-radius: 40px; }
/* Buttons
-----------------------------------------------------------------*/.butn { border: 1px solid transparent; }
.butn.butn-md { padding: 5px 20px; }
.butn.butn-full { width: 100%; padding: 15px 25px; text-align: center; }
.butn.butn-bord { border-color: #fff; background: transparent; color: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.butn.butn-bord:hover { background: #fff; color: #000; }
.butn.butn-bord:hover span { color: #000; }
.butn.butn-bord-thin { background: #fff; color: #000; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.butn.butn-bord-thin:hover { background: #fff; color: #000; }
.butn.butn-bord-thin:hover span { color: #000; }
.butn.butn-bg { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.butn.butn-bg:hover { background: transparent !important; border-color: #fff; color: #fff !important; }
.butn .rolling-text { margin-bottom: -5px; }
.btn-circle { border-radius: 50%; border: 1px solid #fff; width: 105px; height: 105px; position: relative; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.btn-circle:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.btn-circle:hover { border-color: #fff; }
.btn-circle:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.btn-circle:hover span { color: #1c1c1c; }
.btn-circle span { position: relative; z-index: 2; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.btn-circle span:last-of-type { display: block; padding-left: 10px; }
.btn-circle.btn-md { width: 120px; height: 120px; }
.btn-circle.btn-lg { width: 140px; height: 140px; }
.butn-circle-text .text { margin-right: 20px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.butn-circle-text .circle { width: 80px; height: 80px; line-height: 80px; text-align: center; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; }
.butn-circle-text .circle svg { width: 22px; height: 22px; }
.rmore.to-in { margin-left: -100px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.rmore.to-in:hover { margin-left: 0; }
.go-more { position: relative; padding: 0 20px; }
.go-more:after { content: ''; position: absolute; right: 5px; top: -10px; width: 40px; height: 40px; border-radius: 40px; background: rgba(255,255,255,0.05); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.go-more .icon { margin-left: 15px; bottom: -2px; position: relative; }
.go-more:hover:after { width: 100%; right: 0; }
.vew-all { position: relative; padding: 50px 0 50px 50px; z-index: 3; }
.vew-all:after { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100px; height: 100px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.12); border-right-color: transparent; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; z-index: -1; }
.vew-all:hover:after { -webkit-transform: translateY(-50%) rotate(360deg); -ms-transform: translateY(-50%) rotate(360deg); transform: translateY(-50%) rotate(360deg); }
/* Cursor
-----------------------------------------------------------------*/.hover-this .hover-anim { pointer-events: none; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear,-webkit-transform 0.2s linear; }
.cursor { pointer-events: none; position: fixed; padding: 0.3rem; background-color: #fff; border-radius: 50%; mix-blend-mode: difference; -webkit-transition: opacity 0.4s ease,-webkit-transform 0.3s ease; transition: opacity 0.4s ease,-webkit-transform 0.3s ease; -o-transition: transform 0.3s ease,opacity 0.4s ease; transition: transform 0.3s ease,opacity 0.4s ease; transition: transform 0.3s ease,opacity 0.4s ease,-webkit-transform 0.3s ease; z-index: 99999; }
.cursor-active { -webkit-transform: translate(-50%,-50%) scale(8); -ms-transform: translate(-50%,-50%) scale(8); transform: translate(-50%,-50%) scale(8); opacity: .1; }
.rolling-text { display: inline-block; overflow: hidden; line-height: 50px; height: 50px; }
.rolling-text.butn { padding: 0 35px; }
.social-text .rolling-text { line-height: 30px; height: 30px; }
.rolling-text:hover .letter,.rolling-text.play .letter { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.rolling-text .letter { display: inline-block; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.76,0,0.24,1); transition: -webkit-transform 0.5s cubic-bezier(0.76,0,0.24,1); -o-transition: transform 0.5s cubic-bezier(0.76,0,0.24,1); transition: transform 0.5s cubic-bezier(0.76,0,0.24,1); transition: transform 0.5s cubic-bezier(0.76,0,0.24,1),-webkit-transform 0.5s cubic-bezier(0.76,0,0.24,1); }
.letter:nth-child(1) { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.letter:nth-child(2) { -webkit-transition-delay: 0.015s; -o-transition-delay: 0.015s; transition-delay: 0.015s; }
.letter:nth-child(3) { -webkit-transition-delay: 0.03s; -o-transition-delay: 0.03s; transition-delay: 0.03s; }
.letter:nth-child(4) { -webkit-transition-delay: 0.045s; -o-transition-delay: 0.045s; transition-delay: 0.045s; }
.letter:nth-child(5) { -webkit-transition-delay: 0.06s; -o-transition-delay: 0.06s; transition-delay: 0.06s; }
.letter:nth-child(6) { -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; }
.letter:nth-child(7) { -webkit-transition-delay: 0.09s; -o-transition-delay: 0.09s; transition-delay: 0.09s; }
.letter:nth-child(8) { -webkit-transition-delay: 0.105s; -o-transition-delay: 0.105s; transition-delay: 0.105s; }
.letter:nth-child(9) { -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; }
.letter:nth-child(10) { -webkit-transition-delay: 0.135s; -o-transition-delay: 0.135s; transition-delay: 0.135s; }
.letter:nth-child(11) { -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; }
.letter:nth-child(12) { -webkit-transition-delay: 0.165s; -o-transition-delay: 0.165s; transition-delay: 0.165s; }
.letter:nth-child(13) { -webkit-transition-delay: 0.18s; -o-transition-delay: 0.18s; transition-delay: 0.18s; }
.letter:nth-child(14) { -webkit-transition-delay: 0.195s; -o-transition-delay: 0.195s; transition-delay: 0.195s; }
.letter:nth-child(15) { -webkit-transition-delay: 0.21s; -o-transition-delay: 0.21s; transition-delay: 0.21s; }
.letter:nth-child(16) { -webkit-transition-delay: 0.225s; -o-transition-delay: 0.225s; transition-delay: 0.225s; }
.letter:nth-child(17) { -webkit-transition-delay: 0.24s; -o-transition-delay: 0.24s; transition-delay: 0.24s; }
.letter:nth-child(18) { -webkit-transition-delay: 0.255s; -o-transition-delay: 0.255s; transition-delay: 0.255s; }
.letter:nth-child(19) { -webkit-transition-delay: 0.27s; -o-transition-delay: 0.27s; transition-delay: 0.27s; }
.letter:nth-child(20) { -webkit-transition-delay: 0.285s; -o-transition-delay: 0.285s; transition-delay: 0.285s; }
.letter:nth-child(21) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
/* Extra
-----------------------------------------------------------------*/.d-rotate { -webkit-perspective: 1000px; perspective: 1000px; }
.d-rotate .rotate-text { display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: translate3d(0px,50px,-50px) rotateX(-45deg) scale(0.95); transform: translate3d(0px,50px,-50px) rotateX(-45deg) scale(0.95); opacity: 0; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.d-rotate.animated .rotate-text { -webkit-transform: translate3d(0px,0px,0px) rotateX(0deg) scale(1); transform: translate3d(0px,0px,0px) rotateX(0deg) scale(1); opacity: 1; }
.d-slideup .sideup-text { overflow: hidden; display: block; }
.d-slideup .sideup-text:first-of-type .up-text { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; }
.d-slideup .sideup-text:nth-of-type(2) .up-text { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
.d-slideup .sideup-text:nth-of-type(3) .up-text { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.d-slideup .sideup-text:nth-of-type(4) .up-text { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
.d-slideup .sideup-text:nth-of-type(5) .up-text { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; }
.d-slideup .sideup-text .up-text { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.d-slideup.animated .up-text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.main-marq { position: relative; padding: 0; }
.main-marq:after { position: absolute; top: -30px; bottom: -30px; left: -30px; right: -30px; pointer-events: none; background: -webkit-linear-gradient(right,#181818,rgba(255,255,255,0) 220px,rgba(255,255,255,0) calc(100% - 220px),#181818); background: -o-linear-gradient(right,#181818,rgba(255,255,255,0) 220px,rgba(255,255,255,0) calc(100% - 220px),#181818); background: linear-gradient(to left,#181818,rgba(255,255,255,0) 220px,rgba(255,255,255,0) calc(100% - 220px),#181818); }
.main-marq.md-text .box .item h4 { font-size: 40px; }
.main-marq.lrg .box .item h4 { font-size: 5vw; }
.main-marq.xlrg .box .item { padding: 0 30px; }
.main-marq.xlrg .box .item h4 { font-size: 8vw; }
.main-marq .slide-har { display: -webkit-box; display: -ms-flexbox; display: flex; }
.main-marq .strok .item h4 { color: transparent !important; -webkit-text-stroke: 0.5px #fff; }
.main-marq .strok .item h4 a { color: transparent !important; -webkit-text-stroke: 0.5px #fff; }
.main-marq .non-strok .item h4 { color: #fff !important; -webkit-text-stroke: 0 !important; }
.main-marq .non-strok .item h4 a { color: #fff !important; -webkit-text-stroke: 0 !important; }
.main-marq .box { display: -webkit-box; display: -ms-flexbox; display: flex; }
.main-marq .box .item { padding: 0 30px; }
.main-marq .box .item h4 { white-space: nowrap; margin: 0; }
.main-marq .box .item h4 .icon { margin-bottom: -15px; }
.main-marq .box .item h2 { margin: 0; }
.main-marq .box .item:nth-of-type(even) h4 { color: transparent; -webkit-text-stroke: 0.5px #fff; }
.main-marq .box .item:nth-of-type(even) h4 a { color: transparent; -webkit-text-stroke: 0.5px #fff; }
.main-marq .box:last-of-type .item:nth-of-type(even) h4 { color: #fff; -webkit-text-stroke: 0; }
.main-marq .box:last-of-type .item:nth-of-type(even) h4 a { color: #fff; -webkit-text-stroke: 0; }
.main-marq .box:last-of-type .item:nth-of-type(odd) h4 { color: transparent; -webkit-text-stroke: 1px #fff; }
.main-marq .box:last-of-type .item:nth-of-type(odd) h4 a { color: transparent; -webkit-text-stroke: 1px #fff; }
.dark-text { color: #000 !important; }
.dark-text .box .item h4,.dark-text .box:last-of-type .item:nth-of-type(even) h4 { color: #000 !important; }
.dark-text .strok .box .item h4,.dark-text .box .item:nth-of-type(even) h4,.dark-text .box:last-of-type .item:nth-of-type(odd) h4 { -webkit-text-stroke: 1px #000; }
.light-text { color: #fff; }
.light-text .box .item h4,.light-text .box:last-of-type .item:nth-of-type(even) h4 { color: #fff; }
.light-text .box .item:nth-of-type(even) h4,.light-text .box:last-of-type .item:nth-of-type(odd) h4 { -webkit-text-stroke: 1px #fff; }
.slide-har { position: relative; }
.slide-har.st1 .box { position: relative; -webkit-animation: slide-har 80s linear infinite; animation: slide-har 80s linear infinite; }
.slide-har.st2 .box { position: relative; -webkit-animation: slide-har-revers 80s linear infinite; animation: slide-har-revers 80s linear infinite; }
@-webkit-keyframes slide-har {
  0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes slide-har {
  0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@-webkit-keyframes slide-har-revers {
  100% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes slide-har-revers {
  100% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
.main-marqv { position: relative; padding: 0; }
.main-marqv:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: -webkit-linear-gradient(bottom,#1d1d1d,rgba(255,255,255,0) 80px,rgba(255,255,255,0) calc(100% - 80px),#1d1d1d); background: -o-linear-gradient(bottom,#1d1d1d,rgba(255,255,255,0) 80px,rgba(255,255,255,0) calc(100% - 80px),#1d1d1d); background: linear-gradient(to top,#1d1d1d,rgba(255,255,255,0) 80px,rgba(255,255,255,0) calc(100% - 80px),#1d1d1d); pointer-events: none; }
.main-marqv .slide-vertical { overflow: hidden; height: 600px; margin: 0 auto; position: relative; }
.main-marqv .slide-vertical:hover .box { -webkit-animation-play-state: paused !important; animation-play-state: paused !important; }
.main-marqv .slide-vertical .box { position: relative; -webkit-animation: slide-vertical 50s linear infinite; animation: slide-vertical 50s linear infinite; }
@-webkit-keyframes slide-vertical {
  0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}
@keyframes slide-vertical {
  0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}
.imago { -webkit-clip-path: polygon(0 0,0% 0,0% 100%,0 100%); clip-path: polygon(0 0,0% 0,0% 100%,0 100%); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-filter: blur(5px); filter: blur(5px); -webkit-transition: -webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s; transition: -webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s; -o-transition: clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s; transition: clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s; transition: clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s,-webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s; position: relative; }
.imago.animated { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); }
.imago.simpl { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); }
/* ====================== [ Start Helper Classes  ] ====================== */
.o-hidden { overflow: hidden; }
.position-re { position: relative; }
.position-abs { position: absolute; }
.cursor-pointer { cursor: pointer; }
.revers-x { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.revers-y { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.full-over { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.ontop { position: relative; z-index: 7; }
.rest { padding: 0 !important; margin: 0 !important; }
img.out-box { width: 140%; }
img.left { margin-left: -40%; }
.no-bord { border: 0 !important; }
.bord-thin-top { border-top: 1px solid rgba(255,255,255,0.14); }
.bord-thin-bottom { border-bottom: 1px solid rgba(255,255,255,0.14); }
.bord-thin-right { border-right: 1px solid rgba(255,255,255,0.14); }
.bord-thin-left { border-left: 1px solid rgba(255,255,255,0.14); }
.radius-5 { border-radius: 5px !important; }
.radius-10 { border-radius: 10px !important; }
.radius-15 { border-radius: 15px !important; }
.radius-20 { border-radius: 20px !important; }
.radius-25 { border-radius: 25px !important; }
.radius-30 { border-radius: 30px !important; }
.radius-50 { border-radius: 50px; }
.order-md-1,.order-md-2,.order-md-3,.order-md-4 { -webkit-box-ordinal-group: inherit !important; -ms-flex-order: inherit !important; order: inherit !important; }
.full-width { width: 100% !important; }
.bg-img { background-size: cover; background-repeat: no-repeat; }
.bg-top { background-position: center top; }
.bg-bottom { background-position: center bottom; }
.bg-center { background-position: center center; }
.bg-fixed { background-attachment: fixed; }
.bg-repeat { background-size: auto; background-repeat: repeat; }
.bg-auto { background-size: auto; background-repeat: no-repeat; }
.section-padding { padding-top: 140px; padding-bottom: 140px; }
.section-ptb { padding: 80px 0; }
.cmd-padding { padding: 0 10px; }
.csm-padding { padding: 0 5px; }
.head-pt { padding: 80px 0 0; }
.head-pb { padding: 0 0 80px; }
.no-shad { -webkit-box-shadow: none; box-shadow: none; }
.fit-img { overflow: hidden; }
.fit-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.rounded { border-radius: 5px; }
.circle { border-radius: 50%; }
.circle-img {
  /*width:100%;*/
  /*height:100%;*/
  width:60px;height:60px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;
}
.circle-30 { width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; overflow: hidden; }
.circle-40 { width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; overflow: hidden; }
.circle-50 { width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; overflow: hidden; }
.circle-60 { width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; overflow: hidden; }
.circle-70 { width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 70px; overflow: hidden; }
.circle-80 { width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 80px; overflow: hidden; }
.circle-90 { width: 90px; height: 90px; border-radius: 50%; text-align: center; line-height: 90px; overflow: hidden; }
.circle-100 { width: 100px; height: 100px; border-radius: 50%; text-align: center; line-height: 100px; overflow: hidden; }
.circle-120 { width: 120px; height: 120px; border-radius: 50%; text-align: center; line-height: 120px; overflow: hidden; }
.nowrap { white-space: nowrap; }
.unlist { list-style: none; }
.underline a { text-decoration: none !important; font-style: italic; }
.underline span { text-decoration: underline; }
.undecro:hover { text-decoration: none; }
.inline { display: inline-block; }
.valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.horizontal-link li { display: inline-block; }
.rest { margin: 0; padding: 0; }
.plink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.social.circle-bord a { width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #eee; border-radius: 50%; }
.primery-shadow { -webkit-box-shadow: 0px 8px 30px -4px rgba(0,0,0,0.1); box-shadow: 0px 8px 30px -4px rgba(0,0,0,0.1); }
/*-------------------------------------------------------
           icon Size
-------------------------------------------------------*/.icon-img-20 { width: 20px; }
.icon-img-30 { width: 30px; }
.icon-img-40 { width: 40px; }
.icon-img-50 { width: 50px; }
.icon-img-60 { width: 60px; }
.icon-img-70 { width: 70px; }
.icon-img-80 { width: 80px; }
.icon-img-90 { width: 90px; }
.icon-img-100 { width: 128px; }
.icon-img-120 { width: 120px; }
/*-------------------------------------------------------
           Z-index
-------------------------------------------------------*/.zindex-1 { z-index: 1; }
.zindex-2 { z-index: 2; }
.zindex-3 { z-index: 3; }
.zindex-4 { z-index: 4; }
.zindex-5 { z-index: 5; }
.zindex-10 { z-index: 10; }
.zindex-99 { z-index: 99; }
/*-------------------------------------------------------
           opacity
-------------------------------------------------------*/.opacity-05 { opacity: .05 !important; }
.opacity-0 { opacity: 0 !important; }
.opacity-1 { opacity: .1 !important; }
.opacity-2 { opacity: .2 !important; }
.opacity-3 { opacity: .3 !important; }
.opacity-4 { opacity: .4 !important; }
.opacity-5 { opacity: .5 !important; }
.opacity-6 { opacity: .6 !important; }
.opacity-7 { opacity: .7 !important; }
.opacity-8 { opacity: .8 !important; }
.opacity-9 { opacity: .9 !important; }
/*-------------------------------------------------------
           text color
-------------------------------------------------------*/.text-white { color: #FFF; }
.text-black { color: #000; }
.text-dark { color: #444; }
.text-extra-light-gray { color: #b7b7b7; }
.text-hover-inherit:hover { color: inherit !important; }
.text-hover-light:hover { color: #fff !important; }
/*-------------------------------------------------------
          font-weight
-------------------------------------------------------*/.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
/*-------------------------------------------------------
           font-size
-------------------------------------------------------*/.fz-10 { font-size: 10px !important; }
.fz-12 { font-size: 12px !important; }
.fz-13 { font-size: 13px !important; }
.fz-14 { font-size: 14px !important; }
.fz-15 { font-size: 15px !important; }
.fz-16 { font-size: 16px !important; }
.fz-18 { font-size: 18px !important; }
.fz-20 { font-size: 20px !important; }
.fz-22 { font-size: 22px !important; }
.fz-24 { font-size: 24px !important; }
.fz-25 { font-size: 25px !important; }
.fz-26 { font-size: 26px !important; }
.fz-28 { font-size: 28px !important; }
.fz-30 { font-size: 30px !important; }
.fz-35 { font-size: 35px !important; }
.fz-40 { font-size: 40px !important; }
.fz-42 { font-size: 42px !important; }
.fz-44 { font-size: 44px !important; }
.fz-45 { font-size: 45px !important; }
.fz-46 { font-size: 46px !important; }
.fz-48 { font-size: 48px !important; }
.fz-50 { font-size: 50px !important; }
.fz-55 { font-size: 55px !important; }
.fz-60 { font-size: 60px !important; }
.fz-65 { font-size: 65px !important; }
.fz-70 { font-size: 70px !important; }
.fz-80 { font-size: 80px !important; }
.fz-100 { font-size: 100px !important; line-height: 1.1; }
.fz-120 { font-size: 120px !important; line-height: 1.1; }
/*-------------------------------------------------------
          line-height
-------------------------------------------------------*/.line-height-1 { line-height: 1; }
.line-height-10 { line-height: 10px; }
.line-height-13 { line-height: 13px; }
.line-height-18 { line-height: 18px; }
.line-height-20 { line-height: 20px; }
.line-height-22 { line-height: 22px; }
.line-height-24 { line-height: 24px; }
.line-height-26 { line-height: 26px; }
.line-height-28 { line-height: 28px; }
.line-height-30 { line-height: 30px; }
.line-height-35 { line-height: 35px; }
.line-height-40 { line-height: 40px; }
.line-height-45 { line-height: 45px; }
.line-height-50 { line-height: 50px; }
.line-height-55 { line-height: 55px; }
.line-height-60 { line-height: 60px; }
.line-height-65 { line-height: 65px; }
.line-height-70 { line-height: 70px; }
.line-height-75 { line-height: 75px; }
.line-height-80 { line-height: 80px; }
.line-height-85 { line-height: 85px; }
.line-height-90 { line-height: 90px; }
.line-height-95 { line-height: 95px; }
.line-height-100 { line-height: 100px; }
.line-height-110 { line-height: 110px; }
.line-height-120 { line-height: 120px; }
/*-------------------------------------------------------
          text-transform
-------------------------------------------------------*/.text-u { text-transform: uppercase !important; }
.text-l { text-transform: lowercase !important; }
.text-c { text-transform: capitalize !important; }
.text-non { text-transform: none !important; }
.text-i { font-style: italic; }
.text-left { text-align: left; }
.text-right { text-align: right; }
/*-------------------------------------------------------
           letter-spacing
-------------------------------------------------------*/.ls0 { letter-spacing: 0px !important; }
.ls1 { letter-spacing: 1px !important; }
.ls2 { letter-spacing: 2px !important; }
.ls3 { letter-spacing: 3px !important; }
.ls4 { letter-spacing: 4px !important; }
.ls5 { letter-spacing: 5px !important; }
.ls6 { letter-spacing: 6px !important; }
.ls7 { letter-spacing: 7px !important; }
.ls8 { letter-spacing: 8px !important; }
.ls9 { letter-spacing: 9px !important; }
.ls10 { letter-spacing: 10px !important; }
.ls15 { letter-spacing: 15px !important; }
.ls20 { letter-spacing: 20px !important; }
.ls25 { letter-spacing: 25px !important; }
.ls30 { letter-spacing: 30px !important; }
/*-------------------------------------------------------
       margin-top  (0/100) +5
-------------------------------------------------------*/.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-55 { margin-top: 55px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-62 { margin-top: 62px !important; }
.mt-65 { margin-top: 65px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-75 { margin-top: 75px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-85 { margin-top: 85px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-95 { margin-top: 95px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-140 { margin-top: 140px !important; }
/*-------------------------------------------------------
       margin-bottom  (0/100) +5
-------------------------------------------------------*/.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-55 { margin-bottom: 55px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-62 { margin-bottom: 62px !important; }
.mb-65 { margin-bottom: 65px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-75 { margin-bottom: 75px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-85 { margin-bottom: 85px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-95 { margin-bottom: 95px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-140 { margin-bottom: 140px !important; }
/*-------------------------------------------------------
       margin-right  (0/100) +5
-------------------------------------------------------*/.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-35 { margin-right: 35px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-45 { margin-right: 45px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-55 { margin-right: 55px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-62 { margin-right: 62px !important; }
.mr-65 { margin-right: 65px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-75 { margin-right: 75px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-85 { margin-right: 85px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-95 { margin-right: 95px !important; }
.mr-100 { margin-right: 100px !important; }
/*-------------------------------------------------------
       margin-left  (0/100) +5
-------------------------------------------------------*/.ml-auto { margin-left: auto; }
.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-35 { margin-left: 35px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-45 { margin-left: 45px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-55 { margin-left: 55px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-62 { margin-left: 62px !important; }
.ml-65 { margin-left: 65px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-75 { margin-left: 75px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-85 { margin-left: 85px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-95 { margin-left: 95px !important; }
.ml-100 { margin-left: 100px !important; }
.m-auto { margin-left: auto; margin-right: auto; }
.min-30 { margin-left: -30px; margin-right: -30px; }
/*-------------------------------------------------------
      margin left right  (0/50) +5
-------------------------------------------------------*/.margin-rl-5 { margin-right: 5px; margin-left: 5px; }
.margin-rl-10 { margin-right: 10px; margin-left: 10px; }
.margin-rl-15 { margin-right: 15px; margin-left: 15px; }
.margin-rl-20 { margin-right: 20px; margin-left: 20px; }
.margin-rl-25 { margin-right: 25px; margin-left: 25px; }
.margin-rl-30 { margin-right: 30px; margin-left: 30px; }
.margin-rl-35 { margin-right: 35px; margin-left: 35px; }
.margin-rl-40 { margin-right: 40px; margin-left: 40px; }
.margin-rl-45 { margin-right: 45px; margin-left: 45px; }
.margin-rl-50 { margin-right: 50px; margin-left: 50px; }
/*-------------------------------------------------------
      padding-top  (0/100) +5
-------------------------------------------------------*/.pt-0 { padding-top: 0 !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-35 { padding-top: 35px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-45 { padding-top: 45px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-55 { padding-top: 55px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-65 { padding-top: 65px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-75 { padding-top: 75px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-85 { padding-top: 85px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-95 { padding-top: 95px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-140 { padding-top: 140px !important; }
/*-------------------------------------------------------
     padding-bottom  (0/100) +5
-------------------------------------------------------*/.pb-0 { padding-bottom: 0 !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-35 { padding-bottom: 35px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-45 { padding-bottom: 45px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-55 { padding-bottom: 55px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-65 { padding-bottom: 65px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-75 { padding-bottom: 75px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-85 { padding-bottom: 85px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-95 { padding-bottom: 95px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-140 { padding-bottom: 140px !important; }
.no-padding { padding: 0 !important; }
.pr-30 { padding-right: 30px; }
.pr-50 { padding-right: 50px; }
.pl-30 { padding-left: 30px; }
.pl-50 { padding-left: 50px; }
/*-------------------------------------------------------
      padding left right  (0/50) +5
-------------------------------------------------------*/.padding-rl-5 { padding-right: 5px; padding-left: 5px; }
.padding-rl-10 { padding-right: 10px; padding-left: 10px; }
.padding-rl-15 { padding-right: 15px; padding-left: 15px; }
.padding-rl-20 { padding-right: 20px; padding-left: 20px; }
.padding-rl-25 { padding-right: 25px; padding-left: 25px; }
.padding-rl-30 { padding-right: 30px; padding-left: 30px; }
.padding-rl-35 { padding-right: 35px; padding-left: 35px; }
.padding-rl-40 { padding-right: 40px; padding-left: 40px; }
.padding-rl-45 { padding-right: 45px; padding-left: 45px; }
.padding-rl-50 { padding-right: 50px; padding-left: 50px; }
/* ====================== [ End Helper Classes  ] ====================== */
/* Preloader
-----------------------------------------------------------------*/body.loaded { overflow: hidden !important; height: 100% !important; }
@-webkit-keyframes loading {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes loading {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
/* ====================== [ Start Overlay ] ====================== */
[data-overlay-dark],[data-overlay-light] { position: relative; }
[data-overlay-dark] .container,[data-overlay-dark] .container-xxl,[data-overlay-light] .container-xxl,[data-overlay-light] .container { position: relative; z-index: 7; }
[data-overlay-dark]:before,[data-overlay-light]:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; pointer-events: none; }
[data-overlay-dark]:before { background: #1d1d1d; }
[data-overlay-light]:before { background: #fff; }
[data-overlay-dark],[data-overlay-dark] h1,[data-overlay-dark] h2,[data-overlay-dark] h3,[data-overlay-dark] h4,[data-overlay-dark] h5,[data-overlay-dark] h6,[data-overlay-dark] span,.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-dark span,.bg-color h1,.bg-color h2,.bg-color h3,.bg-color h4,.bg-color h5,.bg-color h6,.bg-color span { color: #fff; }
[data-overlay-dark="0"]:before,[data-overlay-light="0"]:before { opacity: 0; }
[data-overlay-dark="1"]:before,[data-overlay-light="1"]:before { opacity: .1; }
[data-overlay-dark="2"]:before,[data-overlay-light="2"]:before { opacity: .2; }
[data-overlay-dark="3"]:before,[data-overlay-light="3"]:before { opacity: .3; }
[data-overlay-dark="4"]:before,[data-overlay-light="4"]:before { opacity: .4; }
[data-overlay-dark="5"]:before,[data-overlay-light="5"]:before { opacity: .5; }
[data-overlay-dark="6"]:before,[data-overlay-light="6"]:before { opacity: .6; }
[data-overlay-dark="7"]:before,[data-overlay-light="7"]:before { opacity: .7; }
[data-overlay-dark="8"]:before,[data-overlay-light="8"]:before { opacity: .8; }
[data-overlay-dark="9"]:before,[data-overlay-light="9"]:before,[data-overlay-color="9"]:before { opacity: .9; }
[data-overlay-dark="10"]:before,[data-overlay-light="10"]:before { opacity: 1; }
/* ====================== [ End Overlay ] ====================== */
/* Menu
-----------------------------------------------------------------*/.navbar { position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%; background: transparent; border-bottom: 2px solid transparent; z-index: 999; }
.navbar.nav-crev { width: calc(100% - 80px); left: 40px; top: 30px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 40px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); min-height: auto; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; }
.navbar.nav-crev.nav-scroll { background: #1a1a1a; border-color: rgba(255,255,255,0.05); padding: 0; position: fixed; top: -80px; -webkit-transform: translateY(80px) !important; -ms-transform: translateY(80px) !important; transform: translateY(80px) !important; left: 0; width: 100%; border-radius: 0; }
.navbar.static { position: relative; }
.navbar.main-bg { background: #1a1a1a; border-color: rgba(255,255,255,0.05); }
.navbar.sub-bg { background: #1d1d1d; border-color: rgba(255,255,255,0.05); }
.navbar.blur { border-color: rgba(255,255,255,0.05); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.navbar.nav-scroll { background: #1a1a1a4d; border-color: rgba(255,255,255,0.05); padding: 0; backdrop-filter: blur(5px); position: fixed; top: -80px; -webkit-transition: -webkit-transform .8s; transition: -webkit-transform .8s; -o-transition: transform .8s; transition: transform .8s; transition: transform .8s,-webkit-transform .8s; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); }
.navbar .icon-bar { color: #fff; }
.navbar .navbar-toggler { display: none; }
.navbar .navbar-nav .nav-link { letter-spacing: 1px; font-size: 18px; color: #fff; padding: 20px 30px 15px 30px; margin: 0 5px; }
.navbar .navbar-nav .nav-link .rolling-text { height: 30px; line-height: 30px; }
.navbar .navbar-nav .dropdown-menu {
  border:unset !important;border-radius:unset !important;width:fit-content;min-width:unset !important;display:flex;gap:20px !important;position:relative !important;/* backdrop-filter:blur(5px);*/
  background-color:transparent;
}
.navbar .dropdown-menu { display: block; position: absolute; top: 75px; opacity: 0; visibility: hidden; border-radius: 0; color: #1d1d1d !important; background: #ffffff; border: 1px solid #393939; border-radius: 5px; min-width: 255px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.navbar .dropdown-menu.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.navbar .dropdown-menu.show-left .dropdown-item .dropdown-side { left: auto; right: 248px; }
.navbar .dropdown-menu .dropdown-item { overflow: hidden; font-size: 14px; color: #1d1d1d; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; padding: 0; position: relative; width: 250px; flex: 0 0 250px; }
.navbar .dropdown-menu .dropdown-item .dropdown-side { position: absolute; left: 248px; top: -15px; display: block; opacity: 0; visibility: hidden; border: 1px solid #393939; border-radius: 5px; background: #ffffff; width: 240px; padding: 20px 0px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.navbar .dropdown-menu .dropdown-item .dropdown-side.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.navbar .dropdown-menu .dropdown-item .icon-arrow { position: absolute; right: 15px; }
.navbar .dropdown-menu .dropdown-item:after { content: ''; width: 0px; height: 1px; background: #fff; position: absolute; left: 10px; top: 18px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.navbar .dropdown-menu .dropdown-item:hover { background: transparent; }
.navbar .dropdown-menu .dropdown-item:hover:after { width: 10px; }
.navbar .no-relative { position: static; }
.navbar .dropdown { position: relative; }
.navbar .dropdown-menu .dropdown-item .dropdowntext { position: absolute; z-index: 999999; top: 30px; left: 20px; width: 100%; height: 100%; }
.navbar .dropdown-menu .dropdown-item .dropdowntext a.dropTitle { font-size: 22px; color: #fff; font-family: "spaced"; text-wrap: wrap; width: 80%; line-height: 1.2; }
.dropdowntext a.themeBtn.leftalignBtn { font-size: 14px; padding: 8px 13px 8px 13px; line-height: 1 !important; color: #fff; margin-top: 15px; }
.dropdowntext a.themeBtn.leftalignBtn:hover { color: #000 !important; }
.navbar .mega-menu { width: 96vw; position: absolute; left: 2vw; top: 75px; padding: 40px 0 30px !important; border: 1px solid #393939; border-radius: 5px; overflow: hidden; }
.navbar .mega-menu .title { margin-bottom: 20px; }
.navbar .mega-menu .title .sub-title { font-weight: 600; }
.navbar .mega-menu .dropdown-item { padding: 10px 0; }
.navbar .mega-menu .dropdown-item:after { left: 0; }
.navbar .mega-menu .dropdown-item:hover { padding-left: 20px; }
.navbar .search-form { position: relative; }
.navbar .search-form.open .form-group { opacity: 1; visibility: visible; bottom: -1px; }
.navbar .search-form.open .search-icon .open-search { opacity: 0; visibility: hidden; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.navbar .search-form .form-group { position: absolute; right: 0; bottom: -35px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); padding: 15px; background: rgba(255,255,255,0.05); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.navbar .search-form .form-group input { padding: 10px 55px 10px 15px; background: #fff; border: 0; border-radius: 50px; }
.navbar .search-form .form-group button { position: absolute; top: 15px; right: 15px; padding: 10px 15px; background: #ccc; border: 0; border-radius: 50px; }
.navbar .search-form .search-icon { position: relative; padding: 25px 30px; cursor: pointer; }
.navbar .search-form .search-icon:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); }
.navbar .search-form .search-icon .open-search { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.navbar .menu-icon { padding: 25px 30px; }
.navbar .dropdown-toggle:after { margin-left: 5px; vertical-align: 12px; }
.hamenu { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background: #1d1d1d; overflow: hidden; z-index: 9999; -webkit-transition: all 0.5s cubic-bezier(1,0,0.55,1); -o-transition: all 0.5s cubic-bezier(1,0,0.55,1); transition: all 0.5s cubic-bezier(1,0,0.55,1); background: linear-gradient(257.94deg,#000000 -34.79%,#6130718f  99.23%); backdrop-filter: blur(25px); }
.hamenu .logo { position: absolute; top: 40px; left: 40px; }
.hamenu .close-menu { position: absolute; top: 30px; right: 40px; width: 30px; height: 30px; line-height: 30px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; text-align: center; cursor: pointer; z-index: 4; font-size: 10px !important; }
.hamenu .logo,.hamenu .close-menu { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.hamenu.open .logo,.hamenu.open .close-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.hamenu.open .menu-links .main-menu>li .link { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.hamenu.open .cont-info .item { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
.hamenu.open .menu-text .text { opacity: 1; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.hamenu.open .menu-text:after { height: 200vh; -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; }
.hamenu .menu-links { color: #fff; height: 100vh; padding-top: 140px; overflow: auto; }
.hamenu .menu-links::-webkit-scrollbar { width: 5px; }
.hamenu .menu-links::-webkit-scrollbar-track { background: #111; }
.hamenu .menu-links::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 5px; }
.hamenu .menu-links .main-menu { position: relative; z-index: 2; }
.hamenu .menu-links .main-menu ul { margin: 0; padding: 0; }
.hamenu .menu-links .main-menu>li { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.hamenu .menu-links .main-menu>li .link { font-size: 50px; font-family: 'Spaced'; font-weight: 500 !important; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2; padding: 20px 30px 20px 10px; border-top: 1px solid rgba(255,255,255,0.05); width: 100%; position: relative; display: block; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }
.hamenu .menu-links .main-menu>li .link i { position: absolute; width: 90px; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.02); }
.hamenu .menu-links .main-menu>li .link i:before { content: ''; width: 1px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; }
.hamenu .menu-links .main-menu>li .link i:after {
  /*content:'';*/
  /*width:16px;*/
  /*height:1px;*/
  /*position:absolute;*/
  /*top:calc(35% + 8px);*/
  /*left:calc(50% - 8px);*/
  /*background:#fff;*/
  content:'';width:16px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;
}
.hamenu .menu-links .main-menu>li .link.dopen i:before { opacity: 0; }
.hamenu .menu-links .main-menu>li .link .fill-text { position: relative; color: rgba(255,255,255,0.4); }
.hamenu .menu-links .main-menu>li .link .fill-text:after { content: attr(data-text); position: absolute; top: 0; left: 0; color: #fff; width: 100%; overflow: hidden; white-space: nowrap; -webkit-transition: width 0.75s cubic-bezier(0.63,0.03,0.21,1); -o-transition: width 0.75s cubic-bezier(0.63,0.03,0.21,1); transition: width 0.75s cubic-bezier(0.63,0.03,0.21,1); }
.hamenu .menu-links .main-menu>li:last-of-type .link { border-bottom: 1px solid rgba(255,255,255,0.05); }
.hamenu .menu-links .main-menu>li.hoverd .link .fill-text:after { width: 0; }
.hamenu .menu-links .main-menu>li .sub-dmenu { font-size: 30px; font-weight: 500; padding-left: 50px; text-transform: capitalize; letter-spacing: normal; border-color: rgba(255,255,255,0.02); background: rgba(255,255,255,0.009); }
.hamenu .menu-links .main-menu .sub-menu { display: none; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.05); }
.hamenu .menu-links .main-menu .sub-menu.no-bord { border-top: 0; padding: 0; }
.hamenu .menu-links .main-menu .sub-menu li { padding: 0; margin: 0; line-height: 1; font-size: 22px; font-weight: 400; }
.hamenu .menu-links .main-menu .sub-menu li a { padding: 12px 12px 12px 40px; opacity: .6; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; font-family: 'Spaced'; text-transform: uppercase; color: #fff !important; }
.hamenu .menu-links .main-menu .sub-menu li a:hover { opacity: 1; }
.hamenu .menu-links .main-menu .sub-menu2 { display: none; padding: 10px 0 20px; }
.hamenu .menu-links .main-menu .sub-menu2 li { padding: 0; margin: 0; line-height: 1; font-size: 22px; font-weight: 400; }
.hamenu .menu-links .main-menu .sub-menu2 li a { padding: 12px 12px 12px 70px; opacity: .6; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.hamenu .menu-links .main-menu .sub-menu2 li a:hover { opacity: 1; }
.hamenu .menu-text { position: relative; height: 100%; }
.hamenu .menu-text .text { position: absolute; right: 25%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.hamenu .menu-text .text h2 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); font-size: 10vw; font-weight: 800; line-height: 1; text-transform: uppercase; opacity: .02; }
.hamenu .menu-text:after { content: ''; width: 1px; height: 0; background: rgba(255,255,255,0.05); position: absolute; right: -30px; bottom: -75vh; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.hamenu .cont-info { padding-top: 140px; padding-left: 15px; position: relative; z-index: 3; }
.hamenu .cont-info:after { content: ''; width: 400%; height: 200vh; position: absolute; left: -30px; top: -75vh; background: #1a1a1a; z-index: -1; }
.hamenu .cont-info .item { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; opacity: 0; }
.hamenu .cont-info .item h5 { font-size: 20px; }
/* Titles
-----------------------------------------------------------------*/.sec-head .stroke { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.4); font-weight: 800; font-size: 55px; text-transform: uppercase; line-height: 1; }
.sec-head .bord { position: relative; padding-right: 30px; }
.sec-head .bord:after { content: ''; position: absolute; top: 0; right: 0; height: 40px; /*border-right: 1px solid rgba(255,255,255,0.1); */ }
.sub-title { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; }
.numb-font { font-family: "Roboto",sans-serif; }
.main-font { font-family: "Roboto",sans-serif; }
.sec-bottom { position: relative; }
.sec-bottom:after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; border-top: 1px solid rgba(255,255,255,0.1); }
.sec-bottom .d-flex { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: auto; border: 1px solid rgba(255,255,255,0.1); padding: 10px 30px; border-radius: 30px; position: relative; z-index: 3; }
/* Footer
-----------------------------------------------------------------*/footer .subscribe-minimal .form-group { position: relative; }
footer .subscribe-minimal input { color: #fff; background: transparent; border-radius: 30px; border: 1px solid rgba(255,255,255,0.1); width: 100%; padding: 15px 30px; }
footer .subscribe-minimal input:focus { border-color: rgba(255,255,255,0.5); }
footer .subscribe-minimal button { color: #fff; padding: 15px 0; position: absolute; top: 5px; right: 30px; background: transparent; border: 0; }
footer.clean-footer.crev { position: relative; }
footer.clean-footer.crev:after { content: ''; position: absolute; top: 0; left: 40px; right: 0; bottom: 40px; background: #1a1a1a; z-index: 2; }
footer.clean-footer.crev:before { background: -webkit-gradient(linear,left top,left bottom,from(#1d1d1d),to(rgba(29,29,29,0.7))); background: -webkit-linear-gradient(top,#1d1d1d,rgba(29,29,29,0.7)); background: -o-linear-gradient(top,#1d1d1d,rgba(29,29,29,0.7)); background: linear-gradient(180deg,#1d1d1d,rgba(29,29,29,0.7)); }
.modern-footer .bord-left { position: relative; }
.modern-footer .bord-left:after { content: ''; position: absolute; top: -80px; bottom: -80px; left: -80px; border-left: 1px solid rgba(255,255,255,0.1); }
/* Headers
-----------------------------------------------------------------*/.main-header { padding: 120px 0 0; background-size: cover; }
.main-header .container-fluid { width: calc(100% - 100px); margin: auto; }
.main-header .lg-text { margin-bottom: -50px; }
.main-header .lg-text h1 { text-transform: uppercase; font-size: 9vw; line-height: 1; }
/* Hero Section
-----------------------------------------------------------------*/section#herosec { position: relative; z-index: 9; overflow: visible; }
.bottomShadowHero { position: absolute; bottom: -20px; background-color: #1e0f1e; width: 100%; height: 50px; left: -10px; filter: blur(10px); }
.topshadowService { position: absolute; top: -20px; background-color: #1e0f1e; width: 100%; height: 50px; filter: blur(10px); }
.bottomshadowService { position: absolute; bottom: -20px; background-color: #1e0f1e; width: 100%; height: 50px; left: -10px; filter: blur(10px); }
.herosec-content { width: 100%; }
h1.bannerHed { font-family: "Spaced"; font-size: 85px !important; line-height: 95px !important; }
h1.bannerHed .textWriter { color: #FFE550; }
.spaceText .word .char { transition: transform 0.33s ease-in-out; }
.spaceText .word .before { position: relative; }
.spaceText .word .before .char { transform: translateY(0); }
.spaceText .word .after { position: absolute; top: 0; left: 0; }
.spaceText .word .after .char { transform: translateY(-100%); }
.spaceText .word .after .char:nth-child(even) { transform: translateY(100%); }
.spaceText.word:hover .before .char { transform: translateY(100%); }
.spaceText .word:hover .before .char:nth-child(even) { transform: translateY(-100%); }
.spaceText .word:hover .after .char { transform: translateY(0); }
/* Services
-----------------------------------------------------------------*/.serv-img .img { position: relative; }
.serv-img .img .circle-button { position: absolute; bottom: -1px; right: -50px; border-radius: 30px 0 0 0; }
.serv-img .img .circle-button .shap-left-bottom { position: absolute; bottom: -1px; left: -2.1rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.serv-img .img .circle-button .shap-left-bottom svg { width: 2.1rem; height: 2.1rem; }
.serv-img .img .circle-button .shap-right-top { position: absolute; top: -2.1rem; right: 50px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.serv-img .img .circle-button .shap-right-top svg { width: 2.1rem; height: 2.1rem; }
.services .item-box { padding: 60px 40px; border: 1px solid rgba(255,255,255,0.12); margin-bottom: 30px !important; }
.services .item-box .icon { width: 70px; }
.services .item-box .icon-box { display: inline-block; -webkit-box-shadow: inset -2px -2px 2px rgba(65,65,65,0.14),inset 2px 2px 5px rgba(7,7,7,0.38); box-shadow: inset -2px -2px 2px rgba(65,65,65,0.14),inset 2px 2px 5px rgba(7,7,7,0.38); border-radius: 15px; width: 80px; height: 80px; padding: 15px; }
.services .item-box .icon-box img { opacity: .7; }
.services .item-box.bg { background: rgba(255,255,255,0.01); }
.services .item-box2 { padding: 40px; border-radius: 20px; background: #1d1d1d; position: relative; overflow: hidden; }
.services .item-box2:hover .rmore { opacity: 1; top: 0px; right: 0px; }
.services .item-box2:hover .rmore .arrow img { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
.services .item-box2 .icon { width: 70px; opacity: .5; }
.services .item-box2 .rmore { position: absolute; top: -20px; right: -20px; background: #1a1a1a; padding: 10px; border-radius: 0 0 0 30px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; opacity: 0; }
.services .item-box2 .rmore:hover .arrow { background: #fff; }
.services .item-box2 .rmore .arrow { width: 70px; height: 70px; line-height: 70px; border: 1px solid rgba(255,255,255,0.08); border-radius: 50%; text-align: center; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.services .item-box2 .rmore .arrow img { opacity: 0; -webkit-transform: translateX(-20px) translateY(20px); -ms-transform: translateX(-20px) translateY(20px); transform: translateX(-20px) translateY(20px); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.services .item-box2 .rmore .shap-left-top { position: absolute; top: 0; left: -2.1rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); line-height: 1; }
.services .item-box2 .rmore .shap-left-top svg { width: 2.1rem; height: 2.1rem; }
.services .item-box2 .rmore .shap-right-bottom { position: absolute; bottom: -2.1rem; right: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); line-height: 1; }
.services .item-box2 .rmore .shap-right-bottom svg { width: 2.1rem; height: 2.1rem; }
.services .serv-swiper { -webkit-clip-path: inset(-100vw -100vw -100vw 0); clip-path: inset(-100vw -100vw -100vw 0); }
.services .swiper-container { overflow: visible; }
.services-tab .serv-tab-cont .tab-content { display: none; }
.services-tab .serv-tab-cont .tab-content.current { display: block; }
.services-tab .serv-tab-cont .item { position: relative; }
.services-tab .serv-tab-cont .item .img { width: 70%; height: 540px; }
.services-tab .serv-tab-cont .item .cont { position: absolute; bottom: -80px; left: 20%; right: 0; padding: 80px 40px; }
.services-tab .serv-tab-link .item-link { cursor: pointer; }
.services-tab .serv-tab-link .item-link span { margin-right: 30px; }
.services-tab .half-img-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: left top; background-size: 50%; pointer-events: none; }
.services-tab.revers .serv-tab-cont .item { position: relative; }
.services-tab.revers .serv-tab-cont .item .img { width: 70%; margin-left: 30%; height: 540px; }
.services-tab.revers .serv-tab-cont .item .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
.services-tab.revers .serv-tab-cont .item .cont { position: absolute; bottom: -2px; right: 30%; left: auto; padding: 60px 40px; }
.services-tab.revers .serv-tab-cont .item .cont .bg-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: bottom; pointer-events: none; }
.services-boxs .items { position: relative; bottom: -30px; }
.services-boxs .items:nth-of-type(even) { top: -30px; }
.services-boxs .item-box { padding: 60px 40px; border: 1px solid rgba(255,255,255,0.1); }
.services-boxs .item-box .icon { width: 70px; height: 70px; }
.services-boxs .item-box.bg { background: rgba(255,255,255,0.01); }
.services-boxs .item-box h5,.services-boxs .item-box p { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.services-boxs .item-box p { opacity: 0; }
.services-boxs .item-box:hover h5,.services-boxs .item-box:hover p { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.services-crev .item-box { padding: 40px 60px; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.01); position: relative; }
.services-crev .item-box .num { position: absolute; top: 40px; left: 40px; opacity: .7; }
.services-crev .item-box .icon { width: 80px; }
.services-dots .item { padding-top: 30px; }
.services-dots .item h4 { font-size: 120px; font-weight: 800; line-height: .8; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: cover; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; }
.services-dots .item h4:after { content: ''; position: absolute; top: -30px; left: 30px; bottom: -20px; width: 150px; background-image: url(../imgs/patterns/dots.html); background-repeat: repeat; z-index: -1; opacity: .1; }
.services-details .serv-imgs .img { height: 400px; }
/* Sliders
-----------------------------------------------------------------*/.full-showcase .parallax-slider { position: relative; }
.full-showcase .parallax-slider .swiper-slide { position: relative; overflow: hidden; width: 100%; min-height: 100vh; padding: 80px 0; }
.full-showcase .parallax-slider .swiper-slide .bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; }
.full-showcase .parallax-slider .swiper-slide .video-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.full-showcase .parallax-slider .swiper-slide .video-container video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
.full-showcase .parallax-slider .swiper-slide-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); z-index: 99; }
.full-showcase .parallax-slider .swiper-slide-active .caption .thin,.full-showcase .parallax-slider .swiper-slide-active .caption .btn-curve,.full-showcase .parallax-slider .swiper-slide-active .caption p { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.full-showcase .parallax-slider .caption h1 { font-size: 100px; }
.full-showcase .parallax-slider .caption .cal-act { position: relative; }
.full-showcase .parallax-slider .caption p { color: #eee; margin-top: 15px; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.full-showcase .swiper-controls { position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 9; }
.full-showcase .swiper-controls .swiper-button-prev,.full-showcase .swiper-controls .swiper-button-next { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: auto; color: #fff; z-index: 9; }
.full-showcase .swiper-controls .swiper-button-prev:after,.full-showcase .swiper-controls .swiper-button-next:after { display: none; }
.full-showcase .swiper-controls .swiper-button-prev span,.full-showcase .swiper-controls .swiper-button-next span { white-space: nowrap; }
.full-showcase .swiper-controls .swiper-button-prev { left: 120px; }
.full-showcase .swiper-controls .swiper-button-prev i { margin-right: 25px; }
.full-showcase .swiper-controls .swiper-button-next { right: 120px; }
.full-showcase .swiper-controls .swiper-button-next i { margin-left: 25px; }
.full-showcase .swiper-pagination { bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: auto; }
.full-showcase .swiper-pagination-bullet { background: transparent; margin: 0 10px !important; }
.full-showcase .swiper-pagination-bullet-active .path { display: inline-block !important; stroke-dasharray: 1000; stroke-dashoffset: 0; -webkit-animation: dash linear 10s; animation: dash linear 10s; -webkit-animation-iteration-count: unset; animation-iteration-count: unset; }
.full-showcase .path { display: none; }
@-webkit-keyframes dash {
  from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; }
}
@keyframes dash {
  from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; }
}
.carousel-slider { min-height: 100vh; position: relative; }
.carousel-slider .gallery-img .bg-img { height: 60vh; border-radius: 15px; overflow: hidden; position: relative; background-position: center; }
.carousel-slider .gallery-img .bg-img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.carousel-slider .gallery-text { position: absolute; width: auto; top: 70%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; margin: auto; z-index: 9; }
.carousel-slider .gallery-text .swiper-container,.carousel-slider .gallery-text .swiper-slide { height: 100px !important; }
.carousel-slider .gallery-text .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.carousel-slider .gallery-text .text { width: 100%; text-align: center; }
.carousel-slider .gallery-text .text h4 { font-size: 50px; font-weight: 500; line-height: 1; }
.carousel-slider .gallery-text .text h6 { margin-top: 15px; overflow: hidden; font-size: 16px; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; }
.carousel-slider .gallery-text .text h6 span { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.carousel-slider .gallery-text .swiper-slide-active .text h6 span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.carousel-slider .swiper-controls { position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 9; }
.carousel-slider .swiper-controls .swiper-button-prev,.carousel-slider .swiper-controls .swiper-button-next { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: auto; color: #fff; z-index: 9; }
.carousel-slider .swiper-controls .swiper-button-prev:after,.carousel-slider .swiper-controls .swiper-button-next:after { display: none; }
.carousel-slider .swiper-controls .swiper-button-prev span,.carousel-slider .swiper-controls .swiper-button-next span { white-space: nowrap; }
.carousel-slider .swiper-controls .swiper-button-prev { left: 120px; }
.carousel-slider .swiper-controls .swiper-button-prev i { margin-right: 25px; }
.carousel-slider .swiper-controls .swiper-button-next { right: 120px; }
.carousel-slider .swiper-controls .swiper-button-next i { margin-left: 25px; }
.carousel-slider .swiper-pagination { bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: auto; }
.carousel-slider .swiper-pagination-bullet { background: transparent; margin: 0 10px !important; }
.carousel-slider .swiper-pagination-bullet-active .path { display: inline-block !important; stroke-dasharray: 1000; stroke-dashoffset: 0; -webkit-animation: dash linear 10s; animation: dash linear 10s; -webkit-animation-iteration-count: unset; animation-iteration-count: unset; }
.carousel-slider .path { display: none; }
@keyframes dash {
  from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; }
}
.half-slider { min-height: 100vh; position: relative; }
.half-slider .gallery-img { width: 75vw; margin-left: 25vw; }
.half-slider .gallery-img .swiper-slide { height: 100vh; position: relative; overflow: hidden; }
.half-slider .gallery-img .swiper-slide-active .bg-img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.half-slider .gallery-img .bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear; background-position: center; }
.half-slider .gallery-img .bg-img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.half-slider .gallery-text { position: absolute; width: auto; top: 50%; left: -15vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; }
.half-slider .gallery-text .text h4 { font-size: 70px; font-weight: 600; color: transparent; -webkit-text-stroke: 0.5px rgba(255,255,255,0.5); -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; }
.half-slider .gallery-text .text h6 { margin-bottom: 15px; overflow: hidden; font-size: 16px; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; }
.half-slider .gallery-text .text h6 span { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.half-slider .gallery-text .swiper-slide-active .text h4 { color: #fff; -webkit-text-stroke: 0.5px rgba(255,255,255,0); }
.half-slider .gallery-text .swiper-slide-active .text h6 span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.half-slider .swiper-controls { position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 9; }
.half-slider .swiper-controls .swiper-button-prev,.half-slider .swiper-controls .swiper-button-next { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: auto; color: #fff; z-index: 9; }
.half-slider .swiper-controls .swiper-button-prev:after,.half-slider .swiper-controls .swiper-button-next:after { display: none; }
.half-slider .swiper-controls .swiper-button-prev span,.half-slider .swiper-controls .swiper-button-next span { white-space: nowrap; }
.half-slider .swiper-controls .swiper-button-prev { left: 120px; }
.half-slider .swiper-controls .swiper-button-prev i { margin-right: 25px; }
.half-slider .swiper-controls .swiper-button-next { right: 120px; }
.half-slider .swiper-controls .swiper-button-next i { margin-left: 25px; }
.half-slider .swiper-pagination { bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: auto; }
.half-slider .swiper-pagination-bullet { background: transparent; margin: 0 10px !important; }
.half-slider .swiper-pagination-bullet-active .path { display: inline-block !important; stroke-dasharray: 1000; stroke-dashoffset: 0; -webkit-animation: dash linear 10s; animation: dash linear 10s; -webkit-animation-iteration-count: unset; animation-iteration-count: unset; }
.half-slider .path { display: none; }
@keyframes dash {
  from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; }
}
.slider { position: relative; }
.slider .parallax-slider { position: relative; }
.slider .parallax-slider .swiper-slide { position: relative; overflow: hidden; width: 100%; min-height: 100vh; padding: 80px 0; border-radius: 0 0 0 30px; }
.slider .parallax-slider .swiper-slide .bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; }
.slider .parallax-slider .caption h2 { font-weight: 400; text-transform: uppercase; letter-spacing: 7px; }
.slider .parallax-slider .caption h1 { font-size: 110px; }
.slider .slider-contro { position: absolute; bottom: -2px; right: 0; border-radius: 40px 0 0 0; padding: 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 5; }
.slider .slider-contro .swiper-nav-ctrl { position: static; width: auto; height: auto; margin: 0; color: inherit; text-transform: uppercase; }
.slider .slider-contro .swiper-nav-ctrl:after { display: none; }
.slider .slider-contro .shap-left-bottom { position: absolute; bottom: 0; left: -2rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.slider .slider-contro .shap-left-bottom svg { width: 2.1rem; height: 2.1rem; }
.slider .slider-contro .shap-right-top { position: absolute; top: -2.05rem; right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.slider .slider-contro .shap-right-top svg { width: 2.1rem; height: 2.1rem; }
.slider .swiper-pagination { position: absolute; left: 30px; bottom: 20px; width: auto; font-size: 40px; }
.slider .swiper-pagination .swiper-pagination-total { position: relative; padding-left: 25px; margin-left: 15px; }
.slider .swiper-pagination .swiper-pagination-total:before { content: '/'; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; }
.swiper-arrow-control { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 25px; }
.swiper-arrow-control .swiper-button-next,.swiper-arrow-control .swiper-button-prev { position: static; width: 50px; height: 50px; background: rgba(255,255,255,0.01); border: 1px solid rgba(255,255,255,0.05); border-radius: 50%; color: inherit; }
.swiper-arrow-control .swiper-button-next:after,.swiper-arrow-control .swiper-button-prev:after { display: none; }
.swiper-arrow-control .swiper-button-next { margin-left: 15px; }
/* ====================== [ Start Responsive ] ====================== */
@media screen and (max-width:992px) {
  .hamenu .menu-links { padding-top: 100px; }
  .md-mb10 { margin-bottom: 10px; }
  .md-mb15 { margin-bottom: 15px; }
  .md-mb20 { margin-bottom: 20px; }
  .md-mb30 { margin-bottom: 30px; }
  .md-mb40 { margin-bottom: 40px; }
  .md-mb50 { margin-bottom: 50px !important; }
  .md-mb80 { margin-bottom: 80px; }
  .md-no-mrg { margin: 0 !important; }
  .md-pb10 { padding-bottom: 10px; }
  .md-pb20 { padding-bottom: 20px; }
  .md-pb30 { padding-bottom: 30px; }
  .md-pb40 { padding-bottom: 40px; }
  .md-pb50 { padding-bottom: 50px; }
  .md-pb60 { padding-bottom: 60px; }
  .md-pb70 { padding-bottom: 70px; }
  .md-pb80 { padding-bottom: 80px; }
  .md-pt80 { padding-top: 80px !important; }
  .md-no-pad { padding: 0 !important; }
  .md-center { text-align: center !important; }
  .order-md-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; }
  .order-md-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; }
  .order-md-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; }
  .order-md-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; }
  .md-hide { display: none; }
  .justify-end { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-end .vew-all { margin-left: 25px; margin-top: 25px; }
  .justify-end .swiper-controls { margin-top: 30px; }
  .justify-end .ml-auto { margin-left: 0; margin-top: 30px; }
  .row.sm-marg { margin-left: -15px; margin-right: -15px; }
  .row.sm-marg>* { padding-left: 15px; padding-right: 15px; }
  .row.stand-marg { margin-left: -15px; margin-right: -15px; }
  .row.stand-marg>* { padding-left: 15px; padding-right: 15px; }
  .row.md-marg { margin-left: -15px; margin-right: -15px; }
  .row.md-marg>* { padding-left: 15px; padding-right: 15px; }
  .row.lg-marg { margin-left: -15px; margin-right: -15px; }
  .row.lg-marg>* { padding-left: 15px; padding-right: 15px; }
  .row.xlg-marg { margin-left: -15px; margin-right: -15px; }
  .row.xlg-marg>* { padding-left: 15px; padding-right: 15px; }
  .row.xxlg-marg { margin-left: -15px; margin-right: -15px; }
  .row.xxlg-marg>* { padding-left: 15px; padding-right: 15px; }
  h1 { font-size: 50px; }
  h2 { font-size: 40px; }
  h3 { font-size: 30px; }
  h4 { font-size: 28px; }
  h5 { font-size: 23px; }
  h6 { font-size: 20px; }
  .fz-120 { font-size: 90px !important; }
  .fz-80 { font-size: 60px !important; }
  .fz-70 { font-size: 50px !important; }
  .hamenu .menu-text,.hamenu .cont-info { display: none; }
  .hamenu .menu-links { height: calc(100vh - 40px); }
  .sec-head h2 { font-size: 35px; }
  .main-header .lg-text h1 { font-size: 8vw; }
  .main-header .container-fluid { width: 100%; }
  .crev-agency-header { padding: 100px 0; }
  .crev-agency-header .left-clumn { display: none; }
  .crev-agency-header .right-clumn { padding: 0; border: 0; }
  .crev-agency-header .caption { width: 100%; padding: 0; }
  .crev-portfolio-header .caption h1 { font-size: 55px; }
  .crev-portfolio-header .numb-fixed { position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 30px; padding: 0; }
  .startup-header .bg-img { min-height: auto; }
  .startup-header .caption .lg-text { font-size: 65px; }
  .startup-header .caption .lg-text .text { display: inline-block !important; padding: 0 !important; }
  .work-asymetic .caption .lg-text .text { display: inline-block !important; padding: 0 !important; }
  .startup-header .caption p,.work-asymetic .caption p { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; margin-top: 30px; }
  .slider .parallax-slider .caption h2 { font-size: 25px; }
  .freelancer .img { width: 80%; margin: 0 auto; }
  .vcard-bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1a1a1a; opacity: .7; z-index: -1; }
  .services-boxs .items:nth-of-type(even) { top: auto; }
  .services-boxs .items { bottom: auto; }
  .services-crev .item-box { padding: 40px; }
  .services-crev .item-box .icon { margin-right: 50px !important; }
  .services-tab.mb-80 { margin-bottom: 0 !important; }
  .skills-img-crev { padding-bottom: 0 !important; }
  .skills-img-crev .img img { margin-bottom: 30px; }
  .skills-img-crev .img { width: 90%; margin-left: auto; margin-right: auto; }
  .skills-img-crev .img .rotate-butn-vid { bottom: 80px; left: -50px; }
  .inter-fixed-text .links-text { display: none; }
  .inter-fixed-text .links-img:hover .img img { -webkit-filter: none; filter: none; }
  .inter-fixed-text .links-img .items { margin-bottom: 50px; }
  .inter-fixed-text .links-img .items:last-of-type { margin-bottom: 0; }
  .inter-fixed-text .links-img .items .cont { display: block; }
  .team-tab .glry-img,.portfolio-tab .glry-img { display: none; }
  .portfolio-tab .cluom:hover .img { opacity: 1; visibility: visible; }
  .process .item:nth-of-type(2) { border: 0; }
  .testimonials .small-line { display: none; }
  .testimonials-crev .item .content { margin-left: 0 !important; }
  .testimonials-crev .item .circle { display: none; }
  .testimonials-crev .item .text .qout-svg { left: 0; }
  .brands-crev { padding-top: 140px !important; }
  .brands-crev .mt-100 { margin-top: 0 !important; }
  .brands-crev .mt-100 .item:last-of-type .top-right { top: auto; bottom: -.8rem; }
  .img-scale .image img { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; height: 100%; }
  .clean-footer .fz-120 { font-size: 90px !important; }
  .clean-footer .logo { margin-bottom: 50px; }
  .clean-footer .column { margin-bottom: 50px; }
  .clean-footer .mt-80 { margin-top: 30px !important; }
  .modern-footer .social-media { display: block !important; margin-top: 30px; }
  .modern-footer .call-action { margin-bottom: 50px; }
  .modern-footer .bord-left:after { display: none; }
  .page-header .fz-100,.page-header-cerv .fz-100 { font-size: 80px !important; }
  .page-intro-cerv { padding-bottom: 80px; }
  .page-intro-cerv .bg-dots { bottom: auto; left: auto; top: 60px; right: 0; width: 250px; height: 140px; }
  .page-intro-cerv .mt-100 { margin: 0 !important; }
  .page-intro-modern:after { height: auto; top: -100px; }
  .team-single .cont { padding: 60px 40px 0; }
  .team-single .cont .text { padding: 0; margin: 50px 0 0; }
  .work-metro .mt-140 { margin-top: 80px !important; }
  .filtering span { margin: 10px; }
  .portfolio-fixed { padding-top: 140px; }
  .portfolio-fixed .left { display: none; }
  .portfolio-fixed .right { padding: 0 15px 120px; }
  .portfolio-fixed .cont { opacity: 1 !important; margin-bottom: 80px; padding: 0 15px; }
  .portfolio-fixed .cont .img-hiden { display: block; margin-bottom: 30px; }
  .header-project1 .fz-100 { font-size: 80px !important; }
  .header-project1 .fz-120 { font-size: 60px !important; }
  .header-project1 .bg-img { background-position: center; }
  .header-project2 .project2 .img { height: auto; min-height: auto; }
  .img-column3 .img,.header-project1 .head-img { height: auto; }
  .img-column3 .img img,.header-project1 .head-img img { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }
  .works.thecontainer { width: 100%; min-height: auto; height: auto; display: block; padding: 70px 0 120px; }
  .works .panel { display: block; padding: 0 15px !important; }
  .works .panel .item { width: 100%; margin-top: 50px; }
  .img-column3 .img,.img-column .img { height: auto; min-height: auto; }
  .next-project .box .cont .fz-40 { font-size: 30px !important; }
  .full-showcase .parallax-slider .caption h1 { font-size: 80px; }
  .carousel-slider .gallery-text .text h4 { font-size: 34px; }
  .half-slider .gallery-img { width: 100%; margin-left: 0; }
  .half-slider .gallery-text { left: 0; }
  .half-slider .gallery-text .text { padding-left: 15px; }
  .half-slider .gallery-text { width: 100%; }
  .inter-links-center .links-text li h2 { font-size: 50px !important; }
  .interactive-center .item h4 { font-size: 50px; }
  .interactive-center .item .hover-reveal { width: 90vw !important; height: 90vh !important; left: 5vw !important; top: 5vh !important; }
  .inter-links-center.vertical { height: auto; }
  .inter-links-center.vertical .links-text { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
  .inter-links-center.vertical .links-text li { padding: 30px 0; }
}
@media screen and (max-width:768px) {
  .sm-mb10 { margin-bottom: 10px; }
  .sm-mb20 { margin-bottom: 20px; }
  .sm-mb30 { margin-bottom: 30px; }
  .sm-mb40 { margin-bottom: 40px; }
  .sm-mb50 { margin-bottom: 50px; }
  .sm-mb80 { margin-bottom: 80px; }
  .sm-pb10 { padding-bottom: 10px; }
  .sm-pb20 { padding-bottom: 20px; }
  .sm-pb30 { padding-bottom: 30px; }
  .sm-pb40 { padding-bottom: 40px; }
  .sm-pb50 { padding-bottom: 50px; }
  .sm-pb60 { padding-bottom: 60px; }
  .sm-pb70 { padding-bottom: 70px; }
  .sm-pb80 { padding-bottom: 80px; }
  .sm-hide { display: none; }
  .fz-70 { font-size: 40px !important; }
  h1 { font-size: 50px; }
  h2 { font-size: 34px; }
  h3 { font-size: 30px; }
  h4 { font-size: 28px; }
  h5 { font-size: 23px; }
  h6 { font-size: 18px; }
  .in-box { width: 100%; }
  .in-box.mb-15 { margin-bottom: 0 !important; }
  .hamenu .logo { left: 25px; }
  .hamenu .close-menu { top: 25px; right: 25px; }
  .hamenu .menu-links .main-menu>li .link { font-size: 16px; }
  .hamenu .menu-links .main-menu>li .sub-dmenu { font-size: 14px; }
  .hamenu .menu-links .main-menu .sub-menu li,.hamenu .menu-links .main-menu .sub-menu2 li { font-size: 14px; }
  .section-padding { padding-top: 100px; padding-bottom: 100px; }
  .sec-head .bord { display: block !important; }
  .sec-head .bord .ml-auto { margin-top: 15px !important; }
  .sec-head .bord .d-flex { display: block !important; }
  .sec-head h2 { font-size: 28px; }
  .sec-head .go-more { margin-top: 10px; }
  .main-header .lg-text { margin-bottom: -20px; text-align: center; }
  .main-header .lg-text .d-flex { display: none !important; }
  .main-header .lg-text h1 { font-size: 9vw; }
  .crev-agency-header .caption h1 { font-size: 45px; }
  .digital-header { width: 100%; }
  .digital-header .caption { padding: 30px; }
  .digital-header .caption h1 { font-size: 30px; }
  body.crev-portfolio main { padding: 0; }
  body.crev-portfolio section .sec-head .fixed-head h5 { font-size: 25px; }
  .crev-portfolio-header .caption h1 { font-size: 35px; }
  .startup-header .caption .lg-text { font-size: 35px; }
  .startup-header { padding: 0; }
  .slider .parallax-slider .caption h1 { font-size: 50px; }
  .slider .parallax-slider .caption h2 { letter-spacing: 1px; }
  .vcard-bg { background-position: 40%; }
  .work-asymetic .caption .lg-text { font-size: 55px; }
  .intro-card h2 { font-size: 60px; }
  .intro-card h2 .botm { font-size: 40px; }
  .about-crev .left-block .info { padding: 0 20px; }
  .about-crev .left-block .mz-shap { top: -65px; }
  .about .cont .d-flex.mt-100 { display: block !important; margin-top: 80px !important; }
  .about .cont .d-flex .ml-80 { margin: 30px 0 0 !important; }
  .skills-img-crev .img { width: 100%; }
  .skills-img-crev .img img { -webkit-transform: none; -ms-transform: none; transform: none; margin: 0; }
  .skills-img-crev .img .rotate-butn-vid { bottom: 90px; left: -15px; }
  .about-crev .left-block { margin-top: 65px !important; }
  .services-crev .item-box .d-flex { display: block !important; }
  .services-crev .item-box .icon { margin: 0 0 30px !important; }
  .services-crev .item-box .num { left: auto; right: 40px; }
  .services-tab .serv-tab-cont .item .img { width: 90%; }
  .services-tab .serv-tab-cont .item .cont { left: 15px; }
  .services-tab.revers .serv-tab-cont .item .img { width: 100%; margin-left: 0; }
  .services-tab.revers .serv-tab-cont .item .cont { right: 5%; padding: 40px 30px; }
  .inter-fixed-text .links-img .img { height: 400px; }
  .team-tab .cluom,.portfolio-tab .cluom { padding: 40px 30px; overflow: hidden; }
  .team-tab .cluom .info h4,.portfolio-tab .cluom .info h4 { font-size: 20px; }
  .team-tab .cluom .img,.portfolio-tab .cluom .img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; }
  .team-tab .cluom .img img,.portfolio-tab .cluom .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
  .team-tab .cluom .img:after,.portfolio-tab .cluom .img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1a1a1a; opacity: .15; }
  .portfolio-tab.crev .cluom { padding: 30px 10px !important; margin: 0 !important; }
  .portfolio-tab.crev .cluom .sub-title { letter-spacing: 1px; font-size: 13px; }
  .portfolio-tab.crev .cluom i { display: none; }
  .sec-bottom { font-size: 12px; }
  .sec-bottom .d-flex { padding: 5px 10px; }
  .sec-bottom p { font-size: 12px; }
  .sec-bottom .ml-40 { margin-left: 10px !important; }
  .numbers .item { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; }
  .half-block .colmn { padding: 40px 0; }
  .awards .item-line>div:last-of-type { text-align: left; }
  .testim-crev .item { padding: 50px 0 0; }
  .testim-crev .item .text { padding: 0 15px; }
  .testim-crev .item .text p { font-size: 15px !important; }
  .testim-crev .item .qout-svg { margin-right: 15px; }
  .testim-crev .item .info { margin-left: 0; }
  .testimonials .item .text .fz-30 { font-size: 16px !important; }
  .testimonials .item .text .qout-svg { position: absolute; left: -30px; top: -90px; width: 100px; }
  .testimonials .item .circle { width: 60px; height: 60px; }
  .testimonials .swiper-slide { padding-top: 60px; padding-left: 30px; }
  .testimonials .control-abslout { position: static; padding-left: 30px; margin-top: 15px; }
  .testim-crev .testim-swiper2 .item .qout-svg { margin-left: 15px; }
  .testimonials-crev .item h4 { font-size: 22px; }
  .testimonials-crev .item .text .qout-svg { top: -100px; width: 100px; }
  .testimonials-crev .control-abslout { right: 0; }
  .testim-crev .testim2 .item { padding: 30px 10px; }
  .testim-crev .testim2 .item .info .ml-auto { position: absolute; right: 5px; bottom: 5px; }
  .testim-crev .testim2 .item .info .ml-auto .qout-svg { width: 60px !important; }
  .brands-crev { padding-top: 100px !important; }
  .brands-crev .item { padding: 70px 10px; }
  .brands-crev .item img { width: 80px; }
  .brands-crev .item svg { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
  .brands-crev .item .top-left:after,.brands-crev .item .top-right:after,.brands-crev .item .bottom-left:after,.brands-crev .item .bottom-right:after { top: -10px; left: -10px; bottom: -10px; right: -10px; }
  .price-hr .item { display: block !important; }
  .price-hr .item .cont { margin: 15px 0 !important; }
  .price-hr .item .ml-auto { margin: 0 !important; text-align: left !important; }
  .price-hr .item .numb-font { font-size: 45px; margin-bottom: 10px; }
  .blog-list-half .item .cont .date { margin-top: 40px !important; }
  footer.clean-footer.crev:after { left: 0; bottom: 0; }
  footer.clean-footer.crev .cal-action .ml-30 { margin: 15px 0 0 !important; display: block; }
  .clean-footer .mt-80 { display: block !important; }
  .clean-footer .mt-80 .ml-auto { margin: 15px 0 0 !important; }
  .clean-footer .fz-120 { font-size: 70px !important; }
  .modern-footer .logo { width: 100px !important; }
  .modern-footer .social-media .ml-50 { margin-left: 20px !important; }
  .modern-footer .fz-60 { font-size: 30px !important; }
  .modern-footer .info { display: block !important; }
  .modern-footer .info .ml-30 { margin: 15px 0 0 !important; }
  footer .info-comp { display: block !important; }
  footer .info-comp .mr-30 { margin: 0 0 15px !important; }
  footer .sub-footer .links { -webkit-box-pack: inherit !important; -ms-flex-pack: inherit !important; justify-content: inherit !important; }
  footer .sub-footer .text-center { text-align: left !important; }
  .min-footer .logo { margin-bottom: 30px; }
  .min-footer .text-center { text-align: left !important; }
  .min-footer2 .logo { margin-top: 15px; margin-bottom: 20px; }
  .min-footer2 .links { -webkit-box-pack: inherit !important; -ms-flex-pack: inherit !important; justify-content: inherit !important; }
  .min-footer2 .order-md-3 .text-center { text-align: left !important; }
  .min-footer2 .fz-100 { font-size: 55px !important; }
  .page-header .fz-100,.page-header-cerv .fz-100 { font-size: 45px !important; }
  .team-single .cont { padding: 60px 5px 0; }
  .skills .resume-exp .box-items .item:nth-of-type(1) { border-right: 0; }
  .skills .resume-exp .box-items .item:nth-of-type(3) { border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
  .portfolio-fixed { padding-top: 100px; }
  .full-showcase .swiper-controls .swiper-button-next,.carousel-slider .swiper-controls .swiper-button-next,.half-slider .swiper-controls .swiper-button-next { right: 50px; }
  .full-showcase .swiper-controls .swiper-button-prev,.carousel-slider .swiper-controls .swiper-button-prev,.half-slider .swiper-controls .swiper-button-prev { left: 50px; }
  .full-showcase .swiper-pagination,.carousel-slider .swiper-pagination,.half-slider .swiper-pagination { display: none; }
  .full-showcase .parallax-slider .caption h1 { font-size: 40px; }
  .carousel-slider .gallery-text .text h4 { font-size: 24px; }
  .carousel-slider .gallery-text .text h6 { font-size: 14px; letter-spacing: 1px; }
  .half-slider .gallery-text .text h4 { font-size: 35px; }
  .inter-links-center .links-text li h2 { font-size: 28px !important; }
  .inter-links-center.vertical .links-text li,.inter-links-center .links-text li { padding: 20px 0; }
  .interactive-center .item h4 { font-size: 30px; }
  .interactive-center .item a { padding: 25px 0; }
  .interactive-center .item .hover-reveal { width: 90vw !important; height: 90vh !important; left: 5vw !important; top: 5vh !important; }
  .go-more { padding: unset !important; }
  .go-more::after { right: -13px !important; }
  .sec-head .bord { padding-right: 0px !important; }
}
/* ====================== [ End Responsive ] ====================== */
/*=======Custome====C=============*/
.navbar-expand-lg .navbar-collapse { padding: 0 5%; }
.links { font-size: 50px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2; padding: 20px 30px; border-top: 1px solid rgba(255,255,255,0.05); width: 100%; position: relative; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }
.review-star { width: 100px !important; }
@media screen and (max-width:768px) {
  .my-skills2 .item .box-bord { padding: 10px !important; }
}
@media screen and (max-width:430px) {
  .my-skills2 .item .box-bord { padding: 6px !important; }
  .icon-img-100 {
    width:128px;/*padding-left:25px;*/
    padding-top:2px;
  }
  /*.mb-p{*/
  /*    padding-left:36px !important;*/
  /*    padding-right:36px !important;*/
  /*}
  */
  .mb-p-slide { padding: 25px !important; }
  .freelancer .caption h1 { top: 43%; left: 50%; }
  .my-skills2 .item .img { margin: 16px; }
  .mb-80 { margin-top: 60px !important; }
  .blog-crev .item .cont { padding: 30px 20px !important; }
  .blog-header .info { display: grid !important; }
  .blog-header .right-info { margin-top: 30px; margin-left: 0px; }
}
/* img.img-fluid.planetaniamtion{position: absolute; bottom: -50px; left: 50px; animation: animName 15s linear infinite; }@keyframes animName{0%{transform: rotate(0deg); }100%{transform: rotate(360deg); }}
 */
/* menu toggle */
.dropdown-div .row { margin-right: 0px !important; margin-left: 0px !important; }
.dropdown-div { display: none; left: 0; position: absolute; width: fit-content !important; opacity: 0; transform: translateY(-10px); transition: opacity 0.4s,transform 0.4s; z-index: 777 !important; gap: 20px; transform: translate(-25%,10px) !important; }
.dropdown-div.show { display: flex !important; opacity: 1; transform: translateY(0); gap: 20px !important; }
.navbar .dropdown-menu {
  opacity:1 !important;visibility:unset !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;-webkit-transition:unset !important;-o-transition:unset !important;transition:unset !important;/* min-width:21% !important;*/
  padding:unset !important;/* display:flex;flex-direction:column;align-items:center;*/
  width:80%;/* position:absolute;*/
  top:0px !important;/* left:50%;transform:translate(-50%,-50%) !important;border:1px solid #1d1d1d !important;*/
  
}
.dropdown-div .first-col { padding-left: calc(var(--bs-gutter-x) * .5) !important; }
.dropdown-div .second-col { padding: 30px 46px 30px 30px; background-color: #fff !important; }
.mega-menu-header { margin-bottom: 10px; }
.mega-menu-header h5 { margin: 0; font-weight: bold; font-size: 18px; color: #1d1d1d; }
.sidemenu h6 { color: #1d1d1d; font-weight: 600; font-size: 15px; }
.sidemenu p { color: #828282; font-size: 14px; }
.mega-menu-header hr { margin-top: 10px; border: none; border-top: 1px solid #2d2d2d; }
.side-submenu { padding-left: 0px; }
.side-submenu li { color: #828282; font-size: 14px; }
.submenu.active { background-color: unset !important; }
.dropdown-div .first-col { position: relative; height: fit-content; }
li.dropdown-item.submenu.active { background-color: #fff !important; color: #000 !important; }
li.dropdown-item.submenu { background-color: #000 !important; color: #fff !important; }
button.go-to-website-button { border: 1px solid #1d1d1d; padding: 10px 20px; border-radius: 25px; background-color: #fff; color: #1d1d1d; font-size: 14px; }
button.go-to-website-button:hover { background-color: #1d1d1d !important; color: #fff; }
.web-btn { display: flex; justify-content: space-between; align-items: center; margin-top: 50px; }
.services-list {
  display:flex;gap:10px;color:#1d1d1d;/*font-style:italic;*/
  font-size:14px;
}
/*.services-list span:hover{*/
/*    color:#4193ff !important;*/
/*}*/
/*@media only screen and (min-width:1921px){*/
/*    .dropdown-div.show{*/
/*        width:50% !important;*/
/*        left:23% !important;*/
/*}*/
/*}*/
/*@media only screen and (min-width:1801px) and (max-width:1920px){*/
/*    .dropdown-div.show{*/
/*        width:60% !important;*/
/*        left:19% !important;*/
/*}*/
/*}*/
/*@media only screen and (min-width:1601px) and (max-width:1800px){*/
/*    .dropdown-div.show{*/
/*        width:65% !important;*/
/*        left:17% !important;*/
/*}*/
/*}*/
/*@media only screen and (min-width:1201px) and (max-width:1600px){*/
/*    .dropdown-div.show{*/
/*        width:70% !important;*/
/*        left:17% !important;*/
/*}*/
/*}*/
/*@media only screen and (min-width:992px) and (max-width:1200px){*/
/*    .dropdown-div.show{*/
/*        width:66% !important;*/
/*        left:19% !important;*/
/*}*/
/*}*/
/* Quote Modal */
div#quoteModal .modal-header { color: #1d1d1d !important; text-align: center !important; display: block !important; border-bottom: unset !important; padding: unset !important; }
div#quoteModal .modal-body { padding: unset !important; margin-top: 20px; }
div#quoteModal p { line-height: unset !important; margin-top: 10px; font-size: 13px !important; color: #939393 !important; }
div#quoteModal .modal-lg { top: 50%; left: 50%; transform: translate(-50%,-50%); margin: unset !important; }
div#quoteModal .modal-content { border-radius: 50px !important; padding: 40px; }
#quoteForm label { color: #000; font-size: 14px; margin-bottom: 5px; }
#quoteForm h6 { color: #707070 !important; font-size: 14px !important; }
#quoteForm .form-control { border: none; border-radius: 0; border-bottom: 1px solid #1d1d1d; box-shadow: none; padding: 0; font-size: 14px; color: #939393; }
#quoteForm .form-control:focus { border-color: #1d1d1d; box-shadow: none; outline: none; }
#quoteForm .row { margin-bottom: 10px; }
/* input[type=date]::-webkit-datetime-edit-text{-webkit-appearance: none; display: none; }input[type=date]::-webkit-datetime-edit-month-field{-webkit-appearance: none; display: none; }input[type=date]::-webkit-datetime-edit-day-field{-webkit-appearance: none; display: none; }input[type=date]::-webkit-datetime-edit-year-field{-webkit-appearance: none; display: none; }
 */
.get-quote-submit { text-align: center; margin-top: 10px; }
.get-quote-submit .quote-btn { background-color: #1d1d1d; border: unset; border-radius: 25px; padding: 10px 35px; font-size: 14px; color: #fff; }
.get-quote-submit .quote-btn:hover { background-color: #fff; color: #1d1d1d; border: 1px solid #1d1d1d; }
.get-quote-submit .quote-btn:focus { background-color: #1d1d1d; border: unset; color: #fff; }
.get-quote-submit .btn-primary:active:focus { box-shadow: unset !important; }
#service .button-group-pills .btn {
  border-radius:20px;/* line-height:1.2;*/
  margin-bottom:15px;/* margin-left:10px;*/
  /*border-color:#1d1d1d;*/
  background-color:#FFF;color:#1d1d1d;padding:8px 20px !important;border:1px solid #1d1d1d;display:inline-block;cursor:pointer;
}
#service .button-group-pills .btn-default div { color: #1d1d1d; }
/*#service .button-group-pills .btn.active{*/
/*    border-color:#d0d0d0;*/
/*    background-color:#d0d0d0;*/
/*    color:#FFF;*/
/*    box-shadow:none;*/
/*}*/
/*#service .button-group-pills .btn:hover{*/
/*    border-color:#d0d0d0;*/
/*    background-color:#d0d0d0;*/
/*    color:#FFF;*/
/*}*/
#service .button-group-pills .btn input[type=checkbox] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; }
#service .button-group-pills label { margin-bottom: 15px !important; }
#service .button-group-pills label:not(:first-child):not(:nth-child(6)) { margin-left: 8px; }
#budget .button-group-pills .btn { border-radius: 15px; margin-bottom: 15px; border-color: #1d1d1d; background-color: #FFF; color: #1d1d1d; padding: 20px; }
#budget .button-group-pills .btn-default div { color: #1d1d1d; text-align: left; }
#budget .button-group-pills .btn-default div h6 { color: #1d1d1d !important; }
#budget .button-group-pills .btn.active { border-color: #d0d0d0; background-color: #d0d0d0; color: #FFF; box-shadow: none; }
#budget .button-group-pills .btn:hover { border-color: #d0d0d0; background-color: #d0d0d0; color: #FFF; }
#budget .button-group-pills .btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; }
#budget .button-group-pills label { margin-bottom: 15px !important; }
#budget .button-group-pills label:not(:first-child):not(:nth-child(6)) { margin-left: 20px; }
#budget .button-group-pills .tbc { padding: 30px 45px !important; }
#quoteForm label.error { color: red !important; margin-bottom: 0px !important; padding-left: 10px; }
#thankYouModal .modal-lg { top: 50%; left: 50%; transform: translate(-50%,-50%); margin: unset !important; }
#thankYouModal .modal-header { border-bottom: unset !important; }
#thankYouModal .modal-content { padding: 25px; }
#thankYouModal .modal-footer { border-top: unset !important; }
#thankYouModal .done-btn { background-color: #1d1d1d; border: unset; padding: 8px 30px; border-radius: 25px; color: #fff; }
#thankYouModal .done-btn:hover { background-color: #fff; color: #1d1d1d; border: 1px solid #1d1d1d; }
#thankYouModal img { width: 50px; }
#thankYouModal .modal-body h6 { color: #1d1d1d; margin-top: 20px; }
.loadoverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9999; display: none; }
.spinner { position: absolute; top: 50%; left: 50%; border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db; width: 40px; height: 40px; animation: spin 1s linear infinite; }
@keyframes spin {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.go-to-website-button .icon-arrow { padding-left: 10px; }
.navbar .dropdown-menu .dropdown-item::after { display: none; }
.other-services .img-div { padding-left: 0px; padding-right: 0px; height: 430px; /*width: 430px; */ }
.other-services .img-div img { width: 100%; height: 100%; }
.other-services .single-b img { border-top-left-radius: 25px; border-top-right-radius: 25px; }
.other-services .bl-right img { border-top-right-radius: 25px; }
.other-services .bl-left img { border-top-left-radius: 25px; }
.other-services .content-div {
  padding-left:0px;padding-right:0px;/* border:1px solid #fff;*/
  height:430px;
}
.other-services .content-div p { border: 1px solid rgba(255,255,255,0.14); height: 430px; padding: 30px; display: flex; align-items: flex-end; }
.gotoweb:hover { background-color: #000; border: 1px solid #000; color: #fff; }
.gotoweb { border: 1px solid #1d1d1d; padding: 10px 20px; border-radius: 25px; background-color: #fff; color: #1d1d1d; font-size: 14px; }
.gotoweb .icon-arrow { padding-left: 10px; }
.news-share { padding: 10px 20px 10px 0px !important; }
.title-widget.services li { display: grid !important; }
.title-widget.services .rest li .row {
  display:flex;/* Use flexbox for layout */
  align-items:center;/* Align items vertically in the middle */
  
}
.title-widget.services .rest .nested-list { margin-top: 10px; /* Add margin to the nested list */ }
ul.nested-list li { padding: 0px !important; }
ul.nested-list li:first-child { margin-top: 20px; /* Adjust the margin as needed */ }
ul.nested-list { padding-left: 15px; }
.messages.green { color: #fff !important; }
.messages.red { color: red !important; }
.navbar-nav>.nav-item:not(.dropdown):not(.dropdown-item),.drop-menu { font-family: "HaasGrot-Disp"; }
.dropdown-div .selected a:hover h6 { color: #4193ff !important; }
.video-container { position: relative; width: 100%; height: 100%; padding-bottom: 56.25%; }
.video-container iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.ads-lastsec { border: 1px solid rgba(255,255,255,0.14); border-top: 0px !important; padding: 30px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; display: flex; align-items: center; }
.ads-web-btn { float: right; }
/*.dropdown-div .row{*/
/*    margin-right:0px !important;*/
/*    margin-left:0px !important;*/
/*}*/
/*.dropdown-div.show{*/
/*    width:100% !important;*/
/*    left:0% !important;*/
/*    position:absolute;*/
/*}*/
.float { position: fixed; width: 45px; height: 45px; bottom: 90px; right: 30px !important; background-color: transparent; color: #FFF; border-radius: 50px; text-align: center; font-size: 27px; z-index: 100; text-transform: uppercase; transition: all 0.2s ease; opacity: 0; visibility: hidden; }
.float:hover { transform: scale(1.1); }
.tooltip { visibility: hidden; width: 120px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 50px; left: 50%; margin-left: -80px; opacity: 0; transition: opacity 0.3s; }
.float:hover .tooltip { visibility: visible; opacity: 1; }
/* Blog Comments */
.blog-details .author-area { padding: 20px !important; background: #333333; border-bottom: unset !important; }
.blog-details .author-area .author-img .img { width: 70px !important; height: 70px !important; background-color: #000000; border-radius: 50px; display: flex; justify-content: center; align-items: center; }
.blog-details .author-area .author-img .short_name { display: flex; justify-content: center; align-items: center; font-size: 30px; font-weight: 600; }
.blog-details .author-area .author-img { display: flex; align-items: center; }
.blog-details .author-area .cont p { line-height: 20px !important; margin-bottom: 20px; }
.blog-details .author-area .actions { position: absolute; bottom: 10px; right: 10px; color: #c6c8c9; padding-right: 30px; font-size: 15px; margin-bottom: 20px; }
.blog-details .author-area .actions .view-more { padding-left: 10px; }
.blog-details .author-area .actions .heart-icon { margin-left: 10px; }
.sub-comments { position: relative; margin-left: 135px; background: #212121 !important; }
#comment { border-left: 1px solid #333333 !important; }
.sub-comments:after { position: absolute; content: '\00a0'; width: 135px; top: 50%; margin-top: -1px; margin-left: -135px; left: -1px; border-bottom: 1px solid #333333; z-index: -1; height: 0px; }
@media only screen and (max-width:576px) {
  .sub-comments { margin-left: 55px !important; }
  .sub-comments::after { width: 55px !important; margin-left: -55px !important; }
  .blog-details .author-area { padding: 25px 20px !important; }
  .blog-details .author-area .cont p { margin-bottom: 35px !important; }
  .blog-details .author-area .actions { margin-bottom: 13px !important; }
}
/* Quotation */
.quote-form {
  border:1px solid rgba(255,255,255,0.05);border-radius:50px;/* padding:31px;*/
  margin:0px 150px;background-color:#fff;
}
.quote-form h6 { color: #1d1d1d; font-style: italic; margin-bottom: 15px; font-weight: 600; }
.quote-form p { margin-bottom: 20px; line-height: 20px; color: #939393; }
#quoteForm hr { border: 1.5px solid #1d1d1d !important; background-color: #1d1d1d !important; opacity: unset !important; margin: 3rem 0; }
#quoteForm { padding-left: 0px; padding-right: 0px; }
#quoteForm .first-section { padding: 40px 40px 0px 40px; }
#quoteForm .second-section { padding: 0px 40px 0px 40px; }
#quoteForm .third-section { padding: 0px 40px 40px 40px; }
#quoteForm h6 {
  /*repeat*/
  color:#1d1d1d !important;
}
#service .button-group-pills .btn:hover {
  /*repeat*/
  color:#1d1d1d;background-color:#fff;border:2px solid #4193ff;
}
#service .button-group-pills .btn.active {
  /*repeat*/
  background-color:#fff;color:#1d1d1d;box-shadow:none;border:2px solid #4193ff;
}
.get-quote-submit {
  /*repeat*/
  text-align:right;margin-top:10px;
}
.service-table:after { content: ""; display: table; clear: both; }
#quoteForm .form-control {
  /*repeat*/
  border:none;border-radius:0;border-bottom:1px solid #d0d0d0;box-shadow:none;padding:0;font-size:14px;color:#939393;
}
.service-table { display: flex; border: 1px solid #d0d0d0; border-radius: 12px; margin-bottom: 5px; }
.services-div { padding: 0px; border-right: 1px solid #d0d0d0; }
/*.service-table>div:last-child{*/
/*    border-right:none;*/
/*}*/
.service-table p { margin-bottom: unset !important; padding: 1rem .75rem; color: #1d1d1d; font-weight: 600; }
.service-table .select-budget { padding: unset !important; }
.service-table .select-budget .budget-values { border: none !important; border-bottom: unset !important; padding: .375rem 3.75rem; border-radius: 12px !important; }
.select-budget select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("../../img/down-arrow.png"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 30px; background-size: 16px; direction: rtl; }
/* Media Queries */
/* Tablet */
@media only screen and (max-width:767px) {
  .quote-form { margin: 0px; border-radius: 25px; }
  #quoteForm .first-section { padding: 30px 20px 0px 20px; }
  #quoteForm label { margin-top: 10px; margin-bottom: 5px; }
  #quoteForm .second-section { padding: 0px 20px 0px 20px; }
  #quoteForm .third-section { padding: 0px 20px 30px 20px; }
  #service .button-group-pills label { margin-bottom: 0px !important; }
  #budget .button-group-pills label:not(:first-child):not(:nth-child(6)) { margin-left: unset !important; }
  .ads-web-btn { float: unset !important; text-align: center; }
}
@media only screen and (max-width:576px) {
  .quote-form { margin: 0px; border-radius: 25px; }
  #service .button-group-pills label:not(:first-child):not(:nth-child(6)) { margin-left: 0px; }
  #service .button-group-pills .btn { padding: 8px 16px !important; }
  .service-table .select-budget .budget-values { padding: .375rem 2.75rem; }
  .service-table .select-budget { width: 100%; }
}
@media only screen and (min-width:577px) and (max-width:767px) {
  .quote-form { border-radius: 25px; }
  #service .button-group-pills label:not(:first-child):not(:nth-child(6)) { margin-left: 0px; }
  .service-table .select-budget .budget-values { padding: .375rem 2.75rem !important; }
  .service-table .select-budget { width: 100%; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .quote-form { margin: 0px 60px; }
  #budget .button-group-pills label:not(:first-child):not(:nth-child(6)) { margin-left: unset !important; }
}
@media only screen and (min-width:992px) and (max-width:1399px) {
  .quote-form { margin: 0px 90px; }
}
.blur-background { filter: blur(5px); }
.search-ico { width: 20px; filter: brightness(0) invert(1); }
.search-form-container { overflow: inherit; transition: transform 0.5s ease,padding 0.5s ease; position: absolute; right: 0; top: 100%; height: 50%; width: 0; z-index: 666; padding: 0px; transform: translateY(-10%); }
.search-form-container.open { width: 100%; height: 100%; transform: translateY(0); padding: 10px 0px; }
.search-icon img { cursor: pointer; }
.search-form .search-icon .close-search { display: none; }
.search-form-container .form-group {
  position:relative;background-color:white;border-radius:25px;padding:10px 15px;transition:all .4s;/*border:1px solid #1d1d1d;*/
  z-index:700;
}
.search-form-container .form-group input[type="text"] { border: none; outline: none; width: calc(100% - 30px); padding-left: 10px; }
.search-form-container .form-group button {
  border:none;background:none;padding:0;margin:0;cursor:pointer;position:absolute;top:50%;right:10px;/* transform:translateY(-50%);*/
  appearance:none;
}
.search-results { display: none; position: absolute; top: 50%; left: 0; width: 100%; z-index: 653; padding: 40px 50px 30px; background-color: #fff; border-radius: 0px 0px 25px 25px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; height: auto; }
.search-overlay { position: relative; overflow: hidden; }
.search-overlay {
  position:fixed;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0);z-index:500;/*transition:bottom 1s ease;*/
  bottom:-100%;backdrop-filter:blur(5px);
}
.overlay-visible { bottom: 0; }
.search-form-container.open .search-results { display: block; }
.search-form-container .form-group input[type="text"]::placeholder { color: #999; }
.search-form-container .search-icon { width: 20px; }
/*.dropdown-div.show{*/
/*    z-index:777 !important;*/
/*}*/
.search-results p:hover { color: #4193ff !important; }
.search-results p { color: #999999; }
.search-rpage { color: #1d1d1d; }
.search-rpage h4 span { color: #4193ff !important; }
.search-rpage h4 { font-style: italic; }
.bord-black-bottom { border-bottom: 1px solid #1d1d1d; }
.search-service span { font-weight: 600; }
.search-works .item .img img { border-radius: 15px; }
.search-works .item .cont { padding: 15px 15px; }
.search-blog .item .cont { padding: 30px 20px; }
.search-blog .item .img img { border-radius: 15px; }
/* thumb video*/
.thumb_video { border-radius: 15px; height: 300px; width: 410px; }
.pdetails-center { display: flex; flex-direction: column; justify-content: center; }
.social-share img { filter: brightness(0) invert(1); width: 20px; height: 20px; }
.blog-details .author-area .actions .view-more:hover { color: #fff; }
.blog-details .author-area .actions .hide_view:hover { color: #fff; }
.team .img img { filter: grayscale(100%); transition: filter 0.5s ease; }
.team .img img:hover { filter: grayscale(0%); }
.bg-white { background: #fff !important; }
.bg-21 { background: #212121 !important; }
.privacy-sec p,.privacy-sec h6 { color: #1d1d1d !important; }
.terms-sec p,.terms-sec h6 { color: #1d1d1d !important; }
.sitemap-div h6,.sitemap-div ul { color: #1d1d1d !important; }
.sitemap-div ul { font-size: 15px !important; }
.sitemap-div p { font-size: 16px; font-weight: 400; color: #1d1d1d; line-height: 1.4; padding-bottom: 15px; }
.works-sec .img img { border-radius: 10px; }
@media only screen and (max-width:767px) {
  .sitemap-div { background-color: #fff !important; padding: 30px; border-radius: 25px; width: 100%; }
  .mmt-20 { margin-top: 20px !important; }
  .search-service .item-box { padding: 50px 30px !important; }
  .search-works .item .cont { padding: 15px 15px !important; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .sitemap-div { background-color: #fff !important; padding: 50px; border-radius: 50px; width: 100%; }
  .search-service .item-box { padding: 30px 25px !important; }
}
@media only screen and (min-width:992px) {
  .sitemap-div { background-color: #fff !important; padding: 60px; border-radius: 50px; width: 80%; }
}
@media only screen and (max-width:991px) {
  .slider-caption { position: absolute; top: 40%; left: 50%; }
  .services .item-box { padding: 50px 25px !important; }
  .other-services .img-div,.other-services .content-div p,.other-services .content-div { height: unset !important; }
  /*.navbar .search-form{*/
  /*    display:none;*/
  /*}
  */
  .navbar .search-form .search-icon::after { border-left: unset !important; border-right: unset !important; }
  .navbar .search-form { position: absolute !important; right: 25px !important; }
}
@media only screen and (max-width:360px) {
  .portfolio-carsouel .work-swiper-center .item .img { height: 220px !important; }
}
@media only screen and (min-width:361px) and (max-width:430px) {
  .portfolio-carsouel .work-swiper-center .item .img { height: 250px; }
}
@media only screen and (max-width:430px) {
  .content-div:first-child p { border-top-left-radius: 25px !important; border-top-right-radius: 25px !important; }
  .content-div:last-child p { border-top-right-radius: unset !important; border-bottom-right-radius: unset !important; }
  .img-div:first-child img { border-top-left-radius: 25px !important; border-top-right-radius: 25px !important; }
  .img-div:last-child img { border-top-right-radius: unset !important; border-bottom-right-radius: unset !important; }
  .clients-logo .icon-img-100 { padding-left: unset !important; }
  .footer-container .social-media ul { display: flex; flex-wrap: wrap; }
  .modern-footer .social-media ul li { margin-right: 15px !important; margin-left: 0px !important; margin-bottom: 15px; }
  .modern-footer .social-media .ml-50 { margin-left: 0px !important; }
  .mpl-0 { padding-left: 0px !important; }
  .mpr-0 { padding-right: 0px !important; }
}
.tag-link { margin-right: 10px !important; }
/* span.iti__country-name{color: #000000; }span.iti__dial-code{color: #000000; }.iti.form-control{border-bottom: none !important; }.iti__flag{display: none !important; }.iti__flag-box{width: unset !important; }
 */
.button-group-pills .btn-default h6 { margin-bottom: unset !important; font-style: unset; }
@media only screen and (max-width:575px) {
  #budget .button-group-pills.single-choose.row { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
  .mb-text-center { text-align: center; }
  .select-budget .budget-values { padding: .375rem 1.75rem !important; }
  #brochure_modal .modal-dialog { max-width: 400px !important; }
  #BrochureCompModal .modal-dialog { max-width: 400px !important; }
}
@media only screen and (max-width:767px) {
  .services-div { width: 100%; }
}
.select-budget .budget-values { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: .375rem 0.75rem !important; }
.select-budget { position: relative; }
@media only screen and (min-width:768px) {
  .select-budget .budget-values { padding: .375rem 2.75rem !important; }
}
@media only screen and (max-width:360px) {
  .pre_loader_video .video video { width: unset !important; height: unset !important; }
  .brochure_cont { display: block !important; }
  .brochure_cont .content { margin-top: 10px !important; }
  /*.iti{*/
  /*    width:100% !important;*/
  /*}*/
  
}
@media only screen and (min-width:361px) and (max-width:430px) {
  .brochure_cont { display: block !important; }
  .brochure_cont .content { margin-top: 10px !important; }
  .iti { width: 100% !important; }
}
@media only screen and (min-width:431px) and (max-width:470px) {
  .brochure_cont { display: block !important; }
  .brochure_cont .content { margin-top: 10px !important; }
}
@media only screen and (min-width:431px) and (max-width:767px) {   }
@media only screen and (min-width:768px) and (max-width:991px) {   }
@media only screen and (min-width:992px) {
  .iti { width: 100% !important; }
}
.pre_loader_video .video { position: relative; width: 100%; height: 100%; }
.pre_loader_video .video .hidden_autoplay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-width:767px) {
  .pre_loader_video .video { width: 200px !important; height: unset !important; }
  .service-table { margin-bottom: 15px; }
}
@media only screen and (min-width:768px) {
  .pre_loader_video .video { width: 300px !important; height: auto !important; }
  #service .button-group-pills .btn:hover {
    /*repeat*/
    color:#1d1d1d;background-color:#fff;border:2px solid #4193ff;
  }
}
.content-wrapp { display: flex; flex-direction: column; justify-content: center; height: 100%; }
/* Brochure Modal*/
#brochureForm .form-control { border: none; border-radius: 0; border-bottom: 1px solid #d0d0d0; box-shadow: none; padding: 0; font-size: 14px; color: #939393; }
#brochureForm label { color: #939393; font-size: 13px; margin-bottom: 5px; }
#brochureForm .form-control:focus { border-color: #1d1d1d; box-shadow: none; outline: none; }
#brochureForm .row { margin-bottom: 10px; }
#brochure_modal .modal-header { border-bottom: unset !important; }
#brochure_modal .modal-content { padding: 25px; }
div#brochure_modal .modal-header { color: #1d1d1d !important; display: block !important; border-bottom: unset !important; padding: unset !important; }
div#brochure_modal .modal-body { padding: unset !important; margin-top: 20px; }
div#brochure_modal p { line-height: unset !important; margin-top: 10px; font-size: 13px !important; color: #939393 !important; }
div#brochure_modal .modal-dialog { top: 50%; left: 50%; transform: translate(-50%,-50%); margin: unset !important; }
div#brochure_modal .modal-content { border-radius: 50px !important; padding: 35px 50px; }
#brochureForm label.error { color: red !important; margin-bottom: 0px !important; padding-left: 10px; }
#brochureForm .iti__selected-dial-code { color: #a0a0a0; }
#BrochureCompModal .modal-dialog { top: 50%; left: 50%; transform: translate(-50%,-50%); margin: unset !important; }
#BrochureCompModal .modal-header { border-bottom: unset !important; }
#BrochureCompModal .modal-content { padding: 100px; border-radius: 50px !important; }
#BrochureCompModal .modal-body { top: 25px; }
#BrochureCompModal .modal-footer { border-top: unset !important; position: relative; top: 80px; left: 70px; }
#BrochureCompModal .complete-btn { background-color: #1d1d1d; border: unset; padding: 15px 30px; border-radius: 30px; color: #fff; }
#BrochureCompModal .complete-btn:hover { background-color: #fff; color: #1d1d1d; border: 1px solid #1d1d1d; }
#BrochureCompModal img { width: 50px; }
#BrochureCompModal .modal-body h6 { color: #1d1d1d; margin-top: 20px; }
#BrochureCompModal .modal-body p { color: #949697; }
.brochure_cont { display: flex; gap: 2rem; }
.brochure_cont span { color: #0e7bf0; font-size: 14px; }
.brochure_cont .download_img { width: 25px; height: 20px; filter: brightness(0) invert(1); position: absolute; padding-left: 5px; }
.brochure_cont img { width: 20%; height: 20%; margin-top: 6px; }
.brochure_cont .content { justify-content: center; display: flex; flex-direction: column; align-items: initial; }
.brochure_cont .content p { line-height: 1.5; }
.brochure {
  /*font-size:18px;*/
  color:#fff;
}
/* Brochure Modal*/
/* Works */
.works-slider .caption h3 { font-size: 60px; font-weight: 800; }
.works-slider .caption { text-align: center; z-index: 0; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); }
.works-slider:before { background-image: unset !important; }
.work-minimal.filter { position: absolute; width: 100%; top: 60%; /* transition: top 1.5s ease; */ }
.fixed-filter { position: fixed; top: 80px; }
.work-minimal .filter { background-color: #fff !important; position: absolute; z-index: 9; color: #1d1d1d; margin: 0 auto; padding: 10px 15px; border-radius: 50px; left: 50%; transform: translate(-50%,-50%); }
.filtering span { padding: 5px 15px; margin: unset !important; }
.filtering span:hover { background-color: #F7F7F7; border-radius: 50px; }
@media only screen and (max-width:360px) {
  #works-list-div { margin-top: -100%; }
  .testim-crev .bord-box { height: 460px; }
  .testim-crev .item .info { position: absolute; bottom: 40px; }
}
@media only screen and (min-width:361px) and (max-width:430px) {
  #works-list-div { margin-top: -90%; }
  #mob-scroll-filter .filter { width: 80%; }
  .testim-crev .bord-box { height: 440px; }
  .testim-crev .item .info { position: absolute; bottom: 40px; }
}
@media only screen and (min-width:431px) and (max-width:767px) {
  #works-list-div { margin-top: -60%; }
  #mob-scroll-filter .filter { width: 70% !important; }
  .testim-crev .bord-box { height: 360px; }
  .testim-crev .item .info { position: absolute; bottom: 40px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  #works-list-div { margin-top: -40%; }
  #scroll-filter .filter { width: 85% !important; }
  #desktop-fix-filter .filter { width: 85% !important; }
  .testim-crev .bord-box { height: 360px; }
  .testim-crev .item .info { position: absolute; bottom: 40px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  #works-list-div { margin-top: -30%; }
  #scroll-filter .filter { width: 75% !important; }
  #desktop-fix-filter .filter { width: 75% !important; }
  .testim-crev .bord-box { height: 410px; }
  .testim-crev .item .info { position: absolute; bottom: 40px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  #works-list-div { margin-top: -30%; }
  .work-minimal .filter { width: 60%; }
  #desktop-fix-filter .filter { width: 60% !important; }
  .testim-crev .bord-box { height: 440px; }
  .testim-crev .item .info { position: absolute; bottom: 40px; }
}
@media only screen and (min-width:1400px) {
  #works-list-div { margin-top: -30%; }
  .testim-crev .bord-box { height: 410px; }
  .testim-crev .item .info { position: absolute; bottom: 40px; }
}
@media only screen and (max-width:767px) {
  #scroll-filter { display: none; }
  .fix-filter-div { display: none; }
  .mob-fix-filter-div { top: 110px !important; /* display: none; */ }
  .mob-fix-filter-div .filter { width: 80% !important; padding: unset !important; }
  /*#works-list-div{*/
  /*    margin-top:-50%;*/
  /*}
  */
  #mob-scroll-filter .filter { width: 80%; padding: unset !important; border: unset !important; }
  #dropdown-menu { top: 25px !important; z-index: -1 !important; padding: 30px 11px !important; border-bottom-left-radius: 25px !important; border-bottom-right-radius: 25px !important; }
  #mobile-dropdown-menu { top: 25px !important; z-index: -1 !important; padding: 30px 11px !important; border-bottom-left-radius: 25px !important; border-bottom-right-radius: 25px !important; }
}
@media only screen and (min-width:768px) {
  #mob-scroll-filter { display: none; }
  .fix-filter-div { display: none; top: 110px !important; }
  .mob-fix-filter-div { display: none; }
}
.select-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
#category-select { width: 100%; border-radius: 50px; background-color: #fff; border: 1px solid #ccc; padding: 10px 20px; appearance: none; -webkit-appearance: none; -moz-appearance: none; pointer-events: none; }
#mobile-category-select { width: 100%; border-radius: 50px; background-color: #fff; border: 1px solid #ccc; padding: 10px 20px; appearance: none; -webkit-appearance: none; -moz-appearance: none; pointer-events: none; }
#menu-bar { position: absolute; right: 0px; background-color: unset !important; color: #1d1d1d; border: none; padding: 10px 20px; border-radius: 50px; cursor: pointer; }
#mobile-menu-bar { position: absolute; right: 0px; background-color: unset !important; color: #1d1d1d; border: none; padding: 10px 20px; border-radius: 50px; cursor: pointer; }
#dropdown-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.1); z-index: 1000; padding: 10px; border-radius: 4px; text-align: left; }
#dropdown-menu span { display: block; padding: 5px 10px; cursor: pointer; }
#dropdown-menu span:hover { background-color: #f0f0f0; }
#mobile-dropdown-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.1); z-index: 1000; padding: 10px; border-radius: 4px; text-align: left; }
#mobile-dropdown-menu span { display: block; padding: 5px 10px; cursor: pointer; }
#mobile-dropdown-menu span:hover { background-color: #f0f0f0; }
.filter.scroll-filter { top: 50% !important; }
#scroll-filter { position: relative; }
.works-slider { overflow: hidden; }
/* Works */
/* Project Details */
.work-details-header { overflow: hidden; }
.work-details-header .caption { text-align: left; z-index: 999; position: absolute; bottom: 30px; padding-left: 50px; display: flex; justify-content: space-between; align-items: center; top: unset !important; left: unset !important; transform: unset !important; }
.works .panel .item .img { height: 300px !important; width: 500px !important; min-height: unset !important; }
.works .panel .item { width: unset !important; }
.thecontainer { display: flex !important; overflow: hidden; }
.img img { width: 100%; height: auto; display: block; margin: 0 auto; }
@media (max-width:992px) {
  .img img { width: 100%; }
  .works.thecontainer { display: flex !important; }
  .works .panel { display: flex !important; }
}
.modal-target { width: 300px; border-radius: 5px; cursor: pointer; transition: 0.3s; }
.modal-target:hover { opacity: 0.7; }
.imgmodal { display: none; position: fixed; z-index: 9999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); }
.modal-text {
  margin:auto;display:block;width:80%;opacity:1 !important;/* max-width:1200px;*/
  max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
.modal-close { position: absolute; top: 10px; right: 20px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
.modal-close:hover,.modal-close:focus { color: #bbb; text-decoration: none; cursor: pointer; }
.img.video { position: relative; }
.play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; pointer-events: none; width: 30px; }
.play-icon .ico { width: 30px !important; height: 30px !important; filter: brightness(0) invert(1); }
.modal-video {
  display:none;margin:auto;width:80%;max-width:100%;height:100%;/* max-width:1200px;*/
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
}
.work-details-header::before { background-image: unset !important; }
.works .panel .item .img img { width: 100% !important; height: auto !important; }
.gallery-sec .img-column-sm .img { height: unset !important; min-height: unset !important; }
@media only screen and (max-width:360px) {
  /* 
            .gallery-sec .video-container{height: 270px; }
            */  .icon-img-100 { width: 110px; padding-left: unset; }
  .navbar .menu-icon { padding: 25px 0px; }
}
@media only screen and (min-width:361px) and (max-width:430px) {
  .navbar .menu-icon { padding: 25px 5px; }
}
@media only screen and (min-width:431px) and (max-width:767px) {   }
@media only screen and (min-width:768px) and (max-width:991px) {
  .work-details-header .caption { bottom: 25px !important; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .work-details-header .caption { bottom: 20px !important; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .work-details-header .caption { bottom: 15px !important; }
}
@media only screen and (min-width:1400px) {
  .work-details-header h2 { font-size: 80px !important; line-height: 1 !important; }
  .work-details-header .caption { bottom: 20px !important; }
}
@media only screen and (max-width:767px) {
  .work-details-header .caption { z-index: 999; position: absolute; top: 50% !important; bottom: 60px; text-align: center; justify-content: center; align-items: center; padding-left: 15px; }
  .dropdown-icon { bottom: -30px !important; margin-right: unset !important; right: unset !important; }
  .work-details-header .caption .title { position: absolute; bottom: 30px; width: 100%; }
}
@media only screen and (min-width:768px) {   }
.dropdown-icon { border: 1px solid #fff; width: 44px; height: 44px; border-radius: 50px; display: flex; justify-content: center; align-items: center; margin-right: 30px; bottom: 0px; position: absolute; right: 0px; cursor: pointer; color: #ccc; }
/* .vimeo-slider{position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%,-50%); max-height: 100vh; transition: opacity 0.5s cubic-bezier(0.4,0,0.2,1); }
 */
/*.freelancer::after{*/
/*    content:'';*/
/*    position:absolute;*/
/*    bottom:0px;*/
/*    left:0;*/
/*    width:100%;*/
/*    height:200px;*/
/*    background-image:linear-gradient(0deg,#1d1d1d,transparent);*/
/*z-index:5;*/
/*    transition:height 0.3s ease,bottom 0.3s ease;*/
/*}*/
/* Project Details */
#contact-form label.error { color: red !important; margin-bottom: 0px !important; padding-left: 10px; }
#contact-form label { display: unset; }
.vimeo-slider { box-sizing: border-box; height: 56.25vw; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); transition-duration: .5s; transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); width: 177.77777778vh; }
.freelancer.vimeo-img,.freelancer.vimeo-video { overflow: hidden; }
.vimeo-img { padding-top: unset !important; }
.vimeo-video::after { background-image: linear-gradient(0deg,#1a1a1a,transparent) !important; }
/* Scrollbar slider */
.scroll__wrap { cursor: pointer; margin-top: 30px; }
.scroll__wrap .scrollbar__big { margin: auto; width: 100px; height: 5px; background-color: #000; position: relative; border-radius: 50px; }
.scroll__wrap .scrollbar__big .scrollbar__runner { height: 5px; width: 25%; background-color: #888888; position: absolute; top: 0; left: 0; transition: width 0.3s,left 0.3s; border-radius: 50px; }
/* Scrollbar slider */
.color-66 { color: #666666; }
.modern-footer .bord-left:after { display: none !important; }
.modern-footer h6 { font-size: 16px; font-weight: 500; }
.modern-footer .rest { color: #666666; }
.modern-footer .subscribe-minimal { width: 80%; }
footer .subscribe-minimal input { border: 1px solid #666666 !important; }
.contact-list { list-style-type: none; padding: 0; margin: 0; }
.contact-item { display: flex; margin-bottom: 10px; align-items: center; }
.label { min-width: 150px; }
.value { flex-grow: 1; }
.modern-footer .rest li a:hover { color: #fff; }
.modern-footer .services a:hover .rest li { color: #fff; }
.modern-footer .foot-container { display: flex; justify-content: space-between; align-items: center; }
.modern-footer .foot-container .footer-left { text-align: left; }
.modern-footer .foot-container .footer-left p { color: #666666 !important; }
.modern-footer .foot-container .footer-right { text-align: right; }
.modern-footer .foot-container .footer-right a:hover { color: #fff !important; }
.modern-footer .foot-container .footer-link { margin-left: 15px; color: #666666; text-decoration: none; font-size: 14px; }
@media (max-width:600px) {
  .foot-container { flex-direction: column; text-align: center; }
  .footer-right { margin-top: 10px; }
}
.trustpilot { display: flex; justify-content: flex-start; }
#tp-widget-wrapper { text-align: left; margin: 0 auto; max-width: 100%; }
.trustpilot .tp-widget-wrapper { text-align: left !important; }
.modern-footer .footer-container .services a:hover { color: #fff !important; }
@media only screen and (max-width:767px) {
  .mob-fix-filter-div { position: fixed !important; z-index: 99 !important; background-color: unset !important; }
}
@media only screen and (min-width:431px) and (max-width:767px) {
  .modern-footer .info .ml-30 { margin: 0px 0 0 !important; }
  .modern-footer .info { display: flex !important; gap: 5px; }
}
@media only screen and (max-width:767px) {
  .modern-footer .subscribe-minimal { width: 100% !important; }
  .about .ti-arrow-top-right { font-size: 20px !important; line-height: 20px !important; }
}
@media only screen and (min-width:768px) {
  .modern-footer .footer-container .first-sec { display: flex !important; align-items: center !important; }
  .modern-footer .footer-container .social-media ul li { margin-left: 30px !important; }
}
@media only screen and (max-width:991px) {
  .modern-footer .foot-container {
    /*display:unset !important;*/
    justify-content:unset !important;align-items:unset !important;text-align:center !important;
  }
  .modern-footer .footer-container .footer-left { text-align: center !important; }
  .modern-footer .footer-container .footer-right { text-align: center !important; }
  .vimeo-slider { top: 50% !important; }
  .modern-footer .social-media a i { display: none; }
  .navbar .menu-icon { padding: 25px 0px !important; }
}
@media only screen and (min-width:601px) and (max-width:991px) {
  .modern-footer .foot-container { display: unset !important; }
}
@media only screen and (max-width:360px) {
  h2 { font-size: 28px !important; }
  h3 { font-size: 24px !important; }
  h4 { font-size: 20px !important; }
  h5 { font-size: 18px !important; }
  h6 { font-size: 14px !important; }
  .sub-title { font-size: 12px !important; }
  .page-header-cerv h1 { font-size: 30px !important; }
  .page-header h1 { font-size: 30px !important; }
  .page-header { height: 320px !important; }
  .page-header .banner-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); }
  .about-header { height: unset !important; }
  .contact .info-box { padding: 40px 20px !important; }
}
@media only screen and (min-width:361px) and (max-width:430px) {
  h2 { font-size: 30px !important; }
  h3 { font-size: 26px !important; }
  h4 { font-size: 24px !important; }
  h5 { font-size: 20px !important; }
  h6 { font-size: 18px !important; }
  .sub-title { font-size: 14px !important; }
  .slider-caption { top: 50% !important; }
  .freelancer .caption h1 { top: 50% !important; transform: translate(-50%,-50%) !important; }
  .page-header h1 { font-size: 30px !important; }
  .page-header { height: 320px !important; }
  .page-header .banner-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); }
  .about-header { height: unset !important; }
  .contact .info-box { padding: 40px 25px !important; }
  .modern-footer h6 { font-size: 16px !important; }
}
@media only screen and (min-width:431px) and (max-width:575px) {
  h2 { font-size: 30px !important; }
  h3 { font-size: 26px !important; }
  h4 { font-size: 24px !important; }
  h5 { font-size: 22px !important; }
  h6 { font-size: 18px !important; }
  .sub-title { font-size: 14px !important; }
  .slider-caption { top: 50% !important; }
  .freelancer .caption h1 { top: 50% !important; transform: translate(-50%,-50%) !important; }
  .page-header h1 { font-size: 36px !important; }
  .page-header { height: 320px !important; }
  .page-header .banner-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); }
  .about-header { height: unset !important; }
  .contact .info-box { padding: 40px 25px !important; }
  .modern-footer h6 { font-size: 16px !important; }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  h2 { font-size: 30px !important; }
  h3 { font-size: 26px !important; }
  h4 { font-size: 24px !important; }
  h5 { font-size: 22px !important; }
  h6 { font-size: 18px !important; }
  .sub-title { font-size: 14px !important; }
  .slider-caption { top: 50% !important; }
  .freelancer .caption h1 { top: 50% !important; transform: translate(-50%,-50%) !important; }
  .page-header h1 { font-size: 36px !important; }
  .page-header { height: 320px !important; }
  .page-header .banner-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); }
  .about-header { height: unset !important; }
  .contact .info-box { padding: 40px 25px !important; }
  .modern-footer h6 { font-size: 16px !important; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  h2 { font-size: 32px !important; }
  h3 { font-size: 28px !important; }
  h4 { font-size: 24px !important; }
  h5 { font-size: 22px !important; }
  h6 { font-size: 18px !important; }
  .sub-title { font-size: 14px !important; }
  .butn-circle-text .circle { width: 50px !important; height: 50px !important; line-height: 45px !important; }
  .modern-footer .social-media { margin-top: unset !important; }
  .slider-caption { top: 50% !important; }
  .freelancer .caption h1 { top: 50% !important; transform: translate(-50%,-50%) !important; }
  .page-header h1 { font-size: 36px !important; }
  .page-header { height: 350px !important; }
  .page-header .banner-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); }
  .about-header { height: unset !important; }
  .work-details-header .title { width: 65%; }
  .modern-footer h6 { font-size: 16px !important; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  h1 { font-size: 40px !important; }
  h2 { font-size: 36px !important; }
  h3 { font-size: 28px !important; }
  h4 { font-size: 24px !important; }
  h5 { font-size: 20px !important; }
  h6 { font-size: 18px !important; }
  .sub-title { font-size: 14px !important; }
  .services .item-box { padding: 40px 25px !important; }
  .butn-circle-text .circle { width: 50px !important; height: 50px !important; line-height: 50px !important; }
  .portfolio-carsouel .work-swiper-center .item .img { height: 330px !important; }
  .testim-crev .bord-box { padding: 35px !important; }
  .other-services .img-div { height: 300px !important; }
  .sidemenu h6 { font-size: 15px !important; }
  .blog-crev .item .cont { padding: 20px 20px !important; }
  .freelancer .caption h1 { font-size: 13vw !important; }
  .freelancer .caption h1 { top: 50% !important; transform: translate(-50%,-50%) !important; }
  .page-header h1 { font-size: 36px !important; }
  .page-header { height: 350px !important; }
  .page-header .banner-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); }
  .about-header { height: unset !important; }
  .quotation-header .banner-text { top: 50% !important; }
  .quotation-form { margin-top: -7%; }
  .quotation-form .quote-form { position: relative; z-index: 99; }
  .work-details-header .title { width: 50%; }
  .modern-footer h6 { font-size: 16px !important; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  h1 { font-size: 40px !important; }
  h2 { font-size: 38px !important; }
  h3 { font-size: 32px !important; }
  h4 { font-size: 28px !important; }
  h5 { font-size: 22px !important; }
  h6 { font-size: 20px !important; }
  .sub-title { font-size: 14px !important; }
  .butn-circle-text .circle { width: 50px !important; height: 50px !important; line-height: 50px !important; }
  .services .item-box { padding: 40px 35px !important; }
  .sidemenu h6 { font-size: 15px !important; }
  .other-services .img-div { height: 350px !important; }
  .testim-crev .bord-box { padding: 35px !important; }
  .freelancer .caption h1 { font-size: 13vw !important; }
  .page-header-cerv h1 { font-size: 40px !important; }
  .page-header h1 { font-size: 40px !important; }
  .work-minimal .filter { width: unset !important; }
  #desktop-fix-filter .filter { width: unset !important; }
  .page-header { height: 380px !important; }
  .page-header .banner-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); }
  .about-header { height: unset !important; }
  .quotation-header .banner-text { top: 40% !important; }
  .quotation-form { margin-top: -5%; }
  .quotation-form .quote-form { position: relative; z-index: 99; }
  .work-details-header .title { width: 50%; }
  .modern-footer h6 { font-size: 16px !important; }
}
@media only screen and (min-width:1400px) {
  h1 { font-size: 44px !important; }
  h2 { font-size: 40px !important; }
  h3 { font-size: 36px !important; }
  h4 { font-size: 30px !important; }
  h5 { font-size: 25px !important; }
  h6 { font-size: 20px !important; }
  .sub-title { font-size: 14px !important; }
  .page-header h1 { font-size: 44px !important; }
  .page-header { height: 420px !important; }
  .page-header .banner-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); }
  .about-header { height: unset !important; }
  .quotation-header .banner-text { top: 40% !important; }
  .quotation-form { margin-top: -5%; }
  .quotation-form .quote-form { position: relative; z-index: 99; }
  .services .item-box { padding: 50px 35px !important; }
  .sidemenu h6 { font-size: 15px !important; }
  .mega-menu-header h5 { font-size: 18px !important; }
  .freelancer .caption h1 { font-size: 13vw !important; }
  .work-details-header .title { width: 50%; }
  .modern-footer h6 { font-size: 16px !important; }
}
.modern-footer .social-media .rest li a { color: #fff !important; }
.iti.iti--allow-dropdown.iti--separate-dial-code { width: 100%; }
.wcolor { color: #fff; }
.copyright-foot { border-top: 1px solid #666; background-color: #000 !important; }
.search-service .item-box { padding: 40px 30px; border: 1px solid rgba(24,23,23,0.12); }
.search-service .item-box p { color: #000000; }
.home-services { position: relative; }
.bg-img img { height: 100% !important; }
.home-services::before { content: ''; position: absolute; top: -24%; left: 0; width: 100%; height: 25%; background-image: linear-gradient(0deg,#1a1a1a,transparent); z-index: 2; }
#next-section { position: relative; }
#next-section::before { content: ''; position: absolute; top: -69%; left: 0; width: 100%; height: 70%; background-image: linear-gradient(0deg,#1a1a1a,transparent); z-index: 2; }
@media only screen and (max-width:767px) {
  .home-services::before { top: -15% !important; height: 15% !important; }
  #next-section::before { top: -30% !important; height: 30% !important; }
}
@media only screen and (min-width:768px) {
  .home-services::before { content: ''; position: absolute; top: -24%; left: 0; width: 100%; height: 25%; background-image: linear-gradient(0deg,#1a1a1a,transparent); z-index: 2; }
  .mt-150 { margin-top: 150px; }
}
.linkbtn { border: unset !important; padding: 12px 20px; border-radius: 25px; background-color: #fff; color: #1d1d1d; font-size: 14px; box-shadow: none !important; }
.link-rightarrow { width: 25px; margin-right: 10px; }
.mt--60 { margin-top: -60px !important; }
.gotoweb:hover img { filter: brightness(0) invert(1); }
.keyword-buttons { display: flex; flex-wrap: wrap; gap: 20px; }
.keyword-buttons button { border: 1px solid #fff; background-color: #1a1a1a; color: #fff; border-radius: 25px; padding: 10px 20px; cursor: unset; }
.banner-caption { text-align: center; margin-bottom: 100px; }
.scroll-text span { display: inline-block; }
.scroll-text .space { white-space: nowrap; }
.line { position: relative; }
.line-mask { position: absolute; top: 0; right: 0; background-color: #1a1a1a; opacity: 0.65; height: 100%; width: 100%; z-index: 2; }
.mb-150 { margin-bottom: 150px; }
.videoModal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.aboutmodal-content { background-color: unset !important; padding: 20px; border: unset !important; width: unset !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.videoclose { color: #fff; float: right; font-size: 28px; font-weight: bold; top: 0px; position: absolute; right: 0px; cursor: pointer; }
body.modal-open { overflow: hidden; }
.navbar .navbar-nav .nav-link.active { color: #999 !important; }
.navbar .navbar-nav .nav-link:hover { color: #999 !important; }
.hamenu .menu-links .main-menu>li .link.active .fill-text:after { color: #999 !important; }
.connect:hover { background-color: #fff; border: 1px solid #000; color: #000; }
.connect:hover img { filter: none; }
.connect img { filter: brightness(0) invert(1); }
.connect { border: 1px solid #1d1d1d; padding: 10px 20px; border-radius: 25px; background-color: #1d1d1d; color: #fff; font-size: 14px; cursor: pointer; display: flex; align-items: center; }
.connect-div {
  /* display:flex;justify-content:space-between;align-items:center;*/
  background-color:#fff;color:#000;padding:70px;border-radius:30px;
}
.col-left { flex: 1; text-align: left; }
.col-right { flex-shrink: 0; text-align: right; }
.connect img.link-rightarrow { margin-left: 10px; margin-right: unset !important; }
.col-center { display: flex; justify-content: end; align-items: center; text-align: right; }
@media only screen and (min-width:768px) and (max-width:991px) {
  .connect-div { padding: 50px !important; }
}
@media only screen and (min-width:431px) and (max-width:767px) {
  .connect-div { padding: 50px !important; }
  .col-center { justify-content: start !important; }
}
@media only screen and (max-width:430px) {
  .connect-div { padding: 40px !important; }
  .col-center { justify-content: start !important; }
}
/* Comparison Slider */
#comparison { width: 100%; padding-bottom: 60%; overflow: hidden; position: relative; }
figure {
  position:absolute;/* background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-before.jpg);*/
  background-size:cover;font-size:0;width:100%;height:100%;margin:0;
}
#divisor {
  /* background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-after.jpg);*/
  background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%;
  &::before,&::after { content: ''; position: absolute; right: -2px; width: 4px; height: calc(50% - 25px); background: white; z-index: 3; }
  &::before { top: 0; box-shadow: 0 -3px 8px 1px rgba(0,0,0,.3); }
  &::after { bottom: 0; box-shadow: 0 3px 8px 1px rgba(0,0,0,.3); }
}
#handle {
  position:absolute;height:50px;width:50px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:1;
  &::before,&::after { content: ''; width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; }
  &::before { border-right: 6px solid white; left: 50%; margin-left: -17px; }
  &::after { border-left: 6px solid white; right: 50%; margin-right: -17px; }
}
input[type=range] {
  -webkit-appearance:none;-moz-appearance:none;position:absolute;top:50%;left:-25px;transform:translateY(-50%);background-color:transparent;width:calc(100% + 50px);z-index:2;
  &:focus,&:active { border: none; outline: none; }
}
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 50px; width: 50px; border-radius: 50%; background: transparent; border: 4px solid white; box-shadow: 0 0 8px 1px rgba(0,0,0,.3); }
input[type=range]::-moz-range-thumb { border: none; height: 50px; width: 50px; border-radius: 50%; background: transparent; border: 4px solid white; box-shadow: 0 0 8px 1px rgba(0,0,0,.3); }
input[type=range]::-moz-range-track { -moz-appearance: none; height: 15px; width: 100%; background-color: transparent; position: relative; outline: none; }
#works-list-div .caption { z-index: 9999; }
.adds-nav .enq_details img { width: 20px; height: 20px; }
.adds-nav .enq_details { gap: 20px; }
.adds-nav .enq_phone,.adds-nav .enq_email { display: flex; align-items: center; }
.adds-nav .enq_phone p,.adds-nav .enq_email p { margin-left: 10px; font-size: 14px; color: #fff; }
@media only screen and (min-width:992px) {
  .topnav { display: none; }
}
@media only screen and (min-width:1400px) {
  .navbar-expand-lg .navbar-collapse.adds-header { padding-left: 19% !important; gap: 15px; }
  .adds-nav .enq_phone p,.adds-nav .enq_email p { font-size: 14px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .navbar-expand-lg .navbar-collapse.adds-header { padding-left: 6% !important; gap: 15px; }
  .adds-nav .enq_phone p,.adds-nav .enq_email p { font-size: 14px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .navbar-expand-lg .navbar-collapse.adds-header { padding-left: 0% !important; gap: 15px; }
  .adds-nav .enq_phone p,.adds-nav .enq_email p { font-size: 14px; }
  .adds-nav .navbar-nav .nav-link { padding: 20px 5px 15px 5px; }
  .adds-nav .enq_details { gap: 10px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .navbar-expand-lg .navbar-collapse.adds-header { padding-left: 19% !important; }
}
.adds-banner { position: relative; height: 100vh; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; padding-top: 0px !important; }
.adds-banner .img-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.adds-banner .banner-img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; filter: blur(8px); }
.adds-banner .sec-head { display: flex; flex-direction: column; justify-content: center; height: 100%; color: white; text-align: left; /* max-width: 50%; */ }
.adds-banner .banner-button { margin-top: 20px; }
.adds-banner .rotate-text {
  display:block;/* max-width:400px;*/
  word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1;font-size:60px !important;font-weight:700;
}
.adds-banner .whatsapp-button { background-color: #25D366; color: white; border: none; padding: 10px 20px; display: flex; align-items: center; cursor: pointer; border-radius: 25px; }
.adds-banner .whatsapp-icon { width: 25px; height: 25px; margin-right: 10px; }
.adds-banner .enq-form { background-color: #fafafa; border-radius: 50px; padding: 30px; position: relative; }
.adds-nav { background: black !important; }
.enq-crev { position: relative; }
.enq-crev:before {
  content:'';position:absolute;width:100%;height:100%;bottom:0;left:0;/* background-image:url(../imgs/patterns/lines1.png);*/
  background-size:cover;background-position:center top;opacity:.12;z-index:-1;
}
.enq-crev .enq-form label.error,.adds-enqform .enquiry-form label.error { color: red; margin-left: 5px; }
.enq-crev input,.enq-crev textarea,.enq-crev select { width: 100%; border: 1px solid #a1a1a1; border-radius: 25px; background: transparent; color: #000; padding: 15px 25px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; margin-top: 5px; font-size: 13px; }
.enq-crev input:focus,.enq-crev textarea:focus,.enq-crev select:focus { border-color: #a1a1a1; }
.enq-crev textarea { min-height: 100px; }
.enq-crev .enq-form label { color: #000; font-size: 12px; font-weight: 500; }
.enq-crev .enq-form p { margin-bottom: 20px; font-size: 18px; color: #000; font-weight: 600; }
.enq-crev .butn.butn-bord:hover { background: transparent; border-color: #a1a1a1; color: #000; }
.enq-crev .butn.butn-bord { border-color: #000; background: #000; color: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.enq-crev .butn.butn-full { width: 100%; padding: 15px 25px; text-align: center; }
.enq-crev .iti__selected-flag { border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-right: 1px solid #a1a1a1; color: #000; background-color: unset !important; font-size: 14px; }
.adds-services .item-box { border: 1px solid #dadada; background: #fff; }
.adds-services .quote-button { background-color: #000; color: #fff; border: 1px solid #000; padding: 8px 15px; border-radius: 25px; font-size: 14px; }
/* .adds-services p,.adds-works p,.adds-testimonial p,.adds-clients p,.adds-enqform p{color: #000; }
 */
.adds-works .filtering span:hover { background-color: #000; border-radius: 50px; color: #fff; }
.adds-testimonial .bord-box { border: 1px solid #d8d8d8; }
.adds-testimonial .item .tag { padding: 3px 10px; border: 1px solid #d8d8d8; border-radius: 30px; font-size: 12px !important; }
/* .adds-clients .client-logo{max-width: 100%; height: auto; padding: 10px; margin: 0 auto; filter: grayscale(100%) brightness(70%); }
 */
.adds-clients .client-logos { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; }
.adds-clients .client-logo-item { flex: 1 1 150px; max-width: 150px; display: flex; justify-content: center; background-color: #212121 !important; padding: 10px; }
.adds-clients .client-logo { max-width: 70%; height: auto; filter: grayscale(100%) brightness(70%); }
.adds-testimonial .ratings { width: 25%; margin-bottom: 10px; }
.quote-arrow:hover { background-color: #fff !important; border: unset !important; color: #000 !important; }
.quote-arrow { border: 1px solid #fff !important; background: unset !important; color: #fff !important; }
.quote-arrow img { margin-left: 10px; margin-right: unset !important; }
.adds-enqform .enquiry-form { background-color: #fafafa; padding: 60px; border-radius: 50px; position: relative; }
.adds-enqform input,.adds-enqform textarea,.adds-enqform select { width: 100%; border: 1px solid #a1a1a1; border-radius: 25px; background: transparent; color: #000; padding: 15px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; margin-top: 5px; font-size: 14px; }
.adds-enqform input:focus,.adds-enqform textarea:focus,.adds-enqform select:focus { border-color: #a1a1a1; }
.adds-enqform textarea { min-height: 130px; }
.adds-enqform .enquiry-form label { color: #000; font-size: 14px; font-weight: 500; }
.adds-enqform .enquiry-form p { margin-bottom: 20px; font-size: 18px; color: #000; font-weight: 600; }
.adds-enqform .butn.butn-bord:hover { background: transparent; border-color: #a1a1a1; color: #000; }
.adds-enqform .butn.butn-bord { border-color: #000; background: #000; color: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.adds-enqform .butn.butn-full { width: 13%; padding: 11px 20px; text-align: center; }
.adds-enqform .iti__selected-flag { border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-right: 1px solid #a1a1a1; color: #000; background-color: unset !important; font-size: 14px; }
.adds-enqform .contact-us { width: 80%; margin: 0 auto; }
.adds-footer p { color: #666666; }
/* .enq-form .iti__flag,.enquiry-form .iti__flag{display: block !important; }
 */
.adds-works .scroll-filter { border: 1px solid #9c9c9c; border-radius: 50px; padding: 10px; width: 50%; margin: 0 auto; background: #fff; color: #000; }
.adds-works .filtering span.active { background-color: #000; border-radius: 50px; color: #fff; }
.adds-enqform .enquiry-form .select-container { position: relative; display: flex; align-items: center; margin-top: 5px; border: 1px solid #a1a1a1; border-radius: 25px; }
.adds-enqform .enquiry-form .select-label { background-color: #efefef; z-index: 1; padding: 15px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #000; font-size: 14px; width: 50%; border-right: 1px solid #a1a1a1; text-align: center; }
.adds-enqform .enquiry-form select { margin-top: 0px; border: unset !important; appearance: none; }
.adds-enqform .enquiry-form .select-container::after { content: url('../../adds/assets/images/down-arrow.png'); position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; z-index: 2; display: flex; }
.adds-banner .enq-form .select-container { position: relative; display: flex; align-items: center; margin-top: 5px; border: 1px solid #a1a1a1; border-radius: 25px; }
.adds-banner .enq-form .select-label { background-color: #efefef; z-index: 1; padding: 10px 15px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #b3b3b3; font-size: 14px; width: 40%; border-right: 1px solid #a1a1a1; text-align: center; }
.adds-banner .enq-form .iti.iti--allow-dropdown.iti--separate-dial-code { margin-top: 5px; }
.adds-banner .enq-form select { margin-top: 0px; border: unset !important; appearance: none; }
.adds-banner .enq-form .select-container::after { content: url('../../adds/assets/images/down-arrow.png'); position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; z-index: 2; display: flex; }
.adds-about .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.adds-about { height: 100vh; position: relative; }
.ad-about .line-mask { background: #000 !important; }
.adds-services .quote-button:hover { border: 1px solid #000; background-color: #fff; color: #000; }
.bg-1a { background-color: #1a1a1a !important; }
.side_div { position: fixed; top: 0; right: -100%; width: 50%; height: 100vh; background: #1d1d1d; overflow: hidden; z-index: 9999; -webkit-transition: all 0.5s cubic-bezier(1,0,0.55,1); -o-transition: all 0.5s cubic-bezier(1,0,0.55,1); transition: all 0.5s cubic-bezier(1,0,0.55,1); }
.side_div .logo { position: absolute; top: 40px; left: 40px; }
.side_div .close-menu { position: absolute; top: 30px; right: 30px; width: 44px; height: 44px; line-height: 44px; border: 1px solid #fff; border-radius: 50%; text-align: center; cursor: pointer; z-index: 4; background: #fff; }
.side_div .close-menu::before { color: #000; }
.side_div .logo,.side_div .close-menu { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.side_div.open .logo,.side_div.open .close-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
@media only screen and (max-width:360px) {
  .adds-banner .enq-form { border-radius: 50px !important; padding: 35px !important; }
  .enq-crev .enq-form p { margin-bottom: 5px !important; font-size: 14px !important; }
  .enq-crev .enq-form label { font-size: 12px !important; }
  .enq-crev input,.enq-crev textarea,.enq-crev select { padding: 10px 20px !important; margin-top: unset !important; font-size: 12px !important; }
  .adds-banner .enq-form .select-label { width: 85% !important; }
  .enq-crev textarea { min-height: 100px !important; }
  .adds-banner .rotate-text { font-size: 30px !important; }
  .freelancer.bg-img.header-gradient.adds-banner { height: 150vh !important; }
  .adds-banner .sec-head { text-align: center !important; }
  .adds-services .sec-head { margin-top: 0px !important; }
  .adds-banner .whatsapp-button { display: inline !important; font-size: 14px; }
  #form_phone_1 { padding-left: 91px !important; }
  .adds-about { height: 130vh; }
  .adds-services h1,.adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { font-size: 35px !important; }
  .adds-testimonial .bord-box { padding: 20px !important; }
  .adds-services h6 { font-size: 20px !important; }
  .section-padding { padding-top: 70px; padding-bottom: 70px; }
  .adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { margin-top: -40px; }
  .adds-services .item-box { padding: 30px 25px !important; background-color: #fff; }
  .adds-enqform .enquiry-form { padding: 25px; border-radius: 25px; }
  .adds-enqform .enquiry-form .form-group { margin-bottom: 10px !important; }
  .adds-enqform input,.adds-enqform textarea,.adds-enqform select { padding: 10px; }
  .adds-enqform .enquiry-form .select-label { width: 60%; }
  .adds-enqform textarea { min-height: 100px; }
  .adds-enqform .butn.butn-full { width: 100%; padding: 10px 15px; }
  .adds-footer .social-links { margin-left: 0px; margin-right: 0px; }
  .modern-footer .call-action { margin-bottom: 40px; }
  .enq-crev .butn.butn-full { padding: 10px 20px; font-size: 12px; }
  .iti-mobile .iti__country { padding: 2px 10px !important; }
  span.iti__country-name,span.iti__dial-code { font-size: 14px; }
  .adds-clients .client-logo { max-width: 80%; }
  .adds-enqform .enquiry-form p { font-size: 16px; }
  .adds-enqform .enquiry-form label,.adds-enqform input,.adds-enqform textarea,.adds-enqform select,.adds-enqform .enquiry-form .select-label { font-size: 12px; }
  .adds-enqform .enquiry-form .select-label { padding: 10px 0px; }
}
@media only screen and (min-width:361px) and (max-width:430px) {
  .adds-banner .enq-form { border-radius: 50px !important; padding: 35px !important; }
  .enq-crev .enq-form p { margin-bottom: 5px !important; font-size: 14px !important; }
  .enq-crev .enq-form label { font-size: 12px !important; }
  .enq-crev input,.enq-crev textarea,.enq-crev select { padding: 10px 20px !important; margin-top: unset !important; font-size: 12px !important; }
  .adds-banner .enq-form .select-label { width: 85% !important; }
  .enq-crev textarea { min-height: 100px !important; }
  .adds-banner .rotate-text { font-size: 30px !important; }
  .freelancer.bg-img.header-gradient.adds-banner { height: 145vh !important; }
  .adds-banner .sec-head { text-align: center !important; }
  .adds-services .sec-head { margin-top: 0px !important; }
  .adds-banner .whatsapp-button { display: inline !important; }
  #form_phone_1 { padding-left: 91px !important; }
  .adds-about { height: 140vh; }
  .adds-services h1,.adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { font-size: 35px !important; }
  .adds-services h6 { font-size: 18px !important; }
  .section-padding { padding-top: 70px; padding-bottom: 70px; }
  .adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { margin-top: -40px; }
  .adds-services .item-box { padding: 30px 25px !important; background: #fff; }
  .adds-enqform .enquiry-form { padding: 30px; border-radius: 50px; }
  .adds-enqform .enquiry-form .form-group { margin-bottom: 10px !important; }
  .adds-enqform input,.adds-enqform textarea,.adds-enqform select { padding: 10px; }
  .adds-enqform .enquiry-form .select-label { width: 60%; }
  .adds-enqform textarea { min-height: 100px; }
  .adds-enqform .butn.butn-full { width: 100%; padding: 10px 15px; }
  .adds-footer .social-links { margin-left: 0px; margin-right: 0px; }
  .enq-crev .butn.butn-full { padding: 10px 20px; font-size: 14px; }
  .adds-clients .client-logo { max-width: 80%; }
  .adds-enqform .enquiry-form p { font-size: 16px; }
  .adds-enqform .enquiry-form label,.adds-enqform input,.adds-enqform textarea,.adds-enqform select,.adds-enqform .enquiry-form .select-label { font-size: 12px; }
  .adds-enqform .enquiry-form .select-label { padding: 10px 15px; }
}
@media only screen and (min-width:431px) and (max-width:767px) {
  .adds-banner .enq-form { border-radius: 50px !important; padding: 40px !important; }
  .enq-crev .enq-form p { margin-bottom: 5px !important; font-size: 14px !important; }
  .enq-crev .enq-form label { font-size: 12px !important; }
  .enq-crev input,.enq-crev textarea,.enq-crev select { padding: 10px 20px !important; margin-top: unset !important; font-size: 12px !important; }
  .adds-banner .enq-form .select-label { width: 85% !important; }
  .enq-crev textarea { min-height: 100px !important; }
  .adds-banner .rotate-text { font-size: 30px !important; max-width: 70%; margin: 0 auto; }
  .freelancer.bg-img.header-gradient.adds-banner { height: 145vh !important; }
  .adds-banner .sec-head { text-align: center !important; }
  .adds-services .sec-head { margin-top: 0px !important; }
  .adds-banner .whatsapp-button { display: inline !important; }
  #form_phone_1 { padding-left: 91px !important; }
  .adds-about { height: 100vh; }
  .adds-services h1,.adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { font-size: 35px !important; }
  .adds-services h6 { font-size: 18px !important; }
  .section-padding { padding-top: 70px; padding-bottom: 70px; }
  .adds-services .item-box { padding: 30px 25px !important; background: #fff; }
  .adds-enqform .enquiry-form { padding: 30px; border-radius: 50px; }
  .adds-enqform .enquiry-form .form-group { margin-bottom: 10px !important; }
  .adds-enqform input,.adds-enqform textarea,.adds-enqform select { padding: 10px; }
  .adds-enqform .enquiry-form .select-label { width: 35%; }
  .adds-enqform textarea { min-height: 100px; }
  .adds-enqform .butn.butn-full { width: 100%; padding: 10px 15px; }
  .adds-footer .social-links { margin-left: 0px; margin-right: 0px; }
  .enq-crev .butn.butn-full { padding: 10px 20px; font-size: 14px; }
  .adds-clients .client-logo { max-width: 70%; }
  .adds-enqform .enquiry-form p { font-size: 16px; }
  .adds-enqform .enquiry-form label,.adds-enqform input,.adds-enqform textarea,.adds-enqform select,.adds-enqform .enquiry-form .select-label { font-size: 12px; }
  .adds-enqform .enquiry-form .select-label { padding: 10px 15px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .adds-banner .enq-form { border-radius: 50px !important; padding: 40px !important; width: 65% !important; margin: 0 auto; }
  .enq-crev .enq-form p { margin-bottom: 5px !important; font-size: 14px !important; }
  .enq-crev .enq-form label { font-size: 12px !important; }
  .enq-crev input,.enq-crev textarea,.enq-crev select { padding: 10px 20px !important; margin-top: unset !important; font-size: 12px !important; }
  .adds-banner .enq-form .select-label { width: 85% !important; }
  .enq-crev textarea { min-height: 100px !important; }
  .adds-banner .rotate-text { font-size: 30px !important; max-width: 70%; margin: 0 auto; }
  .freelancer.bg-img.header-gradient.adds-banner { height: 145vh !important; }
  .adds-banner .sec-head { text-align: center !important; }
  .adds-services .sec-head { margin-top: 0px !important; }
  .adds-banner .whatsapp-button { display: inline !important; }
  #form_phone_1 { padding-left: 91px !important; }
  .adds-about { height: 100vh; }
  .adds-services h1,.adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { font-size: 35px !important; }
  .adds-services h6 { font-size: 18px !important; }
  .section-padding { padding-top: 70px; padding-bottom: 70px; }
  .adds-services .item-box { padding: 30px 25px !important; background: #fff; }
  .adds-enqform .enquiry-form { padding: 40px; border-radius: 50px; }
  .adds-enqform .enquiry-form .form-group { margin-bottom: 10px !important; }
  .adds-enqform input,.adds-enqform textarea,.adds-enqform select { padding: 10px; }
  .adds-enqform .enquiry-form .select-label { width: 25%; }
  .adds-enqform textarea { min-height: 100px; }
  .adds-enqform .butn.butn-full { width: 100%; padding: 10px 15px; }
  .adds-footer .social-links { margin-left: 0px; margin-right: 0px; }
  .enq-crev .butn.butn-full { padding: 10px 20px; font-size: 14px; }
  .adds-clients .client-logo { max-width: 70%; }
  .adds-enqform .enquiry-form p { font-size: 16px; }
  .adds-enqform .enquiry-form label,.adds-enqform input,.adds-enqform textarea,.adds-enqform select,.adds-enqform .enquiry-form .select-label { font-size: 12px; }
  .adds-enqform .enquiry-form .select-label { padding: 10px 15px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .iti--separate-dial-code .iti__selected-dial-code,span.iti__country-name,span.iti__dial-code { font-size: 10px; }
  .enq-crev { top: 30px !important; }
  .adds-banner .enq-form { border-radius: 50px !important; padding: 30px !important; }
  .enq-crev .enq-form p { margin-bottom: 5px !important; font-size: 14px !important; }
  .enq-crev .enq-form label { font-size: 10px !important; }
  .enq-crev input,.enq-crev textarea,.enq-crev select { padding: 10px 20px !important; margin-top: unset !important; font-size: 10px !important; }
  .enq-crev .enq-form .form-group { margin-bottom: 0px !important; }
  .adds-banner .enq-form .select-label { width: 85% !important; }
  .enq-crev textarea { min-height: 70px !important; }
  .adds-banner .rotate-text { font-size: 45px !important; max-width: 80%; font-weight: 700; }
  .adds-services .sec-head { margin-top: 0px !important; }
  .adds-banner .whatsapp-button { display: inline !important; }
  #form_phone_1 { padding-left: 91px !important; }
  .adds-about { height: 100vh; }
  .adds-services h1,.adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { font-size: 35px !important; }
  .adds-services h6 { font-size: 18px !important; }
  .section-padding { padding-top: 70px; padding-bottom: 70px; }
  .adds-services .item-box { padding: 30px 25px !important; background: #fff; }
  .adds-enqform .enquiry-form { padding: 30px; border-radius: 50px; }
  .adds-enqform .enquiry-form .form-group { margin-bottom: 10px !important; }
  .adds-enqform input,.adds-enqform textarea,.adds-enqform select { padding: 10px; }
  .adds-enqform .enquiry-form .select-label { width: 50%; }
  .adds-enqform textarea { min-height: 100px; }
  .adds-enqform .butn.butn-full { width: 20%; padding: 10px 15px; }
  .adds-footer .social-links { margin-left: 0px; margin-right: 0px; }
  .enq-crev .butn.butn-full { padding: 10px 20px; font-size: 14px; }
  .adds-clients .client-logo { max-width: 70%; }
  .adds-enqform .enquiry-form p { font-size: 16px; }
  .adds-enqform .enquiry-form label,.adds-enqform input,.adds-enqform textarea,.adds-enqform select,.adds-enqform .enquiry-form .select-label { font-size: 12px; }
  .adds-enqform .enquiry-form .select-label { padding: 10px 15px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .adds-works .scroll-filter { width: 60%; }
  .iti--separate-dial-code .iti__selected-dial-code,span.iti__country-name,span.iti__dial-code { font-size: 10px; }
  .enq-crev { top: 30px !important; }
  .adds-banner .enq-form { border-radius: 50px !important; padding: 30px !important; }
  .enq-crev .enq-form p { margin-bottom: 5px !important; font-size: 14px !important; }
  .enq-crev .enq-form label { font-size: 10px !important; }
  .enq-crev input,.enq-crev textarea,.enq-crev select { padding: 10px 20px !important; margin-top: unset !important; font-size: 10px !important; }
  .enq-crev .enq-form .form-group { margin-bottom: 0px !important; }
  .adds-banner .enq-form .select-label { width: 85% !important; }
  .enq-crev textarea { min-height: 70px !important; }
  .adds-banner .rotate-text { font-size: 45px !important; max-width: 80%; font-weight: 700; }
  .adds-services .sec-head { margin-top: 0px !important; }
  .adds-banner .whatsapp-button { display: inline !important; }
  #form_phone_1 { padding-left: 91px !important; }
  .adds-about { height: 100vh; }
  .adds-services h1,.adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { font-size: 35px !important; }
  .adds-services h6 { font-size: 18px !important; }
  .section-padding { padding-top: 70px; padding-bottom: 70px; }
  .adds-services .item-box { padding: 30px 25px !important; }
  .adds-enqform .enquiry-form { padding: 50px; border-radius: 50px; }
  .adds-enqform .enquiry-form .form-group { margin-bottom: 10px !important; }
  .adds-enqform input,.adds-enqform textarea,.adds-enqform select { padding: 10px; }
  .adds-enqform .enquiry-form .select-label { width: 50%; }
  .adds-enqform textarea { min-height: 100px; }
  .adds-enqform .butn.butn-full { width: 20%; padding: 10px 15px; }
  .adds-footer .social-links { margin-left: 0px; margin-right: 0px; }
  .enq-crev .butn.butn-full { padding: 10px 20px; font-size: 14px; }
  .adds-clients .client-logo { max-width: 70%; }
  .adds-enqform .enquiry-form p { font-size: 16px; }
  .adds-enqform .enquiry-form label,.adds-enqform input,.adds-enqform textarea,.adds-enqform select,.adds-enqform .enquiry-form .select-label { font-size: 12px; }
  .adds-enqform .enquiry-form .select-label { padding: 10px 15px; }
}
@media only screen and (min-width:1400px) and (max-width:1600px) {
  .adds-works .scroll-filter { width: 60%; }
  .iti--separate-dial-code .iti__selected-dial-code,span.iti__country-name,span.iti__dial-code { font-size: 10px; }
  .enq-crev { top: 30px !important; }
  .adds-banner .enq-form { border-radius: 50px !important; padding: 30px !important; }
  .enq-crev .enq-form p { margin-bottom: 5px !important; font-size: 14px !important; }
  .enq-crev .enq-form label { font-size: 10px !important; }
  .enq-crev input,.enq-crev textarea,.enq-crev select { padding: 10px 20px !important; margin-top: unset !important; font-size: 10px !important; }
  .enq-crev .enq-form .form-group { margin-bottom: 0px !important; }
  .adds-banner .enq-form .select-label { width: 85% !important; }
  .enq-crev textarea { min-height: 70px !important; }
  .adds-banner .rotate-text { font-size: 45px !important; max-width: 80%; font-weight: 700; }
  .adds-services .sec-head { margin-top: 0px !important; }
  .adds-banner .whatsapp-button { display: inline !important; }
  #form_phone_1 { padding-left: 91px !important; }
  .adds-about { height: 100vh; }
  .adds-services h1,.adds-works h1,.adds-testimonial h1,.adds-clients h1,.adds-enqform h1 { font-size: 35px !important; }
  .adds-services h6 { font-size: 18px !important; }
  .section-padding { padding-top: 70px; padding-bottom: 70px; }
  .adds-services .item-box { padding: 30px 25px !important; }
  .adds-enqform .enquiry-form { padding: 50px; border-radius: 50px; }
  .adds-enqform .enquiry-form .form-group { margin-bottom: 10px !important; }
  .adds-enqform input,.adds-enqform textarea,.adds-enqform select { padding: 10px; }
  .adds-enqform .enquiry-form .select-label { width: 50%; }
  .adds-enqform textarea { min-height: 100px; }
  .adds-enqform .butn.butn-full { width: 20%; padding: 10px 15px; }
  .adds-footer .social-links { margin-left: 0px; margin-right: 0px; }
  .enq-crev .butn.butn-full { padding: 10px 20px; font-size: 14px; }
  .adds-clients .client-logo { max-width: 70%; }
  .adds-enqform .enquiry-form p { font-size: 16px; }
  .adds-enqform .enquiry-form label,.adds-enqform input,.adds-enqform textarea,.adds-enqform select,.adds-enqform .enquiry-form .select-label { font-size: 12px; }
  .adds-enqform .enquiry-form .select-label { padding: 10px 15px; }
}
@media only screen and (max-width:991px) {
  .adds-nav .topnav .mob-header-phone img { width: 20px; height: 20px; margin-right: 10px; }
  .adds-nav .topnav .mob-header-phone { margin-right: 20px; display: flex; justify-content: center; align-items: center; }
  .adds-nav .topnav .mob-header-phone p { color: #fff; }
  .adds-nav .topnav { display: flex; justify-content: center; align-items: center; }
  .adds-enqform .contact-us { width: 100%; }
  .side_div { width: 100% !important; }
  .freelancer.vimeo-video.header-gradient.adds-banner { height: 118vh !important; }
}
@media only screen and (max-width:767px) {
  .adds-footer .invisible { margin-bottom: 0px !important; }
  .adds-footer .footer-container .call-action .logo { width: 180px !important; margin: 0 auto; }
  .adds-footer .footer-container { text-align: center; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .adds-testimonial .bord-box { padding: 25px !important; height: 300px !important; }
  .adds-testimonial .item .info .img { width: 40px; height: 40px; }
}
.adds-testimonial .bord-box { padding: 25px !important; height: 300px !important; background: #fff; color: #000; border-radius: 25px !important; }
.adds-testimonial .client-name { font-weight: 500; }
.adds-testimonial span { text-transform: unset !important; letter-spacing: unset !important; }
.adds-testimonial .item .info .img { width: 40px; height: 40px; }
.adds-testimonial .swiper-wrapper { display: flex; align-items: center; justify-content: center; }
@keyframes slide-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
@keyframes slide-right {
  0% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}
.adds-testimonial .testim-swiper-left .swiper-wrapper { animation: slide-left 20s linear infinite; }
.adds-testimonial .testim-swiper-right .swiper-wrapper { animation: slide-right 20s linear infinite; }
#sidebar-content { padding-left: 0px; padding-right: 0px; }
.active-progress.hide { display: none; }
.sidenav-overlay.show { display: block; opacity: 1; }
.sidenav-overlay { position: fixed; top: 0; left: 0; right: 0; opacity: 0; height: 120vh; background-color: rgba(0,0,0,0.75); z-index: 997; display: none; }
.side_div { overflow: hidden; }
.fixed-bar {
  position:absolute;bottom:0;left:0;right:0;/* display:flex;justify-content:space-between;align-items:center;*/
  padding:10px 20px;background-color:#fff;box-shadow:0 -1px 5px rgba(0,0,0,0.1);z-index:1000;align-items:center;justify-content:space-between;
}
.next-prev { display: flex; align-items: center; }
.next-prev .btn { border: 1px solid #000; margin: 0; background-color: #fff; color: #000; border-radius: unset !important; }
.next-prev .btn:focus { box-shadow: unset !important; }
.next-prev .btn:hover { background-color: #000; color: #fff; }
.next-prev .prev { border-right: unset !important; }
.next-prev .btn { padding: 10px 20px; }
.talk-btn button {
  padding:10px 20px;background-color:#fff !important;color:#000 !important;border:1px solid #000 !important;/* border-radius:5px;*/
  cursor:pointer;
}
.talk-btn img { margin-right: unset !important; filter: invert(1); margin-left: 15px; }
.adds-services .quote-button:hover img { filter: invert(1); }
.quote-arrow:hover img { filter: invert(1); }
#submitHeader img {
  /* margin-left:10px;*/
  position:absolute;right:0px;
}
.adds-services .quote-button .link-rightarrow { margin-right: 0px; margin-left: 10px; }
#submitHeader:hover img { filter: invert(1); margin-left: 10px; }
.adds-services .quote-arrow img { filter: invert(1) !important; }
.talk-btn button:hover img { filter: unset !important; }
.talk-btn button:hover { background-color: #000 !important; color: #fff !important; }
.adds-main { background: #212121 !important; }
.adds-footer .copyright-foot { background-color: #212121 !important; }
#form_phone_header { padding-left: 90px !important; }
.adds-enqform input::placeholder,.adds-enqform textarea::placeholder,.adds-enqform select::placeholder { color: #000; opacity: 0.8; }
.enq-crev input::placeholder,.enq-crev textarea::placeholder,.enq-crev select::placeholder { color: #000; opacity: 0.8; }
/* Album */
.album {
  column-count:1;break-inside:avoid;gap:0.5rem;padding:0.5rem;
  & img { width: 100%; margin-bottom: 10px; }
}
@media (width>700px) {
  .album { column-count: 2; }
}
@media (width>1000px) {
  .album { column-count: 3; }
}
@media (width>1300px) {
  .album { column-count: 4; }
}
/* Album */
.filtering span.active { background-color: #000 !important; border-radius: 50px; color: #fff !important; }
.vimeo-class { box-sizing: border-box; height: 56.25vw; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); transition-duration: .5s; transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); width: 177.77777778vh; }
/* navigation for mobile  */
nav.nav-noscroll {
  .container { display: flex; justify-content: center!important; align-items: center; padding: 0.5rem; }
}