/**Default cSS sTRT HERE**/



@import 

url("https://www.esselmining.com/font-awesome-4.7.0/css/font-awesome.min.css");



body {

    font-size: 16px;

    font-weight: 300;

    line-height: 26px;

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: antialiased;

    font-style: normal;

    font-weight: normal;

    line-height: normal;

    color: #1b1e24;

    font-family: 'Lato', sans-serif;

}



body:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.5);

    -webkit-transition: .3s all ease;

    -o-transition: .3s all ease;

    transition: .3s all ease;

    opacity: 0;

    visibility: hidden;

    z-index: 1; }

a, a:hover{

    text-decoration: none;

}

body,html {height: 100%;}





.desk-img {

    display: block;

  }

  

  .mobile-img {

    display: none;

  }

  

  @media (max-width: 700px) {

    .desk-img {

      display: none !important;

    }

    .mobile-img {

      display: block;

    }

  }

.site-navbar-wrap {

    background: -webkit-linear-gradient(top, #000000CC, #00000045);

    position: absolute;

    z-index: 99;

    width: 100%;

    left: 0; }

    .site-navbar-wrap a {

      color: #fff; }

    .site-navbar-wrap .site-navbar-top {

      font-size: 0.8rem; }

  

  .site-navbar-top {

    

    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

  

  .site-navbar {

    margin-bottom: 0px;

    width: 100%; }

    .site-navbar .site-logo {

      font-weight: 200;

      line-height: 0;

      top: -7px;

      position: relative; }

      .site-navbar .site-logo a {

        font-weight: 200;

        color: #fff;

        font-size: 20px;

        font-weight: bold;

        text-transform: uppercase; }

    .site-navbar .site-navigation .site-menu {

      margin-bottom: 0; }

      .site-navbar .site-navigation .site-menu a {

        text-decoration: none !important;

        display: inline-block;

        font-weight: 500; }

      .site-navbar .site-navigation .site-menu > li {

        display: inline-block;

        padding: 10px 5px;

        text-transform: uppercase;

    }

        .site-navbar .site-navigation .site-menu > li > a {

          padding: 20px 10px;

          color: rgba(255, 255, 255, 0.81);

          font-size: 15px;text-transform: uppercase;

          text-decoration: none !important; }

          .site-navbar .site-navigation .site-menu > li > a.active {

            color: #fff;text-transform: uppercase; }

          .site-navbar .site-navigation .site-menu > li > a:hover {

            color: #fff; }

        .site-navbar .site-navigation .site-menu > li:last-child {

          padding-right: 0; }

          .site-navbar .site-navigation .site-menu > li:last-child > a {

            padding-right: 0; }

      .site-navbar .site-navigation .site-menu .has-children {

        position: relative; }

        .site-navbar .site-navigation .site-menu .has-children > a {

          position: relative;

          padding-right: 20px; }

          .site-navbar .site-navigation .site-menu .has-children > a:before {

            position: absolute;

            content: "\e313";

            font-size: 16px;

            top: 50%;

            right: 0;

            -webkit-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

            transform: translateY(-50%);

            font-family: 'icomoon'; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown {

          visibility: hidden;

          opacity: 0;

          top: 100%;

          position: absolute;

          text-align: left;

          -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);

          box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);

          padding: 0px 0;

          margin-top: 20px;

          margin-left: 0px;

         background-color: rgba(215, 29, 36, 0.75);

          -webkit-transition: 0.2s 0s;

          -o-transition: 0.2s 0s;

          transition: 0.2s 0s;

          border-radius: 4px; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {

            position: absolute; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {

              bottom: 100%;

              left: 20%;

              border: solid transparent;

              content: " ";

              height: 0;

              width: 0;

              position: absolute;

              pointer-events: none; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {

              border-color: rgba(136, 183, 213, 0);

              border-bottom-color: #fff;

              border-width: 10px;

              margin-left: -10px; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown a {

            font-size: 14px;text-transform: uppercase;

            text-transform: none;

            letter-spacing: normal;

            -webkit-transition: 0s all;

            -o-transition: 0s all;

            transition: 0s all;

            color: #fff; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {

              color: #007bff; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {

            color: #fff !important; }

          .site-navbar .site-navigation .site-menu .has-children .dropdown > li {

            list-style: none;

            padding: 0;

            margin: 0;

            min-width: 200px; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li:first-child > a {

              border-top-left-radius: 4px;

              border-top-right-radius: 4px; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li:last-child > a {

              border-bottom-left-radius: 4px;

              border-bottom-right-radius: 4px; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {

              padding: 9px 20px;

              display: block; text-transform: uppercase;}

              .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {

                background: #ebeef0;

                color: #212529; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {

              content: "\e315";

              right: 20px; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {

              left: 100%;

              top: 0; }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {

              background: #ebeef0;

              color: #212529; }

        .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {

          color: #fff; }

        .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {

          cursor: pointer; }

          .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {

            -webkit-transition-delay: 0s;

            -o-transition-delay: 0s;

            transition-delay: 0s;

            margin-top: 0px;

            visibility: visible;

            opacity: 1; }

  

  .site-mobile-menu {

    width: 300px;

    background: -webkit-linear-gradient(top, #000000CC, #00000045);

    position: fixed;

    right: 0;

    z-index: 2000;

    padding-top: 20px;

    background: #fff;



    background-color: rgba(215, 29, 36, 0.75);

    -webkit-transition: 0.2s 0s;

    -o-transition: 0.2s 0s;

    transition: 0.2s 0s;

    border-radius: 4px;

    height: calc(100vh);

    -webkit-transform: translateX(110%);

    -ms-transform: translateX(110%);

    transform: translateX(110%);

    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);

    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);

    -webkit-transition: .3s all ease-in-out;

    -o-transition: .3s all ease-in-out;

    transition: .3s all ease-in-out; }

    .offcanvas-menu .site-mobile-menu {

      -webkit-transform: translateX(0%);

      -ms-transform: translateX(0%);

      transform: translateX(0%); }

    .site-mobile-menu .site-mobile-menu-header {

      width: 100%;

      float: left;

      padding-left: 20px;

      padding-right: 20px; }

      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {

        float: right;

        margin-top: 8px; }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {

          font-size: 30px;

          display: inline-block;

          padding-left: 10px;

          padding-right: 0px;

          line-height: 1;

          cursor: pointer;

          -webkit-transition: .3s all ease;

          -o-transition: .3s all ease;

          transition: .3s all ease; }

          .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {

            color: #dee2e6; }

      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {

        float: left;

        margin-top: 10px;

        margin-left: 0px; }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {

          display: inline-block;

          text-transform: uppercase; }

          .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {

            max-width: 70px; }

          .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {

            text-decoration: none; }

    .site-mobile-menu .site-mobile-menu-body {

      overflow-y: scroll;

      -webkit-overflow-scrolling: touch;

      position: relative;

      padding: 20px;

      height: calc(100vh - 52px);

      padding-bottom: 150px; }

    .site-mobile-menu .site-nav-wrap {

      padding: 0;

      margin: 0;

      list-style: none;

      position: relative; }

      .site-mobile-menu .site-nav-wrap a {

        padding: 10px 20px;

        display: block;

        position: relative;

        color: #fff; 

    text-transform: uppercase;

    }

        .site-mobile-menu .site-nav-wrap a.active, .site-mobile-menu .site-nav-wrap a:hover {

          color: #fff; }

      .site-mobile-menu .site-nav-wrap li {

        position: relative;

        display: block; }

        .site-mobile-menu .site-nav-wrap li.active > a {

          color: #fff; }

      .site-mobile-menu .site-nav-wrap .arrow-collapse {

        position: absolute;

        right: 0px;

        top: 10px;

        z-index: 20;

        width: 36px;

        height: 36px;

        text-align: center;

        cursor: pointer;

        border-radius: 50%; }

        .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {

          background: #f8f9fa; }

        .site-mobile-menu .site-nav-wrap .arrow-collapse:before {

          font-size: 12px;

          z-index: 20;

          font-family: "icomoon";

          content: "\f078";

          position: absolute;

          top: 50%;

          left: 50%;

          -webkit-transform: translate(-50%, -50%) rotate(-180deg);

          -ms-transform: translate(-50%, -50%) rotate(-180deg);

          transform: translate(-50%, -50%) rotate(-180deg);

          -webkit-transition: .3s all ease;

          -o-transition: .3s all ease;

          transition: .3s all ease; }

        .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {

          -webkit-transform: translate(-50%, -50%);

          -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%); }

      .site-mobile-menu .site-nav-wrap > li {

        display: block;

        position: relative;

        float: left;

        width: 100%; }

        .site-mobile-menu .site-nav-wrap > li > a {

          padding-left: 20px;

          text-transform: uppercase;

          font-size: 17px; }

        .site-mobile-menu .site-nav-wrap > li > ul {

          padding: 0;

          margin: 0;

          list-style: none; }

          .site-mobile-menu .site-nav-wrap > li > ul > li {

            display: block; }

            .site-mobile-menu .site-nav-wrap > li > ul > li > a {

              padding-left: 40px;

              font-size: 16px; }

            .site-mobile-menu .site-nav-wrap > li > ul > li > ul {

              padding: 0;

              margin: 0; }

              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {

                display: block; }

                .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {

                  font-size: 16px;

                  padding-left: 60px; }

  

  .sticky-wrapper {

    position: absolute;

    

    z-index: 100;

    width: 100%; }

    .sticky-wrapper + .site-blocks-cover {

      margin-top: 96px; }

    .sticky-wrapper .site-navbar {

        background: -webkit-linear-gradient(top, #000000CC, #00000045);

      -webkit-transition: .3s all ease;

      -o-transition: .3s all ease;

      transition: .3s all ease; }

      .sticky-wrapper .site-navbar ul li.active a {

        color: #fff; }

    .sticky-wrapper.is-sticky .site-navbar {



        background-image: url(https://www.esselmining.com/images/dropdown_bg.jpg);

      }

      .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li {

        display: inline-block;

        padding: 10px 5px; }

        .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child {

          padding-right: 0; }

          .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child > a {

            padding-right: 0; }

        .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.has-children > a {

          padding-right: 20px; }

        .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {

          padding: 10px 10px;

          color: rgba(255, 255, 255, 0.6);

          font-size: 15px; }

          .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a:hover {

            color: #fff !important; }

          .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a.active {

            color: #fff !important; }

        .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.active a {

          color: #fff; }

  

/***cSS start For NAV****/





.section-titles h2 {

    color: #e90000;

    font: 40px / 40px 'Open Sans';

    text-transform: none;

    font-weight: 300;

    /* float: left; */

    width: 100%;

    margin-top: 20px;

    

    padding-bottom: 16px;

    border-bottom: 1.5px solid #e6e6e6;

}


#what-we-do .card .block-8:before{
    content: "\f256 ";
}
.section-titles h4 {

    color: #e90000;

    font: 27px / 27px 'Open Sans';

    text-transform: none;

    font-weight: 300;

    /* float: left; */

    width: 100%;

    margin-top: 30px;

    padding-bottom: 16px;

    border-bottom: 1.5px solid #e6e6e6;

}

.topNavbar span{

    font-size: 16px;

    color: #fff;

    font-weight: 400;

}

.navbar-brand{

    position: relative;

    top: 5px;

}

.containerHeader{

    padding: 0 35px;

    float: left;

    width: 100%;

}

nav.navbar {

    padding: 25px 10px 0 0;

    float: left;

    width: 100%;

 background: #fff;



background-image: url(https://www.esselmining.com/images/dropdown_bg.jpg);



    position: relative;

}

nav.navbar .navbar-brand img{

    padding-top: 28px;

    height: 89px;

}

.abgLogo{

    padding-bottom: 10px;
    padding-left: 0px;
}
.abgLogo img{

    height: 50px;

}

nav.navbar ul{

    margin-top: 5px;

}

nav.navbar ul li{

    padding: 0 5px;

}

.latestContainer .owl-item{

    border-right: 1px solid #d8d8d9;

}

.footerMenu ul{

    padding-left: 0;

    margin-top: 10px;

}

.footerMenu ul li{

    float: left;

    list-style-type: none;

}

.footerMenu ul.footerTerms{

    margin: 0;

    float: left;

    width: auto

}

.footerMenu ul.footerTerms li a{

    font-size: 14px;

    text-transform: none;

    padding: 0 5px;

}

.bottomFooter .abgLogo{

    float: left;

    padding: 0;

}

.bottomFooter .abgLogo img{

    height: 80px;

}

.footerMenu ul li a{

    color: #fff;

    padding: 0 10px;

    font-size: 15px;

    font-weight: 400;

    text-transform: uppercase;

}

.footerMenu p.copyright{float: left; font-size: 14px; color: #fff;     margin-left: 20px;}

.newsView{

    padding: 60px 0;

}

.newsView a{

    padding: 15px 65px;

    color: #a81c1f;

    border: 1px solid #a81c1f;

    font-size: 15px;

    letter-spacing: 0.5px;

    border-radius: 35px;

    text-transform: uppercase;

	font-weight:700;

}

.newsView a:hover{

    text-decoration: none;

    background: #a81c1f;

    color: #fff;

}

nav.navbar ul li a{

    font-size: 16px;

    font-weight: 600;

    cursor: pointer;

}

nav.navbar ul li .dropdown-menu a{

    padding: 5px 12px;

    border-bottom: 1px solid #e88;

    color: #fff;

    font-weight: 400;

}

nav.navbar ul li .dropdown-menu a:last-child{

    border-bottom: 0px solid;

}

nav.navbar ul li .dropdown-menu{

    padding: 0;

    border-radius: 0;

    background-color: rgba(215,29,36,0.75);

    top: 96%;

}

nav.navbar ul li .dropdown-menu a:hover{

    background-color: rgba(215,29,36,1);

}

.navbar-light .navbar-nav .nav-link{

    color: #ffffff;

    font-weight:500;

    text-transform: uppercase;

    padding-bottom: 20px;

}









.carousel-inner .carousel-caption{

   

    right: inherit;

    left: 0;

/*  background-color: rgba(215,29,36,0.75);*/

    padding: 10px 41px;

    text-align: left;

    top: 8%;

    bottom: inherit;

    width: 47%;

   

  /*  -webkit-box-shadow: 0px 4px 5px -5px #000;

    -moz-box-shadow: 0px 4px 5px -5px #000;

    box-shadow: 0px 4px 5px -5px #000;*/

}

.carousel-inner .carousel-caption h5{

   font-size:44px;

   padding-top: 65px;

    line-height: 52px;

    margin-bottom: 15px;

	font-weight:500;

    text-transform: uppercase;

    color:#f8cb36;



}



.carousel-inner .carousel-caption h4{

    font-size:14px;

     line-height: 22px;

     margin-bottom: 15px;

     font-weight:600;

     text-transform: uppercase;

     padding: 5px 10px;

     color:#9e0000;

     background-color: #f8cb36;

 

 }









.carousel-inner .carousel-caption h5 span{

  font-size: 44px;

    line-height: 52px;

    margin-bottom: 18px;

        font-weight:600;

        text-transform: uppercase;

    color:#fff;

}

.carousel-inner .carousel-caption  a{

    color: #fff;

    font-size: 20px;

}

header{position: fixed; float: left; width: 100%; z-index: 999;}

.blueNavbar{background-color: #1865b5; border-color: #1865b5; border-radius: 0; height: 65px; margin-bottom: 0;}

.navbar-collapse{float: right;}

.bannerContainer{

    float: left;

    width: 100%;

  

}

footer{

    float: left;

    width: 100%;

    padding: 0;

}

.width-100{

    float: left;

    width: 100%; 

}

.latestNews h2{

    font-size: 28px;

    color: #a01414;

    margin: 25px 0px;

    font-weight: 700;

}

.corporateWrap{

    padding: 45px 0;

    background: #ededed;

}

.corporateWrap .latestNews h2{

    text-transform: uppercase;

}

.latestNewsCard p{

   color: #313c54;

    font-size: 17px;

    line-height: 24px;

}

.latestNewsCard_Button{

    float: left;

    width: 100%;

    margin-top: 15px;

}

.corporateCard{

    padding: 20px;

    background: #fff;

    height: 75px;

}

.latestNewsCard_Button a{

    background: #cee8ea;

    color: #19838a;

    padding: 2px 12px;

    font-size: 12px;

    border-radius: 5px;

    margin-right: 8px;

    float: left;

	font-weight:600;

    text-decoration: none;

}

.latestNewsCard_Button a:hover{

    background: #19838a;

    color: #fff;

}

.bottomFooter{

    float: left; width: 100%; background: #a01414; padding: 5px 0;

}

.marquee-container {

    height: 30px;

    overflow: hidden;

    line-height: 30px;

    margin: 0 35px;

    padding: 0;

    width: calc(100% - 65px);

}

.marquee-container .marquee {

    top: 0;

    left: 100%;

    width: 100%;

    overflow: hidden;

    position: absolute;

    white-space: nowrap;

    animation: marquee 30s linear infinite;

}

.marquee-container .marquee2 {

    animation-delay: 15s;

}

.marquee-container b {

    padding-left: 10px;

}

@keyframes marquee {

    0% {

        left: 100%;

    }

    100% {

        left: -100%;

    }

}

.mission-statement {

    background-color: #f4f3ef;

    padding: 70px 0 25px;

    text-align: center;

}



.bg--gerybox {

 

    background-image: url(../images/greybox.jpg);

    background-repeat: repeat;



}



.bg--gerybox1 {

    background-image: url(../images/greybox1.png);

    background-repeat: repeat;

}

.shape-3d {

    overflow: hidden;

    position: relative;

    float: left;

    width: 100%;

}

.mission-statement__content h2{

    font-size: 16px;

    line-height: 22px;

    font-weight: 900;

    letter-spacing: -0.37px;

    text-transform: uppercase;

    font-family: 'Lato', sans-serif;

    color: #fff;

}

.mission-statement__content h3{

    margin: 30px 0 20px;

    line-height: 40px;

    letter-spacing: 0.2px;

    font-size: 33px;

    color: #a81c1f;

    font-weight: 900;

}



.card-header-title > a {

    display: block;

    position: relative;

}

.card-header-title > a:hover {

    cursor: pointer;

}

.card-header-title > a:after {

    content: "\f078"; /* fa-chevron-down */

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    right: 0;

}

.card-header-title > a[aria-expanded="true"]:after {

    content: "\f077"; /* fa-chevron-up */

}

.mission-statement__content p {

    font-family: 'Lato', sans-serif;

    font-weight: 600;

    font-size: 22px;

    line-height: 28px;

    color: #373434;

}

.button-href{

    padding: 12px 50px;

    color: #a81c1f;

    background: #fff;

    border: 1px solid #a81c1f;

    font-size: 15px;

    letter-spacing: 0.5px;

    border-radius: 35px;

    text-transform: uppercase;

}

.button-href:hover{

    text-decoration: none;

    background: #a81c1f;

    color: #fff;

}

.bg-redBox{

    background-image: url("../images/web.jpg");

    background-repeat: repeat-x;

    padding: 50px 0;

    position: relative;

    float: left;

    width: 100%;

}

.col_third .card{

    background: transparent;

    border: 0px solid;

}

.card__media {

    margin-bottom: 24px;

    position: relative;

}

.media {

    height: 0;

    position: relative;

    overflow: hidden;

    width: 100%;

}



#section-counter {

    position: relative;

    z-index: 0;

    padding-bottom: 1em;

}



.ftco-counter {

    overflow-x: hidden;

    position: relative;

    margin-top: -50px;

}

.media--3-2 {

    padding-bottom: 66.66%;

}

img.media__item {

  

    font-family: "object-fit: cover;";

}

.media__item {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

   
}

.card__text h2{

    font-weight: 300;

    font-size: 26px;

    line-height: 30px;

    text-transform: uppercase;

}

.card__text h2 span{

    text-transform: uppercase;

    color: #fff;

}

.card__text h2 span {

    background-image: linear-gradient(180deg, transparent calc(100% - 1px), currentColor 1px);

    background-repeat: no-repeat;

    background-size: 0 100%;

    transition: background-size .3s cubic-bezier(.4, 0, .2, 1);

}

.card:hover .card__text h2 span{

    background-size: 100% 100%;

}



.line{

   

    position: inherit;

    right: 0;

    height: 5px;

    background-color: #f8cb36;

    width: 220px;

    bottom: -40px;

    margin: 0 auto;

margin-bottom: 10px;



}

.card__text p{

    

    font-size: 19px;

    line-height: 24px;

    color: #fff;

	 font-weight: 400;

}

.bg-yellowbox{

    background-image: url("../images/yellowbox.jpg");

    background-repeat: no-repeat;

    float: left;

    width: 100%;

    padding: 75px 0;

    margin-bottom: 25px;

}

.float-right{

    float: right;

}

.float-left{

    float: left;

}

.img-responsive{

    display: block;

    width: 100%;

    height: auto;

}

.ourPeople_content h2{

    line-height: 40px;

    margin-bottom: 25px;

    letter-spacing: 0.2px;

    font-size: 37px;

    color: #a01414;

    font-weight: 700;

}





.blockquote-footer {

    display: block;

    font-size: 80%;

    color: #6c757d; }

    .blockquote-footer::before {

      content: "\2014\00A0"; }



      .card-footer {

        padding: 0.75rem 1.25rem;

        background-color: rgba(0, 0, 0, 0.03);

        border-top: 1px solid rgba(0, 0, 0, 0.125); }

        .card-footer:last-child {

          border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

          .block-21 .img {

            display: block;

            height: 80px;

            width: 80px; }

          

          .block-21 .text {

            width: calc(100% - 100px); }

            .block-21 .text .heading {

              font-size: 16px;

              font-weight: 400;

              line-height: 1.4; }

              .block-21 .text .heading a {

                color: #000; }

                .block-21 .text .heading a:hover, .block-21 .text .heading a:active, .block-21 .text .heading a:focus {

                  text-decoration: none; }

            .block-21 .text .meta > div {

              display: inline-block;

              font-size: 12px;

              margin-right: 5px; }

              .block-21 .text .meta > div a {

                color: gray; }

          

          .block-23 ul {

            padding: 0; }

            .block-23 ul li, .block-23 ul li > a {

              display: table;

              line-height: 1.5;

              margin-bottom: 15px; }

            .block-23 ul li .icon, .block-23 ul li .text {

              display: table-cell;

              vertical-align: top; }

            .block-23 ul li .icon {

              width: 40px;

              font-size: 18px;

              padding-top: 2px; }

          

          .ftco-section {

            padding: 1em 0;

            background: #f8f8f8; }

            .ftco-section h2 {

              margin-bottom: 0; }



              .p-0 {

                padding: 0 !important;

            }





            .ftco-footer-social li {

                list-style: none;

                margin: 0 10px 0 0;

                display: inline-block;

            }

footer {

    padding: 2em 0; }

  



    .card-group > .card:not(:last-child) .card-footer {

        border-bottom-right-radius: 0; }



           .card-group > .card:not(:first-child) .card-footer {

            border-bottom-left-radius: 0; }

  .footer-01 {

    background-image: url(../images/red-bg.jpg);

    background-repeat: repeat;

    position: relative;

    z-index: 0;

    overflow: hidden; }

    .footer-01:after {

      position: absolute;

      top: -300px;

      left: -100px;

      width: 800px;

      height: 800px;

      content: '';

      background: url(../images/blob-shape.svg);

      background-position: center center;

      background-size: cover;

      z-index: -1;

      opacity: .05; }

    .footer-01 a {

      color: #cb8d05; }

    .footer-01 p {

      color: rgba(255, 255, 255, 1); }

    .footer-01 .copyright {

      color: rgba(255, 255, 255, 0.3);

      color: #eee; }

    .footer-01 .footer-heading {

      font-size: 18px;

      margin-bottom: 30px;

      color: #fff;

      position: relative; }

      .footer-01 .footer-heading:after {

        position: absolute;

        bottom: -4px;

        left: 0;

        content: '';

        width: 40px;

        height: 2px;

        background: #cb8d05; }



        .footer-01 .block-23 ul li .icon {

            color: rgba(255, 255, 255, 0.4);

        }



        .block-23 ul li .icon {

            width: 40px;

            font-size: 18px;

            padding-top: 2px;

        }



        .block-23 ul li .icon, .block-23 ul li .text {

            display: table-cell;

            vertical-align: top;

        }

    .footer-01 ul.list-unstyled li a {

      color: rgba(255, 255, 255, 1); }

    .footer-01 .block-21 .text .heading a {

      color: rgba(255, 255, 255, 0.7); }

    .footer-01 .block-21 .meta > div a {

      color: #cb8d05; }

    .footer-01 .block-23 ul li {

      color: rgba(255, 255, 255, 1); }

      .footer-01 .block-23 ul li a {

        color: rgba(255, 255, 255, 1); }

      .footer-01 .block-23 ul li .icon {

        color: rgba(255, 255, 255, 0.4); }

    .footer-01 .ftco-footer-social li a {

      background: #cb8d05;

      color: #fff; }

     

.ftco-footer-social li {

    list-style: none;

    margin: 0 10px 0 0;

    display: inline-block; }

    .ftco-footer-social li a {

      height: 40px;

      width: 40px;

      display: block;

      background: rgba(0, 0, 0, 0.05);

      border-radius: 50%;

      position: relative; }



      .ftco-footer-social li a span {

        position: absolute;

        font-size: 20px;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%); }

      .ftco-footer-social li a:hover {

        color: #fff; }



        .ftco-section {

            padding: 1em 0;

            background: #f8f8f8; }

            .ftco-section h2 {

              margin-bottom: 0; }

.ourPeople_content p {

    font-family: 'Lato', sans-serif;

    font-weight: 400;

    font-size: 19px;

    line-height: 26px;

    color: #565242;

    margin-bottom: 20px;

}

.topPadding{

    padding-top: 100px;

}

.redBg-pageWraper{

    background-image: url(../images/red-bg.jpg);

    background-repeat: no-repeat;

    padding: 75px 0 30px;

    position: relative;

    float: left;

    width: 100%;

}



.yellBg-pageWraper{

    background-image: url(../images/red-bg.jpg);

    background-repeat: no-repeat;

    padding: 50px 0 30px;

    position: relative;

    float: left;

    width: 100%;

}

.aboutMission {

    margin: 25px 0 0;

    background-image: url(../images/red-bg.jpg);

}

.aboutMission .carousel-item{

    height: 250px !important;

    background-color: transparent;

    background-repeat: no-repeat;

}

.aboutMission .carousel-inner .carousel-caption{

    right: 10%;

    bottom: 20px;

    left: 10%;

    top: 0;

    background-color: transparent;

    box-shadow: none;

    text-align: center;

    width: 80%;

}

.aboutMission .carousel-inner .carousel-caption h5{

    font-size: 35px;

    font-weight: 300;

    line-height: 40px;

    margin-bottom: 20px;

}

.aboutMission p{

    font-size: 24px;

    line-height: 30px;

	font-weight:300;

}

.aboutMission .carousel-indicators li{

  width: 10px;

  height: 10px; 

  border-radius: 50%;                       

}

h1.titlePage{

    font-size: 42px;

    font-weight: normal;

    color: #fff;

    margin: 0;

    line-height: 50px;

}

h1.titlePage span{

    font-weight: bold;

}

.breadcrumb_container{

  

    padding: 5px 20px;

    margin-top:10px;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

}

.breadcrumb_container .breadcrumb{

    background-color: transparent;

    margin: 0;

    padding: 0;

}

.breadcrumb_container .breadcrumb a{

    color: #a01414;

	font-size: 16px;

    text-decoration: underline;

    text-transform: uppercase;

}

.breadcrumb_container .breadcrumb a.active{

    color: #fff;



  font-size: 16px;



  text-transform: uppercase;

}

.widthAbout{

    width: 350px;

}

.aboutContent{

    margin-top: 40px;

}

.aboutContent p{

   font-weight: 400;

    font-size: 18px;

    line-height: 24px;

    color: #454545;

    margin-bottom: 20px;



}



.aboutContents p{

    font-weight: 400;

     font-size: 17px;

     line-height: 22px;

     color: #454545;

     margin-bottom: 20px;

 

 }

.left-side {

    float: left;

    width: 400px;

    padding: 1%;

}

  

.right-side {

    float: right;

    width: 520px;

    padding: 1%;

}

.corporateCard{

    position: relative;

    margin: 0 auto;

    height: 175px;

    width: 100%;

    float: left;

}

.corporateCard img{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    opacity: 1;

    max-width: 90%;

    max-height: 85%;

}

.contentTitle{

    padding-left: 0;

    padding-right: 0;

}

.ContactusWrap{

    margin: 30px 0;

}

.contentTitle h2{

    font-size: 32px;

    color: #a01414;

    margin-bottom: 25px;

    font-weight: 900;

    text-transform: uppercase;

}

.ContactusWrap_Card{

    background: #f2f2f2;

}

.ContactusWrap_Card h2{

    font-size: 24px;

    font-weight: 300;

    color: #a01414;

    margin: 0;

    padding: 8px 15px;

    background: #ddd;

    font-weight: 400;

}

.contactCard_content p{

    font-size: 17px;

    font-weight: 400;

    color: #666;

    line-height: 26px;

    margin: 0 0 15px;

}

.contactCard_content p:last-child{

    margin-bottom: 0;

}

.contactCard_content{

    padding: 10px 15px;

    float: left;

    width: 100%;

}

.AbMpa{

    width: 100%;

    height: 400px;

}

.contactUs_map{

    margin: 25px 0 40px;

}

.contact_Form{

    padding-right: 0;

}

.contact_map{

    padding-left: 0;

}

.contactForm_wrap h3{

    background: linear-gradient(to right, #a80d22 0%,#df622a 100%);

    color: #fff;

    padding: 12px 20px;

    font-size: 22px;

    font-weight: 400;

}

.contactForm_wrap input[type=submit]{

    background: #a01414;

    border: 1px solid #a01414;

    padding: 5px 30px;

}

.contactForm_wrap input[type=submit]:hover{

    background: #000;

    border: 1px solid #000;

}

.visible-desktop{

    width: 100%;

    height: 100%;

}

.embed-responsive-4by3 {

    padding-bottom: 58%;   

}

.socialIcon{margin: 20px 0;}

.socialIcon a{float: left;

    margin-right: 8px;

    width: 27px;

    font-size: 30px;

    color: #a01414;}

.socialIcon a img{width: 50px; height: 50px;}

.socialIcon span{font-size: 26px; font-weight: 400; color: #a01414; padding-right: 15px; float: left; margin-top: 4px;}

.latestContainer .owl-nav button {

    position: absolute;

    top: 30%;

    background-color: #000;

    color: #ac1f24  !important;

    margin: 0;

    transition: all 0.3s ease-in-out;

    background: #e8e3d0  !important;

    padding: 5px !important;

    height: 35px;

  }

  

  .latestContainer .owl-nav button.owl-prev {

    right: 25px;

    left: inherit;

    top: -55px;

  }

  

  .latestContainer .owl-nav button.owl-next {

    right: 0;
    left: inherit;

    top: -55px;

  }

  

  .owl-carousel span {

    font-size: 50px;

    position: relative;

    top: -17px;

  }

  .latestContainer{margin-bottom: 40px;}

  .latestContainer .owl-nav button:focus {

    outline: none;

  }

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

    button.navbar-toggler{

        position: absolute;

        right: 15px;

        padding: 3px 6px;

        background: #a01414;

    }

    .navbar-light .navbar-toggler-icon{

        filter: brightness(0) invert(1);

        opacity: 1;

    }

    .navbar-collapse{

        float: left;

        width: 100%;

    }

    .navbar-light .navbar-nav .nav-link{

        padding-bottom: 10px;

        border-bottom: 1px solid #cc7f7f;

        color: #000;

        font-weight: 400;

    }

    nav.navbar ul{

        background-color: #fff;  

    }

    header .abgLogo{

        padding-right: 50px;

        padding-left: 0;

    }

    .footerMenu ul li{

        margin-bottom: 5px;

    }

    .footerMenu ul li a{

        padding: 0 15px 0 0;

    }

    .footerMenu ul.footerTerms li a{

        padding: 0 10px 0 0;

    }

    .footerMenu p.copyright{

        margin-top: 15px;

        float: left;

    }

    .latestContainer .latestNewsCard{

        margin-bottom: 20px;

        border-right: 0px solid;

    }

    .abgLogo img{

        height: 46px;

    }

    nav.navbar .navbar-brand img{

        height: 85px;

    }

    .bannerContainer{

        padding-top: 95px;

    }

    .bottomFooter .abgLogo img{

        height: 50px;

    }

    .bottomFooter .abgLogo{

        float: none;

    }

    .logoFooterWrap{text-align: center;}

    .breadcrumb_container, .aboutContent, .contentTitle{

        padding-left: 15px;

        padding-right: 15px;

    }

    .redBg-pageWraper{

        padding: 30px 0 25px;

    }



    .yellBg-pageWraper{

        padding: 30px 0 25px;

    }

    .aboutContent img{width: 100%;}

    h1.titlePage{

        font-size: 28px;

        padding: 0 15px;

    }

    .ContactusWrap_Container, .contact_row{margin: 0;}

    .ContactusWrap_Card{margin-bottom: 20px;}

    .contact_map{padding-right: 0 !important;}

    .contact_Form{padding-left: 0; margin-top: 15px;}

    .contactForm_wrap h3{font-size: 20px;}

    .aboutMission .d-none{display: block !important;}

    .aboutMission .carousel-inner .carousel-caption{right: 0;left: 0; width: 100%;}

    .aboutMission .carousel-item{height: 400px !important;}

    .carousel-inner .carousel-caption{padding: 30px 25px;}

    .bg-redBox{background: #a01414;}

	.bg-yellowbox{

    background:#e9e4d1;

    float: left;

    width: 100%;

    padding: 75px 0;

    margin-bottom: 15px;

}



    .latestContainer{margin-bottom: 25px;}

}

@media screen and (max-width: 480px){

    .topNavbar{height: 12px}

    .navbar-brand {

        top: 1px;

        padding: 6px;

    }

    nav.navbar .navbar-brand img{

        height: 75px;

    }

    .abgLogo img{

        height: 40px;

    }

    .bannerContainer{

        padding-top: 0px;

    }

}









.brandcont ul li {

    margin: 10px 0 12px 0;

    padding: 0 0 0 10px;

    list-style: none;

    background: url(../images/bullet2.png) no-repeat 0 7px;

    line-height: 22px;

}









section{

	padding: 20px 0;

}

section .section-title{

	text-align:center;

	color:#007b5e;

	margin-bottom:50px;

	text-transform:uppercase;

}

#what-we-do{

	background:#ffffff;

}

#what-we-do .card{

	padding: 1rem!important;

	border: none;

	margin-bottom:1rem;

	-webkit-transition: .5s all ease;

	-moz-transition: .5s all ease;

	transition: .5s all ease;

}

#what-we-do .card:hover{

	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}

#what-we-do .card .card-block{

	padding-left: 50px;

    position: relative;

}

#what-we-do .card .card-block a{

	color: #ae1b21 !important;

	font-weight:700;

	text-decoration:none;

}

#what-we-do .card .card-block a i{

	display:none;

	

}

#what-we-do .card:hover .card-block a i{

	display:inline-block;

	font-weight:700;

	

}

#what-we-do .card .card-block:before{

	font-family: FontAwesome;

    position: absolute;

    font-size: 39px;

    color: #ae1b21;

    left: 0;

	-webkit-transition: -webkit-transform .2s ease-in-out;

    transition:transform .2s ease-in-out;

}

#what-we-do .card .block-1:before{

    content: "\f279";

}

#what-we-do .card .block-2:before{

    content: "\f0eb";

}

#what-we-do .card .block-3:before{

    content: "\f091";

}

#what-we-do .card .block-4:before{

    content: "\f03e";

}

#what-we-do .card .block-5:before{

    content: "\f18d";

}

#what-we-do .card .block-6:before{

    content: "\f218";

}



#what-we-do .card .block-7:before{

    content: "\f2be";

}

#what-we-do .card:hover .card-block:before{

	-webkit-transform: rotate(360deg);

	transform: rotate(360deg);	

	-webkit-transition: .5s all ease;

	-moz-transition: .5s all ease;

	transition: .5s all ease;

}





.back-to-top {

    position: fixed;

    bottom: 25px;

    right: 25px;

    display: none;

  }