@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@,100;,300;,400;,700;,900&display=swap');


body{
   
    padding: 0;
    margin:auto;
    font-family: 'Lato', sans-serif;
    font-size: 16px;}



header {
    /* background: #000; */
    padding: 10px 0 10px;
    background-color: rgba(0,0,0,.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}
header.fixed-header {background-color: #222;
    transition: 0.3s;
}
.first-section-slider{margin-top: 0}
.navbar-light .navbar-nav .nav-link{
       color: #fff;
       font-size: 14px;
       padding: 5px 21px}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover{color:#fff;}

.navbar-expand-lg{
           padding: 0;
           float: right;}
.logo-section img{width:auto;}

.navbar-nav li {
  border: solid 1px transparent;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 4px;}

.navbar-nav li:hover{border: solid 1px #ffdb6f;
                     transition: 0.5s;
                     border-radius: 3px}

.navbar-nav li.active{
     border: solid 2px #ffdb6f;
   border-radius: 3px}

.navbar-light .navbar-nav li.active .nav-link {color: #fff;}
.first-section-item{position: relative;}
 


.first-slider.owl-theme .owl-dots {
	     position: absolute;
	     top:43%;
	     right:0;
	     transform: rotate(90deg);}

.first-slider.owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span{background:#161616}

.first-slider.owl-theme .owl-dots .owl-dot span{
                          background:#fff;
                          width: 14px;
                          height: 14px;}
.first-slider.owl-carousel button {
  width: 23px;}

.about-printing-img.owl-carousel button {width: 23px;}
.second-slide-work.owl-carousel button {width: 23px;}
.about-logo-img span{
                  color: #000;
                  font-size: 30px;
                  margin-bottom: 30px;
                  font-weight: 300;
                  position: relative;
                  padding-left: 15px;
                  display: inline-block;}

.about-logo-img img{
               padding: 0px 0 0 8px;
               width: 68%;}
.about-logo-img span::before{
                top:0;
                left: 0;
                content: "";
                position: absolute;
                height: 48px;
                width: 10px;
                border-left: 4px solid #9d1717;}



.about-logo-img p{
              color: #000;
              margin-bottom: 25px;
              font-size: 20px;
              font-weight: 500;
              max-width:410px}


.about-logo-img a {
    background:#890c0c;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    padding: 9px 13px 9px 13px;
    border-radius: 4px;
}
.about-logo-img a:hover {background:#a13535;}

.about-img-content{
           background: #333333;
           padding: 28px 0px 9px 28px;
           color: #fff;
}

.about-img-content img{margin:0 0 3% 12%}
.about-img-content span{color: #ffdb6f}
.about-img-content p{max-width: 593px;}

.products{
    background:#1a1a1a;
    color: #fff;
    padding: 50px 0px 50px;}

.hadding  h3{
       font-size: 30px;
       font-weight: 500;
       padding-left: 15px;
       
       margin-bottom:30px}

.hadding a{text-decoration: none;color: #fff}
.hadding::before{
                top:-6px;
                left: 0;
                content: "";
                position: absolute;
                height: 48px;
                width: 10px;
                border-left:4px solid #BBA146}
.hadding{position: relative;}
.services .hadding{position: relative;}
.services .hadding::before{top:-6px;
                left: 0;
                content: "";
                position: absolute;
                height: 48px;
                width: 10px;
                border-left:4px solid #9d1717}
.hadding  p{
      margin-bottom: 20px;
    }

.products-item img{border:1px solid #ccc;}

section{margin:65px 0px 0px;}

.hadding h3 span{
          font-size: 30px;
          font-weight: 300;
          padding-right: 5px}
.hadding h3{font-weight: 500}

.Service-type{
    background: #f7f7f7;
    min-height: 220px;
    padding: 20px 10px 0px 10px;
    margin: 20px 0px;
    border-radius: 10px;}

.Service-type:hover .services-icon{
                       background:#9d1717;}  

.Service-type:hover{
             background:#BBA146;}
.Service-type p{line-height:28px}
.services-icon {
         background: #666;
         height: 100px;
         width: 100px;
         border: 2px solid #fff;
         display: inline-block;
         border-radius: 50%;}

.services-icon img{padding-top: 17px}

.footer-last{
       background:#000;
      }

.services{margin-bottom: 65px}

.footer-social-icon ul li{
              padding:0 5px 0 5px;
              border:1px solid #615f5f;
              width: 40px;
              margin-right:2px;
              line-height:39px;
              text-align: center;
              height: 40px}

.footer-social-icon ul li:hover a {
                        color:#000;
                        transition:0.4s}

.footer-social-icon ul li:hover{
                         background:#BBA146;
                         border:solid 1px #BBA146;
                         transition:0.4s}

.footer-social-icon ul li a{
                    color:#ccc;
                    font-size:20px; }

.footer-first-row{
         background:#232121;
         padding: 20px}

.footer-second-row{
        margin-top: 20px;
        color:#fff}

.footer-last ul li{
         list-style: none;}
.footer-last ul li a{text-decoration: none;color: #fff}
.footer-second-location ul li p{
    font-size: 14px;
    color: #cccccc;
    max-width:190px;
    margin-bottom:0px;
    line-height: 1.70;
    }

.footer-over-hadding{
  margin-bottom: 0;
  background:#f7f7f7;
  padding: 21px 0px 5px;}


.footer-over-hadding p{font-size: 20px}

.footer-second-location ul li i{
         color:#BBA146;
         font-size: 20px;
         margin-right: 20px}

.footer-second-location ul{padding: 0}


.contact-option h4{
     font-size: 20px;
     color:#BBA146;
     padding-bottom:16px;
     font-weight: 500
   }
.contact-option{
  background:#333333;
  padding: 35px 0px 0px 36px;
  min-height: 280px;}

 .footer-links {padding: 35px 0 0 15px;}

.footer-links h4{
    padding-bottom: 22px;
    font-weight: 500;
    font-size: 24px;
    color:#BBA146;}
 .footer-links ul{padding: 0}
 .footer-links ul li {padding-bottom: 6px}
 
 .footer-links ul li a{font-size: 14px}
 
 .footer-links ul li a:hover{
                  color:#BBA146;
                  transition: 0.5s}

.copy-right{
     background:#333333;
     padding: 14px 0;
     color:#fff;}

.copy-right span{color:#BBA146}
.copy-right p{
      margin: auto;
      font-size: 14px}

.hover-link{
     background: rgba(0, 0, 0 , .7);
     opacity: 0;}
 
 .hover-link:hover{opacity: 10;} 
    
.products-item-img {
    position: relative;
}
.products-item-img .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.icon-1 {
    position: absolute;
    top: 0px;
    left: 0px;
    background: none;
    padding: 10px 15px;
    color: #fff;
    z-index: 5;
    
}

.hover-link a{color: #fff}    


.icon-1 a::before{
  border-color: #9d1717 transparent transparent;
    border-style: solid;
    border-width: 60px 60px 0 0;
    content: "";
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    color:#fff;
}

.icon-2 a::after{
  border-color: transparent transparent #9d1717;
    border-style: solid;
    border-width: 0 0 60px 60px;
    content: "";
    display: inline-block;
    height: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 0;
    z-index: -1;
    
}

a.home-title {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
}
.icon-2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: none;
    padding: 10px 15px;
    color: #fff;
    z-index: 5;
}
.products-slide{position: relative;}
.owl-theme .owl-nav {
    position: absolute;
    top: -47%;
    right: 2%;
}
.products-slide.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button{
    border: 1px solid #dddddd;
    color: #fff;
    border-radius: 0;
    width: 44px;
    height: 44px;
    line-height: 32px !important;}

.products-slide.owl-theme .owl-nav [class*=owl-]:hover{background: transparent;}

button:focus {
    outline: 0;
    outline: 0;
}

.first-slider .owl-theme .owl-nav [class*=owl-]:hover{background:none}
.first-slider .owl-theme .owl-nav [class*=owl-]{margin:2px}


.product-btn a{
       text-decoration: none;
       color:#912424;
       background:#fff;
       font: 700 16px "Lato";
       padding: 6px 12px;
       border: 1px solid transparent;
       border-radius: 3px;
       }
.product-btn a:hover{
       color:#fff;
       background:#912424;
}
.products-first-row1{margin-bottom: 21px}
.product-btn-content p{
        padding-top: 21px;
        font-size: 18px;
        margin: auto;}

.products-item .products-item-img{margin: auto;padding: 0}

/*==============About===============*/



.get-quote-section{margin-bottom: 20px}
.finaltouch-content h4 {
    max-width: 652px;
    margin: auto;
    text-align: center;
    font: italic 400 22px/36px "Playfair Display" !important;
    /* font-style: italic; */
}

.finaltouch-content strong{font:normal 400 22px/36px "Playfair Display" !important;}
.about-second-section{background:#222}
.slide-first{padding: 0}
.about-slide-content p{
           color: #fff;
            font-size: 22px;
            line-height: 1.75;}
strong{color:#BBA146}
.about-slide-content{padding: 50px 70px}
.about-second-slider{
       background:#bba146;
       margin:0;}

.slider-second-content p{
          font-size: 22px;
          padding: 50px 38px;
          line-height: 1.75;}      

.get-quote-content p{font-size: 14px}
.get-quote-content a{
      border: solid 2px#FF675B;
      border-radius: 5px;
      text-decoration: none;
      padding:14px 20px;
      color: #FF675B}

.get-quote-content a:hover{
                     background:#FF675B;
                      color: #fff;
                      transition: 0.4s}

.about-banner{
  background: url(../images/about-banner.jpg)
  no-repeat;
  background-size: cover;
  padding: 160px 0px;
  position: relative;
  margin:0;
 }

.about-banner::after,
 .products-banner::after,
  .Services-banner::after,
   .contact-banner::after{
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    top: 0px;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;}

.about-banner h4, .products-banner h4, .Services-banner h4, .contact-banner h4{
    font-weight: 500;
    font-size: 30px;
    color: #fff;
    /* z-index: 1000; */
    position: relative;
    text-align: center;
    /* left: 0; */
    /* right: 0; */
    z-index: 9;
}

.get-quote-content h3 b{
          color:#333;
          font-weight: 700;
          font-size: 24px;
          margin-bottom: 10px;
          display: inline-block;}

.about-printing-img{position: relative;}
.about-printing-img.owl-theme .owl-dots {
    position: absolute;
    top: 89%;
    right: 0;
    left: 0;}


.about-printing-img.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background:transparent;}
.about-printing-img.owl-theme .owl-dots .owl-dot:focus span{background: #fff}
.about-printing-img.owl-theme .owl-dots .owl-dot span{
                          background:none;
                          border: solid 1px #fff;
                          width: 10px;
                          height: 10px;
                          margin:auto;padding: 0}



.second-slide-work{position: relative;}
.second-slide-work.owl-theme .owl-dots {
    position: absolute;
    top: 76%;
    right: 0;
    left: 0;}


.second-slide-work.owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span{background:transparent;}
.second-slide-work.owl-theme .owl-dots .owl-dot:focus span{background: #fff}
.second-slide-work.owl-theme .owl-dots .owl-dot span{
                          background:none;
                          border: solid 1px #fff;
                          width: 10px;
                          height: 10px;
                          margin:auto;padding: 0}

/*=====================PRODUCTS=====================*/


.products-banner{
  background:url(../images/products-banner.jpg) 
  no-repeat;
  background-size: cover;
 padding: 160px 0px;
  position: relative;
  background-attachment: fixed !important;
    background-position: center center !important;
   color: #fff;
   margin:0;}


.product-page-products .card {
    width: 22rem;
    background: #f7f7f7;
    padding: 10px;
    border: solid 1px #ddd;
}

.product-page-products .card h5{font-size: 19px}
.product-page-products .card:hover{
         background:#BBA146;
         border: solid 1px#BBA146;
         -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;}

.product-page-products .card{
     font-size: 15px;
    line-height: 1.85;
    margin: 0 0 10px;}

.product-page-products .card a{
    color: #000;
    text-decoration: none;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    margin-top: 10px;
    display:inline-block;}

.product-page-products .card a:hover{color:#912424}
.rigid-box h2{
    background: #BBA146;
    margin: 0px;
    padding: 10px;
    font-size: 24px;
    margin-bottom: 20px;
    color:#000;
}

.rigid-boxes .rigid-box img{
        border:5px solid #f7f7f7;
        width: 100%}
.rigid-boxes .rigid-box img:hover{
         border:5px solid #BBA146;
       transition: all .6s;}

.rigid-boxes .rigid-box{margin-bottom: 48px}

.projects.modal {
  background: rgba(0,0,0,0.7);
}
.projects .modal-content {
    position: absolute;
	top:50%;
	left:0;
	right:0;
	transform:translate(0,-50%);
    background-color: #fefefe;
    margin: 30px auto;
    padding: 4px;
    width: 88%;
    max-width: 281px;
    border-radius: 22px;
    text-align: center;
    border: 5px solid rgba(0,0,0,0.2);
}
.projects .modal-content .mySlides img {
  width: 100%;
}
.projects .close {
  position: absolute;
  bottom: 10px;
  right: 7px;
  font-size: 17px;
  font-weight: bold;
  background: #ddd;
  opacity: 1;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  color: #535353;
  text-align: center;
  line-height: 22px;
  text-shadow: none;
  border: 1px solid #b5b5b5;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.projects .modal-content .prev, .projects .modal-content .next {
  position: absolute;
  top: 50%;
  left:0;
  transform: translate(0,-50%);
  background: #fff;
  border-radius: 4px;
  width: 26px;
  height: 26px;
  cursor:pointer;
}
.projects .modal-content .next {
	left:auto;
	right:0;
}

/*====================SERVICES====================*/



.Services-banner{
  background: url(../images/services-img.jpg)no-repeat;
  background-size: cover;
    padding: 160px 0px;
    position: relative;
    background-position: center center;
	margin:0;
    }

.hadding-none h3 strong{color: #000;}
.hadding-none h3 {
    font-size: 18px;
    padding: 5px 12px;
    width: 100%;
    font: normal 400 20px/36px "Playfair Display";
    letter-spacing: 0.5px;
    font-style: italic;
    max-width: 825px;
    margin: auto;

}

/*====================CONTACT====================*/

.contact-banner {
  background:url(../images/banner-img-3.jpg)
  no-repeat;
  background-size: cover;
  padding: 160px 0px;
  position: relative;
  margin:0;}


.form-section{
     background: url(../images/contact-back-img.png)
     no-repeat;
     background-size:cover;
     background-size: contain;
    background-position: center center;
    background-attachment: fixed;
   }

.form-map-content h3 {
    font: normal 400 21px/36px "Playfair Display" !important;
    letter-spacing: 1.5px;
    /* max-width: 661px; */
    margin: auto;
    width: 70%;
    text-align: center;
    color:#222;
}
.form-map-work h3 {
    font-weight: 700;
    margin: 0 0 32px;
    font-size: 24px;
    border-bottom:1px solid #eee;
    padding: 0 0 6px;
}
.form-work label {
  margin: 0;
  font-weight: 700;
  color: #333;
}
.form-work form input{
        background-color: transparent;
      
        border: 1px solid #7a7a7a;
        border-radius: 3px;
        color: #7a7a7a;
        display: block;
        font-size: 14px;
        height: 40px;
        line-height: 1.42857;
        margin-bottom: 0px;
        opacity: 0.8;
        padding: 6px 12px;
        transition: all 1s ease 0s;
        width: 100%;}
.form-work form textarea{
      width: 100%;
    font-weight: 500;
    color: #000;
    padding: 0px 10px;
    height: 100px
}

.form-group span{color:#BBA146}

.form-group a{
  text-decoration: none;
  background: #912424;
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 8px 50px;
}
.form-work a {
  background: #912424;
  color: #fff;
  padding: 6px 30px;
  height: 40px;
  display: inline-block;
  font-size: 16px;
  border-radius: 3px;
  opacity: 0.8;
  text-decoration:none;
}
.wpb_map_wraper iframe{
               width: 100%;
               height: 429px;
               }
.location-contact ul li {
    list-style: none;
    margin-bottom: 14px;
}

.footer-second-location-2 ul li i {
    color: #BBA146;
    margin-right: 10px;
    font-size: inherit;
}
.footer-second-location-2 ul li a{text-decoration: none;color: #337ab7}
.footer-second-location-2 ul li a:hover{
        color:#BBA146;
        text-decoration: underline;}
.footer-second-location-2 ul{
          padding: 0;
          margin-bottom: auto;}

.contact-map-row{margin:7% 0 65px}