/* FONTS

font-family: proxima-nova, sans-serif; 
Extrabold: 800
Bold: 700
Semibold: 600
Regular: 400

font-family: canada-type-gibson, sans-serif; 
Bold: 700
SemiBold: 600

/* GLOBAL */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'canada-type-gibson', sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
}
.topContent h1 {
  color: #532D8F;
  font-size: 32px;
  margin-bottom: 15px;
}
.topContent.purpleBG {
  padding: 70px 0;
  background: #532D8F;
}
.topContent {
  padding: 70px 0;
    background: #FFF;
}
.topContent.purpleBG h2, .topContent.purpleBG p {
  color: #FFF;
}
.topContent.purpleBG h1 {
  color: #FFF;
}
.catonBreadcrumb.contractBreadcrumb {
  background: #F6F6F6;
}
.btn-bhe-white {
  color: #FFF !important;
  background: transparent;
  border: 3px solid #FFF;
  padding: 20px 45px;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'proxima-nova', sans-serif;
  font-weight: 800;
  font-style: normal;
  border-radius: 0px;
  margin-top: 0;
  text-decoration: none;
}
.btn-bhe-white:hover {
  color: #00ADEE !important;
  background: #FFF;
  border: 3px solid #FFF;
}
.benefitBlock {
  background: #00ADEE none repeat scroll 0 0;
  position: relative;
  padding: 80px 0px;
}
.benefitBlock h2 {
  text-align: center;
  margin-bottom: 40px;
  color: #FFF;
}
.marginTopRes {
  margin-top: 10px;
}
.benefitBlock .service-desc {
  text-align: center;
}
.benefitBlock .service-desc i {
  background: #532D8E none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 20px;
  padding: 4px 14px;
font-family: 'canada-type-gibson', sans-serif;
font-weight: 600;
font-style: normal;
}
.benefitBlock::after {
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #00ADEE;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -50px;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 1;
}
.benefitBlock .service-desc h3 {
  font-size: 17px;
  margin-bottom: 15px;
  text-transform: none;
  color: #FFF;
  line-height: 24px;
}
.benefitBlock .service-desc p {
  font-size: 19px;
  line-height: 30px;
  color: #FFF;
}
.benefitBlock p {
  font-size: 21px;
  line-height: 38px;
  color: #FFF;
}
.imgContainer {
  position: relative;
}
.imgContainer img {
  display: block;
  width: 100%;
  height: auto;
}
a .product-type-text h3 {
  font-size: 16px;
font-family: 'canada-type-gibson', sans-serif;
font-weight: 600;
font-style: normal;
  color: #FFF;
}
.product-type-text h3 {
  margin-bottom: 0;
  text-decoration: none;
}
a .product-type-text h3 i {
  float: right;
  padding: 25px 25px;
  position: relative;
  right: -20px;
  text-decoration: none;
  top: -20px;
  vertical-align: middle;
}
a .product-type-text.haloEffect h3 i {
  background: #3F1E66;
}
a .product-type-text.haloEffect {
  background: #532D8E;
  padding: 20px;
  text-decoration: none;
}
a:hover .product-type-text.haloEffect h3 {
  text-decoration: none;
}
a:hover .product-type-text.haloEffect {
  background: #3F1E66;
  text-decoration: none;
}
a:hover .imgContainer img {
  opacity: 0.8;
}
.product-types-list a:hover {
  text-decoration: underline;
}
.serviceBox.serviceBoxV2 img {
  margin: 0 !important;
}
.contractClients {
  padding: 85px 0;
}
.faqsSection {
  padding: 85px 0;
  background: #FFF;
}
.ourClients {
	padding: 85px 0;
}
.ClientSpace {
	background: #FFF;
	padding: 30px 25px;
	box-shadow: 2px 2px 3px 2px #CCC;
}
[role="tablist"]:not([data-tabs-mobile-type="slide-up-down"]):not([data-tabs-mobile-type="accordion"]):not([data-scroll]) {
  display: block;
}
.ClientSpace p {
	margin-bottom: 12px;
}

@media (max-width: 1025px) {
.serviceBox.col {
  width: 30%;
  float: left;
  clear: both;
  flex-basis: auto;
}
}

@media (max-width: 992px) {
.marginTopRes {
  margin-top: 50px;
}
.serviceBox.col {
  width: 50%;
  float: left;
  clear: both;
  flex-basis: auto;
}
}

@media (max-width: 760px) {
.serviceBox.col {
  width: 100%;
  float: left;
  clear: both;
  flex-basis: auto;
}
}

@media (max-width: 500px) {
}
