/* Enter Your Custom CSS Here */

.fusion-social-networks-wrapper {
    display: none;
}



/*---------- CARDS LAYOUT ----------*/
.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards_item {
  display: flex;
  margin-top: 0;
  padding: 0 1em 2em;
}
.no-flexbox .cards_item {
  float: left;
}
@media screen and (min-width: 42em) and (max-width: 60em) {
  .cards_item {
    width: 50%;
  }
  .no-flexbox .cards_item:nth-child(2n+1) {
    clear: both;
  }
}
@media screen and (min-width: 60em) {
  .cards_item {
    width: 33.3333%;
  }
  .no-flexbox .cards_item:nth-child(3n+1) {
    clear: both;
  }
}

.card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 0 solid #eee;
  border-radius: 0;
}

.card_image img {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card_content {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  margin-top: 0;
  padding: 1.5em;
}
.card_content p {
  flex: 1 0 auto;
}



  /*---------- DEMO CSS ----------*/




/* FLEXBOX HOME */

*,
*::before,
*::after {
  box-sizing: border-box;
}


img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.btn {
  background-color: white;
  border: 1px solid #cccccc;
  color: #696969;
  padding: 0.5rem;
  text-transform: lowercase;
}
.btn--block {
  display: block;
  width: 100%;
}
.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cards__item {
  display: flex;
  padding: 1rem;
}
@media (min-width: 40rem) {
  .cards__item {
    width: 50%;
  }
}
@media (min-width: 56rem) {
  .cards__item {
    width: 33.3333%;
  }
}
.card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.card:hover .card__image {
  filter: contrast(100%);
}
.card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1rem;
}
.card__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  filter: contrast(70%);
  overflow: hidden;
  position: relative;
  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
.card__image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@media (min-width: 40rem) {
  .card__image::before {
    padding-top: 66.6%;
  }
}

.card__image--river {
  background-image: url(https://www.bpo-proservice.com/wp-content/uploads/2017/06/01-International-Service-Company-who-we-are.jpg);
}
.card__image--record {
  background-image: url(https://www.bpo-proservice.com/wp-content/uploads/2017/06/01-International-Service-Company-work-with-us.jpg);
}

.card__image--fence {
  background-image: url(https://www.bpo-proservice.com/wp-content/uploads/2017/06/01-International-Service-Company-services.jpg);
}

.card__title {
  color: #696969;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align:center;
}
.card__text {
  flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.fusion-button.button-5 {
    background: #E00000 !important;
    color: white !important;
    font-family: Lato;
}

.fusion-button.button-5:hover {

  	background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}
}


/* FLEXBOX HOME ends */


.fusion-header-v2 .fusion-secondary-header {
    border-top-color:  #E00000 !important ;
    background: #E00000 !important ;
}

.fusion-secondary-header {
    background: #E00000 !important;
    border-top-color: #E00000 !important;
}

a.fusion-button.button-flat.button-round.button-large.button-default.button-1 {
    background: #E00000 ;
    border: none;
    font-family: Lato;
}

a.fusion-button.button-flat.button-round.button-small.button-default.button-1 {
    background: #E00000 ;
    border: none;
    font-family: Lato;
}

a.fusion-button.button-flat.button-round.button-small.button-default.button-1:hover {
    background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}

a.fusion-button.button-flat.button-round.button-large.button-default.button-2 {
    background: #E00000;
    border: none;
    font-family: Lato;
}

a.fusion-button.button-flat.button-round.button-small.button-default.button-2 {
    background: #E00000;
    border: none;
    font-family: Lato;
}

a.fusion-button.button-flat.button-round.button-small.button-default.button-2:hover {
    background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}

a.fusion-button.button-flat.button-round.button-large.button-default.button-1:hover {
    background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}



a.fusion-button.button-flat.button-round.button-large.button-default.button-2:hover {
    background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}

.fusion-button.button-4 .fusion-button-text, .fusion-button.button-4 i {
    color: #ffffff;
    font-family: Lato;
}

span.breadcrumb-leaf {
    display: none;
}

span.breadcrumb-leaf {
    display: none;
}

.fusion-page-title-bar {
    border-color: #062f4f;
    background-color: #062f4f;

}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  height: 50px;

}

input.wpcf7-form-control.wpcf7-text {
    height: 50px;
}

input.wpcf7-form-control.wpcf7-submit {
    background: #E00000;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background:#d01b1b;

}


a.fusion-social-network-icon.fusion-tooltip.fusion-facebook.fusion-icon-facebook {
    font-size: 15px !important;
}

a.fusion-social-network-icon.fusion-tooltip.fusion-twitter.fusion-icon-twitter {
    font-size: 15px !important;
}


a.fusion-social-network-icon.fusion-tooltip.fusion-linkedin.fusion-icon-linkedin {
    font-size: 15px !important;
}

a.fusion-social-network-icon.fusion-tooltip.fusion-mail.fusion-icon-mail {
    font-size: 15px !important;
}

span.person-name {
    font-size: 22px !important;
    font-weight: bold;
    text-align:center;
}

span.person-title {
    font-size: 20px !important;

  text-align:center;
}

img.person-img.img-responsive {
    width: 80%;
}

img.img-responsive.wp-image-140:hover {

  -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 3s;

transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 3s;

}

img.img-responsive.wp-image-152:hover {

  -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 3s;

transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 3s;

}

img.img-responsive.wp-image-167:hover {

  -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 3s;

transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 3s;

}


a.fusion-button.button-flat.button-round.button-xlarge.button-custom.button-3 {
    background: #E00000 !important;
    color: white !important;
    font-family: Lato;

}

a.fusion-button.button-flat.button-round.button-xlarge.button-custom.button-3:hover {
    background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}



.fusion-column-wrapper h2 {
    font-size: 26px !important;
}

h2.card_heading {
    text-align: center;
    font-weight: bold !important;
  font-size: 20px !important;

}
.fusion-button.button-6 {
    background: #E00000 !important;
    color: white !important;
    font-family: Lato;
}

.fusion-button.button-6:hover {

  background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}

.fusion-button.button-7 {
    background: #E00000 !important;
    color: white !important;
    font-family: Lato;
}

.fusion-button.button-7:hover {
  background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}

.fusion-button.button-4 {
    background: #E00000 !important;
    color: white !important;
    font-family: Lato;
}

.fusion-button.button-4:hover {

  background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}

.fusion-button.button-3 {
    background: #E00000 !important;
    color: white !important;
    font-family: Lato;
}

.fusion-button.button-3:hover {

  background: #f71c00 !important;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #ce4018 ), to( #f71c00 ) );
    background-image: -webkit-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -moz-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: -o-linear-gradient( bottom, #ce4018, #f71c00 );
    background-image: linear-gradient( to top, #ce4018, #f71c00 );
}

.fusion-person-icon-bottom .fusion-social-networks {
    margin-top: 35px;
    text-align: center;
}

a.fusion-social-network-icon.fusion-tooltip.fusion-youtube.fusion-icon-youtube {
    font-size: 16px !important;
}

.fusion-title.fusion-title-center .title-heading-center {
	padding:6px;

}

span.icon-wrapper.circle-yes {
    background: #e00000!important;
}

li.cards_item:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.1);
    transition: all .5s;
}

.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item a {
    padding-left: 30px;
    padding-right: 30px;
    color: white;
    background: #e00000;
}




  @media screen and (max-width: 853px) and (min-width: 200px) {

  .fusion-footer {
    text-align: center;
}

  }