/*!
 * Author: Manish Gupta
 Last Update:  15/01/2020
 */
 .about-ares-footer-note sub,
 .common-footer-note sub{
   font-size: 100% !important;
 }
.map .zoomReset{
  display: none !important;
}

.page-node-2 .footer-wrapper .footer {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 2rem !important;
}

.zoom-map img {
  width: 33px;
  height: 31px;
  float: right;
  position: relative;
  top: 7px;
}






.region-title-bar {
  padding-top: 9% !important;
  width: 100% !important;
  padding-left:8.2%;
}


/* end about ares*/

/*Universal changes for Who We Are and Values & Culture*/
.universal-custom-hr-a{
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid;
  color: #012A41 !important;
}

.universal-custom-anchor-div{
    max-width: 50px !important;
}

.universal-custom-fa-arrow{
  color: #9C6E02;
  text-align: right !important;       
  font-weight: 500 !important;
  font-size: 15px !important;    
}

.universal-custom-card-footer {    
  background-color: transparent;
  border: none;
  color:  #012A41 !important;
  position: relative;    
  margin: 0rem 1.25rem;
}

/*.universal-custom-anchor {
  font-family: 'Karla',Arial,Calibri,Helvetica,sans-serif !important;
  font-weight: bold !important;
  color: #012A41 !important;   
  font-size: 14px;
  position: relative;
  right: 20px;
}*/

h1.ares-community-involvement-head {
  position: relative;
  left: 25px;
  font-size: 65px;
  letter-spacing: -0.5px;
  line-height: 65px;
}

.row.two-col.ares-community-involvement-lcr1-main {
  position: relative;
  left: 29px;
}

.col-sm-6.col-md-6.col-1.ares-community-involvement-img-main {
  position: relative;
  left: 119px;
}

.col-sm-6.col-md-6.col-1.ares-community-involvement-left-img {
  position: relative;
  left: 119px;
}

.col-sm-6.col-md-6.col-2.ares-community-involvement-content-main {
  max-width: 391px;
}

p.ares-community-involvement-left-para-upper {
  position: relative;
  top: 15px;
}

p.ares-community-involvement-left-para-lower {
  position: relative;
  max-width: 410px;
}

p.ares-community-involvement-right-para-upper {
  position: relative;
  top: 15px;
}

p.ares-community-involvement-right-para-lower {
  position: relative;
  max-width: 410px;
}

.custom-ares-community-involvement-main-container {
  top: 52px;
}

p.ares-community-involvement-impact-content {
  position: relative;
  left: 134px;
  line-height: 25px;
  max-width: 364px;
}

.custom-heading-3.ares-community-involvement-impact-head {
  position: relative;
  top: 12px;
  left: 134px;
  max-width: 295px !important;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 15px 0 10px 0;
  border-bottom: 1px solid #43739D;
}

h1.ares-community-involvement-impact-data {
  position: relative;
  left: 134px;
  top: 8px;
}

div#vbp-140 {
  top: 58px;
}

div#vbp-141 {
  top: 120px;
}

div#vbp-141 img {
  max-width: 300px;
}

div#vbp-142 {
  top: 150px;
}

div#vbp-143 {
  margin-top: 175px;
}

h1.ares-community-involvement-head-aim {
  position: relative;
  left: 25px;
  font-size: 65px;
  letter-spacing: -0.5px;
  line-height: 65px;
  max-width: 717px;
}

.row.three-col.ares-community-involvement-aim-content {
  position: relative;
  right: 64px;
  top: 17px;
}

.custom-heading-4.ares-community-involvement-aim-labels {
  width: 300px;
}

h5.ares-community-involvement-rep-small-head {
  position: relative;
  left: 98px;
  top: 11px;
  font-size: 31px;
}

.row.three-col.ares-community-involvement-charity-partners-content {
  position: relative;
  right: 7px;
  margin-top: 30px;
}

@media only screen and (min-width:320px) and (max-width:900px) {

  .region-title-bar {
    padding-left: 2.3%;
    
  }

  .breadcrumb-item + .breadcrumb-item {
    padding-left: 0 !important;
}

  h1.ares-community-involvement-head {
    font-size: 35px;
    position: relative;
    left: -6px;
    line-height: 1;
  }

  .row.two-col.ares-community-involvement-lcr1-main {
    display: flex;
    flex-direction: column;
    position: relative;
    left: 15px;
  }

  .col-sm-6.col-md-6.col-1.ares-community-involvement-img-main {
    order: 2;
    position: relative;
    top: 20px;
    left: 0px;
  }

  .col-sm-6.col-md-6.col-2.ares-community-involvement-content-main {
    order: 1;
  }

  .col-sm-6.col-md-6.col-1.ares-community-involvement-left-img {
    margin-top: 20px;
    position: relative;
    left: 0px;
  }

  .col-sm-6.col-md-6.col-1.ares-community-involvement-right-img {
    margin-top: 20px;
    position: relative;
    left: 0px;
  }

  p.ares-community-involvement-left-para-upper {
    position: relative;
    left: 0px;
  }
  
  p.ares-community-involvement-left-para-lower {
    position: relative;
    left: 0px;
  }

  p.ares-community-involvement-impact-content {
    position: relative;
    left: 20px;
  }
  
  .custom-heading-3.ares-community-involvement-impact-head {
    position: relative;
    left: 20px;
  }
  
  h1.ares-community-involvement-impact-data {
    position: relative;
    left: 20px;
  }

  h1.ares-community-involvement-head-aim {
    font-size: 40px;
    line-height: 1;
    position: relative;
    left: -26px;
  }
  
  .row.three-col.ares-community-involvement-aim-content {
    position: relative;
    left: -44px;
  }
  
   p.ares-community-involvement-aim-paragraph {
    width: 293px;
  } 

  h5.ares-community-involvement-rep-small-head {
    position: relative;
    left: 20px;
  }

  div#vbp-140 {
    top: 58px;
    display: flex;
    flex-direction: column;
  }

  .col-sm-12.col-md-6.col-lg-6.video-container.ares-community-involvement-impact-video {
    order: 2;
  }

  h1.ares-community-involvement-head.ares-community-involvement-impact-main-head {
    order: 1;
  }
  
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.region-title-bar {
  padding-top: 12% !important;
  width: 100% !important;
  padding-left:3.5%;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.region-title-bar {
  padding-top: 15% !important;
}
}
@media only screen and (min-width:320px) and (max-width:500px) {

  .region-title-bar {
    padding-top:43% !important;
  }
}
@media only screen and (min-width:500px) and (max-width:576px) {

  .region-title-bar {
    padding-top:37% !important;
  }
}


  @media only screen and (min-width:577px) and (max-width:767px) {

    .region-title-bar {
        padding-top:22% !important;
    }
  }
@media only screen and (min-width:320px) and (max-width:360px){
  .region-title-bar {
    padding-top: 53% !important;
  }  
}
@media only screen and (min-width:361px) and (max-width:380px){
  .region-title-bar {
    padding-top: 50% !important;
  }  
}