
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

body {
  font-family: 'Karla', sans-serif;
  background-image: url("../images/rice-field-02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #ffffff;
  xpadding-bottom: 75px;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

@media (min-width: 768px) {
  body {
    padding-bottom: 110px;
  }
}


a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  cursor:pointer;
}
a:hover {
  color: #333;
}

p {
  font-size: 14px;
  margin-bottom: 21px;
  line-height: 1.5;
}

ul, li {
  margin: 0;
  padding: 0;
  /* list-style: none; */
}
ul.circle {list-style-type: circle; padding-left: 2rem;}
ul li.square {list-style-type: square; padding-left: 2rem;}
ul li.upper-roman {list-style-type: upper-roman; padding-left: 2rem;}
ul li.lower-alpha {list-style-type: lower-alpha; padding-left: 2rem;}
ul.none {list-style-type: none; padding-left: 2rem;}


section{
  position: relative;
  padding:100px 0;
}

.post_404 h1 {
  font-size: 240px;
  line-height: 1em;
  margin-bottom: 0;
  margin-top: 70px;
  font-weight: 600;
  opacity: 0.7;
}




.comingsoon {
  position: relative;

}
.comingsoon h1{
  font-size: 100px;
  line-height: 1.2;
  letter-spacing: 10px;
  padding: 50px 0 0 0;
  margin-bottom: 0;
}
.comingsoon h4{
  letter-spacing: 10px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .comingsoon h1{
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 1px;
    padding: 10px 0 0 0;
  }
}





.navbar-brand {
  margin-right: 0; }
  .navbar-brand img {
    height: 21px; }

.navbar-dark {
  padding-top: 35px;
  padding-bottom: 35px; }
  .navbar-dark .navbar-text {
    color: #ffffff;
    opacity: 1;
    padding: 0 20px;
    border-right: 1px solid #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center; }
    .navbar-dark .navbar-text:last-child {
      border-right: 0; }
@media (max-width: 767px) {
  .navbar-dark {
    padding-bottom: 0; }
}

.page-title {
  font-size: 80px;
  font-weight: bold;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .page-title {
    font-size: 35px;
    margin-bottom: 14px; }
  }

.page-description {
  max-width: 465px;
  font-size: 18px;
  margin-bottom: 59px;
}
@media (max-width: 767px) {
  .page-description {
    font-size: 14px; }
  }





/*
.footer-social-links .social-link {
  display: inline-block;
  text-align: center;
  xline-height: 40px;
  xwidth: 40px;
  xheight: 40px;
  xborder-radius: 50%;
  xbackground-color: #ffffff;
  color: #000000;
  margin-right: 16px;
  transition: all 0.3s ease-in-out;
}
.footer-social-links .social-link:last-child {
  margin-right: 0;
}
.footer-social-links .social-link:hover {
  text-decoration: none;
  xbackground-color: #000000;
  color: #ffffff;
}
*/




/*# sourceMappingURL=bd-coming-soon.css.map */


.logo {
  position: relative;
}
.logo img {
  width:600px;
}
@media screen and (max-width: 768px) {
  .logo {
    position: relative;
    margin-top: 25px;
  }
  .logo img {
    width:250px;
  }
}


.free-delivery {
  color:#fff;
  xbackground: rgba(195,224,99,0.8);
  xbackground: rgba(214,224,99,0.7);
  xbackground: rgba(101,193,65,0.7);
  background: #56ab2f;
    background: -webkit-linear-gradient(to right, rgba(168,224,99,0.7), rgba(86,171,47,0.8));
  background: linear-gradient(to right, rgba(168,224,99,0.7), rgba(86,171,47,0.8));

  padding: 15px 50px;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 10px;
  border-radius: 50px;
  xwidth:50%;
  text-align: center;
}
@media screen and (max-width: 768px){
  .free-delivery {
    color: #fff;
    xbackground: rgba(255,255,255,0.8);
    background: #56ab2f;
      background: -webkit-linear-gradient(to right, rgba(168,224,99,0.7), rgba(86,171,47,0.8));
    background: linear-gradient(to right, rgba(168,224,99,0.7), rgba(86,171,47,0.8));
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2px;
    border-radius: 50px;
    xwidth: 50%;
    text-align: center;
  }
}


.footer-text-align-center {
  text-align: center;
}
.footer-text-align-left {
  text-align: left;
}
.footer-text-align-right {
  text-align: right;
}
@media screen and (max-width: 768px){
  .footer-text-align-left {
    text-align: center;
  }
  .footer-text-align-right {
    text-align: center;
  }
}



.address {
  position: relative;
}
@media screen and (max-width: 768px){
  .address h4 {
    font-size: 18px;
    font-weight:600;
    padding:0 10%;
    margin-bottom: 0rem;
  }
}







.social-links a {
  position: relative;
  font-size: 30px;
  display: inline-block;
  background: transparent;
  color: #fff001;
  line-height: 36px;
  padding: 8px 0;
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
.social-links a:hover {
  color: #8dc53e;
  text-decoration: none;
  transform: scale(1.2);
  transition: ease all 0.35s;
}
.social-links p {
  position: relative;
  display: inline-block;
  font-size: 16px;
  top:-6px;
  padding-right: 10px;
}

.copyright-list {
  position: relative;
  padding:0;
}
.copyright-list > li {
  color: #fff;
  xfont-size: 16px;
  font-weight: 500;
  vertical-align: middle;
  display: inline-block;
  border-right: 2px solid #fff;
  height: 15px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 15px;
  position: relative;
}
.copyright-list li:last-child  {
    border-right: 0;
}
.copyright-list p {
  position: relative;
  display: inline-block;
  font-size: 16px;
  top:-8px;
  line-height: 1.2;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px){
  .copyright-list > li {
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .copyright-list p {
    font-size: 13px;
    text-align: center;
  }
}

footer {
  /*
  position:fixed;
  bottom:0;
  text-align: center;
  clear: both;
  */
  position: relative;
}

footer p {
  font-size: 15px;
  font-weight:300;
}
@media screen and (max-width: 768px){
  footer p {
    font-size: 14px;
    font-weight:300;
    padding:0 13%;
  }
}


.mt-0 { margin-top: 0 }
.mt-3 { margin-top: 3px }
.mt-5 { margin-top: 5px }
.mt-6 { margin-top: 6px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
.mt-200 { margin-top: 200px }
.mt-300 { margin-top: 300px }
.mt-400 { margin-top: 400px }
.mt-500 { margin-top: 500px }
.mt-600 { margin-top: 600px }
.mt-700 { margin-top: 700px }
.mt-800 { margin-top: 800px }
.mt-900 { margin-top: 900px }
.mt-1000 { margin-top: 1000px }


@media only screen and (max-width: 768px) {
.mt-50,.mt-60,.mt-65,.mt-70,.mt-75,.mt-80,.mt-85,.mt-90,.mt-95 { margin-top: 15px }
.mt-100 { margin-top: 60px }
.mt-150 { margin-top: 40px }
.mt-200 { margin-top: 50px }
}

.mb-0 { margin-bottom: 0 }
.mb-3 { margin-bottom: 3px }
.mb-5 { margin-bottom: 5px }
.mb-6 { margin-bottom: 6px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
.mb-200 { margin-bottom: 200px }
.mb-300 { margin-bottom: 300px }
.mb-400 { margin-bottom: 400px }
.mb-500 { margin-bottom: 500px }
@media only screen and (min-width: 768px) {
.mb-50 { margin-bottom: 15px !important; }
.mb-100 { margin-bottom: 30px !important; }
.mb-150 { margin-bottom: 40px !important; }
.mb-200 { margin-bottom: 50px !important; }
}
