@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Beau+Rivage&family=Birthstone&family=Cookie&family=Dynalight&family=Qwigley&family=Rouge+Script&family=Style+Script&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Story+Script&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll; }

body {
  font-family: "Libre Franklin", sans-serif;
  background: url(../../hd-images/bg-corrugated-sheet.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 175%; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
  table td, table th {
    border: .01em solid #CCC; }

.italic1 {
  font-family: "Cookie", serif !important; }

.italic2 {
  font-family: "Birthstone", serif !important; }

.italic3 {
  font-family: "Beau Rivage", serif !important; }

.italic4 {
  font-family: "Rouge Script", serif !important; }

.italic5 {
  font-family: "Qwigley", serif !important; }

.italic6 {
  font-family: "Style Script", serif !important; }

.italic7 {
  font-family: "Dynalight", serif !important; }

.italic8 {
  font-family: "Story Script", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  text-align: left;
  margin: 10px auto 5px;
  padding: 0; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 14px; }

a {
  text-decoration: none;
  border: none !important;
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

img {
  vertical-align: middle; }

figure {
  margin: 5px 0 10px; }

figcaption {
  text-align: center;
  font-size: 10px;
  font-style: italic;
  margin: 0 auto; }

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }

li {
  margin-left: 30px; }

p {
  text-align: justify;
  margin-bottom: 20px; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.rightsReserved {
  background: rgba(27, 30, 33, 0.85);
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
  border-top: 3px solid red;
  border-bottom: 10px solid red;
  text-decoration: none;
  /*border:none !important;*/
  outline: 0;
  -webkit-tap-highlight-color: transparent; }
  .rightsReserved span {
    padding-left: 10px;
    padding-right: 10px; }
  .rightsReserved a, .rightsReserved * {
    color: rgba(255, 255, 255, 0.6) !important; }

.rightsReserved2 {
  background: #1b1e21; }
  .rightsReserved2 * {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 300 !important; }
  .rightsReserved2 i {
    font-size: 30px !important; }

.rightsReserved3 {
  background: rgba(27, 30, 33, 0.85);
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px; }
  .rightsReserved3 span {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block; }
  .rightsReserved3 * {
    color: rgba(255, 255, 255, 0.6) !important; }

.contactUsPage * {
  text-align: left !important; }
.contactUsPage .media {
  margin-top: 30px !important; }
.contactUsPage h5 {
  color: #bb2d3b;
  font-weight: bolder;
  font-size: 18px; }

.columnLeft {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ba884d+0,ffffff+100&0.5+0,0+100 */
  background: linear-gradient(to right, rgba(186, 136, 77, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height: auto;
  /*border-left:.01em solid #CCC;*/
  padding-left: 20px;
  /*div{
    -webkit-transition: all 0.5s; !* Safari *!
    transition: all 0.5s;
  }*/
  /*div:hover{
    background-color: rgba(204, 204, 204, 1);
  }*/ }
  .columnLeft button.accordion-button {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100&1+0,0.5+100;Blue+3D+%231 */
    background: linear-gradient(to bottom, #f7fbfc 0%, #f9f4f0 40%, rgba(221, 206, 173, 0.4) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    font-size: 14px;
    font-weight: 600;
    color: #052c65 !important; }
  .columnLeft li {
    font-size: 12px !important; }
    .columnLeft li a {
      color: #333 !important; }

.img50 {
  max-width: 50px; }

.img75 {
  max-width: 75px; }

.img100 {
  max-width: 100px; }

.img150 {
  max-width: 150px; }

.img200 {
  max-width: 200px; }

.img250 {
  max-width: 250px; }

.img300 {
  max-width: 300px; }

.img350 {
  max-width: 350px; }

.img400 {
  max-width: 400px; }

.img450 {
  max-width: 450px; }

.img500 {
  max-width: 500px; }

.img550 {
  max-width: 550px; }

.abc .abc_para {
  color: red; }
  .abc .abc_para:hover {
    color: green; }

.ptb75 {
  padding-top: 75px;
  padding-bottom: 75px; }

.ptb50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.ptb25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.shadowtb {
  box-shadow: inset 0 11px 8px -10px #CCC, inset 0 -11px 8px -10px #CCC; }

.fixRight {
  background-color: #0dcaf0;
  position: fixed;
  right: 0;
  top: 50%;
  /*transform: translateY(-50%);*/
  transform: rotate(90deg); }

.top1 {
  background-color: #ce2026; }
  .top1 * {
    color: rgba(255, 255, 255, 0.7) !important; }
  .top1 i {
    font-size: 30px; }

.top1Mobile {
  background-color: black; }
  .top1Mobile * {
    color: rgba(255, 255, 255, 0.7) !important; }
  .top1Mobile i {
    font-size: 20px; }

.myNav1 * {
  font-weight: 500; }

.footer1 {
  background-color: #ce2026; }
  .footer1 * {
    color: white !important; }
  .footer1 i {
    margin-right: 20px;
    font-size: 20px; }

.pro1Main {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
  /*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);*/ }
  .pro1Main .pro1 {
    background-color: white;
    border: .01em solid #CCC;
    border-radius: 10px; }
    .pro1Main .pro1:hover {
      background-color: rgba(118, 189, 215, 0.1);
      animation: bounce;
      animation-duration: 1s; }

.bg2 {
  background: url(../../hd-images/bg2.jpg) no-repeat center fixed;
  min-height: 500px; }

.gra1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100&1+0,0.5+100;Blue+3D+%231 */
  background: linear-gradient(135deg, #f7fbfc 0%, rgba(217, 237, 242, 0.8) 40%, rgba(173, 217, 228, 0.5) 100%); }

.bodyText {
  border-top: 6px solid red;
  padding-top: 50px;
  padding-bottom: 50px; }

.enquiryImgContainer {
  clear: both !important;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  border: 0.01em solid rgba(204, 204, 204, 0.3);
  /*box-shadow: 4px 4px 4px #CCC;*/
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: inset 0 11px 8px -10px #CCC, inset 0 -11px 8px -10px #CCC; }
  .enquiryImgContainer .enquiryImg {
    float: right !important;
    position: relative;
    width: 90px !important;
    z-index: 10000; }

a.dropdown-item:hover {
  background-color: red !important;
  color: white !important; }

.corru {
  background: url(../../hd-images/corru.jpg) no-repeat center;
  min-height: 400px; }

.corru__ {
  /*background: url(../../hd-images/corrugated.jpg) no-repeat center !important;*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.bgRed {
  background-color: #ce2026; }

.productsPage {
  background-color: white;
  border: .01em solid #CCC;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #CCC;
  padding: 20px; }
  .productsPage h6 {
    text-align: center !important; }

.hNav {
  max-height: 400px;
  overflow-y: scroll; }

/*# sourceMappingURL=main.css.map */
