@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

.owl-wrapper {
  padding-top: 20px !important;
}

.clearfix:after {
  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

::-moz-selection {
  color: #fff;

  background: #eb1c24;
}

::selection {
  color: #fff;

  background: #eb1c24;
}

body {
  margin: 0;

  padding: 0;

  color: #fff;

  background: url(../images/footer-bg.png) no-repeat bottom;
}

.top-wrap {
  background: url(../images/bg.jpg) no-repeat;

  background-size: cover;

  width: 100%;

  float: left;

  padding: 0 0 300px;
}

.top-head {
  width: 100%;

  position: fixed;

  background: #2151a1;

  z-index: 99998;

  top: 0;
}

.top-head p {
  margin: 0;

  padding: 13px 0;

  font-weight: 700;

  font-size: 16px;

  display: inline-block;
}

.top-head p strong {
  font-weight: 700;

  font-size: 18px;
}

.top-head-right {
  float: right;
}

.top-head-right ul {
  margin: 0;

  padding: 0;

  list-style: none;

  display: inline-block;
}

.top-head-right ul li {
  padding: 18px 20px;

  border-right: solid #3e89bd 1px;

  font-size: 16px;

  font-weight: 300;

  display: inline-block;
}

.top-head-right ul li a {
  color: #fff;
}

.top-head-right ul li a:hover {
  color: #eb1c24;
}

.top-head-right ul li:last-child {
  border: none;
}

.top-head-social {
  float: right;

  padding: 18px 0 0 0;
}

.top-head-social i {
  margin: 0 5px;

  color: #fff;

  font-size: 22px;
}

.wrapper {
  width: 100%;

  float: left;

  padding: 10px 0 0;

  margin: 20px 0 0 0;
}

.search-box {
  position: absolute;

  right: 0;

  background: #2151a1;

  margin: 40px 0 0 0;

  color: #fff;

  border-radius: 50%;

  width: 35px;

  height: 35px;

  text-align: center;

  padding: 2px 0 0 0;

  font-size: 20px;

  cursor: pointer;
}

.wrapper .navbar-collapse.collapse {
  float: right;
}

.wrapper .navbar-collapse {
  padding: 0;

  width: 815px;
}

.wrapper .container-fluid {
  padding: 0;
}

.wrapper .navbar-collapse h1 {
  color: #000;

  font-size: 18px;

  padding: 5px 10px;

  margin: 0;
}

.loginarea {
  position: absolute;

  top: 0;

  right: 0;

  padding: 13px 0;
}

.loginarea i {
  color: #000;

  border-right: solid #000 1px;

  padding: 0 13px 0 0;
}

.loginarea ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.loginarea ul li {
  display: inline-block;

  padding: 0;
}

.loginarea ul li a {
  color: #2151a1;

  font-size: 13px;

  padding: 0 0 0 13px;

  font-weight: 700;
}

.search-fld {
  width: 250px;

  position: absolute;

  right: 40px;

  top: 40px;

  display: none;
}

.search-fld input {
  background: #2151a1;

  border: none;

  padding: 16px 12px 17px;

  height: auto;

  color: #fff;

  margin: 0;

  border-radius: 0;

  position: relative;
}

.search-fld input:after {
  content: "\f002";

  font-family: "FontAwesome";
}

.closeButton {
  position: absolute;

  right: 0;

  width: 35px;
}

.slider {
  width: 100%;

  float: left;

  border-top: solid #35cd7d 2px;

  margin: 1% 0 0 0;
}

.slider .carousel-control {
  width: 35px;

  height: 35px;

  top: 50%;

  background-image: none;

  padding: 0 30px;

  opacity: 1;
}

.slider-shadow {
  width: 100%;

  height: 109px;

  float: left;

  background: url(../images/slide-shadow.png) no-repeat;

  margin: -1px 0 0 0;
}

.product-wrap {
  width: 100%;

  float: left;
}

.product-wrap h1 {
  padding: 0 0 20px;

  margin: 0 0 30px;

  text-transform: uppercase;

  color: #000;

  text-align: center;

  position: relative;

  font-weight: 700;

  font-size: 35px;
}

.product-wrap h1:after {
  height: 4px;

  display: block;

  width: 65px;

  background: #168637;

  margin: 15px auto 0;

  content: "";
}

.product-wrap .nav-tabs > li {
  width: 32%;

  margin: -22px 18px 0 0;

  background: #fff;

  position: relative;
}

.product-wrap .nav-tabs > li a {
  padding: 0;

  border: 0;

  margin: 0;

  position: relative;
}

.product-wrap .nav-tabs > li:hover {
  opacity: 0.5;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;
}

.product-wrap .nav-tabs > li h2 {
  position: absolute;

  top: 0;

  left: 45px;

  color: #fff;

  font-size: 24px;

  font-weight: 700;

  text-transform: uppercase;
}

.product-wrap .nav-tabs > li a:hover {
  border: 0;
}

.product-wrap .nav-tabs > li:last-child {
  margin: -22px 0 0 0;
}

.product-wrap .nav-tabs > li.active {
  padding: 0 0 17px;
}

.product-wrap .nav-tabs > li.active:nth-child(1) {
  border: solid #009648 1px;

  border-bottom: none;
}

.product-wrap .nav-tabs > li.active:nth-child(2) {
  border: solid #ffe42b 1px;

  border-bottom: none;
}

.product-wrap .nav-tabs > li.active:nth-child(3) {
  border: solid #48b444 1px;

  border-bottom: none;
}

.product-wrap .nav-tabs > li:nth-child(1) img {
  border-bottom: solid #2151a1 2px;
}

.product-wrap .nav-tabs > li:nth-child(2) img {
  border-bottom: solid #ffe42b 2px;
}

.product-wrap .nav-tabs > li:nth-child(3) img {
  border-bottom: solid #48b444 2px;
}

.product-wrap .nav-tabs > li.active:after {
  content: "\e252";

  font-family: "Glyphicons Halflings";

  margin: 0 auto;

  right: 0;

  left: 0;

  position: absolute;

  color: #2151a1;

  bottom: 16px;

  width: 8px;

  height: 8px;

  display: block;
}

.product-wrap .nav-tabs > li.active:nth-child(2):after {
  content: "\e252";

  font-family: "Glyphicons Halflings";

  margin: 0 auto;

  right: 0;

  left: 0;

  position: absolute;

  color: #ffe42b;

  bottom: 16px;

  width: 8px;

  height: 8px;

  display: block;
}

.product-wrap .nav-tabs > li.active:nth-child(3):after {
  content: "\e252";

  font-family: "Glyphicons Halflings";

  margin: 0 auto;

  right: 0;

  left: 0;

  position: absolute;

  color: #48b444;

  bottom: 16px;

  width: 8px;

  height: 8px;

  display: block;
}

.product-wrap .nav-tabs > li img {
  width: 100%;
}

.content-wrap {
  width: 100%;

  float: left;

  position: relative;
}

.content-inner {
  position: relative;

  right: 0;

  left: 0;

  margin-top: -277px;
}

.product-wrap .nav-tabs {
  border-bottom: none;
}

.product-wrap .tab-content {
  border-bottom: solid #2ba364 2px;

  text-align: center;

  color: #555855;

  position: relative;

  padding: 35px 0 13px;

  height: 300px;
}

.product-wrap .tab-content:after {
  content: "\e253";

  font-family: "Glyphicons Halflings";

  color: #2ba364;

  position: absolute;

  bottom: -7px;
}

.product-wrap .prev {
  background: url(../images/thumb-arrow.png) no-repeat;

  width: 40px;

  height: 39px;

  padding: 0;

  box-shadow: none;

  position: absolute;

  left: 0;

  top: 42%;

  z-index: 9999;
}

.product-wrap .next {
  background: url(../images/thumb-arrow.png) no-repeat;

  width: 40px;

  height: 39px;

  padding: 0;

  box-shadow: none;

  background-position: -40px 0;

  position: absolute;

  right: 0;

  top: 42%;

  z-index: 9999;
}

.product-wrap .item h3 {
  font-size: 14px;

  color: #555855;

  padding: 0;

  margin: 0;

  font-weight: 700;
}

.product-wrap .item {
  -webkit-transition: all 1s ease; /* Safari and Chrome */

  -moz-transition: all 1s ease; /* Firefox */

  -o-transition: all 1s ease; /* IE 9 */

  -ms-transition: all 1s ease; /* Opera */

  transition: all 1s ease;
}

.product-wrap .item:hover {
  -webkit-transform: scale(1.25); /* Safari and Chrome */

  -moz-transform: scale(1.25); /* Firefox */

  -ms-transform: scale(1.25); /* IE 9 */

  -o-transform: scale(1.25); /* Opera */

  transform: scale(1.25);
}

.welcomrarea {
  width: 100%;

  float: left;

  padding: 90px 0;
}

.welcomrarea h1 {
  margin: 0;

  padding: 0;

  font-weight: 300;

  color: #2151a1;

  font-size: 32px;
}

.welcomrarea h2 {
  margin: 0 0 36px;

  padding: 0;

  font-weight: 700;

  color: #000;

  font-size: 36px;

  text-transform: uppercase;
}

.welcomrarea p {
  margin: 0 0 36px;

  padding: 0;

  font-size: 16px;

  line-height: 24px;

  color: #000;
}

.welcomrarea a {
  border: solid 1px #eb1c24;

  border-radius: 20px;

  color: #000;

  font-weight: 300;

  padding: 8px 20px;

  font-size: 14px;
}

.welcomrarea a i {
  margin: 0 0 0 10px;
}

.welcomrarea span {
  width: 183px;

  height: 190px;

  border-radius: 50%;

  display: inline-block;

  border: solid 1px #2151a1;

  overflow: hidden;

  background: #ebebeb;

  position: relative;
}

.welcomrarea span img {
  width: 100%;
}

.welcomrarea .col-lg-2 {
  float: right;
}

.welcomrarea .col-lg-2 h3 {
  position: absolute;

  width: 100%;

  text-align: center;

  left: 7%;

  background: #2151a1;

  border-radius: 20px;

  padding: 10px 30px;

  color: #fff;

  font-size: 18px;

  z-index: 9999;
}

.timeline-area {
  width: 100%;

  float: left;

  position: relative;

  background: url(../images/timeline-bg.jpg) repeat-x;

  height: 541px;

  padding: 90px 0;
}

.timeline-area .container {
  height: 100%;
}

.mirinta {
  position: absolute;

  left: -190px;

  top: -160px;
}

.pepsi {
  position: absolute;

  right: -80px;

  top: -150px;
}

.mtn {
  position: absolute;

  right: -170px;

  bottom: -160px;
}

.timeline-arrow {
  background: url(../images/timeline-centre.png) no-repeat;

  width: 47px;

  height: 22px;

  position: absolute;

  top: 0;

  margin: 0 auto;

  right: 0;

  left: 0;
}

.timeline-area h1 {
  position: relative;

  text-align: center;

  margin: 0;

  padding: 0;

  text-transform: uppercase;

  color: #fff;

  font-size: 36px;

  font-weight: 700;
}

.timeline-area h1:after {
  height: 2px;

  display: block;

  width: 65px;

  background: #fff;

  margin: 22px auto 0;

  content: "";
}

.timeline-list {
  width: 100%;

  float: left;

  padding: 45px 0 0 0;
}

.timeline-list ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.timeline-list ul li {
  width: 234px;

  float: left;

  padding: 0;

  position: relative;

  text-align: center;
}

.timeline-list ul li span {
  width: 100%;

  float: left;

  height: 135px;

  border-bottom: solid #fff 1px;

  margin: 0 0 45px;

  position: relative;
}

.timeline-list ul li h5 {
  margin: 0 0 0 0 !important;

  padding: 0 5px !important;

  color: #fff !important;

  line-height: normal !important;

  font-size: 18px !important;

  display: inline-block !important;

  font-weight: 700 !important;
}

.timeline-list ul li i {
  position: absolute;

  color: #fff;

  margin: 0;

  right: 0;

  left: 0;

  bottom: -7px;
}

.timeline-list ul li:hover i {
  color: #eb1c24;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;
}

.servicearea {
  width: 100%;

  float: left;

  padding: 70px 0;
}

.servicearea ul {
  margin: 0;

  padding: 0;

  list-style: none;

  background: url(../images/services-line.jpg) no-repeat bottom;

  width: 100%;

  height: 160px;
}

.servicearea ul li {
  width: 290px;

  float: left;

  padding: 0;

  position: relative;

  text-align: center;
}

.servicearea ul li .circle {
  width: 100%;

  height: 280px;

  margin: 0 auto;

  right: 0;

  left: 0;

  bottom: 35px;

  z-index: 999;

  background: url(../images/circle.png) no-repeat;

  background-size: 100%;

  display: flex;

  position: relative;
}

.servicearea ul li h1 {
  background: url(../images/service-title.png) no-repeat center;

  padding: 13px 0;

  margin: 0;

  color: #fff;

  font-size: 18px;

  font-weight: 700;

  text-transform: uppercase;

  display: inline-block;

  width: 100%;

  height: 62px;
}

.servicearea ul li .hover {
  width: 100%;

  position: absolute;

  text-align: center;

  top: -194px;

  z-index: 999;

  height: 346px;

  background: #fff;

  padding: 10px;

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

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

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

  display: none;
}

.servicearea ul li .hover img {
  width: 100%;
}

.servicearea ul li .hover h2 {
  padding: 38px 0;

  text-transform: uppercase;

  margin: 0;

  font-weight: 700;

  text-align: center;

  font-size: 22px;

  color: #fff;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9999;

  right: 0;

  margin: 0 auto;

  background: url(../images/services-text-line.png) no-repeat bottom center;
}

.servicearea ul li .hover p {
  margin: 0;

  padding: 0 35px;

  position: absolute;

  top: 35%;

  line-height: normal;

  font-size: 16px;
}

.servicearea ul li .hover p span {
  color: #c93;
}

.servicearea ul li .hover p span a {
  color: #c93;
}

.servicearea ul li .hover p span a:hover {
  color: #fff;
}

.awardsarea {
  width: 100%;

  float: left;

  padding: 0 0 65px 0;
}

.awardsarea ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.awardsarea ul li {
  width: 288px;

  float: left;

  margin: 0 1px 1px 0;

  position: relative;

  overflow: hidden;
}

.awardsarea ul li img {
  width: 100%;

  height: 202px;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;
}

.awardsarea ul li:hover img {
  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transform: scale(1.1);
}

.awardsarea ul li:hover span {
  background-color: rgba(0, 0, 0, 0.5);

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;
}

.awardsarea ul li span {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;
}

.awardsarea ul li h1 {
  margin: 0;

  padding: 40px 40px 5px;

  font-size: 24px;

  font-weight: 700;

  text-transform: uppercase;
}

.awardsarea ul li a {
  font-size: 12px;

  color: #fff;

  text-transform: uppercase;

  padding: 0 0 0 40px;

  font-weight: 700;
}

.awardsarea ul li a:hover {
  color: #eb1c24;
}

.qulty {
  width: 288px !important;

  background: #e2e2e2 !important;

  height: 202px;

  text-align: center;
}

.qulty h3 {
  color: #2d2b2b;

  margin: 0;

  padding: 80px 40px 5px;

  font-size: 24px;

  font-weight: 700;

  text-transform: uppercase;
}

.qulty a {
  padding: 0 !important;

  color: #2d2b2b !important;
}

.awardsarea ul li i {
  background: url(../images/awards-arrow.png) no-repeat;

  width: 31px;

  height: 20px;

  position: absolute;

  bottom: 40px;

  left: 40px;
}

.awardsarea ul li:hover i {
  left: 70px;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;
}

.awardslast {
  width: 302px !important;

  background: #fff !important;

  height: 202px;

  text-align: center;
}

.awardslast a {
  padding: 0 !important;
}

.awardslast img {
  width: 45px !important;

  height: 23px !important;

  margin: 80px 0 0;
}

.getintouch {
  width: 100%;

  float: left;

  background: #147831 url(../images/contact-bg.jpg) repeat-x;

  position: relative;

  padding: 60px 0;

  margin: 0 0 40px;
}

.getintouch-arrow {
  background: url(../images/contact-arrow.png) no-repeat;

  width: 50px;

  height: 25px;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  margin: 0 auto;
}

.getintouch h1 {
  font-size: 36px;

  color: #fff;

  margin: 0;

  padding: 0;

  text-align: center;

  font-weight: 700;

  text-transform: uppercase;
}

.getintouch h1:after {
  height: 2px;

  display: block;

  width: 65px;

  background: #fff;

  margin: 22px auto 0;

  content: "";
}

.getintouch-box {
  width: 100%;

  float: left;

  margin: 35px 0;
}

.getintouch-address {
  width: 40%;

  float: left;

  padding: 35px 100px;

  background: #1f9e46;
}

.getintouch-address h2 {
  font-size: 18px;

  color: #fff;

  text-transform: uppercase;

  margin: 0 0 15px;

  padding: 0;

  font-weight: 700;
}

.getintouch-address h2:before {
  height: 2px;

  display: block;

  width: 70px;

  background: #fff;

  margin: 0 0 22px 0;

  content: "";
}

.getintouch-address p {
  font-size: 14px;

  color: #fff;

  font-weight: 300;

  line-height: 26px;

  margin: 15px 0;
}

.getintouch-address a {
  color: #fff;
}

.getintouch-address a:hover {
  color: #eb1c24;
}

.getintouch-address i {
  margin: 0 10px 0 0;
}

.getintouch-branch {
  font-size: 18px;

  text-transform: uppercase;

  font-weight: 700;
}

.mapbox {
  width: 60%;

  float: left;
}

#map {
  width: 100%;

  height: 389px;
}

.getintouch-logarea {
  width: 100%;

  float: left;

  padding: 0;

  position: relative;
}

.getintouch-logarea .col-md-4 {
  padding: 60px 0 0 40px;

  position: relative;
}

.getintouch-signup {
  width: 100%;

  float: left;

  background: url(../images/signup-icon.png) no-repeat;

  height: 65px;

  padding: 0 0 0 75px;

  color: #fff;

  cursor: pointer;
}

.getintouch-signup h2 {
  font-weight: 700;

  font-size: 16px;

  margin: 0;

  padding: 8px 0 5px;

  text-transform: uppercase;
}

.getintouch-signup h3 {
  font-weight: 700;

  font-size: 30px;

  margin: 0;

  padding: 0;

  text-transform: uppercase;
}

.getintouch-signup:hover {
  color: #5fc43c;

  background-position: 0 -68px;
}

.getintouch-signin {
  background: url(../images/signin-icon.png) no-repeat;

  height: 75px;

  padding: 0 0 0 100px;
}

.getintouch-signin:hover {
  color: #5fc43c;

  background-position: 0 -76px;
}

.getintouch-order {
  background: url(../images/list-icon.png) no-repeat;

  height: 80px;

  padding: 0 0 0 100px;
}

.getintouch-order:hover {
  color: #5fc43c;

  background-position: 0 -81px;
}

.getintouch-hover {
  width: 380px;

  position: absolute;

  padding: 30px 18px;

  background: #0971b8;

  border-radius: 8px;

  top: -280px;

  left: 0;

  display: none;

  z-index: 9999;

  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
}

.getintouch-hover:after,
.getintouch-hover:before {
  top: 100%;

  left: 20%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;
}

.getintouch-hover:after {
  border-color: rgba(136, 183, 213, 0);

  border-top-color: #0971b8;

  border-width: 20px;

  margin-left: -20px;
}

.getintouch-hover h2 {
  font-size: 30px;

  color: #fff;

  margin: 0;

  padding: 0;

  text-transform: uppercase;

  font-weight: 700;
}

.getintouch-hover h3 {
  font-size: 18px;

  margin: 0;

  padding: 0 0 10px;

  border-bottom: solid #64a5d2 1px;

  color: #79c2f4;
}

.getintouch-hover input {
  background: #fff;

  margin: 15px 0 0 0;

  border: none;

  color: #000;

  padding: 0 10px;

  width: 95%;
}

.getintouch-hover p {
  margin: 0;

  padding: 23px 0 0 0;

  color: #fff;

  font-size: 14px;

  display: inline-block;
}

.getintouch-hover-btn {
  background: #000 !important;

  width: auto !important;

  padding: 14px 30px !important;

  float: right;

  border: none;

  color: #fff !important;
}

.getintouch-hover a {
  text-decoration: underline;

  color: #8dd1ff;
}

.getintouch-hover a:hover {
  text-decoration: none;
}

.getintch-left1 {
  position: absolute;

  left: -115px;

  top: 0;

  width: 226px;

  height: 226px;
}

.getintch-left1 img {
  width: 100%;
}

.getintch-left2 {
  position: absolute;

  left: 138px;

  top: 0;

  width: 87px;

  height: 87px;
}

.getintch-left2 img {
  width: 100%;
}

.getintch-right1 {
  width: 139px;

  height: 182px;

  position: absolute;

  top: 0;

  right: 0;
}

.getintch-right1 img {
  width: 100%;
}

.getintch-right2 {
  width: 206px;

  height: 322px;

  position: absolute;

  bottom: 0;

  right: -10%;
}

.getintch-right2 img {
  width: 100%;
}

.bottom-banner {
  padding: 0;
}

.bottom-banner .owl-wrapper {
  padding-top: 0 !important;
}

.bottom-banner .owl-theme .owl-controls {
  background: #2ca451;

  position: absolute;

  width: 100%;

  bottom: 0;

  padding: 10px 0;

  text-align: left;
}

.bottom-banner .owl-carousel .owl-item {
  height: 434px;
}

.bottom-banner .item span {
  position: absolute;

  top: 0;

  padding: 70px;

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

  width: 100%;

  height: 100%;
}

.bottom-banner .item h1 {
  margin: 0;

  padding: 0 0 30px;

  font-size: 72px;

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;
}

.bottom-banner .item h2 {
  font-size: 24px;

  padding: 0;

  margin: 0 0 20px;

  color: #fff;

  font-weight: 700;
}

.bottom-banner .item p {
  font-size: 16px;

  color: #fff;

  margin: 0;

  padding: 0 0 30px;
}

.bottom-banner .item a {
  background: url(../images/awards-arrow.png) no-repeat right;

  padding: 0 60px 0 0;

  color: #fff;

  text-transform: uppercase;

  font-weight: 700;
}

.bottom-banner-latest {
  position: absolute;

  bottom: 7px;

  right: 5%;

  color: #fff;

  font-size: 19px;

  font-weight: 700;

  text-transform: uppercase;
}

.video-area {
  width: 100%;

  float: left;
}

.video-area img {
  width: 100%;
}

.video-box {
  padding: 0;

  width: 335px;

  position: relative;
}

.video-box h1 {
  text-align: center;

  position: absolute;

  line-height: normal;

  bottom: 20%;

  font-size: 48px;

  color: #bfdfb4;

  font-weight: 700;

  width: 100%;

  padding: 0;

  margin: 0 0 10px;
}

.video-box h2 {
  text-align: center;

  position: absolute;

  line-height: 18px;

  bottom: 18%;

  font-size: 30px;

  color: #bfdfb4;

  font-weight: 700;

  width: 100%;

  padding: 5px 0 0 0;

  margin: 0;
}

.video-icon {
  width: 107px;

  height: 107px;

  position: absolute;

  top: 30%;

  cursor: pointer;

  margin: 0 auto;

  right: 0;

  left: 0;

  background: url(../images/video-icon.png) no-repeat;
}

.footer {
  width: 100%;

  float: left;

  padding: 0px 0 0 0;

  position: relative;

  border-bottom: solid #5cbd49 3px;
}

.footer-list {
  width: 100%;

  float: left;

  margin: 60px 0 0 0;
}

.footer-list ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.footer-list h1 {
  margin: 0 0 20px;

  padding: 0 0 20px 20px;

  font-weight: 700;

  font-size: 18px;

  color: #fff;

  border-bottom: solid #78abce 1px;
}

.footer-list h2 {
  margin: 0 0 0 10px;

  padding: 30px 0 31px 10px;

  font-weight: 700;

  font-size: 18px;

  color: #fff;
}

.footer-list ul li {
  width: 234px;

  float: left;
}

.footer-list a {
  color: #fff;

  font-size: 14px;

  padding: 10px 0 10px 10px;

  margin: 0 0 0 10px;

  border-bottom: solid #3e86b7 1px;

  display: flex;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;
}

.footer-list a:hover {
  color: #eb1c24;
}

.footer-social {
  width: 100%;

  float: left;

  padding: 10px 0 0 10px;
}

.footer-social a {
  margin: 0 8px 0 0;

  border: none;

  display: inline-block;

  padding: 0;
}

.footer-social a:hover {
  color: #333;
}

.footer-social i {
  margin: 0 5px;

  color: #fff;

  font-size: 22px;
}

/*.footer-social .fa-facebook{ background:#3b5997; border-radius:50%; padding:9px 12px;}*/

/*.footer-social .fa-twitter{ background:#66c9e8; border-radius:50%; padding:9px 10px;}*/

/*.footer-social .fa-youtube{ background:#f73133; border-radius:50%; padding:9px 10px;}*/

.footer-social .fa-rss {
  background: #f7931e;

  border-radius: 50%;

  padding: 9px 10px;
}

.footer-social-add {
  width: 100%;

  float: left;
}

.footer-social-add img {
  margin: 28px 0 0 20px;
}

.footer-copyarea {
  width: 100%;

  float: left;

  border-top: solid 1px #6ea4ca;

  padding: 22px 0 28px;

  position: relative;
}

.footer-copyarea p {
  color: #fff;

  margin: 0 0 5px;

  padding: 0;

  font-size: 14px;

  display: inline-block;
}

.footer-copyarea h4 {
  font-size: 14px;

  margin: 0;

  padding: 0;

  color: #79b2d9;

  display: inline-block;
}

.footer-copyarea img {
  position: absolute;

  top: 12px;

  right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  display: none !important;
}

.inner-top-wrap {
  background: #fff;

  border-bottom: solid #35cd7d 2px;

  padding: 0;
}

.inner-content {
  padding: 0 0 60px;

  width: 100%;

  float: left;

  background: url(../images/inner-area.jpg) repeat-x;
}

.inner {
  width: 100%;

  float: left;

  background: #fff;

  padding: 15px 0;
}

.about-left {
  width: 74%;

  float: left;

  padding: 20px 40px 20px 65px;
}

.about-head {
  width: 100%;

  float: left;
}

.about-head h1 {
  font-size: 32px;

  margin: 0;

  padding: 0 0 6px;

  color: #2151a1;
}

.about-head h2 {
  margin: 0;

  padding: 0 0 22px;

  font-weight: 700;

  color: #2a2828;

  font-size: 36px;

  border-bottom: solid #2151a1 2px;
}

.about-head h2 span {
  color: #565454;

  font-size: 14px;

  margin: 0 0 10px;

  padding: 0;

  font-weight: 300;

  line-height: 0.8;
}

.pro-banner {
  width: 100%;

  height: auto;
}

.pro-banner img {
  width: 100%;

  height: auto;
}

.product-bg {
  width: 100%;

  float: left;

  padding: 20px 30px 20px 30px;
}

.prohed {
  margin: 0;

  padding: 80px 0 22px 0;

  font-weight: bold;

  color: #2151a1;

  font-size: 36px;

  text-align: center;
}

.about-left img {
  width: 100%;

  margin: 35px 0 50px;
}

.about-left p {
  margin: 0 0 20px;

  padding: 0;

  font-size: 16px;

  color: #565454;
}

.about-left p strong {
  color: #000;
}

.inner-rightadd {
  width: 285px;

  float: left;
}

.gm-text {
  width: 100%;

  float: left;

  margin: 30px 0 0 0;
}

.gm-text span {
  width: 188px;

  float: left;

  margin: 0 50px 20px 0;

  overflow: hidden;
}

.gm-text span img {
  width: 188px;

  height: 195px;

  margin: 0;

  border: solid #2151a1 1px;

  background: #ebebeb;

  border-radius: 50%;
}

.gm-text span h1 {
  text-align: center;

  font-size: 18px;

  margin: 0;

  padding: 10px 0 5px;

  color: #000;
}

.gm-text span h2 {
  text-align: center;

  font-size: 15px;

  margin: 0;

  padding: 0;

  color: #000;
}

.gm-text p {
  margin: 0 0 20px;

  padding: 0;

  font-size: 16px;

  color: #000;
}

.gm-text p strong {
  color: #000;
}

.bourd-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;
}

.bourd-text h2 {
  margin: 0 0 10px;

  padding: 0 0 0 20px;

  font-size: 18px;

  color: #000;

  background: url(../images/list.png) no-repeat;

  background-position: 0 5px;
}

.bourd-text p {
  margin: 0 0 20px;

  padding: 0 0 0 20px;

  font-size: 14px;

  line-height: 24px;
}

.initiatives-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;
}

.initiatives-text h2 {
  margin: 0 0 10px;

  padding: 0;

  font-size: 18px;

  color: #000;
}

.initiatives-text p {
  margin: 0 0 20px;

  padding: 0;

  font-size: 14px;

  line-height: 24px;
}

.orcvalue-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;

  color: #000;
}

.orcvalue-text th {
  color: #fff;

  background: #2151a1;

  font-size: 18px;

  font-weight: 800;

  border-color: #065488 !important;

  border-right: solid #ddd 1px;

  text-align: center;
}

.orcvalue-text .table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;

  border-bottom: solid #ddd 1px;

  color: #000;

  border-right: solid #ddd 1px;

  text-align: left;

  font-size: 14px !important;
}

.orcvalue-text td:last-child {
  border-right: none !important;
}

.ourhistory-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;

  color: #000;
}

.ourhistory-text p {
  margin: 0 0 20px;

  padding: 0;

  font-size: 14px;

  line-height: 24px;
}

.ourhistory-text h2 {
  margin: 0 0 10px;

  padding: 0 0 0 20px;

  font-size: 18px;

  color: #000;

  background: url(../images/list.png) no-repeat;

  background-position: 0 5px;
}

.ourhistory-text th {
  color: #fff;

  background: #2151a1;

  font-size: 18px;

  font-weight: 400;

  border-color: #065488 !important;

  border-right: solid #ddd 1px;

  text-align: center;
}

.ourhistory-text .table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle !important;

  border-bottom: solid #ddd 1px;

  border-right: solid #ddd 1px;

  text-align: center;

  font-size: 14px;

  padding: 20px !important;

  background-color: #efefef;
}

.ourhistory-text td:last-child {
  border-right: none !important;
}

.ims-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;
}

.ims-text p {
  text-align: justify;
}

.ims-text img {
  width: 100%;
}

.certificate-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;
}

.certificate-text img {
  width: 100%;

  float: left;

  margin: 0 10px 10px 0;

  border: solid #ebebeb 1px;

  padding: 10px;
}

.gm-table {
  width: 100%;

  float: left;

  margin: 30px 0 0;

  color: #000;
}

.gm-table th {
  color: #fff;

  background: #2151a1;

  font-size: 20px;

  font-weight: 400;

  border-color: #065488 !important;

  border-right: solid #ddd 1px;

  text-align: center;
}

.gm-table .table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: top;

  border-bottom: solid #ddd 1px;

  border-right: solid #ddd 1px;

  text-align: center;

  font-size: 14px;
}

.gm-table td:last-child {
  border-right: none !important;
}

.contact-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;
}

.contact-text h2 {
  margin: 0 0 10px;

  padding: 0;

  font-size: 18px;

  color: #000;
}

.contact-form {
  width: 100%;

  float: left;

  text-align: center;
}

.contact-form .row {
  margin: 10px 0 0;

  padding: 0;

  width: 100%;

  float: left;
}

.contact-form .row i {
  color: #2151a1;
}

.contact-form p {
  font-size: 14px;

  color: #000;
}

.contact-form p strong {
  font-weight: 700;
}

.contact-form h3 {
  margin: 0;

  padding: 16px 0 0 0;

  font-size: 14px;

  width: 200px;

  float: left;

  color: #000;

  position: relative;
}

.contact-form h3:after {
  content: ":";

  position: absolute;

  right: 10px;
}

.contact-form h4 {
  margin: 0;

  padding: 16px 0 0 0;

  font-size: 14px;

  width: 300px;

  float: right;

  color: #333;
}

.contact-form h5 {
  margin: 0;

  padding: 16px 0 0 0;

  font-size: 14px;

  float: left;

  width: 150px;

  color: #333;
}

.contact-form input {
  width: 300px;

  float: right;

  font-size: 14px;
}

.contact-form .col-xs-3 {
  padding: 0;

  margin: 0 10px 0 0;
}

.contact-form .col-xs-3 input {
  width: 100%;
}

.contactbox {
  width: 100%;

  float: left;

  margin: 15px 0 0 0;
}

.contactbox #map {
  height: 350px;
}

#map2,
#map3,
#map4,
#map5,
#map6,
#map7,
#map8,
#map9,
#map10,
#map11 {
  height: 350px;

  width: 100%;
}

.contactouter {
  width: 100%;

  float: left;

  padding: 0 5px 15px 5px;

  margin: 0 0 10px;
}

.contactoute-bord {
  border: none;
}

#banner .item img {
  display: block;

  width: 100%;
}

.wrapper .navbar-default {
  background: none;
}

.chairman-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;
}

.chairman-text h2 {
  margin: 0 0 10px;

  padding: 0;

  font-size: 18px;

  color: #000;
}

.chairman-text p {
  margin: 0 0 20px;

  padding: 0;

  font-size: 14px;

  line-height: 24px;
}

.plantour-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;
}

.plantour-text h2 {
  margin: 0 0 20px;

  padding: 0;

  font-size: 18px;

  color: #000;

  width: 100%;

  float: left;

  color: #2151a1;
}

.plantour-text p {
  margin: 0 0 20px;

  padding: 0;

  font-size: 14px;

  line-height: 24px;

  width: 100%;

  float: left;
}

.plantour-text img {
  width: auto;
}

.plantour-head {
  border-bottom: solid #2151a1 2px;

  padding: 0 0 20px;
}

.plantour-head h2 {
  display: inline-block;

  border: none;

  padding: 20px 0 0 20px;

  font-weight: 600;
}

.plantour-head img {
  width: 268px;

  float: left;

  margin: 0;
}

.plantour-saog1 {
  width: 235px;

  float: left;

  margin: 0 10px 10px 0;

  padding: 5px;

  border: solid 1px #2151a1;
}

.plantour-saog1 img {
  width: 100%;

  margin: 0;
}

.plantour-saog2 {
  width: 500px;

  float: left;

  padding: 5px;

  border: solid 1px #2151a1;
}

.plantour-saog2 img {
  width: 100%;

  margin: 0;
}

.plantour-list {
  width: 100%;

  float: left;

  margin: 25px 0 20px 0;
}

.plantour-list ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.plantour-list ul li {
  width: 100%;

  float: left;

  margin: 0 0 10px;

  background: url(../images/list.png) no-repeat;

  background-position: 0 5px;

  padding: 0 0 0 20px;

  color: #000;
}

.qualitylab {
  width: 300px;

  float: left;

  margin: 0 0 20px;
}

.qualitylab img {
  width: 100%;

  margin: 0;
}

.softdrink {
  width: 100%;

  float: left;

  text-align: center;

  margin: 0 0 20px;
}

.softdrink img {
  width: 100%;

  margin: 0;
}

.water-treatment {
  width: 100%;

  float: left;

  margin: 0 0 20px;
}

.water-treatment img {
  width: 100%;

  margin: 0;
}

.flavored-syrup {
  width: 100%;

  float: left;

  margin: 0 0 20px;
}

.flavored-syrup img {
  width: 100%;

  margin: 0;
}

.proportioning-carbonation {
  width: 100%;

  float: left;

  margin: 0 0 20px;
}

.proportioning-carbonation img {
  width: 100%;

  margin: 0;
}

.filling-sealing {
  width: 100%;

  float: left;

  margin: 0 0 20px;
}

.filling-sealing img {
  width: 100%;

  margin: 0;
}

.aquafina {
  width: 100%;

  float: left;

  margin: 0 0 20px;
}

.aquafina img {
  width: 100%;

  margin: 0;
}

.safty-list {
  width: 100%;

  float: left;

  margin: 0 0 20px;
}

.safty-list ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.safty-list ul li {
  width: 50%;

  float: left;

  background: url(../images/safty-icons.png) no-repeat;

  margin: 0 0 15px;

  padding: 0 0 0 70px;

  line-height: 60px;

  font-size: 15px;

  color: #000;
}

/* .icon-eat {

} */

.icon-spitting {
  background-position: 0 -67px !important;
}

.icon-littering {
  background-position: 0 -133px !important;
}

.icon-smoking {
  background-position: 0 -198px !important;
}

.icon-pictaking {
  background-position: 0 -264px !important;
}

.icon-weapons {
  background-position: 0 -329px !important;
}

.icon-alcohol {
  background-position: 0 -395px !important;
}

.icon-horseplay {
  background-position: 0 -460px !important;
}

.icon-follow {
  background-position: 0 -525px !important;
}

.icon-loitering {
  background-position: 0 -589px !important;
}

.icon-jewelries {
  background-position: 0 -654px !important;
}

.plan-img {
  width: 100%;

  float: left;
}

.plan-img img {
  width: auto;

  margin: 0;
}

.leadershp-text {
  width: 100%;

  float: left;

  margin: 30px 0 0 0;
}

.leadershp-text h2 {
  width: 50%;

  float: left;

  padding: 10px 0;

  text-align: center;

  margin: 0;

  font-size: 18px;

  color: #fff;

  background: #065488;
}

.leadershp-text ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.leadershp-text ul li {
  width: 100%;

  float: left;

  border-bottom: solid #ccc 1px;

  border-right: solid #ccc 1px;
}

.leadershp-text ul li h3 {
  padding: 20px 0;

  margin: 0;

  text-align: center;

  color: #000;

  font-size: 14px;

  width: 50%;

  float: left;

  font-weight: 400;

  border-left: solid #ccc 1px;
}

.leadershp-text ul li h3:hover {
  background-color: #dbdbdb;
}

.order-form {
  width: 100%;

  float: left;

  padding: 0 0 20px;
}

.order-form h2 {
  font-weight: 400;

  font-size: 18px;

  color: #000;

  margin: 0;

  padding: 10px 0;
}

.order-form h3 {
  font-weight: 400;

  font-size: 14px;

  color: #000;

  margin: 0;

  padding: 0 0 10px 0;
}

.order-form input {
  width: 97%;

  float: left;

  background: #fff;

  border: none;

  background: #ececec;

  padding: 0 8px;

  color: #000;
}

.order-form input[type="checkbox"] {
  float: left;

  border: none;

  background: #ececec;

  padding: 0 8px;

  color: #000;

  width: auto;

  margin: 0 4px;
}

.order-form textarea {
  resize: none;

  background: #fff;

  border: none;

  background: #ececec;

  height: 100px;

  padding: 8px;

  color: #000;

  margin: 0 0 10px;
}

.order-form input[type="submit"] {
  width: auto;

  background: #0971b8;

  padding: 10px 20px;

  border: none;

  border-radius: 3px;

  color: #fff;

  float: right;
}

.login-action p {
  float: left;

  font-size: 14px;

  color: #000;
}

.login-action p a {
  font-size: 14px;

  color: #0971b8;
}

.award-wrap {
  width: 100%;

  float: left;

  margin: 30px 0 0 0;
}

.award-wrap-thumb {
  width: 100%;

  height: auto;

  float: left;

  margin: 0 0 10px 0;

  border: solid #2151a1 2px;

  padding: 5px;
}

.award-wrap-thumb img {
  width: 100%;

  height: 100%;

  margin: 0;
}

.award-wrap-thumb h1 {
  margin: 10px 0 5px;

  padding: 0;

  font-size: 16px;

  font-weight: 300;

  color: #101010;
}

.award-wrap-thumb p {
  margin: 0 0 10px;

  padding: 0;

  font-size: 14px;

  font-weight: 300;
}

.financial-text {
  width: 100%;

  float: left;

  margin: 30px 0 0;

  color: #000;
}

.financial-text h2 {
  margin: 0 0 10px 0;

  padding: 0 0 0 0;

  font-size: 18px;

  color: #000;
}

.financial-text h2 img {
  width: auto;
}

/*.financial-text a {



    background: url(../images/pdf-icon.png) no-repeat;



    width: 20px;



    height: 26px;



    display: inline-block;



    margin: 0 0 0 10px;



}*/

.product-page {
  width: 100%;

  float: left;

  margin: 30px 0 0 0;
}

.product-page-box {
  float: left;

  width: 140px;

  text-align: center;

  position: relative;

  overflow: hidden;

  padding: 10px;

  border: solid #eaeaea 1px;

  margin: 15px 15px 0 0;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;
}

.product-page-box img {
  width: auto;

  margin: 0;

  height: 170px;
}

.product-page-box h2 {
  margin: 0 0 0 0;

  padding: 5px;

  font-size: 18px;

  font-weight: 400;

  color: #fff;

  text-align: center;

  display: none;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

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

.product-page-box:hover h2 {
  display: block;
}

.product-page-box:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);

  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
}

.snacks-box img {
  width: 100%;
}

.product-popup {
  width: 600px;

  text-align: center;
}

.product-popup img {
  width: 250px;
}

/*----------------news---------------*/

.newswrap {
  width: 100%;

  float: left;

  padding: 60px;
}

.newstab {
  width: 100%;

  float: left;

  background: #eef0f2;

  border: solid #d1d2d2 1px;

  margin: 25px 0 0 0;
}

.newstab .nav-tabs {
  border: none;

  float: right;
}

.newstab .nav-tabs li {
  margin: 0;

  border-right: solid #469eda 1px;
}

.newstab .nav-tabs li:last-child {
  border-right: none;
}

.newstab .nav-tabs li a {
  border-radius: 0;

  margin: 0;

  border: none;

  color: #fff;

  padding: 22px 22px;

  font-weight: 700;
}

.newstab .nav-tabs li a:hover {
  background: #0d5b90;

  color: #fff;
}

.newstab .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #0d5b90;

  color: #fff;
}

.newstab-nav {
  width: 100%;

  float: left;

  background: #2151a1;
}

.newstab-nav h2 {
  padding: 24px 0 0 20px;

  margin: 0;

  display: inline-block;

  color: #fff;

  font-weight: 700;

  font-size: 18px;
}

.newsdetails {
  width: 100%;

  float: left;
}

.newsdetails-img {
  width: 190px;

  height: 170px;

  float: left;
}

.newsdetails-img img {
  width: 100%;
}

.newsdetails-text {
  width: 80%;

  float: left;

  padding: 0 0 0 38px;
}

.newsdetails-text h2 {
  color: #2151a1;

  font-size: 16px;

  margin: 0 0 8px;

  padding: 0;

  font-weight: 700;
}

.newsdetails-text h3 {
  color: #359535;

  font-size: 14px;

  margin: 0 0 8px;

  padding: 0;

  font-weight: 700;
}

.newsdetails-text p {
  color: #3d3b3b;

  font-size: 14px;

  margin: 0 0 13px;

  padding: 0;

  line-height: 18px;
}

.newsdetails-text a {
  color: #2151a1;

  font-weight: 700;
}

.newstab .owl-buttons {
  text-align: left;

  position: absolute;

  left: -4px;

  bottom: -14px;
}

.newstab .owl-prev {
  width: 89px;

  height: 33px;

  background: url(../images/news-next.png) no-repeat !important;

  border-radius: 0 !important;

  opacity: 1 !important;
}

.newstab .owl-next {
  width: 89px;

  height: 33px;

  background: url(../images/news-next.png) no-repeat !important;

  background-position: -89px 0 !important;

  border-radius: 0 !important;

  opacity: 1 !important;
}

.newstab .owl-carousel .owl-item {
  height: auto;
}

.newsslidewrap {
  width: 100%;

  float: left;

  padding: 30px 30px 30px;

  border-bottom: solid #d1d2d2 1px;
}

.newspagenation {
  width: 100%;

  float: left;

  padding: 25px 26px;

  text-align: right;
}

.newspagenation a {
  background: #2151a1;

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  margin: 0 3px 0 0;

  padding: 8px 10px;
}

.newspagenation a:hover {
  background: #979c9c;
}

.newspagenation .active {
  background: #979c9c;
}

/*----------------news---------------*/

/*----------product landing page--------*/

.inner-products {
  width: 100%;

  float: left;

  background: #fff;

  padding: 0 0 15px 0;
}

.cover-image {
  width: 100%;

  text-align: center;

  margin-bottom: 120px;
}

.cover-image img {
  width: 96%;

  margin: auto;
}

.product-landing {
  width: 100%;

  margin: 0;
}

.product-landing h3 {
  text-align: center;

  color: #157fc7;

  width: 100%;

  margin: 0 0 45px 0;

  font-size: 35px;
}

.portfolioFilter {
  width: 100%;

  text-align: center;

  color: #000;

  margin-bottom: 56px;

  font-size: 20px;
}

.portfolioFilter a {
  padding: 0 15px 18px;

  color: #000;
}

.portfolioFilter a:hover {
  border-bottom: 2px solid #2151a1;
}

.portfolioContainer .pro-item {
  width: 24%;

  position: relative;
}

.pro-item img {
  padding: 10px;

  margin: 0;

  width: 100%;
}

.pro-item:hover span {
  display: block;
}

.pro-item span {
  width: 100%;

  position: absolute;

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

  bottom: 15px;

  padding: 15px 0;

  text-align: center;

  display: none;

  color: #fff;
}

.pro-item span a {
  color: #000;

  font-size: 16px;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;

  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  transition-property: transform, opacity;
}

/*---------product landing page end------*/

/*-------------Morris Chart-------------*/

.morris-hover {
  position: absolute;

  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;

  padding: 6px;

  color: #666;

  background: rgba(255, 255, 255, 0.8);

  border: solid 2px rgba(230, 230, 230, 0.8);

  font-family: sans-serif;

  font-size: 12px;

  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;

  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;

  margin: 0.1em 0;
}

/*-------------End Morris Chart------------*/

/*----------product detail-----------*/

.product-detail {
  width: 100%;

  float: left;

  padding: 16px 24px;
}

.productdetail-slide {
  width: 300px;

  height: 650px;

  float: left;

  padding: 50px 0 0 0;

  background: rgb(101, 167, 67);

  background: -moz-radial-gradient(
    center,
    ellipse cover,

    rgba(101, 167, 67, 1) 0%,

    rgba(3, 138, 68, 1) 100%
  );

  background: -webkit-radial-gradient(
    center,
    ellipse cover,

    rgba(101, 167, 67, 1) 0%,

    rgba(3, 138, 68, 1) 100%
  );

  background: radial-gradient(
    ellipse at center,

    rgba(101, 167, 67, 1) 0%,

    rgba(3, 138, 68, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65a743', endColorstr='#038a44', GradientType=1);
}

.productdetail-slide .owl-carousel .owl-item {
  height: auto;

  text-align: center;
}

.productdetail-slide .owl-theme .owl-controls .owl-page span {
  background: #fff;
}

.productdetail-slide .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #000;
}

.productdetail-slide .owl-theme .owl-controls {
  margin-top: 50px;
}

.productdetail-right {
  width: 72%;

  float: left;

  padding: 0 0 0 12px;
}

.productdetail-content-1 {
  width: 450px;

  min-height: 296px;

  float: left;

  background: #2151a1;

  padding: 30px 50px;
}

.productdetail-content-1 img {
  float: left;

  margin: 0 22px 0 0;
}

.productdetail-content-1 h2 {
  font-weight: 700;

  font-size: 30px;

  text-transform: uppercase;

  color: #fff;

  margin: 0;

  padding: 0;
}

.productdetail-content-1 p {
  margin: 40px 0 0 0;

  padding: 0;

  font-size: 14px;

  color: #fff;

  line-height: 20px;
}

.productdetail-img-1 {
  width: 332px;

  float: right;
}

.productdetail-img-1 img {
  width: 100%;
}

.productdetail-img-2 {
  width: 364px;

  float: left;

  margin: 11px 0 0 0;
}

.productdetail-img-2 img {
  width: 100%;
}

.productdetail-content-2 {
  width: 418px;

  min-height: 342px;

  margin: 11px 0 0 0;

  float: right;

  background: url(../images/productdetail-content-2.jpg) no-repeat;

  background-size: cover;

  padding: 50px 32px;
}

.productdetail-content-2 h2 {
  font-weight: 700;

  font-size: 30px;

  text-transform: uppercase;

  color: #fff;

  margin: 0 0 10px;

  padding: 0;
}

.productdetail-content-2 h3 {
  font-weight: 700;

  font-size: 13px;

  text-transform: uppercase;

  color: #fff;

  margin: 0 0 25px;

  padding: 0;
}

.productdetail-content-2 h4 {
  font-weight: 700;

  font-size: 13px;

  text-transform: uppercase;

  color: #fff;

  margin: 0 10px 0 0;

  border-top: 2px solid #fff;

  padding: 22px 0 0 0;

  display: inline-block;
}

.productdetail-content-2 p {
  margin: 26px 0 0 0;

  padding: 0;

  font-size: 14px;

  color: #fff;

  line-height: 20px;
}

/*----------product detail-----------*/

/*Profile Form Style Starting*/

.prof-form-file {
  margin: 25px 0;

  clear: both;
}

.gd-30 {
  float: left;

  width: 30%;
}

.gd-70 {
  float: left;

  width: 70%;
}

.prof-image img {
  border: 2px solid #d9d9d9;

  padding: 5px;

  width: 184px;

  height: 174px;
}

.prof-image-details {
  margin: 50px 0;

  color: #000;
}

.prof-image-heading {
  margin: 0 15px;

  font-size: 15px;

  font-weight: 700;
}

.prof-image-details p {
  margin: 0 15px;

  font-size: 13px;
}

.prof-file-btn {
  background: #2151a1;

  float: left;

  width: 119px;

  margin-top: 20px;

  padding: 5px;

  font-family: ahoma, Geneva, sans-serif;

  font-size: 14px;

  font-weight: bold;

  color: #fff;

  border: none;

  border-radius: 0 !important;

  line-height: 25px;
}

.prof-file-btn {
  position: relative;

  overflow: hidden;

  margin: 10px;
}

.prof-file-btn-info {
  margin-top: 20px;
}

.prof-file-btn input.upload {
  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  padding: 0;

  font-size: 20px;

  cursor: pointer;

  opacity: 0;

  filter: alpha(opacity=0);
}

.prof-form-main {
  width: 100%;

  height: auto;

  float: left;

  background-color: #eef0f2;

  padding: 0;

  border: 1px solid #d1d2d2;

  margin-top: 30px;
}

.prof-form-inner {
  padding: 50px 5%;
}

.prof-form-heading {
  background: #2151a1;

  font-size: 14px;

  font-weight: 700;

  padding: 10px 30px;

  width: 100%;
}

.prof-form-lt {
  width: 48%;

  height: auto;

  float: left;
}

.contact .prof-form-lt {
  width: 100%;

  height: auto;

  float: left;
}

.prof-form-lt h1 {
  width: 100%;

  font-family: Tahoma, Geneva, sans-serif;

  font-size: 14px;

  color: #2e2e2e;

  margin: 20px 0 10px 0;
}

.prof-form-lt select {
  width: 100%;

  height: 45px;

  background-color: #fff;

  border: 1px solid #d1d2d2;

  color: #666 !important;

  outline: none;
}

.prof-form-lt input {
  width: 100%;

  height: 45px !important;

  background-color: #fff !important;

  border: 1px solid #d1d2d2 !important;

  color: #666 !important;

  margin: 0 !important;

  outline: none;
}

.prof-form-lt-full h1 {
  width: 100%;

  font-family: Tahoma, Geneva, sans-serif;

  font-size: 14px;

  color: #2e2e2e;

  margin: 20px 0 10px 0;
}

.options-user {
  width: 100%;

  text-align: center;
}

.options-user a {
  padding: 10px 15px;
}

.prof-form-lt-full textarea {
  width: 100%;

  resize: none;

  background: #fff;

  border: none;

  height: 100px;

  padding: 8px;

  color: #000;

  margin: 0 0 10px;
}

.prof-form-btn {
  width: 109px;

  margin-top: 20px;

  padding: 5px;

  font-family: ahoma, Geneva, sans-serif;

  font-size: 14px;

  font-weight: bold;

  color: #fff;

  border: none;

  border-radius: 0 !important;

  line-height: 25px;
}

.prof-form-btn.md-button {
  width: auto;
}

.prof-form-btn.edit {
  background: #2151a1;
}

.prof-form-btn.save {
  background: #359535;
}

.rt {
  float: right;
}

.styled-select {
  height: 29px;

  overflow: hidden;

  width: 190px;
}

.styled-select select {
  background: transparent;

  border: 1px solid #ccc;

  font-size: 16px;

  height: 45px;

  width: 218px;

  padding: 5px; /* If you add too much padding here, the options won't show in IE */
}

.styled-select.slate {
  background: url(../images/drop-down.png) #ffffff no-repeat right center;

  height: 45px;

  width: 190px;
}

.image-link {
  cursor: pointer;
}

.product-list {
  width: 74%;

  float: left;

  padding: 20px 40px 20px 65px;
}

.product-list .title {
  width: 100%;

  float: left;

  margin: 0 0 15px;

  padding: 0 0 22px;

  font-weight: 700;

  color: #2a2828;

  font-size: 36px;

  border-bottom: solid #2151a1 2px;
}

.product-list ul {
  margin: 0;

  padding: 0;
}

.product-list ul li {
  width: 49%;

  float: left;

  height: 338px;

  margin: 0 1px 1px 0;

  position: relative;

  text-align: center;

  padding: 30px 0;
}

.product-list ul li h1 {
  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  padding: 25px 5px;

  margin: 0;

  text-transform: uppercase;

  color: #fff;

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

  font-size: 16px;
}

.product-list ul li img {
  width: auto;

  height: 100%;
}

.product-list ul li.big-img img {
  width: 100%;

  height: auto;

  margin-top: 20%;
}

.product-list .green {
  background: rgb(133, 194, 26);

  background: -moz-radial-gradient(
    center,
    ellipse cover,

    rgba(133, 194, 26, 1) 0%,

    rgba(64, 131, 54, 1) 100%
  );

  background: -webkit-radial-gradient(
    center,
    ellipse cover,

    rgba(133, 194, 26, 1) 0%,

    rgba(64, 131, 54, 1) 100%
  );

  background: radial-gradient(
    ellipse at center,

    rgba(133, 194, 26, 1) 0%,

    rgba(64, 131, 54, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c21a', endColorstr='#408336',GradientType=1 );
}

.product-list .blue {
  background: rgb(92, 183, 245);

  background: -moz-radial-gradient(
    center,
    ellipse cover,

    rgba(92, 183, 245, 1) 0%,

    rgba(14, 108, 171, 1) 100%
  );

  background: -webkit-radial-gradient(
    center,
    ellipse cover,

    rgba(92, 183, 245, 1) 0%,

    rgba(14, 108, 171, 1) 100%
  );

  background: radial-gradient(
    ellipse at center,

    rgba(92, 183, 245, 1) 0%,

    rgba(33, 81, 161, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb7f5', endColorstr='#0e6cab',GradientType=1 );
}

.product-list .yellow {
  background: rgb(255, 245, 88);

  background: -moz-radial-gradient(
    center,
    ellipse cover,

    rgba(255, 245, 88, 1) 0%,

    rgba(217, 205, 20, 1) 100%
  );

  background: -webkit-radial-gradient(
    center,
    ellipse cover,

    rgba(255, 245, 88, 1) 0%,

    rgba(217, 205, 20, 1) 100%
  );

  background: radial-gradient(
    ellipse at center,

    rgba(255, 245, 88, 1) 0%,

    rgba(217, 205, 20, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff558', endColorstr='#d9cd14',GradientType=1 );
}

.product-list .white {
  background: rgb(255, 255, 255);

  background: -moz-radial-gradient(
    center,
    ellipse cover,

    rgb(255, 255, 255) 0%,

    rgb(255, 255, 255) 100%
  );

  background: -webkit-radial-gradient(
    center,
    ellipse cover,

    rgba(255, 255, 255, 1) 0%,

    rgba(255, 255, 255, 1) 100%
  );

  background: radial-gradient(
    ellipse at center,

    rgba(255, 255, 255, 1) 0%,

    rgba(255, 255, 255, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff558', endColorstr='#d9cd14',GradientType=1 );
}

.product-zooom {
  background: url(../images/product-list-zoom.png) no-repeat;

  width: 46px;

  height: 46px;

  position: absolute;

  top: 30px;

  right: 30px;
}

/*Profile Form Style Ending*/

.corevalue-outer {
  width: 100%;

  float: left;

  position: relative;

  height: 720px;

  padding: 70px 0;
}

.corevalue-centre {
  width: 306px;

  height: 335px;

  position: absolute;

  z-index: 9999;

  top: 36%;

  left: 0;

  right: 0;

  margin: 0 auto;

  padding: 60px 0;

  text-align: center;

  background: url(../images/core-value-1.png) no-repeat;
}

.corevalue-centre h1 {
  color: #2151a1;

  margin: 0 0 0 0;

  padding: 0;

  font-size: 26px;

  font-weight: 700;

  text-transform: uppercase;
}

.corevalue-centre img {
  margin: 0;

  width: auto;
}

.corevalue-1 {
  width: 249px;

  height: 276px;

  position: absolute;

  left: 16.6%;

  z-index: 999;

  background: url(../images/core-value-2.png) no-repeat;

  text-align: center;

  padding: 50px 45px 0 45px;
}

.corevalue-1 h1 {
  font-size: 20px;

  font-weight: 700;

  color: #fff;

  margin: 0;

  padding: 0;

  text-transform: uppercase;
}

.corevalue-1 p {
  font-size: 15px;

  line-height: 22px;

  color: #fff;

  margin: 10px 0 0 0;

  padding: 0;
}

.corevalue-2 {
  width: 249px;

  height: 276px;

  position: absolute;

  right: 17.7%;

  z-index: 999;

  background: url(../images/core-value-3.png) no-repeat;

  text-align: center;

  padding: 50px 45px 0 45px;
}

.corevalue-2 h1 {
  font-size: 20px;

  font-weight: 700;

  color: #fff;

  margin: 0;

  padding: 0;

  text-transform: uppercase;
}

.corevalue-2 p {
  font-size: 15px;

  line-height: 22px;

  color: #fff;

  margin: 10px 0 0 0;

  padding: 0;
}

.corevalue-3 {
  width: 249px;

  height: 276px;

  position: absolute;

  right: 0%;

  top: 39.5%;

  z-index: 999;

  background: url(../images/core-value-4.png) no-repeat;

  text-align: center;

  padding: 62px 45px 0 45px;
}

.corevalue-3 h1 {
  font-size: 20px;

  font-weight: 700;

  color: #fff;

  margin: 0;

  padding: 0;

  text-transform: uppercase;
}

.corevalue-3 p {
  font-size: 15px;

  line-height: 22px;

  color: #fff;

  margin: 10px 0 0 0;

  padding: 0;
}

.corevalue-4 {
  width: 249px;

  height: 276px;

  position: absolute;

  right: 17%;

  top: 69.8%;

  z-index: 999;

  background: url(../images/core-value-5.png) no-repeat;

  text-align: center;

  padding: 55px 35px 0 35px;
}

.corevalue-4 h1 {
  font-size: 20px;

  font-weight: 700;

  color: #fff;

  margin: 0;

  padding: 0;

  text-transform: uppercase;
}

.corevalue-4 p {
  font-size: 15px;

  line-height: 22px;

  color: #fff;

  margin: 10px 0 0 0;

  padding: 0;
}

.corevalue-5 {
  width: 249px;

  height: 276px;

  position: absolute;

  left: 17%;

  top: 70%;

  z-index: 999;

  background: url(../images/core-value-6.png) no-repeat;

  text-align: center;

  padding: 70px 35px 0 35px;
}

.corevalue-5 h1 {
  font-size: 20px;

  font-weight: 700;

  color: #fff;

  margin: 0;

  padding: 0;

  text-transform: uppercase;
}

.corevalue-5 p {
  font-size: 15px;

  line-height: 22px;

  color: #fff;

  margin: 10px 0 0 0;

  padding: 0;
}

.corevalue-6 {
  width: 249px;

  height: 276px;

  position: absolute;

  left: 0%;

  top: 39.9%;

  z-index: 999;

  background: url(../images/core-value-7.png) no-repeat;

  text-align: center;

  padding: 70px 35px 0 35px;
}

.corevalue-6 h1 {
  font-size: 20px;

  font-weight: 700;

  color: #fff;

  margin: 0;

  padding: 0;

  text-transform: uppercase;
}

.corevalue-6 p {
  font-size: 15px;

  line-height: 22px;

  color: #fff;

  margin: 10px 0 0 0;

  padding: 0;
}

.gsib_a {
  padding: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0 !important;
}

.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  background: #b1dcf9 !important;

  border: none !important;

  padding: 4px !important;
}

.gsc-input {
  padding: 0 !important;

  border: none !important;
}

.search-fld td,
th {
  padding: 0 !important;

  border: none !important;
}

.search-fld .gsc-input-box {
  border: none !important;
}

.search-fld input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
  border: none !important;

  padding: 0 !important;

  margin: 0 8px !important;

  background-color: transparent;
}

.search-fld input.gsc-search-button,
input.gsc-search-button:hover {
  background-color: transparent !important;
}

.search-fld #gs_st50 {
  display: none;
}

.search-fld .gsib_a {
  width: 98%;
}

.search-fld .gsc-search-button {
  background: #2151a1;
}

.search-fld .gsc-results-wrapper-overlay {
  top: 10%;
}

/*.search-fld .gsc-results-wrapper-overlay{ width: 14%;}*/

.contact-us h3 {
  font-size: 1.2rem;

  color: #2a2828;
}

.status {
  margin-top: 20px;
}

.status .alert {
  padding: 3px;

  margin-bottom: 5px;
}

.top-head p.alert {
  width: 100%;

  margin: 5px 0;

  padding: 5px;
}

.careers-form {
  width: 100%;

  float: left;

  padding: 55px 0 0 0;

  overflow: hidden;
}

.careers-form .col-md-4 {
  text-align: center;
}

.careers-form .col-md-4 > select {
  width: 100%;
}

.careers-form h2 {
  color: #07c15f;

  font-size: 24px;

  font-weight: 700;

  margin: 0 0 30px;

  padding: 0;
}

.careers-form .row {
  width: 100%;

  float: left;

  margin: 0 0 10px;
}

.careers-form .row h3 {
  margin: 0 0 12px;

  padding: 0;

  font-size: 15px;

  color: #242222;

  font-weight: 400;
}

.careers-form .row h4 {
  margin: 0;

  padding: 50px 0 0 0;

  font-size: 16px;

  color: #2151a1;

  font-weight: 700;
}

.careers-form .row input {
  height: 55px;

  border: solid #e1e1e1 1px;

  background: #fff;

  color: #000;
}

.careers-form .row input[type="file"] {
  height: 25px;

  border: none;

  width: 100%;
}

.careers-form .row textarea {
  width: 100%;

  height: 100px;

  border: solid #e1e1e1 1px;

  background: #fff;

  color: #000;

  padding: 10px;

  resize: none;
}

.careers-form .row input[type="submit"] {
  width: 50%;

  padding: 18px 0;

  height: auto;

  text-align: center;

  background: #07c15f;

  color: #fff;

  font-weight: 700;

  font-size: 16px;

  float: right;
}

.careers-file {
  border: solid #e1e1e1 1px;

  background: #fff;

  width: 100%;

  padding: 15px;

  float: left;
}

.careers-form .row .col-md-6 {
  padding: 0 3px;

  position: relative;
}

.careers-form table th {
  background: #07c15f;

  padding: 22px 20px !important;

  border-right: solid 3px #fff !important;

  font-size: 16px;
}

.careers-form table td {
  background: #ebebeb !important;

  border: solid 3px #fff !important;

  text-align: left !important;
}

.careers-apply {
  width: 100%;

  float: left;

  margin: 15px 0 0 0;

  position: relative;
}

.careers-apply img {
  width: 100%;

  margin: 0;
}

.careers-apply span {
  position: absolute;

  top: 0;

  left: 0;

  padding: 40px;

  width: 100%;
}

.careers-apply span h2 {
  font-size: 35px;

  color: #fff;

  font-weight: 700;

  line-height: 33px;

  margin: 0 0 15px;

  text-transform: uppercase;

  padding: 0;
}

.careers-apply span a {
  display: inline-block;

  padding: 15px 30px;

  background: #07c15f;

  color: #fff;

  font-size: 18px;
}

.financial-panel {
  width: 80%;

  float: left;

  padding: 45px 0 0 0;

  color: #000;
}

.financial-panel .panel-group .panel-heading + .panel-collapse > .panel-body {
  padding: 0;
}

.financial-panel .panel-group,
.financial-panel .panel-group .panel,
.financial-panel .panel-group .panel-heading,
.financial-panel .panel-group .panel-heading a,
.financial-panel .panel-group .panel-title,
.financial-panel .panel-group .panel-title a,
.financial-panel .panel-group .panel-body,
.financial-panel
  .panel-group
  .panel-group
  .panel-heading
  + .panel-collapse
  > .panel-body {
  border-radius: 0px;

  border: 0;

  margin: 0;

  box-shadow: none;
}

.financial-panel .panel-group .panel-heading {
  padding: 0;
}

.financial-panel .panel-group .panel-heading a {
  display: block;

  background: #2151a1;

  color: #ffffff;

  padding: 20px 30px;

  text-decoration: none;

  position: relative;
}

.financial-panel .panel-group .panel-heading a:after {
  content: "-";

  position: absolute;

  right: 0px;

  top: 0;

  font-size: 30px;

  background: #065286;

  padding: 14px 0;

  width: 60px;

  height: 57px;

  text-align: center;

  line-height: 30px;
}

.financial-panel .panel-group .panel-heading a.collapsed:after {
  content: "+";
}

.financial-panel .panel-group .panel-heading a.green:after {
  background: #04a04e;
}

.financial-panel .panel-group .panel-heading a.green.collapsed:after {
  content: "+";

  background: #04a04e;
}

.financial-panel .panel-group .panel-collapse {
  margin-top: 0 !important;
}

.financial-panel .panel-group .panel-body {
  background: #ffffff;

  padding: 0px;
}

.financial-panel .panel-group .panel {
  background-color: transparent;

  margin: 0 0 1px;
}

.financial-panel .panel-group .panel-body p:last-child,
.financial-panel .panel-group .panel-body ul:last-child,
.financial-panel .panel-group .panel-body ol:last-child {
  margin-bottom: 0;
}

.financial-panel ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.financial-panel ul li {
  width: 100%;

  float: left;

  margin: 0 0 1px;
}

.financial-panel ul li a {
  padding: 20px 30px;

  background: #ebebeb;

  color: #242222;

  width: 100%;

  float: left;

  -webkit-transition: 0.65s;

  -moz-transition: 0.65s;

  -o-transition: 0.65s;

  -ms-transition: 0.65s;

  transition: 0.65s;
}

.financial-panel ul li a:hover {
  background: #d7d7d7;
}

.sitemap {
  width: 100%;

  float: left;
}

.sitemap ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.sitemap ul li {
  width: 30%;

  float: left;

  padding: 8px 0 8px 10px;

  background: url(../images/sitemap-list1.png) no-repeat;

  background-position: 0 14px;
}

.sitemap ul li a {
  color: #2151a1;
}

.sitemap ul li ul li {
  width: 100%;

  margin: 0;

  padding: 0 0 0 10px;

  background: url(../images/sitemap-list2.png) no-repeat;

  background-position: 0px 5px;
}

.sitemap ul li ul li a {
  color: #292929;
}

.sitemap ul li ul li li {
  background: url(../images/sitemap-list3.png) no-repeat;

  background-position: 0px 5px;

  padding: 0 0 0 10px;
}

/* .popup-modal {

} */

.popup-modal .modal-body {
  padding: 0;
}

.popup-modal .popup-cover {
  position: relative;

  width: 100%;
}

.popup-modal .modal-close {
  position: absolute;

  right: 10px;

  top: 10px;

  width: 35px;

  cursor: pointer;
}

.popup-modal .modal-close img {
  width: 100%;
}

.popup-modal .sultan-img {
  width: 100%;
}

.popup-modal .sultan-img img {
  width: 100%;
}

/*media start here*/

@media (min-width: 1200px) {
  .popup-modal .modal-dialog {
    width: 750px;

    margin: 90px auto 0;
  }
}

@media (max-width: 1366px) {
  .getintch-right2 {
    right: -5%;

    height: 236px;

    width: 160px;
  }

  .mtn {
    width: 110px;

    right: 0;
  }

  .mtn img {
    width: 100%;
  }

  .mirinta {
    width: 150px;

    left: 0;
  }

  .mirinta img {
    width: 100%;
  }

  .pepsi {
    width: 110px;

    right: 0;
  }
}

@media (max-width: 1280px) {
  .pepsi {
    right: 0;
  }

  .mtn {
    right: 0;
  }

  .getintch-right2 {
    right: 0;
  }

  .mirinta {
    left: 0;
  }

  .getintch-left1 {
    left: -20px;

    width: 160px;

    height: 160px;
  }

  .getintouch-address {
    padding: 35px 90px;
  }
}

@media (max-width: 1024px) {
  .navbar .navbar-brand {
    width: 250px !important;
  }

  .navbar .navbar-brand img {
    width: 100% !important;
  }

  .wrapper .navbar-collapse {
    width: 690px;
  }

  .navbar-default .nav > li > a {
    padding-left: 2px !important;

    padding-right: 2px !important;

    margin: 0 5px !important;
  }

  .content-inner {
    margin-top: -244px;
  }

  .welcomrarea .col-lg-2 {
    float: left;

    margin: 15px 0 0 0;
  }

  .mCSB_scrollTools .mCSB_draggerContainer {
    display: block !important;
  }

  .getintouch-address {
    width: 100%;
  }

  .mapbox {
    width: 100%;
  }

  .bottom-banner {
    width: 64%;
  }

  .container {
    width: 100%;
  }

  .getintouch-hover {
    left: -50px;
  }

  .about-left {
    width: 100%;

    padding: 20px;
  }

  .inner-rightadd {
    width: 100%;
  }

  .top-head p {
    font-size: 12px;
  }

  .top-head p strong {
    font-size: 16px;
  }

  .slider .carousel {
    height: auto !important;
  }

  .slider .carousel .item {
    height: 475px !important;
  }

  .product-wrap .nav-tabs > li {
    margin: -30px 18px 0 0;
  }

  .product-wrap .nav-tabs > li:last-child {
    margin: -32px 0 0;
  }

  .newsdetails-text {
    width: 75%;
  }

  .productdetail-slide {
    width: 200px;

    height: 400px;

    padding: 10px 0 0 0;
  }

  .productdetail-slide .item img {
    width: 40%;
  }

  .productdetail-content-1 {
    width: 100%;

    margin: 0 0 10px;
  }

  .productdetail-img-1 {
    width: 49%;

    float: left;
  }

  .productdetail-img-2 {
    width: 46%;

    float: right;

    margin: 0;
  }

  .productdetail-content-2 {
    width: 100%;
  }

  .product-list {
    width: 100%;

    padding: 30px 10px;
  }

  .corevalue-outer {
    height: 900px;
  }
}

@media (max-width: 980px) {
  .product-wrap .nav-tabs > li {
    width: 30%;

    margin: -53px 18px 0 0;
  }

  .product-wrap .nav-tabs > li:last-child {
    margin: -55px 0 0;
  }

  .content-inner {
    margin-top: -205px;
  }

  .welcomrarea {
    text-align: center;
  }

  .welcomrarea .col-lg-2 {
    float: none;
  }

  .welcomrarea .col-lg-2 h3 {
    left: 0;

    right: 0;

    margin: 0 auto;

    width: 32%;

    bottom: 20px;
  }

  .getintouch-hover {
    left: 0px;
  }

  .slider {
    margin: 3% 0 0;
  }

  .search-box {
    margin: 0 0 0 0;

    top: 35px;

    right: 88px;
  }

  .wrapper .navbar-collapse {
    width: 100%;
  }

  .search-fld {
    width: 30%;

    top: 38px;

    right: 153px;
  }

  .top-head {
    position: relative;
  }

  .wrapper {
    margin: 0;

    padding: 0;
  }
}

@media (max-width: 800px) {
  .bottom-banner {
    margin: 40px auto 0;

    float: none;
  }

  .video-box {
    float: none;

    margin: 0 auto;

    display: flex;
  }

  .bottom-banner .owl-carousel .owl-item {
    height: auto;
  }

  .bottom-banner {
    width: 100%;
  }

  .newsdetails-text {
    width: 100%;

    padding: 10px 0 0 0;
  }

  .newstab .owl-buttons {
    position: relative;

    bottom: 0;
  }

  .productdetail-right {
    width: 70%;
  }

  .corevalue-1 {
    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;
  }

  .corevalue-2 {
    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;
  }

  .corevalue-3 {
    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;
  }

  .corevalue-4 {
    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;
  }

  .corevalue-5 {
    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;
  }

  .corevalue-6 {
    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;
  }

  .corevalue-centre {
    position: relative;
  }

  .corevalue-outer {
    height: auto;
  }
}

@media (max-width: 768px) {
  .getintch-right2 {
    display: none;
  }

  .slider .carousel {
    height: auto !important;
  }

  .slider-shadow {
    background-position: 50% 0;
  }

  .product-wrap .nav-tabs > li {
    margin: -24px 18px 0 0;
  }

  .product-wrap .nav-tabs > li:last-child {
    margin: -26px 0 0;
  }

  .portfolioContainer .pro-item {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .wrapper .navbar-collapse {
    width: 100%;

    margin: 30px 0 0 0;
  }

  .navbar-nav {
    margin: 0;
  }

  .getintouch-logarea .col-md-4 {
    padding: 60px 0 0;

    width: 100%;
  }

  .getintouch-hover {
    width: 100%;
  }

  .getintouch-address {
    padding: 35px 10px;
  }

  .getintch-left1 {
    display: none;
  }

  .getintch-left2 {
    display: none;
  }

  .getintch-right1 {
    display: none;
  }

  .footer {
    background: rgba(9, 113, 184, 0.5);
  }

  .footer-copyarea img {
    position: relative;
  }

  .footer-copyarea p {
    width: 100%;

    float: left;
  }

  .slider-shadow {
    display: none;
  }

  .product-wrap .nav-tabs > li {
    margin: 0px 12px 0 0;

    width: 100%;
  }

  .product-wrap .nav-tabs > li:last-child {
    margin: 0px 0 0;
  }

  .bottom-banner .item span {
    display: none;
  }

  .bottom-banner-latest {
    display: none;
  }

  .wrapper {
    margin: 0;

    padding: 0;
  }

  .qulty {
    width: 288px;
  }

  .wrapper .navbar-default {
    background: #f8f8f8;
  }

  .gm-table .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    font-size: 16px;
  }

  .contactouter {
    width: 100%;

    border-right: none;

    border-bottom: 1px solid #ccc;
  }

  .contactoute-bord {
    border-bottom: 1px solid #ccc;
  }

  .contactbox #map {
    height: 200px;
  }

  #map2,
  #map3,
  #map4,
  #map5,
  #map6,
  #map7,
  #map8,
  #map9,
  #map10,
  #map11 {
    height: 200px;
  }

  .gd-30,
  .gd-70 {
    width: 100%;
  }

  .prof-image-details {
    margin-top: 10px;
  }

  .productdetail-right {
    width: 100%;

    padding: 10px 0 0 0;
  }

  .productdetail-img-1 {
    width: 100%;

    margin: 0 0 10px;
  }

  .productdetail-img-2 {
    width: 100%;
  }

  .productdetail-slide {
    float: none;

    margin: 0 auto;
  }

  .productdetail-content-1 {
    padding: 10px;
  }

  .productdetail-content-2 {
    padding: 10px;
  }

  .financial-panel {
    width: 100%;
  }

  .popup-modal .modal-dialog {
    margin: 150px auto 0;
  }
}

@media (max-width: 640px) {
  .top-head p {
    font-size: 12px;
  }

  .top-head p strong {
    font-size: 13px;
  }

  .top-head-right ul li {
    padding: 2px 8px;
  }

  .loginarea {
    position: relative;

    float: left;

    margin: 15px 0 0 0;
  }

  .carousel-caption {
    display: none;
  }

  .product-wrap h1 {
    font-size: 25px;
  }

  .mirinta {
    display: none;
  }

  .pepsi {
    display: none;
  }

  .mtn {
    display: none;
  }

  .slider .carousel .item {
    height: auto !important;

    min-height: 300px;
  }

  .slider .carousel .item img {
    width: 100% !important;

    height: auto;
  }

  .about-head h2 {
    font-size: 20px;
  }

  .contact-form {
    width: 100%;
  }

  .contact-form h3 {
    width: 100%;
  }

  .contact-form h4 {
    width: 100%;
  }

  .plantour-saog2 {
    width: 100%;
  }

  .plan-img img {
    width: 100%;
  }

  .safty-list ul li {
    width: 100%;

    line-height: 20px;

    padding: 13px 0 28px 70px;
  }

  .newswrap {
    padding: 60px 20px;
  }

  .newsslidewrap {
    padding: 30px 12px 0;
  }

  .sitemap ul li {
    width: 100%;
  }
}

@media (max-width: 530px) {
  .welcomrarea .col-lg-2 h3 {
    width: 50%;
  }

  .search-box {
    top: auto;

    bottom: 0;

    right: 0;
  }

  .search-fld {
    top: auto;

    bottom: -12px;

    width: 34%;

    right: 60px;
  }

  .certificate-text img {
    width: 100%;
  }

  .product-list ul li {
    width: 100%;

    margin: 0 0 1px 0;
  }

  .careers-form {
    overflow-x: scroll;
  }
}

@media (max-width: 360px) {
  .video-box {
    width: 100%;
  }

  .welcomrarea .col-lg-2 h3 {
    width: 70%;
  }

  .awardsarea ul li {
    width: 100%;
  }

  .qulty {
    width: 100% !important;
  }

  .slider .carousel .item {
    min-height: 200px;
  }

  .qualitylab {
    width: 100%;
  }

  .award-wrap-thumb {
    width: 100%;

    height: auto;
  }

  .corevalue-centre {
    background-size: 100%;

    height: auto;

    padding: 60px 0 105px 0;

    width: 100%;
  }

  .corevalue-centre img {
    width: 92px;
  }

  .financial-panel .panel-group .panel-heading a {
    font-size: 14px;
  }
}

.mds {
  font-size: 18px !important;

  color: #000 !important;

  text-align: left !important;
}

.promotion {
  margin: 80px 10px 10px;
}

.promotion img {
  margin-bottom: 10px;
}

.footer-a-h2 {
  margin-left: 0 !important;

  padding-left: 0 !important;
}

.board-desination {
  color: #0e6aa8;
}

.innersub-text {
  width: 100%;

  float: left;

  padding: 10% 0 0 0;
}

.innersub-text h1 {
  padding: 0 0 15px 0;

  margin: 0;

  font-size: 14px;

  color: #2a2828;

  font-weight: 300;
}

.innersub-text a {
  color: #2151a1;
}

.innersub-text h1 sup {
  color: #eb1c24;
}

.terms-cover {
  padding: 4rem 2rem;
  h2 {
    color: #2a2828;
    font-size: 32px;
    margin: 0 0 1.5rem 0;
  }
  h3 {
    color: #2a2828;
    font-size: 24px;
    margin: 0 0 0.5rem 0;
  }
  h4 {
    color: #2a2828;
    font-size: 20px;
    margin: 0 0 1.5rem 0;
  }
  p {
    color: #2a2828;
    margin: 0 0 1.5rem 0;
  }
  ol {
    margin-bottom: 1.5rem;
    li {
      position: relative;
      color: #2a2828;
      margin-bottom: 0.5rem;
    }
  }
  ul {
    margin-bottom: 1.5rem;
    li {
      position: relative;
      color: #2a2828;
      padding: 0 0 0 1.5rem;
      margin-bottom: 0.5rem;
      &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #2a2828;
      }
    }
  }
}