/* Add here all your css styles (customizations) */
.g-bg-grey{
  background-color: #F0F0F0;
}
.g-color-333{
  color: #333;
}
.g-max-width-100-proc{
  max-width: 100%;
}
.g-border-4px{
  border: 4px solid #00a0e4;
}
.g-font-size-33{
  font-size: 33px;
}
.text-align-center{
  text-align: center;
}

.g-pt-30{
  padding-top: 30px;
} 
.g-pb-50{
  padding-bottom: 50px;
}
.text-align-right{
  text-align: right;
}
.g-pt-20{
  padding-top: 20px;
} 
.g-pb-40{
  padding-bottom: 40px;
}

.color-white{
  color:white;
}
.g-height-10{
  height: 10px;
}

#navBar .nav-item.active .nav-link{
  color:#00a0e4;
}



#topcontrol:hover {
  background-color: #00a0e4;
}

.blue-gradient-bg{
  background-image: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(32, 96, 147) 0%, rgb(10, 136, 200) 100%);
}

.evolinq-img-wrapper-blue-gradient-bg, 
.evolinq-img-blue-gradient-bg{
  text-align: center;
  background-image: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(32, 96, 147) 0%, rgb(10, 136, 200) 100%);
}

.minisite-section-icon{
  margin:5px 10px 0 0;
}

@media (max-width: 768px) {
  .evolinq-img-blue-gradient-bg{
    height: 125px;
  }
  .g-min-height-media-350-max{
    min-height: 150px;
  }
  .g-min-height-media-350-max img{
    max-height: 200px;
  }
}
@media (min-width: 767px) and (max-width: 991px){
  .evolinq-img-blue-gradient-bg{
    height: 165px;
  }
  .g-min-height-media-350-max{
    min-height: 200px;
  }
  .g-min-height-media-350-max img{
    max-height: 250px;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .evolinq-img-blue-gradient-bg{
    height: 215px;
  }
  .g-min-height-media-350-max{
    min-height: 300px;
  }
  .g-min-height-media-350-max img{
    max-height: 330px;
  }
}
@media (min-width: 1200px) {
  .evolinq-img-blue-gradient-bg{
    height: 285px;
  }
  .g-min-height-media-350-max{
    min-height: 350px;
  }
  .g-min-height-media-350-max img{
    max-height: 430px;
  }

}



.bals-feature-icon-number-70{
  height: 70px;
  width: 70px;
  background-color: #00a0e4;
  text-align: center;
  color: #fff;
  font-size: 30px;
}
.bals-feature-icon-number{
  height: 40px;
  width: 40px;
  background-color: #00a0e4;
  text-align: center;
  color: #fff;
  font-size: 26px;
  margin-right: 10px;
}
@media (min-width: 990px) {
  .bals-feature-icon-number{
    float: left;
    
    margin-top: 5px;
  }
}

.align-vertical-top{
  vertical-align: top;
}

.h2-bals-header-blue{
  font-weight: 600;
  font-size: 33px;
  color: #00a0e4;
}
.g-mt--5{
  margin-top: -5px;
}

.minisite-info-block{
  position: relative;
  padding: 0 15px;
}
.minisite-info-block-image{
  position:relative;
  top:0;
}
.minisite-info-block.minisite-info-block-small .table-element{
  width:220px;
  height:220px;
  position:absolute;
  top:40px;
  left:50px;
}
.minisite-info-block.minisite-info-block-full .table-element{
  width:95%;
  height:100%;
  position:absolute;
  top:0px;
  left:15px;
}
.minisite-info-block.minisite-info-block-small .table-element .table-element-title{
  font-size: 18px;
  font-weight: 600;
  margin: 5px;
}
.minisite-info-block.minisite-info-block-full .table-element .table-element-title{
  font-size: 160%;
  font-weight: 600;
  width: 80%;
  margin: 15px 15px 0 15px;
}
.minisite-info-block.minisite-info-block-small .table-element .table-element-subtitle{
  margin: 5px;
}
.minisite-info-block.minisite-info-block-full .table-element .table-element-subtitle{
  font-weight: 600;
  width: 80%;
  margin: 15px 15px 0 15px;
}
.minisite-info-block.minisite-info-block-small .table-element .table-element-image{
  margin: 10px;
}
.minisite-info-block.minisite-info-block-full .table-element .table-element-image{
  margin: 15px;
}
#minisite-video{
  max-width: 100%;
}
.dropcap-bg-gray{
  background-color: #DEDEDE!important;
  color: #999999!important;
}