@import url("https://fonts.googleapis.com/css?family=Istok+Web|Jockey+One");

.btn {
  border-radius: 0;

  font-family: "Jockey One", sans-serif;

  text-transform: uppercase;
}

.btn.lg {
  padding: 12px 18px;

  letter-spacing: 1px;
}

.btn1 {
  background-color: #cc272e;

  color: #fff;

  border: none;

  padding: 8px 12px;

  font-size: 16px;

  transition: 0.3s all;
}

.btn1:hover,
.btn1:focus {
  background-color: #bb161d;

  color: #fff;

  cursor: pointer;
}

.btn3 {
  background-color: #fbfafa;

  color: #313149;

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

  border: none;

  padding: 8px 12px;

  font-size: 16px;

  transition: 0.3s all;
}

.btn3:hover,
.btn3:focus {
  background-color: #eae9e9;

  cursor: pointer;
}

body {
  font-family: "Istok Web", sans-serif;

  font-size: 16px;

  color: #313149;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Jockey One", sans-serif;
}

a {
  color: #cc272e;
}

a:hover {
  color: inherit;
}

.tcolor1 {
  color: #cc272e;
}

.tcolor2 {
  color: #313149;
}

.tcolor3 {
  color: #fbfafa;
}

.text-bold {
  font-weight: bold;
}

.navbar {
  margin-bottom: 0;

  border: 0;

  border-radius: 0;

  /*background-color:$color3;*/

  font-family: "Jockey One", sans-serif;

  height: 80px;

  background: url("../img/header.jpg");

  position: sticky;

  z-index: 103333;

  top: -80px;

  transition: 0.3s top linear;
}

.navbar:before {
  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  opacity: 0.8;

  background-color: #fbfafa;
}

.navbar .nav li a {
  padding-top: 15px;

  padding-bottom: 15px;

  margin-top: 15px;

  margin-bottom: 15px;

  text-transform: uppercase;

  transition: 0.3s all ease-in-out;
}

.navbar .nav li a:hover,
.navbar .nav li a:focus {
  color: #fbfafa;

  background-color: #cc272e;
}

.navbar .nav li.active a {
  color: #fbfafa;

  background-color: #cc272e;
}

.navbar .navbar-brand {
  position: relative;
}

.navbar.affix {
  position: fixed;

  top: 0;

  width: 100%;

  z-index: 1035;
}

.navbar .navbar-toggle {
  margin-top: 20px;
}

.navbar .navbar-toggle .icon-bar {
  background-color: #cc272e;

  width: 25px;

  height: 2px;
}

@media (max-width: 991px) {
  .navbar .navbar-collapse {
    position: absolute;

    left: 0;

    transition: 0.3s all;

    background-color: #fbfafa;

    margin-top: 18px;

    width: 100%;
  }
}

.hero-slider {
  background-color: black;

  position: relative;
}

.hero-slider .hero-item {
  height: 600px;
}

.hero-slider .hero-item:before {
  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  background-color: #9999bc;

  opacity: 0.3;
}

.hero-slider .hero-item .hero-caption {
  position: absolute;

  top: 50%;

  left: 50%;

  text-align: center;

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

  color: #fbfafa;
}

.hero-slider .hero-item .hero-caption h1 {
  font-size: 50px;

  letter-spacing: 3px;

  text-shadow: 0 2px 2px rgba(1, 1, 1, 0.5);

  margin-bottom: 25px;

  text-transform: uppercase;
}

.hero-slider .owl-nav .owl-prev,
.hero-slider .owl-nav .owl-next {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 45px;

  font-size: 20px;

  height: 45px;

  background-color: #cc272e;

  line-height: 45px;

  color: #fbfafa;

  text-align: center;

  display: inline-block;

  opacity: 0.8;
}

.hero-slider .owl-nav .owl-prev {
  left: 0;
}

.hero-slider .owl-nav .owl-next {
  right: 0;
}

.hero-slider .owl-dots {
  position: absolute;

  z-index: 2;

  bottom: 35px;

  text-align: center;

  width: 100%;
}

.hero-slider .owl-dots .owl-dot {
  display: inline-block;
}

.hero-slider .owl-dots .owl-dot.active span {
  opacity: 1;

  background-color: #cc272e;
}

.hero-slider .owl-dots .owl-dot span {
  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #fff;

  display: inline-block;

  float: left;

  margin-right: 10px;

  opacity: 0.4;
}

.about-us {
  padding: 40px 0;

  background-color: #fbfafa;

  color: #313149;
}

.about-us h2 .welcome {
  display: block;

  font-size: 40px;
}

.about-us h2 .welcome-sub {
  display: block;

  font-size: 30px;
}

.about-us p {
  line-height: 28px;

  margin-top: 20px;

  text-align: justify;
}

.about-us .benifits-of-jute-brief {
  font-size: 14px;

  line-height: 19px;

  margin-bottom: 20px;
}

.about-us ul li {
  margin-bottom: 20px;

  line-height: 24px;
}

.our-products {
  background: url("../img/fiber-background.jpg");

  background-size: cover;

  background-repeat: no-repeat;

  padding: 40px 0;

  position: relative;
}

.our-products:before {
  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  background-color: #242428;

  opacity: 0.6;
}

.our-products h2 {
  margin-bottom: 30px;

  position: relative;

  color: #fbfafa;

  text-transform: uppercase;
}

.our-products .product-item {
  margin-top: 50px;

  padding: 20px;

  background-color: #fbfafa;

  box-shadow: 0 0 15px 0 rgba(1, 1, 1, 0.1);
  min-height: 247px;
}

.our-products .product-item .product-img {
  margin-top: -65px;
}

.our-products .product-item .product-img img {
  border-radius: 50%;

  border: 3px solid #313149;

  height: 90px;

  width: 90px;
}

@media (max-width: 991px) {
  .our-products .product-item {
    margin-top: 80px;
  }
}

.our-products .btn3 {
  margin-top: 30px;

  position: relative;
}

.our-awards {
  padding: 40px 0;

  background-color: #fbfafa;

  color: #313149;
}

.our-awards h2 {
  margin-bottom: 30px;
}

.our-awards .owl-nav .owl-prev,
.our-awards .owl-nav .owl-next {
  width: 35px;

  height: 35px;

  background-color: #313149;

  line-height: 35px;

  color: #fbfafa;

  text-align: center;

  border-radius: 50%;

  display: inline-block;
}

.our-awards .owl-nav .owl-prev {
  margin-right: 10px;
}
.our-awards img {
  display: inline-block;
  margin: 24px 0 10px;
  max-height: 242px;
}

@media (max-width: 991px) {
  .our-awards .item {
    margin-bottom: 20px;
  }
}

.testimonial {
  padding: 40px 0;

  color: #fbfafa;

  background: url("../img/testimonial-background.jpg");

  background-size: cover;

  position: relative;
}

.testimonial h2 {
  position: relative;

  margin-bottom: 30px;

  text-transform: uppercase;
}

.testimonial:before {
  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  background-color: #242428;

  opacity: 0.71;
}

.testimonial .testimonial-slider .testimonial-img img {
  height: 100px;

  width: 100px;

  border-radius: 50%;

  border: 3px solid #313149;

  display: block;

  margin: 0 auto 20px auto;
}

.testimonial .testimonial-slider .testimonial-text {
  font-size: 20px;
}

.testimonial .testimonial-slider .owl-nav .owl-prev,
.testimonial .testimonial-slider .owl-nav .owl-next {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 35px;

  height: 35px;

  background-color: #fbfafa;

  line-height: 35px;

  color: #313149;

  text-align: center;

  border-radius: 50%;

  display: inline-block;
}

.testimonial .testimonial-slider .owl-nav .owl-prev {
  left: 8%;
}

.testimonial .testimonial-slider .owl-nav .owl-next {
  right: 8%;
}

@media (max-width: 991px) {
  .testimonial .testimonial-slider .owl-nav {
    display: none;
  }
}

.testimonial .testimonial-slider .owl-dots {
  position: relative;
}

.testimonial .testimonial-slider .owl-dots .owl-dot {
  display: inline-block;
}

.testimonial .testimonial-slider .owl-dots .owl-dot.active span {
  opacity: 1;
}

.testimonial .testimonial-slider .owl-dots .owl-dot span {
  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #fff;

  display: inline-block;

  float: left;

  margin-right: 10px;

  opacity: 0.4;
}

.map-wrapper {
  position: relative;
}

.map-wrapper .form-wrapper {
  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 100%;
}

@media (max-width: 991px) {
  .map-wrapper .form-wrapper {
    position: relative;
  }

  .map-wrapper .form-wrapper form {
    margin-left: -20px;

    margin-right: -20px;
  }
}

.map-wrapper .form-wrapper form {
  padding: 20px;

  height: 445px;

  background-color: rgba(49, 49, 73, 0.9);
}

.map-wrapper .form-wrapper form h3 {
  color: #fbfafa;

  font-size: 30px;

  margin-bottom: 20px;
}

.map-wrapper .form-wrapper form .form-control:not(textarea) {
  height: 45px;
}

.map-wrapper .form-wrapper form .btn1 {
  width: 142px;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;
}

.footer .footer-main {
  padding: 40px 0;
}

.footer .footer-main a {
  color: #313149;
}

.footer .footer-main h3 {
  margin-top: 0;
}

.footer .footer-main ul li {
  /*margin-bottom:8px;*/

  text-shadow: 0 1px 1px rgba(1, 1, 1, 0.2);
}

.footer .footer-bottom {
  padding: 15px 0;

  background-color: #313149;

  color: #fbfafa;
}

@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }

  .navbar-left,
  .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-fixed-top {
    top: 0;

    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;

    margin-top: 7.5px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;

    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }
}

/*# sourceMappingURL=main.css.map */