/* General */
.d-block {
  display: block;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.align-items-stretch {
  display: flex;
  align-items: stretch;
}

/* Overview */
.slant_wrapper {
  position: relative;
  background: #f2f2f2;
  overflow: hidden;
  min-height: 100%;
  width: 100%;
}

.bannerBlock {
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  position: relative;
  padding-top: 30px !important;
}

.new-services-banner .bannerBg {
  /*background-size: auto 700px !important;*/
  height: 630px;
}

.services_new .bannerBg {
  background-position: center 0;
  transform: translateY(0) !important;
  background-attachment: fixed;
}

.backgrounded.bannerBlock.test-auto-ban {
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  position: relative;
  padding-top: 84px !important;
}

.bannerBlock.test-auto-ban {
  text-align: center;
  padding-top: 30px !important;
  background-position: center -100px;
}

.pageTitle h1 {
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
  max-width: 580px;
  color:#fff;    text-transform: uppercase;
}
.services_new .backgrounded.bannerBlock.test-auto-ban{min-height: 480px;}
.dtitle {
  float: none;
  text-align: left !important;
  font-weight: 700;
  margin-bottom: 25px;
  line-height: 1.2em !important;
  width: 100%;
  text-align: center;
  z-index: 1;
  position: relative;
}

.bannerCont_block h3.dtitle {
  max-width: 580px;
}

.bannerBtn {
  color: #fff;
  font-size: 18px;
  margin: 0;
}

#content-grid,
#service-pages {
  background-color:transparent;
}
.page-template-services-overview .services_new.slant_wrapper{background: #172440;}
.page-template-services-overview #service-pages{background: #172440; padding-top: 80px; padding-bottom: 80px; top: 0;}
.page-template-services-overview #service-pages .servicesgrid{padding-bottom: 0;;}
.page-template-services-overview .agile-section1 .text ul li:before{background: #565657 !important;}
.page-template-services-overview .agile-section2 .text ul li:before{background: #565657 !important;}
.page-template-services-overview .agile-section1{border-radius: 0 0 32px 32px;}
.page-template-services-overview .servicesgrid .even{background: transparent;}
.page-template-services-overview .servicesgrid .row .col-sm-4:nth-child(1){padding-left: 30px;}


#service-pages ul {
  margin: -10px 0 0 0;
  padding: 0;
}
#service-pages ul ul{margin-top:10px;}
#service-pages li {
  font-size: 16px;
  margin-top: 7px;
  list-style: none;
  padding-left: 25px;
  position: relative;
  line-height: 20px;
}
#service-pages li a{color:#fff;} 
.servicesgrid .items:hover li a{color:#565657;}
.servicesgrid .items:hover .text ul li a{color:#1D6EE4 !important; border-bottom:1px solid #1D6EE4 !important;}

#service-pages li:before {
  content: "";
  display: block;
  background: inherit;
  /*#575756;*/
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
}

#content-grid li:before,
#service-pages li:before {
  background: #fff;
}
#content-grid .items:hover ul li:before, #service-pages .items:hover ul li:before{background:#565657;}
#service-pages p {
  font-size: 16px;
  letter-spacing: 0px;
  margin-bottom: 20px;
}

#service-pages i {
  font-size: 1.875em;
  color: #1D6EE4;
  display: block;
  margin-bottom: 0.5em;
}

#service-pages .icon svg {
  fill: #1D6EE4;
  display: block;
  margin-bottom: 1em;
  height: 30px;
}

#service-pages .link:hover {
  color: #1D6EE4;
}

.servicesgrid .row .col-sm-4 {
  flex: inherit;
}

.servicesgrid .items .h4 {
  height: auto;
  min-height: 55px;
  max-width: 100%;
  color:#fff;
}
.servicesgrid .items .h4 a{color:#fff;}
.servicesgrid .items:hover .h4{color:#565657;}
.servicesgrid .items .h4 a:hover{color:#1140f0;}

.servicesgrid{padding-bottom: 60px;}
.services_grid_title{padding:80px 0 60px; text-align: center;}
.services_grid_title .h2{color:#fff; font-family: 'Roboto';font-weight:400; text-transform: none;}
.services_grid_title .h2 span, .services_grid_title .h2 span strong{color:#14D1F0;font-weight:700;}
.servicesgrid .items .text p{color:#fff;}

@media(max-width:1919px) {
  .new-services-banner .bannerBg {
    height: 560px;
  }
}

@media(max-width:1800px) {
  .new-services-banner .bannerBg {
    height: 560px;
  }
}

@media(max-width:1600px) {
  .new-services-banner .bannerBg {
    height: 630px;
  }
}

@media(max-width:1023px) {
  .bannerBg {
    display: none;
  }
  .services_grid_title{padding:40px 0;}
}