.lp-head-new{background-color: rgba(0, 0, 0, 0.4);}
.lp-head-new .brand-logo{padding-left: 7%;}
.lp-head-new .brand-logo__anchor{background: transparent;}
.lp-digital .services-hero .generic--form{margin-top: 13px;}
.lp-footer-new{}
.lp-footer-new .foo-conform{}
.lp-footer-new .foo-conform form{}
.lp-footer-new .foo-conform form .form-group{margin-bottom: 30px;  position: relative;}
.lp-footer-new .foo-conform form .form-group .form-control{width: 100%; font-size: 1em; border: 0;  transition: 0.25s; padding: 10px; height: 40px; background-color: transparent; color: #fff; font-family: Montserrat, sans-serif; border-bottom: 1px solid #fff;}
.lp-footer-new .foo-conform .btn-default { width: 100%; background-color: #5884ae; color: #fff; border: 0; display: flex; align-items: center; justify-content: center; padding: 14px 45px;}
.lp-footer-new .foo-conform .field input[type="text"], .lp-footer-new .foo-conform .field input[type="email"], .lp-footer-new .foo-conform .field select, .lp-footer-new .foo-conform .field textarea { font-family: Montserrat, sans-serif; color: #fff !important; }
.lp-footer-new .foo-conform form::-webkit-input-placeholder { color: #fff; }
.lp-footer-new .foo-conform form:-ms-input-placeholder { color: #fff; }
.lp-footer-new .foo-conform form ::placeholder { color: #fff; }
.lp-footer-new .foo-conform .btn-default { border-radius: 4px; width: 100%; background-color: #5884ae; color: #fff; border: 0; display: flex; align-items: center; justify-content: center; }
.lp-footer-new .foo-conform .btn-default:hover { transition: 0.4s; box-shadow: 0 0 9px 6px rgba(136, 136, 136, 0.18); background-color: #35b4e6; }
.lp-footer-new .foo-conform .field { width: 100%; border: 0; transition: 0.25s; color: #fff; border-bottom: 1px solid #fff;}
.lp-footer-new .foo-conform .field i { color: #fff; }
.lp-footer-new .field { position: relative; border: 1px solid #ccc; border-radius: 0; padding: 10px; margin-bottom: 18px; }
.lp-footer-new .field.code { width: 24%; float: left; margin-right: 10px; padding: 5px 10px 4px 30px; }
.lp-footer-new .field i { position: absolute; top: 12px; left: 10px; color: #9da6ac; font-size: 15px; }
.lp-footer-new .conform .field textarea { height: 165px; }
.lp-footer-new .conform .field input[type="text"], .lp-footer-new .conform .field input[type="email"], .lp-footer-new .conform .field select, .lp-footer-new .conform .field textarea{background: none; border: none; outline: none; width: 100%; color: #000; overflow: hidden;}
#placeorder .form-group .hint{position: relative; top: -10px; font-size: 10px; color: #fff;}
.lp-footer-new .error{position:initial; color: transparent !important;}
.lp-footer-new #cn-error{display:none !important;}
.lp-footer-new #ce-error{display:none !important;}
.lp-footer-new #cp-error{display:none !important;}
.field.error { border-color: red !important;}
.form-group.error input {  border-color: red !important;}

.col-md-6{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
@media (min-width: 992px){
.col-md-6 {
    width: 50%; float:left;
}}

.mobile-only{display: none;}
.mobile-only__get-quote a{font-size: 16px;}
.h-cta { display: none;}
.lp-digital .tab-arrow{display:none;}
.servicesContent__leftsec img { width: 100%; padding-top: 30px;}
.mobile-only__social-wrapper img{width: 1.52em; margin: 0 auto;}
.lp-digital .services-hero__mainWrapper::before{display:none;}
.mobile-banner { display: none; }

@media (max-width: 991px){
	.flotaing-icons{display:none !important;}
	.mobile-only { position: fixed; bottom: 0; z-index: 9999; width: 100%; display: flex; flex-wrap: wrap; }
	.h-cta{display: flex; padding-right: 20px; padding-top: 6px; justify-content: center;}
	.h-cta a{color: #fff; margin: 10px 0; font-size: 13px; position: relative; font-weight: bold; text-decoration: underline; }
	.navigation-wrapper{display:none;}
	.brand-logo__anchor img{width: 120%;}
	.lp-footer-new{padding-bottom: 80px;}
}

@media (max-width: 991px) and (min-width: 768px){
	.lp-footer-new{padding-bottom: 50px;}
	.footer__top--qlinks-col:nth-child(2) .qlinks__col__wrapper{display: block; padding-right: 7%;}
}

@media (max-width: 767px){
	.services-hero__wrapper{padding-top: 62px;}
	.footer__top--qlinks-col:nth-child(1) .contact-info-wrapper{padding: 0 0 0 0.5em;}
	.footer__top--qlinks-col:nth-child(1) .contact-info-wrapper::before{display:none;}
	.footer__top--qlinks-col:nth-child(2) .qlinks__col__wrapper{display: block;}
	.lp-footer-new .foo-conform form .form-group{margin-bottom: 15px;}
	.footer__top--qlinks-col:nth-child(2){width: 100%; padding-left: 0px; padding-right: 0px;}
	.text-gradient{animation: auto; color: #5380ab; background: linear-gradient(90deg, #5380ab, #5380ab, #5380ab, #5380ab); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	.inner-hero__head .generic--head__subhead{display: none;}
	.lp-digital .inner-hero__head .generic--head__head{font-size: 2.4em !important; font-weight: 700;}
	.lp-digital .tab-arrow{display: block; top: 40px; margin: 0 auto;}
	.lp-digital .serviceBrands__mainBox{padding-bottom: 5em;}
	.lp-digital .tab-arrow .swiper-button-next{right: -10px;}
	.lp-digital .tab-arrow .swiper-button-prev{left: -10px;}
	.servicesContent__leftsec img {width: 50%; height: auto; margin: 0 auto; margin-bottom: 30px;}
	.lp-digital .services-hero__wrapper{padding-top: 82px;}
	.lp-digital .services-hero .generic--form{margin-top: 0 !important;}
	
	
}
@media (max-width: 766px) and (min-width: 578px){
	.lp-digital .services-hero__head{padding-top: 50px;}
	.lp-digital .services-hero .generic--form{margin-top: 0px !important;}
	.lp-digital .services-hero__mainWrapper::before{width: 23.3125em;}
	
}
@media (max-width: 577px){
	.lp-digital .serviceHelp__cardsWrapper {flex-wrap: wrap;}
	.lp-digital .serviceBrands .serviceBrands__mainBox h2{padding: 0px 30px;}
	.desktop-banner {display: none;}
	.mobile-banner { display: block; }
	.lp-digital .services-hero__bgImg img{object-fit: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
	.services-hero__bgImg picture img.bar { object-fit: initial; width: 40px; height: 350px; right: 30px; z-index: 1; left: auto; top: -170px; animation: floatingman 5s ease-in-out; }
	.services-hero__bgImg picture img.crosses { object-fit: initial; width: 40px; height: 50px; z-index: 1; left: auto; right: 110px; top: 70px; animation: pulse-custom 5s infinite; }
	.services-hero__bgImg picture img.spiral { object-fit: initial; width: 200px; height: 200px; z-index: 1; top: -60px; animation: rotation 20s infinite linear; }
	
	
}
@media (max-width: 450px){
	.services-hero__bgImg picture img.bar { width: 40px; height: 350px; right: 30px; top: -150px; }
	.services-hero__bgImg picture img.crosses { right: 85px; top: 55px; width: 25px; height: 35px; }
	.services-hero__bgImg picture img.spiral { width: 170px; height: 160px; top: -50px; left: -60px; }
	
}


/*.lp-digital .services-hero__mainWrapper::before{background-color: transparent; background-image: none;}*/
/*animations*/ @keyframes text-dot { 0% { opacity:0; transform: rotate(10deg) translateY(20px) } 10% { opacity:1; transform: translateY(-5px); } 20% { transform: translateY(0); } 30% { transform: translateY(-5px); } 40% { transform: translateY(0); } 50% { opacity:1; transform: translateY(-5px); } 60% { transform: translateY(0); } 70% { transform: translateY(-5px); } 80% { opacity:1; transform: translateY(0); } 90% { opacity:0; transform: translateY(-20px) } to { opacity:0; transform: translateY(-20px) } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes blinker { 50% { opacity: 0; } } @keyframes floatingman { 0%   {top: -290px;} 100%  { top: -150px; } } @keyframes floatingman2 { 0%   { bottom:14%; } 50%  { bottom:5%; } 100%  { bottom:14%; } } @keyframes gear { 0%   { transform:rotate(0deg); } 100%  { transform:rotate(360deg); } } @keyframes gear2 { 0%   { transform:rotate(360deg); } 100%  { transform:rotate(0deg); } } @keyframes sect4anime3 { 0%   { transform:rotate(360deg); } 100%  { transform:rotate(0deg); } } @keyframes sect4anime4 { 0%   { transform: scale(0);  bottom:-15% } 50%   { transform: scale(0);  bottom: -15% } 100% { transform: scale(1);   bottom: 18%  } } @keyframes personsimg { 0%   { transform:scale(0); } 50%   { transform:scale(0); } 100%  { transform:scale(1); } } @keyframes move { 0%   { transform: scale(1)   translate(10px, -30px); } 38%  { transform: scale(0.8, 1) translate(3vw, 3vh) rotate(5deg); } 48%  { transform: scale(0.8, 1) translate(0vw, 0vh) rotate(-5deg); } 78%  { transform: scale(1.3) translate(0vw, 3vh) rotate(-8deg); } 88%  { transform: scale(1.3) translate(3vw, 0vw) rotate(-12deg); } 100% { transform: scale(1)   translate(10px, -30px); } } @keyframes sect4anime1 { 0%   { left: -150% } 50%  { left: -150% } 100% { left: 26%  } } @keyframes sect4anime2 { 0%   { right: -150% } 50%  { right: -150% } 100% { right: 30%  } } @keyframes leavegrow { 0%   { transform: scale(0);  right: -175% } 50%   { transform: scale(0);  right: -100% } 100% { transform: scale(1);   right: -65%  } } @keyframes leavegrowsect3 { 0%   { transform: scale(0);  right: -120% } 50%   { transform: scale(0);  right: -95% } 100% { transform: scale(1);   right: -80%  } } @keyframes leavegrowsect32 { 0%   { transform: scale(0);  left: -120% } 50%   { transform: scale(0);  left: -95% } 100% { transform: scale(1);   left: -60%  } } @keyframes coin { 0%   { transform: scale(0) rotate(0deg);  right: -150% } 25%   { transform: scale(0.5) rotate(0deg);  right: -75% } 55%   { transform: scale(1) rotate(360deg);  right: -50% } 100% { transform: scale(1) rotate(720deg);   right: -15%  } } @keyframes circles { 0%   { transform: scale(1)   translate(50px, -30px); } 50% { transform: scale(1.2)   translate(10px, 50px); } 100%  { transform: scale(1)   translate(50px, -30px); } } @keyframes circles1 { 0%   { transform: scale(1)   translate(-20px, 10px); } 50% { transform: scale(1.1)   translate(10px, 20px); } 100%  { transform: scale(1)   translate(-20px, 10px); } } @keyframes circles2 { 0%   { transform: scale(1)   translate(25px, 300px); } 50% { transform: scale(1.2)   translate(10px, 50px); } 100%  { transform: scale(1)   translate(25px, 30 0px); } } @keyframes cross { 0%   { transform: scale(1) rotate(5deg);  left:-10px; } 50% { transform: scale(1.2) rotate(850deg);left:-30%;top:-25%; } 100%   { transform: scale(1) rotate(5deg);left:-10px; } } @keyframes cross1 { 0%   { transform: scale(1) rotate(5deg);  left:20px; } 50% { transform: scale(1.2) rotate(360deg);left:5%;bottom:25%; } 100%   { transform: scale(1) rotate(5deg);left:20px; } } @keyframes cross2 { 0%   { transform: scale(1) rotate(5deg); } 50% { transform: scale(1.2) rotate(850deg);right:30%;bottom:15%; } 100%  { transform: scale(1) rotate(5deg); } } @-webkit-keyframes pulse-custom { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse-custom { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1,1 ); } 50% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }