/* ==========================================================================

   Index:

  1. Training
  2. Training Clients
  

    
/*--------------------------------  Training -------------------------*/ 

.custom-training-page {}
.custom-training-page .body-container {}
.custom-training-page .body-container .page-center {
  padding: 0;
}

.custom-training-page .custom-banner-wrapper {
  background-color: #CD3335;
  position: relative;
  background-size: cover;
  background-position: center 0px;
}


/*.custom-training-page .footer-container {
  margin-bottom: 70px;
}*/

.custom-training-page .custom-global-recent-post {
  padding-left: 15px;
  padding-right: 15px;
}
.custom-padding {
  padding-left: 15px !important;
  padding-right: 15px !important;
}


.custom-training-row1 {
  text-align: center;
  padding: 50px 0 0;
}

.custom-training-row1 .btn-green.contact-popup {
  margin: 0;
}

.custom-training-row2 {}

.custom-training-row2-col.custom-training-row2-col1 {}
.custom-training-row2-col.custom-training-row2-col2 {}
.custom-training-row2-col.custom-training-row2-col3 {}

.custom-training-row2-col {}

.custom-training-row2-col h2 {
  font-size: 24px;
}
.custom-training-row2-col p {
  font-size: 18px;
  line-height: 24px;
}
.custom-training-row3 {}

.custom-training-row3 h3 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
  margin: 36px 0 18px;
  text-align: center;
}

.custom-training-page .custom-global-recent-post h3.topic-article-header {
  font-size: 24px;
  font-weight: 500;
}

.custom-training-page .body-container .training-clients {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.list-inline {
  list-style: none;
  padding-left: 0;
}


/*--------------------------------  Training Clients -------------------------*/ 
/*
/* Used in the Training Clients custom module */

.custom-training-clients {
    margin: 40px 0;
}

.custom-training-clients h2,
.custom-training-clients h3 {
    text-align: center;
    margin-top: 80px;
}

.training-clients li.sony {
  background-position: 0 5px;
  height: 60px;
  width: 110px;
}
.training-clients li.cars {
  background-position: -130px 5px;
  height: 60px;
  width: 125px;
}
.training-clients li.adp {
  background-position: -270px 5px;
  height: 60px;
  margin-right: 10px;
  width: 85px;
}
.training-clients li.ign {
  background-position: -155px -74px;
  height: 60px;
  margin-right: 10px;
  width: 80px;
}
.training-clients li {
  background-image: url("//cdn2.hubspot.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/training-logos.png");
  background-repeat: no-repeat;
  margin: 10px 2%;
}

.training-clients li span {
  display: none;
}
.training-clients li.fidelity {
  background-position: -450px 5px;
  height: 60px;
  width: 145px;
}
.training-clients li.stamps {
  background-position: -712px 5px;
  height: 60px;
  width: 120px;
}
.training-clients li.cengage {
  background-position: -846px 5px;
  height: 60px;
  width: 120px;
}
.training-clients li.transperfect {
  background-position: 5px -73px;
  height: 60px;
  width: 150px;
}
.training-clients li.evisions {
  background-position: -258px -74px;
  height: 60px;
  width: 120px;
}
.training-clients li.southern {
  background-position: -389px -74px;
  height: 60px;
  width: 150px;
}
.training-clients li.emusic {
  background-position: -542px -74px;
  height: 60px;
  width: 115px;
}
.training-clients li.radialpoint {
  background-position: -667px -74px;
  height: 60px;
  width: 150px;
}
.training-clients li.recommind {
  background-position: -815px -74px;
  height: 60px;
  width: 155px;
}

.training-clients.training-clients--design li {
  background-image: url("/hubfs/training-logos-design.png");
  margin: 10px 1.5%;
  background-size: 969px; /* this should be the width of the image, which allows to show high res versions for retina display */
  height: 73px;
}
.training-clients li.microsoft {
  background-position: -2px -1px;
  width: 148px;
}
.training-clients li.uxlx {
  background-position: -183px 0;
  width: 122px;
}
.training-clients li.facebook {
  background-position: -336px 0;
  width: 123px;
}
.training-clients li.hubspot {
  background-position: -490px -3px;
  width: 111px;
}
.training-clients li.avvo {
  background-position: -633px -0;
  width: 80px;
}
.training-clients li.pushconf {
  background-position: -749px 0;
  width: 63px;
}
.training-clients li.upwork {
  background-position: -850px 3px;
  width: 119px;
}


.list-inline > li:first-child {
  padding-left: 0;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}


.custom-training-row4 {}
.custom-training-row4-right {}
.custom-training-row4-col1 {}
.custom-training-row4-col2 {}
.custom-training-row4-col3 {
    padding-right: 16px;
}

.custom-training-row5 {}
.custom-training-row5-top {}
.custom-training-row5-right {}
.custom-training-row5-col1 {}
.custom-training-row5-col2 {}
.custom-training-row5-col3 {}

.custom-open-row2.custom-training-row6 {}

.custom-training-row7 {}

.custom-training-row8 { 
    margin-bottom: 40px !important;  
}

.custom-training-row8-col {}
.body-container .custom-training-row8-col ul {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-training-row8-col ul li {
  border-bottom: 1px solid #eeeeee;
  line-height: 1.5;
  padding: 10px;
  height:122px;
}
.custom-training-row8-col2 ul li {
  border-left: 1px solid #eeeeee;
}
.custom-training-row8-col ul li img {
  float: left;
  margin-right: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}

li h3 {
  font-size: 18px;
  margin: 10px 0 0;
  color: #000;
  font-weight: 500;
  line-height: 1.1;
}

@media only screen and (max-width: 1000px) {
  .custom-training-page .custom-banner-wrapper {
    background-size: auto 120%;
  }
}

@media (max-width: 969px) {
  .custom-training-page .body-container .page-center {
    padding: 0 15px;
  }
  .custom-training-row5-col2.custom-padding,
  .custom-training-row5-col3.custom-padding,
  .custom-training-row5-col1.custom-padding,
  .custom-training-row5-right.custom-padding,
  .custom-training-row4-right.custom-padding,
  .custom-training-row4-col1.custom-padding,
  .custom-training-row2-col1.custom-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }  
}
    
@media (max-width: 767px) { }