.gallery-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 30px 0; position: relative;  }
.gallery-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.gallery-sec1-box1{width: 100%; height: auto; float: left; display: block; }
.gallery-sec1-box1 h2{ width: 100%; height: auto; float: left; font-size: 28px; font-weight: 600; color: #000; line-height:32px; padding: 0px 0px 30px 0; text-align: center;}
.gallery-sec1-box2{width: auto; height: auto; display: table; margin: 0 auto; }
.gallery-sec1-box2 ul{width: auto; height: auto; float: left;   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; }
.gallery-sec1-box2 ul li{ width: auto; height: auto; display: inline-block; padding: 0 5px;}
.gallery-sec1-box2 ul li a{ width: auto; height: 40px; display: block; padding: 0px 20px;  border: 1px solid #ED168C; border-radius: 20px; font-size: 18px; line-height: 40px; font-weight: 400; color: #ED168C; }
.gallery-sec1-box2 ul li.active a{color: #fff;  border: 1px solid #ED168C; background: #e33861;}


.gallery-sec2 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 0px 0 30px 0; position: relative;  }
.gallery-sec2:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.gallery-sec2-box1{width: 100%; height: auto; float: left; display: block; }


.tab5 {width:auto; height: auto; background: #fff; margin-bottom: 20px; line-height: 0;  font-size: 0; text-align: center;border-top: 0px solid #cdcdcd; border-bottom: 0px solid #cdcdcd; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; justify-content: space-between;justify-content: center;  position: sticky; top: 100px; padding: 20px 20px; z-index: 9; }
.tab5 li{width: auto;height:auto; display: inline-block; margin:0 0px 20px 0px; padding: 10px 40px;  box-sizing: border-box; line-height:36px; font-size:26px; font-weight: 600; color: #3f3f3f; position: relative; cursor: pointer; border-bottom: 1px solid #5e5e5e; position: relative; z-index: 3; display: flex; align-items: center;} 
.tab5 li a{ display: block; }
.tab5 li a:hover{ color: #237da7; border-bottom: 1px solid #479ed5;}

.tab5 li.aboutGpsTabActive { color: #fff;  border-bottom: 1px solid #ED168C; color: #e33861;} 


.gallery-lmo2-box1 {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.gallery-lmo2-box1 ul {
  margin-left: -5px;
  margin-right: -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.gallery-lmo2-box1 ul li {
  padding: 5px 5px 5px 5px;
  width: 25%;
  float: left;
}
.gallery-lmo2-box1 ul li big {
  width: 100%;
  height: 100%;
  float: left;
  background: #21a9be;
  display: block;
  /* -webkit-box-shadow: 0 0 11px -1px rgb(0 0 0 / 30%);
  -moz-box-shadow: 0 0 11px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 11px -1px rgb(0 0 0 / 30%); */
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  border: 0px solid #ccc;
}
.gallery-lmo2-box1 ul li big a .imges-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  z-index: 5;
  background-position: left top;
  background-repeat: no-repeat;
}
.gallery-lmo2-box1 ul li big a:hover .imges-icon {
  opacity: 0;
}
.gallery-lmo2-box1 ul li big a:hover .imges-icon {
  opacity: 0;
}
.gallery-lmo2-box1 ul li big img {
  width: 100%;
  display: block;
  line-height: 0;
}
.gallery-lmo2-box1 ul li big a .sub {
  height: 100%;
  width: 100%;
  background-color: rgba(227, 56, 97, 0.4);
  left: 0;
  bottom: -100%;
  position: absolute;
  opacity: 0;
  overflow: hidden;
  z-index: 6;
}
.gallery-lmo2-box1 ul li big a:hover .sub {
  bottom: 0;
  opacity: 1;
  cursor: pointer;
}
.gallery-lmo2-box1 ul li big a .sub b.info {
  background-image: url(../images/images-icon-hover2.png);
  background-position: left top;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.2s 0.1s ease-in,
    opacity 0.1s ease-in-out;
  -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.gallery-lmo2-box1 ul li big a:hover .sub b.info {
  opacity: 1;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}


.gallery-lmo2-box1 ul li big a .sub b.infovideo {
  background-image: url(../images/video-icon.png);
  background-position: left top;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -moz-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.2s 0.1s ease-in,
    opacity 0.1s ease-in-out;
  -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.gallery-lmo2-box1 ul li big a:hover .sub b.infovideo {
  opacity: 1;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}



#colorbox.customPop, .customPop #cboxOverlay, .customPop #cboxWrapper {
    overflow: initial !important;
}

.customPop #cboxPrevious {
    position: absolute;
    top: 50%;
    left: -35px;
    margin-top: -32px;
    background: #e33861 url(../images/prev-icon_white2.png) no-repeat center;
    width: 70px;
    height: 75px;
    text-indent: -9999px;
    z-index: 9;
}

.customPop #cboxNext {
    position: absolute;
    top: 50%;
    right: -35px;
    margin-top: -32px;
    background: #e33861 url(../images/next-icon_white2.png) no-repeat center;
    width: 70px;
    height: 75px;
    text-indent: -9999px;
    z-index: 9;
}

.customPop #cboxLoadedContent {
    background-color: #000 !important;
}
.customPop #cboxTitle{ display: block !important;  bottom: 0px!important;    margin: 0 0px 0px 0px!important; }
.customPop #cboxCurrent {
    display: none !important
}

.customPop #cboxTitle {
  display: none !important;
    position: absolute;
    top: auto;
    left: 0;
    color: #fff;
    bottom: -30px;
    font-size: 18px;
}


.tabNavDropMenu5 {
        width: 100%;
        margin: 0 auto;
        height: 50px;
        display: block;
        border: 1px solid #ccc;
        position: relative;
    }

    .tabNavDropMenu5 strong {
        width: 100%;
        height: 50px;
        float: left;
        display: block;
        font-size: 22px;
        font-weight: 400;
        color: #3d3c3c;
        line-height: 50px;
        font-style: normal;
        padding-left: 20px;
        background: url(../images/arrow555.png) no-repeat 95% 20px;
    }

    .tabNavDropMenu5 ul {
        position: absolute;
        left: -1px;
        right: -1px;
        top: 49px;
        border: 1px solid #ccc;
        border-top: 1px solid transparent;
        font-size: 18px;
        font-weight: 400;
        color: #3d3c3c;
        line-height: 32px;
        background: #FFFFFF;
        z-index: 999;
        padding: 0;
        margin: 0;
    }

    .tabNavDropMenu5 ul li {
        width: 100%;
        height: auto;
        float: left;
        display: block;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        line-height: 32px;
        font-style: normal;
        border-bottom: 1px solid #e6e0e0;
        padding: 5px 20px;
        box-sizing: border-box;
    }

    .tabNavDropMenu5 ul li:last-child {
        border-bottom: 0px solid #ccc;
    }

@media screen and (max-width: 1023px) {
.gallery-sec1 { padding: 30px 0 30px 0;}
.gallery-sec1-box1 h2 { font-size: 24px; line-height: 30px;}
}

@media screen and (max-width: 800px) {
.gallery-lmo2-box1 ul li { width: 50%;}
.gallery-lmo2-box1 ul{ margin-top: 30px;}
.customPop #cboxPrevious {
  left: 0px;
  width: 50px;
  height: 56px;
}
.customPop #cboxNext {
  right: 0px;
  width: 50px;
  height: 56px;
}
}
@media screen and (max-width: 500px) {
.gallery-lmo2-box1 ul li { width: 100%;}
}

/* Awards And Recognition End */