
.body-marketing,
.body-websites{
	background-image: url(../svg/top_banner.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position-y: 3vh;
}

.body-websites header,
.body-marketing header{
  	background: #C9E8FF;
}

.body-websites .divNavigation-main,
.body-marketing .divNavigation-main {
  	background: transparent;
}

.body-websites .div-additional-block-1,
.body-marketing .div-additional-block-1{
	position:relative;
	margin-top:50px !important;
}

.body-websites .div-additional-block-1 .spnBlockContent,
.body-marketing .div-additional-block-1 .spnBlockContent{
	display:block;
}

.body-websites .div-additional-block-1 .spnBlockContent h1,
.body-websites .div-additional-block-1 .spnBlockContent h2,
.body-marketing .div-additional-block-1 .spnBlockContent h1,
.body-marketing .div-additional-block-1 .spnBlockContent h2{
	font-family:'Anton', sans-serif;
	font-size:90px;
	color:#000FA0;
}

.body-websites .divBlockWrapper-text ~ .divBlockWrapper-text
.body-marketing .divBlockWrapper-text ~ .divBlockWrapper-text{
	border-top:0;
}

.additionalBlock-header{
	position:relative;
  	display: flex;
	padding:0 15px;
	gap: 10px;
	align-content: center;
  	align-items: center;
	width: 100%;
	font-family:'Anton', sans-serif;
	font-size:65px;
	color:#002755;
	font-weight:400;
}

.divAdditionalText-left{
	padding-left:0;	
}

.divAdditionalText-right{
	padding-right:0;	
}

.divBlockWrapper p.optText{
	font-family:'Metropolis', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000FA0;
}

a.anchButton,
.optNav a.anchButton{
	font-family:'Metropolis', sans-serif;
	font-size:14px;
	border:1px solid #002755; 
	color: #002755 !important;
	background:none;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

a.anchButton:hover,
.optNav a.anchButton:hover{
	color:#ffffff !important;
	background:#D64000;
	border-color:#D64000;
}


.body-websites .additionalBlock2-header,
.body-marketing .additionalBlock2-header{
	margin-top:50px;
}


.body-websites .additionalBlock3-header,
.body-marketing .additionalBlock3-header{
  	justify-content: flex-end;
	text-align:right;
	margin-top:60px;
}

.body-websites .additionalBlock3-header svg.precurve,
.body-marketing .additionalBlock3-header svg.precurve{	
	position: absolute;
	right: 54%;
	bottom: 20px;
	z-index:-1;
}

.body-marketing .additionalBlock4-header{
	margin-top:60px;
}

.body-websites .additionalBlock4-header{
	margin-top:4em;
}

.body-websites .additionalBlock4-header svg.postcurve{
	position:absolute;
	left:46%;
	bottom:20px;
	z-index:-1;
}

.body-marketing .additionalBlock4-header svg.postcurve{
	position:absolute;
	left:42%;
	bottom:20px;
	z-index:-1;
}

.body-websites .div-additional-block-5,
.body-marketing .div-additional-block-5{
	border-top:0;
	margin-top:60px;
}

.body-websites .div-additional-block-5 p:first-of-type,
.body-marketing .div-additional-block-5 p:first-of-type{
	font-family:'Metropolis', sans-serif;
	font-size:24px;
	font-weight:bold;
	letter-spacing: 3.6px;
	color: #000FA0;
	margin:0;
	text-transform:uppercase;
}

.body-websites .div-additional-block-5 h2,
.body-marketing .div-additional-block-5 h2{
	font-family:'Anton', sans-serif;
	color: #002755;
	font-size:100px;
}

.body-websites .div-additional-block-5 a.anchButton,
.body-marketing .div-additional-block-5 a.anchButton{
	color: white !important;
	background: #000FA0;
}

.body-websites .div-additional-block-5 a.anchButton:hover,
.body-marketing .div-additional-block-5 a.anchButton:hover{
	background: #D64000;
}

.divPullWrapper-meet-the-team{
	position:relative;
	width:100%;
}

.divPullWrapper-meet-the-team .divPullWrapperInner{
	position:relative;
	padding:70px 0;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .pullHeader{
	position:relative;
	font-family:'Metropolis', sans-serif;
	font-size:24px;
	font-weight:bold;
	width:100%;
	text-align:center;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .pullLink{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .pullLink a{
	font-family:'Metropolis', sans-serif;
	font-size:14px;
	border:1px solid #002755; 
	color: #002755;
	font-weight:bold;
	background:none;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	padding: .375rem .75rem;
	border-radius:25px;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .pullLink a:hover{
	color:white;
	background:#D64000;
	border-color:#D64000;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-container{
	position:relative;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-button-prev::after,
.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-button-next::after{
	content:unset;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-button-prev{
	left: -3em;
	top: 54%;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-button-next{
	right: -3em;
	top: 54%;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-button-prev,
.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-button-next,
.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-button-prev svg,
.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-button-next svg{
	height: 30px;
  	width: 30px;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-pagination{
	position: relative;
	margin: auto;
  	margin-top: 2em;
  	display: flex;
	flex-wrap:wrap;
  	justify-content: center;
  	text-align: center;
  	align-content: center;
  	width: 90%;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-pagination .swiper-pagination-bullet{
	height:12px;
	width:12px;
	border:1px solid #002755;
	background:transparent;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-pagination .swiper-pagination-bullet-active{
	background:#002755;
}


.divPullWrapper-meet-the-team .divPullWrapperInner .divListingDetail-value{
	text-align:center;
	font-family:'Metropolis', sans-serif;
	font-size:16px;
}

.divPullWrapper-meet-the-team .divPullWrapperInner .divListingDetail-Name .divListingDetail-value{
	font-family:'Metropolis', sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1.4px;
}

@media (max-width:1650px) and (min-width:1367px){
	.body-marketing, .body-websites{
		background-position-y: 100px;
	}
	
	.body-marketing .additionalBlock4-header svg.postcurve,
	.body-websites .additionalBlock4-header svg.postcurve{
		left: 42%;
		scale: 0.9;
	}
	
	.body-websites .additionalBlock4-header{
		margin-top: 3em;
	}
}


@media (max-width:1366px) {
	svg.precurve,
	svg.postcurve{
		display:none;
	}
	
	.body-websites .additionalBlock2-header, .body-marketing .additionalBlock2-header,
	.body-websites .additionalBlock3-header, .body-marketing .additionalBlock3-header,
	.body-websites .additionalBlock4-header, .body-marketing .additionalBlock4-header{
		margin-top:40px;
	}
}

@media (max-width: 1023px) {
	.body-websites .div-additional-block-1 .spnBlockContent h1, .body-websites .div-additional-block-1 .spnBlockContent h2, .body-marketing .div-additional-block-1 .spnBlockContent h1, .body-marketing .div-additional-block-1 .spnBlockContent h2{
		font-size: 52px;
	}
}

@media (max-width:960px) {
	.body-marketing, .body-websites {
	  background-size: 100% auto;
	  background-position-y: 100px;
	}
	
	.body-websites .div-additional-block-1 .spnBlockContent h1, .body-websites .div-additional-block-1 .spnBlockContent h2, .body-marketing .div-additional-block-1 .spnBlockContent h1, .body-marketing .div-additional-block-1 .spnBlockContent h2{
		font-size:38px;
	}
	
	.body-websites .div-additional-block-5 h2, .body-marketing .div-additional-block-5 h2{
		font-size: 32px;
	}
	
	.additionalBlock-header{
		font-size:34px;
	}
}

@media (max-width:768px) {
	.body-marketing, .body-websites {
	  background-size: 100% auto;
	  background-position-y: 135px;
	}
	
	.body-websites .div-additional-block-1 .spnBlockContent h1, .body-websites .div-additional-block-1 .spnBlockContent h2, .body-marketing .div-additional-block-1 .spnBlockContent h1, .body-marketing .div-additional-block-1 .spnBlockContent h2{
		font-size:36px;
	}
	
	.body-websites .div-additional-block-5 h2, .body-marketing .div-additional-block-5 h2{
		font-size: 30px;
	}
	
	.additionalBlock-header{
		justify-content:start;
		flex-direction:row-reverse;
		font-size:30px;
		padding:0;
	}
	
	.body-websites .div-additional-block-1, .body-marketing .div-additional-block-1{
		margin-top:0 !important;
		padding:0;
	}
	
	.body-websites .div-additional-block-1 .divBlockInner, .body-marketing .div-additional-block-1 .divBlockInner{
		display:flex;
		flex-direction:column-reverse;
	}
	
	.body-websites .div-additional-block-1 .divBlockInner .divBlockMedia img,
	.body-marketing .div-additional-block-1 .divBlockInner .divBlockMedia img,
	.body-websites .div-additional-block-5 .divBlockInner .divBlockMedia img,
	.body-marketing .div-additional-block-5 .divBlockInner .divBlockMedia img{
		width: 100%;
    	height: auto;
	}
	
	.body-websites .div-additional-block-1.divBlockWrapper-text,
	.body-marketing .div-additional-block-1.divBlockWrapper-text,
	.body-websites .div-additional-block-2.divBlockWrapper-text,
	.body-marketing .div-additional-block-2.divBlockWrapper-text,
	.body-websites .div-additional-block-3.divBlockWrapper-text,
	.body-marketing .div-additional-block-3.divBlockWrapper-text,
	.body-websites .div-additional-block-4.divBlockWrapper-text,
	.body-marketing .div-additional-block-4.divBlockWrapper-text,
	.body-websites .div-additional-block-5.divBlockWrapper-text,
	.body-marketing .div-additional-block-5.divBlockWrapper-text{
		padding:15px 0;
	}
	
	.body-websites .div-additional-block-3.divBlockWrapper-text .divBlockInner .spnBlockContent > div:first-of-type,
	.body-marketing .div-additional-block-3.divBlockWrapper-text .divBlockInner .spnBlockContent > div:first-of-type{
		display:flex;
		flex-direction:column-reverse;
	}
	
	.divAdditionalText-left,
	.divAdditionalText-right{
		padding:0;
	}
	
	.divPullWrapper-meet-the-team .divPullWrapperInner .swiper-pagination{
		display:none;
	}
}

