/*--Banner Block--*/
#bannerBlockNew {overflow:hidden;width:100%;float:left;position:relative;}
#bannerBlockNew #myVideoNew {width:100%;/*height:650px;object-fit:cover;object-position:-5px center;*/}


#bannerBlock {overflow:hidden;width:100%;float:left;position:relative;}
#bannerBlock .overlayBg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,.5);}
#bannerBlock #myVideo {position:absolute;left:0;top:0;min-width:100%;min-height:100%;z-index:1}
#bannerBlock .container {position:relative;z-index:9;}
#bannerBlock {background:#F8FCFC;}
#bannerBlock .bannerLeftDetails {margin-top:140px;margin-bottom:140px;}
#bannerBlock .bannerLeftDetails h6 {font-size:16px;color:#fff;font-weight:500;text-transform:uppercase;position:relative;padding-left:15px;letter-spacing:2px;}
#bannerBlock .bannerLeftDetails h6:before {content:'\f0c8';position:absolute;font-family:'FontAwesome';font-size:13px;left:0;top:3px;color:#fff;}
#bannerBlock .bannerLeftDetails p {color:#fff;}
#bannerBlock .bannerLeftDetails h2 {font-size:48px;color:#fff;font-weight:800;margin:15px 0 15px 0;}
#bannerBlock .bannerLeftDetails a.btn {padding:15px;margin-top:15px;}
#bannerBlock .bannerLeftDetails a.btn span {opacity:.5;}
#bannerBlock .bannerRight {display:none;}
#bannerBlock .bannerRight .banerImageBlock {position:relative;}
#bannerBlock .bannerRight .banerImageBlock ul li {font-size:14px;color:#fff;font-weight:400;position:absolute;padding:15px;border-radius:5px;}
#bannerBlock .bannerRight .banerImageBlock ul li:nth-child(1) {top:40%;left:-100px;}
#bannerBlock .bannerRight .banerImageBlock ul li:nth-child(2) {top:30%;right:90px;}

#bannerBlock .bannerRight .banerImageBlock ul li:nth-child(3) {bottom:10%;left:-60px;}
#bannerBlock .bannerRight .banerImageBlock ul li:nth-child(4) {bottom:30%;right:70px;}

#bannerBlock .bannerRight .banerImageBlock img {width:82%;}
#bannerBlock .row {justify-content:space-between;}

/*--About Block--*/
#aboutBlock {margin:80px 0px;width:100%;float:left;}
#aboutBlock .aboutDetails h6 {font-size:16px;color:#2A2A2A;font-weight:500;text-transform:uppercase;position:relative;padding-left:15px;letter-spacing:2px;}
#aboutBlock .aboutDetails h6:before {content:'\f0c8';position:absolute;font-family:'FontAwesome';font-size:13px;left:0;top:3px;color:#dc3545;}
#aboutBlock .aboutDetails h2 {font-size:45px;color:#2A2A2A;font-weight:800;margin:15px 0 40px 0;}
#aboutBlock .aboutDetails li {padding-left:25px;position:relative;color:#8a909a;margin-bottom:15px;}
#aboutBlock .aboutDetails li:before {content:'\f00c';position:absolute;font-family:'FontAwesome';font-size:13px;left:0;top:3px;color:#dc3545;}
#aboutBlock .aboutDetails p {border-top:1px solid #dedede;margin-top:30px;padding-top:30px;}

#aboutBlock .aboutRight {position:relative;}
#aboutBlock .aboutRight li {position:absolute;}
#aboutBlock .aboutRight li img {width:100%;border-radius: 7px 7px 7px 7px;box-shadow: 0px 20px 50px 0px rgb(28 27 32 / 19%);}
#aboutBlock .aboutRight li:nth-of-type(1) {width:400px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.55;}
#aboutBlock .aboutRight li:nth-of-type(2) {width:250px;right:0;bottom:0;}
#aboutBlock .aboutRight li:nth-of-type(3) {width:300px;}

/*--Marketing Services--*/ 
#marketingServices {padding:100px 0;background:#00122F;position:relative;width:100%;float:left;}
#marketingServices .headingBlock h6 {font-size:16px;color:#fff;font-weight:500;text-transform:uppercase;position:relative;padding-left:15px;letter-spacing:2px;}
#marketingServices .headingBlock h6 .fa {font-size:13px;color:#dc3545;}
#marketingServices .headingBlock h2 {font-size:45px;color:#fff;font-weight:800;margin:15px 0 15px 0;}
#marketingServices .headingBlock p {font-size:18px;margin-bottom:80px;color:#fff;}
#marketingServices .card {padding:50px 30px;align-items:left;border:0px;color:#fff;background:transparent;border:0px;text-align:left;position:relative;}
#marketingServices .card h5 {text-transform:uppercase;margin:0;padding:0;}
#marketingServices .card img {width:60px;margin-bottom:20px;}
#marketingServices .card svg path {fill:#0d6efd;}
#marketingServices .card svg rect {fill:#0d6efd;}
#marketingServices .card svg polygon {fill:#0d6efd;}
#marketingServices .card span {display:none;}

#marketingServices .card:after {content:'';position:absolute;width:1px;height:100%;background:rgba(255,255,255,.1);right:0;top:0;}
#marketingServices .card:before {content:'';position:absolute;width:100%;height:1px;background:rgba(255,255,255,.1);right:0;bottom:0;}
#marketingServices .col:nth-of-type(4) .card:after, #marketingServices .col:nth-of-type(8) .card:after, #marketingServices .col:nth-of-type(12) .card:after, #marketingServices .col:nth-of-type(16) .card:after {display:none;}

#marketingServices .col:nth-of-type(13) .card:before, #marketingServices .col:nth-of-type(14) .card:before, #marketingServices .col:nth-of-type(15) .card:before, #marketingServices .col:nth-of-type(16) .card:before {display:none;}

#marketingServices .container {position:relative;z-index:9;}
#marketingServices .animationImage {visibility: visible;position: absolute;top: 0;right: 0;z-index:1;width:100%;height:100%;}
#marketingServices img.marketingServicesImage {width:100%;height:100%;opacity: 0.1;}

/*--Why Work With Us--*/ 
#whyWorkWithUs {padding:100px 0 100px 0;width:100%;float:left;}
#whyWorkWithUs .headingBlock h6 {font-size:16px;color:#2A2A2A;font-weight:500;text-transform:uppercase;position:relative;padding-left:15px;letter-spacing:2px;}
#whyWorkWithUs .headingBlock h6 .fa {font-size:13px;color:#dc3545;}
#whyWorkWithUs .headingBlock h2 {font-size:45px;color:#2A2A2A;font-weight:800;margin:15px 0 15px 0;}
#whyWorkWithUs .headingBlock p {font-size:18px;margin-bottom:50px;}
#whyWorkWithUs .card {padding:30px;align-items:center;border:0px;color:#2a2a2a;min-height:300px;}
#whyWorkWithUs .card h5 {min-height:50px;text-transform:uppercase;}
#whyWorkWithUs .card img {width:70px;margin-bottom:20px;}
#whyWorkWithUs .card:hover {background:#f8fcfc;}

@media screen and (max-width:1367px)
{
	#bannerBlock .bannerLeftDetails {margin-top: 0;}
}

@media screen and (max-width:1024px)
{
	#bannerBlock .row, #clientsBlock .row, #aboutBlock .row {flex-direction:column;justify-content:center;align-items:stretch;}
	#bannerBlock .bannerLeft {width:100%;}
	#bannerBlock .bannerRight {width:100%;display:flex;align-content:center;justify-content:center;}
	#bannerBlock .bannerRight .banerImageBlock {width:70%;}
	#aboutBlock .aboutRight {display:none;}	
}

@media screen and (max-width:813px)
{
	#marketingServices .row.row-cols-4 .col {width:50%;}
	#marketingServices .col:nth-child(2) .card:after, #marketingServices .col:nth-child(6) .card:after, #marketingServices .col:nth-child(10) .card:after, #marketingServices .col:nth-child(14) .card:after {display:none;}
	
	#marketingServices .col:nth-child(13) .card:before, #marketingServices .col:nth-child(14) .card:before {display:block}
	
	#whyWorkWithUs .row-cols-3 .col {width:50%;}
	#whyWorkWithUs .row-cols-3 .col .card {padding:10px;}	
}

@media screen and (max-width:737px)
{
	#bannerBlock .bannerLeftDetails h2 {font-size:40px;}
	#bannerBlock .bannerRight {display:none;}
	
	#aboutBlock .aboutDetails h2, #marketingServices .headingBlock h2, #whyWorkWithUs .headingBlock h2 {font-size:35px;}
	
	#marketingServices .headingBlock p br, #whyWorkWithUs .headingBlock p br {display:none;}
	
	#whyWorkWithUs .row-cols-3 .col {width:100%;}
	#whyWorkWithUs .card {min-height:auto;}
	#whyWorkWithUs .card h5 br {display:none;}
	
	#footerBlock .footerLinks {flex-direction:column;gap:0;}
}

@media screen and (max-width:600px)
{
	#marketingServices .card h5 {font-size:18px;font-weight:500;}
	
	#bannerBlock .bannerLeftDetails h2 {font-size: 31px;}
	#bannerBlock .bannerLeftDetails h2 br {display:none;}
}

@media screen and (max-width:450px)
{	
	#aboutBlock {margin: 0px 0px 80px 0px;}
	#marketingServices .card {padding: 40px 20px;}
	#marketingServices .card h5 {font-size: 14px;font-weight:400;}
}