
.serviceclub .col-12 {
  max-width: 100%;
  flex: 0 0 100%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 16px;
	padding-left: 7px;
}


.serviceclub .col-12.pb--l .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}


.serviceclub .component.container.col-12.pb--l {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px;
}


.serviceclub .component {
  box-sizing: border-box;
}

.serviceclub .component-content .row.justify-content-center {
	justify-content: center !important;
}

.serviceclub .d-flex {
  display: flex !important;
}



.serviceclub .visual-grid__item h4 {
  margin: 0 0 1rem;
  color: #0052bd;;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: bold;
}

.serviceclub h4 {
  font-size: 1.25rem;
  line-height: 1.4;
}


.serviceclub .visual-grid__item p {
  color: #000000;;
  font-size: 1rem;
  line-height: 1.5rem;
}

.serviceclub p:last-child {
  margin-bottom: 0;
}


.serviceclub .visual-grid__item {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 2rem 1.5rem;
  border: 1px solid #bababa;
  margin: 0 0 1rem;
  border-radius: 1rem;
}


.serviceclub .visual-grid__item img {
  display: block;
  width: 6.5rem;
  height: 6.5rem;
  margin: 0 auto 1.875rem;
  object-fit: contain;
  object-position: center;
}




@media (min-width: 576px) {
	.serviceclub .col-sm-9 { max-width: 75%; flex: 0 0 75%; }
	.serviceclub .col-12 { max-width: 100%; flex: 0 0 100%; }
	.serviceclub .visual-grid__item { margin: 0 0 1.5rem; margin-bottom: 1.5rem; }
	.serviceclub .visual-grid__item img {  width: 9rem; height: 9rem !important;; }
	.serviceclub .visual-grid__item h4 { font-size: 1.3rem; line-height: 2.1rem; }
	.serviceclub h4 { font-size: 1.5rem;}
	
 
}


@media (min-width: 769px) {
	.serviceclub h4 { font-size: 1.5rem;}
  .curved-bottom:not(.curved-bottom--inverse)::after { bottom: calc(-3rem);}
  .curved-bottom::after { bottom: -3rem; height: 3rem;}
	
}



@media (min-width: 992px) {
	.serviceclub .col-lg-4 { max-width: 33.33333%; flex: 0 0 33.33333%; }
	.serviceclub .visual-grid__item { margin-bottom: 0; }
	
/*	.offset-lg-2 {  margin-left: 16.66667%; }*/
/*	.col-lg-8 { max-width: 66.66667%; flex: 0 0 66.66667%;}*/
  .col-12 { max-width: 100%;  flex: 0 0 100%;	}
  .curved-bottom:not(.curved-bottom--inverse)::after { bottom: calc(-3.5rem);}
  .curved-bottom::after { bottom: -3.5rem; height: 3.5rem;}
  
}

.col-lg-8 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 0px !important;
}

.text-linker {
  position: relative;
 /* text-align: center;*/
}

 article {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
    font-size: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

.serviceclub .col-lg-4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 16px;
	padding-left: 16px;
}


.text-linker .path-anim {
  margin-left: -16.5625rem;
}

.path-anim {
  z-index: 1;
  pointer-events: none;
}

.text-linker .text-linker__title {
  margin-top: 0;
  margin-bottom: 1.5rem;
  color: #242424;
  font: normal 1.1em/1.6625 Fabriga Medium,Fabriga regular,Lato,sans-serif;
}



.text-linker .text-linker__description:not(:last-child) {
  margin-bottom: 1.5rem;
}


.text-linker {
  /*text-align: center;*/
}

.container--curved.color--white > .container::before {
  background-color: #fff;
}

.container--curved > .container::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
}


.container--curved > .container {
  position: relative;
}


.container--curved > * {
  position: relative;
  z-index: 2;
}


.text-linker .text-linker__description {
  color: #091144;
  font-size: 1.125rem;
}

.text-linker .btn {
  margin: 0;
}

.btn.btn--primary, .sitecore-form.sitecore-form .btn.btn--primary {
  border: 0px solid #2a8136;
  background-color: #0052bd; !important;
  color: #fff;
}

.btn.btn--primary:hover {
  border: 0px solid #0759c4;
  background: #0759c4;
}

.btn, .sitecore-form.sitecore-form .btn {
	background-color: #2EA386;
	border: 1px solid #298870;
	border-radius: 3px;
	color: #ffffff;
	font-size: 0.875em;
	margin-left: 10px;
	outline: medium none;
	padding: 1.34286em 2.2em;
	text-align: center;
	cursor: pointer;
	text-shadow: 0.5px 0.5px 0.5px #242424;
	margin-bottom: 10px;
	width: 70%;
	margin-top: 10px;
	font: bold 0.9em/1.3 Lato,sans-serif;
}



.curved-bottom:not(.curved-bottom--inverse)::after {
  bottom: calc(-2rem);
}

.curved-bottom.container::after {
  position: relative;
  width: 100%;
  display: inline-block;
}

.container.pb--s  {
	padding-top: 30px;
}

.curved-bottom::after {
  position: absolute;
  z-index: 1;
  bottom: -2rem;
  display: block;
  width: 100%;
  height: 2rem;
  background-size: 100% 100%;
  content: "";
}


.container .container--curved {
  margin-right: calc((((100vw - 100%) / 2) + 16px) * -1);
  margin-left: calc((((100vw - 100%) / 2) + 16px) * -1);
}

.container .container--curved {
  width: calc(100vw + 32px) !important;
}

.container--curved.col-12 {
  flex-basis: auto;
}
.curved-bottom {
  position: relative;
}
.container--curved {
  position: relative;
  width: 100% !important;
  max-width: none !important;
}




		
@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {
}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {	
}



/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) {
}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
}		


@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
}





/* iPhone 6 in landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
}


@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}


@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}




@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}



@media only screen and (min-width: 900px) and (max-width: 1920px) and (orientation: landscape) {
}


@media only screen and (min-width: 1280px) and (max-width: 2560px) and (orientation: portrait) {
}

@media only screen and (min-width: 1280px) and (max-width: 2560px) and (orientation: landscape) {
}


@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {
}

@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: portrait) {
}

@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
}


@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
}

@media screen and (max-width: 1000px) {
}



