@charset "utf-8"; /* Specify character encoding */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700); /* Import Google Fonts */
*,
h1 {
  margin: 0; /* Reset margin for all elements and h1 */
}
#banner p,
body,
h2 {
  line-height: 20px; /* Set line height for readability */
}
#banner p,
.delivery,
.navbar-nav > li,
.navbar-text,
h2 {
  text-transform: uppercase; /* Transform text to uppercase for emphasis */
}
.cf:after,
.products {
  clear: both; /* Clear floats */
}
#banner,
.navbar {
  position: relative; /* Positioning context for child elements */
}
* {
  padding: 0; /* Reset padding for all elements */
}
body {
  font-size: 14px; /* Base font size */
  -webkit-font-smoothing: antialiased; /* Improve font rendering */
  text-rendering: optimizeLegibility; /* Optimize text rendering */
  color: #616161; /* Text color */
  background-color: #fff; /* Background color */
  font-family: "Open Sans", sans-serif; /* Font family */
}
.cf:after,
.cf:before {
  content: ""; /* Clearfix content */
  display: table; /* Display as table */
}
.cf {
  zoom: 1; /* Trigger hasLayout in IE */
}
img {
  max-width: 100%; /* Responsive images */
}
a {
  text-decoration: none !important; /* Remove underline from links */
}
.red,
a {
  color: #da2526; /* Red color for links and .red class */
}
.moreB,
h1 {
  color: #000; /* Black color for h1 and .moreB */
}
h2 {
  color: #970602; /* Dark red color for h2 */
}
h4 {
  color: #900; /* Darker red for h4 */
}
#banner p,
.loading:before {
  color: #fff; /* White color for banner text */
}
.content ul.prod > li > a,
.content ul > li {
  color: #000; /* Black color for list items */
}
#banner p {
  background: rgba(153, 0, 0, 0.9);
}
.content {
  background-color: #fff; /* White background for content */
}
h2 {
  background-color: #fff000;
}
footer {
  background-color: #000; /* Black background for footer */
}
#wrapper {
  background: url(../images/bg.jpg) 50% 0 no-repeat; /* Background image for wrapper */
}
header {
  background: url(../images/header.png) 50% 0 no-repeat; /* Background image for header */
  background-size: cover; /* Cover the entire header */
}
.content ul > li {
  background: url(../images/tick.png) no-repeat;
}
.content .prod ul > li {
  background: url(../images/arrow-1.gif) 0 5px no-repeat;
}
h1 {
  font-size: 18px; /* Font size for h1 */
  line-height: 22px; /* Line height for h1 */
  font-weight: 700; /* Bold font weight */
  padding: 30px 0 16px; /* Padding for h1 */
}
h2 {
  font-size: 14px; /* Font size for h2 */
  font-weight: 600; /* Semi-bold font weight */
  margin: 0 -15px; /* Margin for h2 */
  padding: 20px; /* Padding for h2 */
}
h4 {
  line-height: 21px; /* Line height for h4 */
  font-weight: 400; /* Normal font weight */
  margin: 4px 0 15px; /* Margin for h4 */
}
#banner p,
h5 {
  font-weight: 700;
}
#banner p {
  font-size: 18px;
}
.panel-body p,
a.more,
a.moreB {
  font-size: 13px; /* Font size for panel body and links */
}
p {
  margin: 0 0 20px; /* Margin for paragraphs */
}
.gallery {
  padding-top: 20px; /* Padding for gallery */
}
.mapBox {
  padding-top: 35px; /* Padding for map box */
}
.productBox {
  padding-top: 15px; /* Padding for product box */
  padding-bottom: 20px; /* Bottom padding for product box */
}
.row1 {
  margin-left: -10px; /* Negative margin for row */
  margin-right: -10px; /* Negative margin for row */
}
a.more,
a.moreB {
  font-weight: 600; /* Semi-bold font weight */
  padding: 0 10px 0 0; /* Padding for more links */
  background: url(../images/bullet.png) 100% 7px no-repeat; /* Background image for more links */
}
.container {
  max-width: 1100px; /* Maximum width for container */
}
.content {
  padding: 0 20px; /* Padding for content */
  margin: 0 -15px; /* Negative margin for content */
}
header .container {
  text-align: center; /* Center text in header */
  padding: 11px 0; /* Padding for header container */
  height: 171px; /* Fixed height for header */
}
header .container > img {
  position: relative;
  z-index: 110;
}
.navbar {
  background: #000; /* Black background for navbar */
  border: 0; /* No border */
  border-radius: 0; /* No border radius */
  min-height: 60px; /* Minimum height for navbar */
  margin-bottom: 0; /* No margin at bottom */
  z-index: 100; /* Z-index for stacking */
}
.navbar-toggle {
  margin: 22px 15px; /* Margin for toggle button */
  padding: 0; /* No padding */
  border: none; /* No border */
  border-radius: 0; /* No border radius */
  background-color: transparent !important; /* Transparent background */
}
.navbar-toggle .icon-bar {
  background-color: #fff !important;
}
.navbar-collapse {
  border-color: #170a01 !important;
  padding: 0;
  max-height: 500px;
}
.navbar-text {
  padding: 15px 50px 15px 20px; /* Padding for navbar text */
  font-size: 15px; /* Font size for navbar text */
  line-height: 30px; /* Line height for navbar text */
  margin: 0; /* No margin */
}
.navbar-text a.add {
  display: none;
}
.navbar-text a,
.navbar-text a:hover {
  padding: 0 0 0 21px;
  display: inline-block;
  /* background: url(../images/anch.png) 0 50% no-repeat; */
  color: #ffea00 !important;
}
.navbar-text a + a,
.navbar-text a + a:hover {
  /* background: url(../images/ph.png) 0 50% no-repeat; */
  color: #fff !important;
}
.navbar-nav {
  margin: 0;
}
.navbar-nav > li > a {
  color: #fff !important;
  font-weight: 600;
  padding: 10px 20px;
  background: 0 0;
}
.dropdown.open > a,
.navbar-nav > .active > a,
.navbar-nav > .active > a:focus,
.navbar-nav > .active > a:hover,
.navbar-nav > li > a:hover {
  color: #fff !important;
  background: #a5081d !important;
}
.dropdown-menu {
  padding: 0; /* No padding */
  background: #a5081d !important; /* Background color for dropdown */
  border-radius: 0; /* No border radius */
  -webkit-box-shadow: none; /* No shadow */
  box-shadow: none; /* No shadow */
}
.dropdown-menu > li > a {
  color: #fff !important;
  font-weight: 600;
  padding: 10px 20px !important;
  background: 0 0;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: #960518;
}
#banner {
  padding: 0;
}
#banner p {
  padding: 20px;
  margin-bottom: 0;
}
.loading:before {
  content: "LOADING"; /* Loading text */
  display: block; /* Block display */
  margin: 100px 0 0; /* Margin for loading text */
  text-align: center; /* Center text */
  font-weight: 700; /* Bold font weight */
  font-size: 60px; /* Font size for loading text */
  opacity: 0.3; /* Transparency for loading text */
}
.delivery {
  color: #000; /* Black color for delivery */
  background: #fdce08; /* Yellow background for delivery */
  border: none; /* No border */
  border-radius: 0; /* No border radius */
  font-size: 20px; /* Font size for delivery */
  font-weight: 700; /* Bold font weight */
  margin-bottom: 0; /* No margin at bottom */
}
.content h1 {
  text-align: left; /* Left align h1 in content */
}
.content p {
  text-align: justify; /* Justify text in paragraphs */
}
.content div.prod {
  padding-bottom: 20px;
}
.content .prod p {
  text-align: justify !important;
}
.content .prod h4 {
  font-weight: 600 !important;
}
.content ul {
  list-style: none;
  padding: 16px 0 28px;
  margin: 0;
}
.content ul.prod {
  padding-top: 20px;
}
.content .prod ul {
  padding: 0;
  text-align: left;
  overflow: hidden;
}
.content ul > li {
  padding: 0 0 10px 33px;
  line-height: 15px;
  font-weight: 600;
}
.content .prod ul > li {
  padding: 0 20px 10px 15px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
.products {
  padding-top: 30px;
}
.panel {
  border-color: #ddd !important;
  border-radius: 0;
  padding: 4px;
}
.myBox {
  cursor: pointer;
}
.myBox a {
  display: none;
}
.panel-body {
  padding: 13px;
}
.img-portfolio img,
.panel img {
  width: 100%;
}
.img-portfolio {
  padding: 10px 0;
}
footer {
  margin-top: 28px;
  padding: 13px 0;
  text-align: center;
}
footer p {
  font-size: 11px;
  margin: 0;
}
footer ul {
  list-style: none;
  margin-bottom: 0;
}
footer li {
  display: inline;
  padding-right: 12px;
  margin-right: 11px;
  font-size: 12px;
  white-space: nowrap;
}
.cred a:hover,
footer a {
  color: #fff;
}
.cred,
.cred a {
  color: #6c6c6c;
}
@media (min-width: 480px) {
  .content ul {
    text-align: left; /* Left align list on larger screens */
  }
  .content ul > li {
    display: inline-block; /* Display list items inline */
    padding: 0 81px 0 33px; /* Padding for list items */
  }
  .content ul.prod > li {
    width: 206px;
    padding: 0 0 10px 33px;
  }
  .content ul > li + li {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  #banner {
    padding: 0; /* No padding for banner on small screens */
  }
}
@media (min-width: 667px) {
  .content h1,
  .content ul,
  h2 {
    text-align: center; /* Center align headings and lists */
  }
  .content ul.prod,
  .mapBox p,
  .productBox p {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: right; /* Float navbar header to the right */
  }
  .navbar-nav > li {
    margin-right: 0;
    margin-bottom: 0;
  }
  .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 1px;
  }
  .navbar-text {
    padding-left: 19px;
    padding-right: 0;
    border-left: 1px solid #131313;
  }
  .navbar-text a,
  .navbar-text a:hover {
    padding: 0 10px 0 21px;
  }
  .navbar-text a + a,
  .navbar-text a + a:hover {
    padding: 0 0 0 21px;
  }
  .open .dropdown-menu {
    border-top: 0;
  }
  #banner {
    padding-top: 10px;
  }
  #banner p {
    width: 100%;
    position: absolute;
    bottom: -1px;
  }
  #banner.inner p {
    position: relative !important;
  }
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .content,
  h1,
  h2 {
    margin: 0; /* Reset margin for content and headings */
  }
  .navbar-text a.add {
    display: inline-block;
  }
  #banner {
    padding-top: 30px;
  }
  .container {
    padding: 0;
  }
  .content {
    padding: 0 40px;
  }
  .content ul.prod {
    padding-top: 40px;
  }
  h1 {
    padding: 35px 0 16px;
  }
  h2 {
    padding: 0;
    font-size: 23px;
    line-height: 70px;
  }
  .img-portfolio {
    padding: 15px;
  }
  footer ul {
    text-align: left;
  }
  .delivery,
  footer p {
    text-align: right;
  }
  .delivery {
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 100;
    background: url(../images/ribbon.png) 100% 0 no-repeat;
    padding-left: 54px;
  }
  .products .panel-body h4 {
    font-size: 14px;
  }
  .products .panel-body p {
    height: 140px;
    margin-bottom: 10px;
  }
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
.col-lg-15,
.col-md-15,
.col-sm-15,
.col-xs-15,
.row1 .col-md-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}