@font-face {
  font-family: 'GothamLight';
  src: url('../fonts/Gotham-Light.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src: url('../fonts/Gotham-Bold.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

::selection {
  background: #28c1f1;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #28c1f1;
  /* Firefox */
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #28c1f1;
  /* Safari */
  color: #FFF;
  text-shadow: none;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #5b616e;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar-nav li a:hover,
.navbar-nav li a:focus {
  outline: none;
  outline-offset: 0;
  text-decoration: none;
  background: transparent;
}

/* a {color: #4f4f4f;	text-decoration: none;-webkit-transition: 300ms;	-moz-transition: 300ms;	-o-transition: 300ms;	transition: 300ms;}
a:focus,
a:hover {text-decoration: none;	outline: none;} */
h1 {
  font-family: 'GothamBold', sans-serif;
  font-size: 60px;
  color: #080418;
  text-transform: uppercase;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 48px;
  color: #080418;
  line-height: 52px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  color: #080418;
  line-height: 48px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #080418;
  line-height: 24px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #868686;
  line-height: 22px;
  text-transform: uppercase;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 26px;
  color: #3f3f3f;
  margin: 0px 0 0 0;
  padding: 0 0 0 0;
}

@media (max-width:767px) {
  h1 {
    font-size: 25px;
    margin: 36px 0 15px 0;
  }

  h2 {
    font-size: 18px;
    margin: 0 0 15px 0;
  }

  h3 {
    font-size: 22px !important;
    line-height: 24px;
  }
}

mark,
.mark {
  background: rgb(19, 111, 245);
  color: #ffffff;
}

.padding-top {
  padding-top: 100px;
}

.sustain-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.padding-bottom {
  padding-bottom: 100px;
}

.space-20 {
  padding: 20px 0 0 0;
}

.navbar-toggle {
  /* border:1px solid #fff; */
  margin-top: 15px;
}

.navbar-toggle i {
  color: #ffffff;
  font-size: 34px;
}

.navbar-toggle.collapsed i {
  color: #ffffff;
  font-size: 34px;
}

/* .navbar-toggle .icon-bar {background-color:#000000;}
.navbar-toggle .icon-bar {display: block; width: 30px; height: 4px; border-radius: 1px;} */

.main-nav {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
  border: 0px;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255 236 224) 40%, rgba(32, 116, 210, 0) 100%)
}

.top-bar-hide {
  display: none;
}

.top-bar {
  position: absolute;
  right: 51px;
  top: 16px;
  z-index: 10;
}

.top-bar span {
  margin-left: 45px;
}

.top-bar span a {
  color: rgb(16 9 46 / 70%);
  font-size: 12px;
}

.top-bar span i {
  color: rgb(16 9 46 / 70%);
  margin-right: 10px;
  font-size: 20px;
  vertical-align: middle;
}
.top-bar span i.fa.fa-phone {
  font-size: 16px;
}
i.fa.fa-twitter-square,
i.fa.fa-tumblr-square {
  color: #fffffe;
}

#navigation .container {
  position: relative;
}

/* .navbar-brand {width: 300px; height:auto; padding: 0px; margin:25px 0 0 0;} */
.navbar-brand {
  width: 300px;
  height: auto;
  padding: 0;
  margin: 25px 0 0 25px;
}

#navigation .navbar-right {
  margin-top: 60px;
  margin-right: 0px;
}

#navigation .navbar-right li a {
  color: #080418;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  margin: 0 3px;
  padding: 3px 10px;
}

#navigation .navbar-right li a.active,
#navigation .navbar-right li a:hover,
#navigation .navbar-right li a:focus,
#navigation .navbar-right li.active a {
  border-bottom: 1px solid #3b537a;
}

/*Main Carousel CSS*/
/* #carousel-wrapper {background: url("../images/cloud-bg.jpg") #ecf5f9 no-repeat center bottom;} */
#carousel-wrapper {
  background: linear-gradient(214deg, #f5004a, #28c1f1);
  background-size: 400% 400%;
  -webkit-animation: bra-indo-animation 10s ease infinite;
  -moz-animation: bra-indo-animation 10s ease infinite;
  animation: bra-indo-animation 10s ease infinite;
}

@-webkit-keyframes bra-indo-animation {
  0% {
    background-position: 94% 0%
  }

  50% {
    background-position: 7% 100%
  }

  100% {
    background-position: 94% 0%
  }
}

@-moz-keyframes bra-indo-animation {
  0% {
    background-position: 94% 0%
  }

  50% {
    background-position: 7% 100%
  }

  100% {
    background-position: 94% 0%
  }
}

@keyframes bra-indo-animation {
  0% {
    background-position: 94% 0%
  }

  50% {
    background-position: 7% 100%
  }

  100% {
    background-position: 94% 0%
  }
}

#home-carousel .item {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 679px;
  padding-top: 80px;
}

.carousel-img img {
  width: 100%;
  height: auto;
}

.carousel-caption {
  left: 15px;
  right: 15px;
  top: 140px;
  font-size: 15px;
  text-align: left;
  color: #0a3389;
  text-shadow: none;
}

.banner-text {
  margin: 0px 0 0 0;
  padding: 50px 0 0 0;
}

.banner-text h1 {
  padding: 0 0 0 0;
  margin: 0 0 35px 0;
  height: 45px;
  background: #2a0a58;
  color: #ffffff;
  float: left;
}

.slide-h1-box {
  width: 100%;
  height: auto;
  float: left;
}

.slide-h1-box h3 {
  float: left;
  color: rgb(255 255 255 / 0.7);
  font-size: 28px;
}

/* .carousel-caption h3 {color: #dbeaff;} */
.carousel-caption p {
  color: #dbeaff;
  text-transform: uppercase;
  font-size: 18px;
  max-width: 580px;
}

.bnr-btn {
  margin-top: 25px;
  padding: 15px 35px;
  background: #f6004a;
  color: #ffffff;
  font-family: 'GothamBold', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  line-height: normal;
  -webkit-border-radius: 25px;
  moz-border-radius: 25px;
  border-radius: 25px;
  border: 0px;
  -webkit-box-shadow: 0px 10px 18px -11px rgba(76, 79, 99, 1);
  -moz-box-shadow: 0px 10px 18px -11px rgba(76, 79, 99, 1);
  box-shadow: 0px 10px 18px -11px rgba(76, 79, 99, 1);
}

.bnr-btn i {
  color: #ffffff;
  padding: 0 0 0 10px;
}

.container>.carousel-arrows {
  top: 580px;
  left: 0;
  position: absolute;
}

.home-carousel-left,
.home-carousel-right {
  position: absolute;
  font-size: 50px !important;
  z-index: 15;
  color: #ffffff;
}

.home-carousel-left {
  left: 0px;
}

.home-carousel-right {
  left: 25px;
}

/*=== Footer CSS  ========*/
.quick-contact {
  width: 100%;
  height: auto;
  padding: 30px 0;
  background: #e9e9e9;
}

.quick-contact .col-md-3 {
  border-right: 1px solid #9a94c3;
}

.quick-contact i {
  font-size: 38px;
  color: #080418;
  padding: 0px 15px 0 0;
  float: left;
}

.quick-contact h5 {
  padding-bottom: 0px;
  line-height: 16px;
  color: #080418;
}

.quick-contact h5 span {
  font-size: 11px;
  color: #3f3f3f;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}

.quick-contact a {
  text-decoration: underline;
  font-size: 15px;
  color: #080418;
  text-transform: uppercase;
}

.date {
  background-color: #d9232d;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  left: 0;
  line-height: 35px;
  padding: 20px;
  position: absolute;
  top: 0;
}

.date span {
  display: block;
  font-size: 48px;
}

.blog-content .entry-header {
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
}

.blog-content .entry-meta {
  margin-bottom: 30px;
}

.entry-header h3 {
  color: #000;
  font-weight: 300;
  margin-top: 45px;
  text-transform: uppercase;
}

.blog-content .entry-meta span a {
  font-size: 16px;
  font-weight: 300;
}

.btn.btn-dark:hover {
  color: #fff;
  background-color: #3e3e3e;
}

.btn.btn-dark {
  color: #fff;
  background-color: #101010;
}

.btn.btn-round {
  border-radius: 5px;
}

.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #101010;
}

a:hover {
  text-decoration: none;
}

a:focus,
a:hover {
  color: #23527c;
  text-decoration: underline;
}

a:active,
a:hover {
  outline: 0;
}

.btn {
  padding: 10px 36px;
  margin: 0px;
  box-shadow: none;
  border-radius: 0;
}

ul,
li {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: disc;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

footer {
  min-height: 350px;
  padding: 60px 0 0px 0;
}

.logofooter {
  margin-bottom: 25px;
  font-size: 25px;
  color: #fff;
  font-weight: 700;
}

.logofooter img {
  width: 210px;
}

.footer-col p {
  color: #565b5d;
  font-size: 12px;
  margin-bottom: 6px;
}

.footer-col p i {
  width: 20px;
  color: #999;
}
.footer-ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 2px;
}

.footer-ul li {
  line-height: 24px;
  font-size: 12px;
  list-style: none;
  padding: 5px 0;
}

.footer-ul li a {
  color: #5a5f61;
  text-transform: none;
  font-weight: normal;
}

.footer-ul i {
  margin-right: 10px;
}

.footer-ul li a:hover {
  color: #7f7f7f;
  text-decoration: underline;
}

.social-links {
  margin: 0 0 0 0;
}

.social-links ul {
  width: auto;
  height: auto;
  float: left;
  padding: 0px 0 0 0px;
}

.social-links ul li {
  width: auto;
  height: auto;
  float: left;
  padding: 0 10px 0 0px;
  list-style: none;
}

.social-links ul li a {
  width: auto;
  height: auto;
  color: #f60049;
  font-size: 20px;
}

.copyright {
  background: #ecf5f9;
  padding: 0px 0;
  margin: 60px 0 0 0;
}

.copyright .col-md-9 {
  display: flex;
  align-items: center;
  padding: 0px;
}

.copyright span {
  text-align: left;
  color: #5a5f61;
  font-size: 11px;
  padding: 10px 0;
  margin-bottom: 0;
  float: left;
}

.heading7 {
  font-size: 12px;
  font-weight: bold;
  color: #5b616e;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.post p {
  font-size: 12px;
  color: #565b5d;
  line-height: 20px;
}
.footer-factory .factory-loc-1 {
  margin-bottom: 24px;
}
.factory-loc .post p {
  margin-bottom: 3px;
}

.post p span {
  display: block;
  color: #8f8f8f;
}

.post p a {
  color: #5a5f61;
  text-decoration: underline;
}

.post p a:hover {
  color: #7f7f7f;
  text-decoration: underline;
}

.bottom_ul {
  list-style-type: none;
  margin-bottom: 0;
}

.bottom_ul li {
  float: left;
  line-height: 40px;
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
  list-style: none;
}

.bottom_ul li:after {
  content: "|";
  color: #5a5f61;
  margin-right: 7px;
  margin-left: 7px;
}

.bottom_ul li a {
  color: #5a5f61;
  font-size: 11px;
}

.social-icon {
  width: 30px;
  height: 30px;
  font-size: 15px;
  background-color: blue;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  padding-top: 7px;
  border-radius: 50%;
}

.footer-social li {
  float: left;
  list-style: none;
}

.footer-social li a img {
  float: left;
  margin: 0 10px 0 0;
  width: 28px;
}

.footer-social li a img:hover {
  opacity: 0.7;
}

.linked-in {
  background-color: #007bb6;
}

.facebook {
  background-color: #3b5998;
}

.twitter {
  background-color: #1da1f2;
}

.google {
  background-color: #f63e28;
}

/* kreativemug styles */
.kreativemug {
  width: auto;
  float: right;
  margin-top: 0;
}

.kreativemug span {
  float: left;
  padding-right: 5px;
  color: #ababab;
}

.kreativemug a {
  color: #ababab;
  font-size: 11px;
  float: left;
  padding: 8px 0 10px 5px;
  margin: 0;
}

.kreativemug i {
  font-size: 16px;
  color: #ff0a3f;
  float: left;
  padding: 15px 0 0 0;
}

.kreativemug a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.vision-mission img {
  padding-bottom: 30px;
}

.vision-mission h3 {
  padding-bottom: 10px;
}

.vision-mission h5 {
  margin-bottom: 10px;
}

.vision-mission p {
  margin-bottom: 20px;
}

.readmore-link {
  font-family: 'GothamBold', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #f6004a;
  border-bottom: 3px solid #f6004a;
}

.readmore-link i {
  padding-left: 10px;
  color: #f6004a;
}

.readmore-link:hover {
  color: rgb(246 0 74 / 0.7);
  text-decoration: none;
}

.founders {
  padding-top: 10px;
  float: left;
}

.founders h3 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.founders h2 {
  padding: 0 0 0px 0;
  margin: 0 0 0 0;
}

.founders p {
  padding: 20px 0 0px 0;
  margin: 0 0 0 0;
}

.founders-img {
  padding: 20px;
  margin: 0 0 0 0;
  float: left;
}

.founders-img img {
  width: 224px;
  padding: 0 0 20px 0;
  margin: 0 0 0 0;
}

/* .founders-img span{font-family: 'GothamBold', sans-serif; text-transform: uppercase; color: #868686; font-size: 18px;padding: 0 0 0 0; margin:0 0 0 0;} */

/* .inner-banner{width:100%; height: auto; padding-bottom:50px; background: linear-gradient(45deg, #4c75d3 12.5%, #4cb2d3 12.5%, #4cb2d3 37.5%, #4c75d3 37.5%, #4c75d3 62.5%, #4cb2d3 62.5%, #4cb2d3 87.5%, #4c75d3 87.5%);
  background-size: 4px 4px;
  background-position: 50px 50px;} */
.inner-banner {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
  background: linear-gradient(322deg, #fbad99, #3591f6);
  background-size: 400% 400%;

  -webkit-animation: braindoanim 21s ease infinite;
  -moz-animation: braindoanim 21s ease infinite;
  animation: braindoanim 21s ease infinite;
}

@-webkit-keyframes braindoanim {
  0% {
    background-position: 4% 0%
  }

  50% {
    background-position: 97% 100%
  }

  100% {
    background-position: 4% 0%
  }
}

@-moz-keyframes braindoanim {
  0% {
    background-position: 4% 0%
  }

  50% {
    background-position: 97% 100%
  }

  100% {
    background-position: 4% 0%
  }
}

@keyframes braindoanim {
  0% {
    background-position: 4% 0%
  }

  50% {
    background-position: 97% 100%
  }

  100% {
    background-position: 4% 0%
  }
}

.sub-pg-img {
  float: left;
  padding: 0 0 0 0;
  margin: 0px 0 0 0;
}

.sub-pg-text {
  padding: 0 0 0 0;
  margin: 140px 0 0px 0;
  float: left;
}

.sub-pg-text h1 {
  padding: 0 0 0 0;
  margin: 0 0 35px 0;
  height: 45px;
  background: #2a0a58;
  color: #ffffff;
  float: left;
}

.about-sec {
  width: 100%;
  height: auto;
}

/* .about-sec .container{background: url('../images/about-sec.png') no-repeat top right; background-size: 650px;} */
.about-sec h2 {
  padding-bottom: 0px;
}

.about-sec h4 {
  padding-bottom: 20px;
  text-transform: uppercase;
}

.about-sec h5 {
  padding-bottom: 20px;
}

.about-number img {
  width: 95%;
  margin: 30px 0 0 0;
  float: left;
}

.about-number h5 {
  margin: 60px 0px 0px 50px;
}

.higg-index {
  width: 100%;
  height: auto;
}

.spacer {
  border-top: 1px solid #d4d4d4;
  padding-top: 30px;
}

.higg-index p {
  padding: 40px 0 0 0;
}

.higg-logo img {
  float: right;
  padding: 20px 0 0 0;
}

.higg-number-parent {
  padding: 50px 0 0 0;
}

.higg-numer {
  padding: 30px;
  float: left;
  margin: 0px;
}

.higg-numer h2 {
  width: 100%;
  height: auto;
  float: left;
  color: #20bc89;
  float: left;
  padding: 0 0 10px 0;
}

.higg-numer h5 {
  width: 100%;
  height: auto;
  float: left;
}

.our-capabilities {
  width: 100%;
  height: auto;
}

.cap-main-text {
  padding: 0 0 30px 0;
}

.cap-main-text h2 {
  padding-bottom: 15px;
}

.cap-main-text h3 {
  padding-bottom: 10px;
}

.cap-main-text h5 {
  padding-bottom: 10px;
}

.cap-main-text p {
  padding: 0 70px 30px 70px;
}

.cap-icon-text {
  padding: 0px 0px 0px 0px;
}

.cap-icon-text h2 {
  padding: 20px 0 0 0;
}

.cap-icon-text h3 {
  padding: 10px 0 0 0;
}

.cap-icon-text h5 {
  padding: 10px 0 20px 0;
}

.capability-item {
  padding: 30px;
}

.capability-item h3 {
  padding-top: 30px;
  color: #080418;
}

.capability-item img {
  padding: 20px 0;
}

.product-section {
  background: linear-gradient(45deg, #a8224a 1%, #f6004a 1%, #f6004a 49%, #a8224a 49%, #a8224a 51%, #f6004a 51%, #f6004a 99%, #a8224a 99%);
  background-size: 4px 4px;
  background-position: 50px 50px;
  background: #f3f3f3;
}

.product-box {
  padding: 65px;
}

.product-box h2 {
  text-transform: uppercase;
  padding: 0 0 0 0;
  margin: 0px 0 40px 0;
  height: 25px;
  background: #d4fc44;
  float: left;
}

.product-box h5 {
  width: 100%;
  float: left;
}

.product-box img {
  padding: 0 0 20px 0;
}

.sustainability-sec {
  width: 100%;
  height: auto;
  background: linear-gradient(45deg, #e2f1f6 12.5%, #fff 12.5%, #fff 37.5%, #e2f1f6 37.5%, #e2f1f6 62.5%, #fff 62.5%, #fff 87.5%, #e2f1f6 87.5%);
  background-size: 4px 4px;
  background-position: 50px 50px;
}

.sustainability-item {
  background: #ffffff;
  padding: 30px;
  margin: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 7px 9px 17px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 7px 9px 17px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 7px 9px 17px -6px rgba(0, 0, 0, 0.75);
}

/* card slider css */
.sustain-title-box {
  padding: 0 85px 0 85px;
}

.sustain-title-box h2 {
  padding: 0 0 30px 0;
}

.sustain-title-box p {
  padding: 0px;
}

.sustain-title-box img {
  padding: 0 0 30px 0;
}

.sustain-cards {
  width: auto;
  height: auto;
  float: left;
  background: #ffffff;
  padding: 20px;
  margin: 0 25px 0 0;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #ebebeb;
}

.sustain-cards h3 {
  padding: 0 0 15px 0;
}

.sustain-cards img {
  padding: 0 0 20px 0;
}

/* =========CARD CSS ENDS */
.awards-sec-title {
  padding: 30px 50px 0 0;
  margin: 0 55px 0 0;
}

.awards-sec-title h2 {
  padding: 0 0 0 0;
  margin: 0px 0 40px 0;
  height: 25px;
  background: #d4fc44;
  float: left;
}

.awards-sec-title h5 {
  padding: 25px 0 25px 0;
  /* float: left; */
  clear: both;
}

.awards-sec-title img {
  padding: 0 0 30px 0;
  margin: 0px;
}

/* .awards-sec-title p {
  float: left;
} */

.award-details {
  padding: 30px;
  margin: 0 0 25px 35px;
  border: 6px solid #29c1f1;
  -webkit-box-shadow: 16px 18px 0px 3px rgba(41, 193, 241, 1);
  -moz-box-shadow: 16px 18px 0px 3px rgba(41, 193, 241, 1);
  box-shadow: 16px 18px 0px 3px rgba(41, 193, 241, 1);
}

.award-details h3 {
  padding-bottom: 25px;
}

.award-details p {
  padding-bottom: 25px;
}

.award-details-junior {
  padding: 20px;
  margin: 0 0 0 0;
}

.award-details-junior h3 {
  padding-bottom: 15px;
}
/* 
.award-details-junior p {} */

.award-details-junior a {
  margin: 0 0 0 0;
  /* float: left; */
  background: #f92b5d;
}

.award-details-junior a img {
  width: 100%;
  height: auto;
  /* float: left; */
}

.wiggle {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
}

.award-details-junior a img:hover {
  opacity: 0.6;
}

.award-discrip {
  padding: 20px;
  background: #f2f2f2;
  float: left;
}

.award-discrip h3 {
  padding-bottom: 15px;
  float: left;
}

.award-discrip p {
  float: left;
}

@media (max-width: 991px) {
  .awards-sec-title {
		padding: 0 30px;
    margin: 0 auto;
  }
  .awards-sec-title img{
    margin: 0 auto;
  }
	.awards-header-title{
		margin-top: 18px;
    display: flex;
    justify-content: center;
	}
  .award-details {
    margin: 36px auto 0;
    clear:both;
  }
}

@media (max-width: 768px){
	.awards-sec-title  {
		padding: 0 30px;
	}
	.awards-header-title h2:first-child:after{
		content: '\00a0';
	}
  .copyright span{
    /* padding: 0; */
  }
}

@media (max-width: 479px){
	.awards-sec-title  {
		padding: 0 12px;
	}
	.awards-header-title  {
    display: flex;
    flex-direction: column;
    align-items: center;
	}
	.awards-sec-title h2 {
			font-size: 36px;
	}
}
.contact-main-text {
  padding: 0 0 30px 0;
}

.contact-main-text h2 {
  padding-bottom: 15px;
}

.contact-main-text h3 {
  padding-bottom: 10px;
}

.contact-main-text h5 {
  padding-bottom: 10px;
}

.building-box {
  width: auto;
  height: auto;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.address-box {
  width: 350px;
  height: auto;
  background: #fff;
  padding: 25px;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 100px;
}

.address-box h3 {
  padding: 0 0 15px 0;
}

.form-box {
  padding: 0 60px;
  margin: 0 0 0 0;
}

.form-box h3 {
  padding: 0 0 20px 0;
}

.form-box h5 {
  padding: 0 0 20px 0;
}

.form-group input {
  height: 38px;
  border-radius: 0px;
  color: #333333;
  border: 0px;
  border-bottom: 1px solid #333333;
  box-shadow: none;
}

.form-group textarea {
  border: 1px solid #333333;
  border-radius: 0;
}

/*========================
g-map styles
===========================*/
.g-map {
  margin-bottom: 0px;
  margin-top: 0px;
}

#map {
  width: 100%;
  height: 550px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.info-window {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}

.info-content {
  color: #999;
}

.form-group span {
  font-family: 'GothamBold', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #333333;
}

.form-group label {
  color: #ff0000;
  background: none;
  padding: 0 0 0 0;
}

.form-group input {
  height: 38px;
  border-radius: 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #333333;
}

.form-group textarea {
  border-radius: 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #333333;
}

.contact-page {
  padding: 100px 0;
}

.info-window p {
  color: #333333;
  padding: 0 0;
}

/* BOX ON MAP  */
.box-contacts {
  width: 330px;
  position: absolute;
  z-index: 1;
  left: 75px;
  margin-top: 100px;
  background: #f6004a;
  padding: 40px 60px;
  text-align: left;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
}

.box-contacts h3 {
  color: #ffffff;
}

/*========
 css lightbox  =========== */
.wiggle {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  background: #f92b5d;
}

.wiggle img:hover {
  opacity: 0.6;
}

.wiggle:hover {
  -webkit-animation: none;
}

.short-animate {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.long-animate {
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

.lightbox {
  position: fixed;
  top: -100%;
  bottom: 100%;
  left: 0;
  right: 0;
  background: rgba(161, 4, 52, .8);
  z-index: 501;
  opacity: 0;
}

.lightbox img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 0%;
  max-height: 0%;
}

#lightbox-controls {
  position: fixed;
  height: 70px;
  width: 70px;
  top: -70px;
  right: 0;
  z-index: 502;
  background: rgba(0, 0, 0, .1);
}

#close-lightbox {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#close-lightbox:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 3px;
  left: 24px;
  top: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

#close-lightbox:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 3px;
  top: 24px;
  left: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

.lightbox:target {
  top: 0%;
  bottom: 0%;
  opacity: 1;
}

.lightbox:target img {
  max-width: 100%;
  max-height: 100%;
}

.lightbox:target~#lightbox-controls {
  top: 0px;
}

.lightbox:target~#lightbox-controls #close-lightbox:after {
  width: 50px;
}

.lightbox:target~#lightbox-controls #close-lightbox:before {
  height: 50px;
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(2deg);
  }

  20% {
    -webkit-transform: rotate(-2deg);
  }

  40% {
    -webkit-transform: rotate(2deg);
  }

  60% {
    -webkit-transform: rotate(-2deg);
  }

  80% {
    -webkit-transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(-2deg);
  }
}

#lightbox-controls1 {
  position: fixed;
  height: 70px;
  width: 70px;
  top: -70px;
  right: 0;
  z-index: 502;
  background: rgba(0, 0, 0, .1);
}

#close-lightbox1 {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#close-lightbox1:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 3px;
  left: 24px;
  top: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

#close-lightbox1:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 3px;
  top: 24px;
  left: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

.lightbox:target~#lightbox-controls1 {
  top: 0px;
}

.lightbox:target~#lightbox-controls1 #close-lightbox1:after {
  width: 50px;
}

.lightbox:target~#lightbox-controls1 #close-lightbox1:before {
  height: 50px;
}

#lightbox-controls2 {
  position: fixed;
  height: 70px;
  width: 70px;
  top: -70px;
  right: 0;
  z-index: 502;
  background: rgba(0, 0, 0, .1);
}

#close-lightbox2 {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#close-lightbox2:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 3px;
  left: 24px;
  top: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

#close-lightbox2:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 3px;
  top: 24px;
  left: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

.lightbox:target~#lightbox-controls2 {
  top: 0px;
}

.lightbox:target~#lightbox-controls2 #close-lightbox2:after {
  width: 50px;
}

.lightbox:target~#lightbox-controls2 #close-lightbox2:before {
  height: 50px;
}

#lightbox-controls3 {
  position: fixed;
  height: 70px;
  width: 70px;
  top: -70px;
  right: 0;
  z-index: 502;
  background: rgba(0, 0, 0, .1);
}

#close-lightbox3 {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#close-lightbox3:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 3px;
  left: 24px;
  top: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

#close-lightbox3:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 3px;
  top: 24px;
  left: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

.lightbox:target~#lightbox-controls3 {
  top: 0px;
}

.lightbox:target~#lightbox-controls3 #close-lightbox3:after {
  width: 50px;
}

.lightbox:target~#lightbox-controls3 #close-lightbox3:before {
  height: 50px;
}

#lightbox-controls4 {
  position: fixed;
  height: 70px;
  width: 70px;
  top: -70px;
  right: 0;
  z-index: 502;
  background: rgba(0, 0, 0, .1);
}

#close-lightbox4 {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#close-lightbox4:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 3px;
  left: 24px;
  top: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

#close-lightbox4:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 3px;
  top: 24px;
  left: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

.lightbox:target~#lightbox-controls4 {
  top: 0px;
}

.lightbox:target~#lightbox-controls4 #close-lightbox4:after {
  width: 50px;
}

.lightbox:target~#lightbox-controls4 #close-lightbox4:before {
  height: 50px;
}

#lightbox-controls5 {
  position: fixed;
  height: 70px;
  width: 70px;
  top: -70px;
  right: 0;
  z-index: 502;
  background: rgba(0, 0, 0, .1);
}

#close-lightbox5 {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#close-lightbox5:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 3px;
  left: 24px;
  top: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

#close-lightbox5:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 3px;
  top: 24px;
  left: 0;
  background: white;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

.lightbox:target~#lightbox-controls5 {
  top: 0px;
}

.lightbox:target~#lightbox-controls5 #close-lightbox5:after {
  width: 50px;
}

.lightbox:target~#lightbox-controls5 #close-lightbox5:before {
  height: 50px;
}

/* video background css`*/
#video-viewport {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

video {
  display: block;
  height: auto;
  margin: 0px auto;
  width: 100%;
}

.fullsize-video-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.fullsize-video-bg:before {
  content: "";
  background: rgba(114, 45, 0, .35);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.fullsize-video-bg:after {
  content: "";
  background-image: url("../images/vdo-bg.png");
  background-size: 3px 3px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.fullsize-video-bg .container {
  display: table;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 2;
}

.fullsize-video-bg .container>div {
  display: table-cell;
  vertical-align: middle;
}

.fullsize-video-bg h3 {
  color: #FFFFFF;
  font-size: 24px;
  line-height: normal;
  margin-bottom: 20px;
}

.fullsize-video-bg h1 {
  color: #FFFFFF;
  line-height: normal;
}

.sustainability-sec {
  width: 100%;
  height: auto;
  background: #cfe2ff;
  /* background: url("../images/sustainability-bg.png") no-repeat bottom left #cfe2ff; background-blend-mode: overlay;;*/
}

.sustain-home {
  color: #ffffff;
}

.sustain-home h2 {
  color: #ffffff;
}

.sustain-home h3 {
  color: #285286;
  text-align: center;
}

.sustain-home h3 span {
  font-size: 18px;
  color: #48568c
}

.sustain-home h4 {
  color: #285286;
  padding: 0 0 0 0;
  text-align: center;
}

.sustain-home h5 {
  color: #285286;
  padding: 30px 0 0 0;
  text-align: center;
  text-transform: uppercase;
}

.sustain-home p {
  color: #285286;
  padding: 15px 0 0 0;
  text-align: center;
}

.carbon-count {
  padding: 40px 0;
  margin: 0 0;
}

.carbon-count img {
  margin: 0px auto;
  padding: 0 0 20px 0;
}

.carbon-count h3 {
  color: #285286;
  text-align: center;
  text-transform: uppercase;
  padding: 0 0 0 0;
  margin: 30px 0 20px 0;
}

.carbon-count span {
  width: 100%;
  float: left;
  color: #285286;
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.welcome-box {
  padding: 0 60px;
}

.welcome-box h4 {
  padding: 15px 0;
  color: #868686;
}

.welcome-box h5 {
  padding-bottom: 20px;
  text-transform: uppercase;
}

.welcome-box a {
  margin: 30px 0 0 0;
  float: left;
}

/* product card slider css */
.col-center {
  margin: 0 auto;
  float: none !important;
}

.carousel {
  margin: 0px;
  padding: 0 0 0 0px;
}

.carousel .item {
  overflow: hidden;
}

.carousel .item h3 {
  padding: 15px 0px 10px 0px;
  float: left;
  width: 100%;
  /* color: rgb(255 255 255 / 0.5)*/
}

.carousel .item p {
  padding: 0px 0px 15px 0px;
  float: left;
  width: 100%;
}

.carousel .item .img-box {
  margin: 0;
  padding: 0;
  border: 0px solid #f7f7f7;
  float: left;
}

.carousel .img-box img {
  width: 360px;
  height: auto;
  display: block;
}

.carousel .testimonial {
  padding: 30px 0 10px;
}

.carousel .carousel-indicators {
  list-style: none;
  position: unset;
  bottom: 10px;
  left: 0;
  z-index: unset;
  width: auto;
  margin-left: 0;
  text-align: unset;
  list-style: none;
  padding: 0 0;
}

.carousel-indicators li,
.carousel-indicators li.active {
  width: 12px;
  height: 12px;
  margin: 1px 3px;
  border-radius: 50%;
}

.carousel-indicators li {
  border: 2px solid #f6004a;
}

.carousel-indicators li.active {
  border: 2px solid #cfcfcf;
}

.sustainability-detail {
  width: 100%;
  height: auto;
  background-image: radial-gradient(circle, #f0f0f9 10%, transparent 10%), radial-gradient(circle, #f0f0f9 10%, transparent 10%);
  background-size: 28px 28px;
  background-position: 0 0, 15px 15px;
}

.green-text {
  color: #62e369;
}

.re-value {
  width: 100%;
  height: auto;
}

.eco-friendly {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

/* .eco-friendly h2{text-align: right;} */
.eco-friendly {
  padding: 30px 60px 0 60px;
  margin: 0 0 0 0;
}

.eco-friendly img {
  padding: 0 0 20px 0;
}

.eco-friendly h4 {
  padding: 20px 0 0 0;
  margin: 0 0 0 0;
}

.eco-friendly p {
  padding: 10px 0 0 0;
  margin: 0 0 0 0;
}

.testimo-box img {
  width: 100%;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 250px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 250px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 250px;
}

.testimo-box {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  -webkit-border-radius: 250px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-radius: 250px;
  -moz-border-radius-topright: 25px;
  border-radius: 250px;
  border-top-right-radius: 25px;
  background: linear-gradient(155deg, #75f434, #31b5ef);
  background-size: 400% 400%;
  -webkit-animation: testimoBG 11s ease infinite;
  -moz-animation: testimoBG 11s ease infinite;
  animation: testimoBG 11s ease infinite;
  -webkit-box-shadow: -70px 32px 73px -20px rgba(133, 135, 148, 1);
  -moz-box-shadow: -70px 32px 73px -20px rgba(133, 135, 148, 1);
  box-shadow: -70px 32px 73px -20px rgba(133, 135, 148, 1);
}

@-webkit-keyframes testimoBG {
  0% {
    background-position: 24% 0%
  }

  50% {
    background-position: 77% 100%
  }

  100% {
    background-position: 24% 0%
  }
}

@-moz-keyframes testimoBG {
  0% {
    background-position: 24% 0%
  }

  50% {
    background-position: 77% 100%
  }

  100% {
    background-position: 24% 0%
  }
}

@keyframes testimoBG {
  0% {
    background-position: 24% 0%
  }

  50% {
    background-position: 77% 100%
  }

  100% {
    background-position: 24% 0%
  }
}

.sustainability-main {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
}

.sustainability-main .container {
  /*background: url("../images/recycle-img.png") no-repeat top right;*/
  background-size: 1100px;
}

.sustain-intro {
  padding: 0em 0 0 0em;
  margin: 0 0 0 0;
}

.sustain-intro h5 {
  padding: 15px 0 15px 0
}

.curvebox-sus {
  background: #ff2b5c;
  padding: 30px;
  margin-right: 30px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 17px -4px rgba(161, 161, 161, 1);
  -moz-box-shadow: 2px 4px 17px -4px rgba(161, 161, 161, 1);
  box-shadow: 2px 4px 17px -4px rgba(161, 161, 161, 1);
}

.curvebox-sus h3 {
  color: #fff;
  padding: 20px 0 0 0;
}

.curvebox-sus p {
  color: #ffc0d3;
}

/* flip cards section */
.flipcards-box {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
}

/* .cards {display: flex; justify-content: space-evenly;} */
.card {
  width: 350px;
  position: relative;
  height: 350px;
  perspective: 150em;
}

.card-side {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 350px;
  backface-visibility: hidden;
  transition: all .6s ease;
}

.card-side-front {
  background-color: #FFF;
}

.front-1 {
  background: url("../images/design-img.jpg") no-repeat;
  background-size: contain;
  width: 100%;
}

.front-2 {
  background: url("../images/gmt-img.jpg") no-repeat;
}

.front-3 {
  background: url("../images/lab-img2.jpg") no-repeat;
}

.front-4 {
  background: url("../images/foam-pad.jpg") no-repeat;
}

.front-5 {
  background: url("../images/wire.jpg") no-repeat;
}

.front-6 {
  background: url("../images/hook-eye.jpg") no-repeat;
}

.card-side-back {
  color: #FFF;
  transform: rotateY(180deg);
}

.card-side-back-1 {
  background: #700674;
}

.card-side-back-2 {
  background: #aa2378;
}

.card-side-back-3 {
  background: #ec024f;
}

.card-side-back-4 {
  background: #d72070;
}

.card-side-back-5 {
  background: #75086f;
}

.card-side-back-6 {
  background: #47007c;
}

.card:hover .card-side-front {
  transform: rotateY(-180deg);
}

.card:hover .card-side-back {
  transform: rotate(0);
}

.card-description {
  padding: 60px 30px 30px 50px;
}

.card-description h3 {
  color: #ffffff;
  margin: 140px 0 0 0;
  text-shadow: 1px 1px 1px rgb(248 42 97);
}

.card-description h5 {
  color: rgb(255 255 255 / 0.7);
  margin: 0px 0 0 0;
}

.card-description p {
  color: #ffffff;
  font-size: 16px;
}

/*flip css ends here*/

/*========================== MEDIA QUERY CSS FOR RESPONSIVE
 Extra small devices (phones, 600px and down)
 ================================ */
@media only screen and (max-width: 600px) {
  .navbar-brand {
    width: 225px;
    margin: 25px;
  }

  .navbar-brand a img {
    width: 84px;
  }

  .banner-text h1 {
    margin: 0 0 20px 0;
    height: 21px;
  }

  .sub-pg-text {
    margin: 30px 0 0px 0;
  }

  .sub-pg-img {
    margin: 70px 0 0 0;
  }

  .sub-pg-text h1 {
    margin: 0px 0 15px 0;
    height: 20px;
  }

  .sub-pg-text h3 {
    float: left;
  }

  .carousel {
    margin: 0px;
    padding: 0 0 0 0px;
  }

  .carousel-img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }

  .carousel-caption {
    width: 100%;
  }

  .container>.carousel-arrows {
    top: 620px;
  }

  .welcome-box {
    padding: 0 20px;
  }

  #myCarousel {
    top: 30px;
  }

  .vision-mission h2 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }

  .vision-mission img {
    padding-bottom: 0px;
  }

  .vision-mission h5 {
    margin-bottom: 0px;
  }

  .sustain-home {
    padding: 0 0 50px 0;
  }

  .about-number h5 {
    margin: 15px 0px 0px 0px;
  }

  footer .container {
    padding: 0 25px;
  }
	
	.logofooter,
	.footer-col {
		margin-bottom: 56px;
	}
	.footer-col .heading7 {
		font-size: 16px;
	}
	.footer-about{
		padding: 0 24px;
	}
	.footer-nav h6,
	.social-links h6{
		padding: 0 12px;
	}
	.footer-ul {
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
/* 	columns: 4;
		-webkit-columns: 4;
		-moz-columns: 4;*/
	}
	.footer-ul li{
		width: 50%;
	}
	.footer-ul li a{
		padding: 2px 12px;
		font-size: 16px;
	}
	.social-links{
		margin: 72px auto 0;
	}
	.social-links p {
		padding-bottom: 12px;
		padding-left: 12px;
		max-width: 330px;
	}
	.footer-factory {
		display: flex;
		text-align: left;
	}
	.factory-loc {
		width: 50%;
		padding: 0 12px;
	}
	.social-links ul {
		display: inline-block;
		float: none;
	}
	.social-links ul li{
		padding: 0;
	}
	.social-links ul li a{
		padding: 12px;
	}
	.social-links i {
		font-size: 24px;
	}
  .copyright .col-md-9 {
    display:inline;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
	.footer-menu {
    margin: auto;
    width: max-content;
	}
}
@media (min-width: 500px) and (max-width: 991px) {
	.quick-contact {
    padding: 48px 0;
	}
	.quick-contact .col-xs-4{
		display: flex;
    flex-direction: column;
    text-align: center;
	}
	.quick-contact i {
		padding: 0;
		margin-bottom: 12px;
	}
	.quick-contact h5 span{
		line-height: 2em;
	}
}

@media only screen and (max-width: 499px) {
  .navbar-brand {
    width: 96px;
  }
	.quick-contact {
		padding: 36px 0;
	}
	.quick-contact .container {
    display: flex;
    flex-direction: column;
    width: max-content;
    padding-left: 0;
	}
	.quick-contact .col-xs-4{
		padding: 24px 0;
    display: flex;
    width: auto;
    flex-direction: row;
	}
	.quick-contact i {
    width: 80px;
		padding: 0;
		text-align: center;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .navbar-brand {
    width: 180px;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

.welcome-section {
  width: 100%;
  height: auto;
}

/* youtube popup */
.video-pop-up {
  float: left;
}

.video-pop-up a img {
  width: 100%;
  height: auto;
}

.modal-body {
  position: relative;
  padding: 5px;
  background: #5920e5;
}

.xl-sheetbox {
  width: 100%;
  height: auto;
  background: #e3e3e3;
  padding: 20px 4px 4px 4px;
}

.xl-sheetbox h3 {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0 0 10px 0;
}

.xl-sheetbox iframe {
  width: 100%;
  height: 768px;
  ;
}


@media (min-width: 600px) and (max-width: 991px) {
  .navbar-brand a img {
    width: 84px;
  }
  .footer-col {
    width: 50%;
    /* padding: 0 42px; */
    float: left;
  }
  .logofooter{
    margin-bottom: 56px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-brand a img {
    margin-left: 25px;
  }
  .copyright .col-sm-3 {
    width: auto;
  }
  .wecare .sub-pg-text h3 {
    line-height: 36px;
  }
}