@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

body{

  background-color: #212121;
  font-family: 'Oswald', sans-serif;
}



*{

    margin: 0;
    padding: 0;
}
header{

 
 top:0;
 z-index: 9999;
 left: 0;
 right:0;
 position: relative;


}

.inner{

 background:url(images/header.png) center top;
 background-size: cover;
 height: 172px;
 background-position: 0px 0px;
}
.menu-bar{

    background-color: rgba(38,36,36,0.95);
    position: relative;
    border-top: 3px solid #d61e1e;
    border-bottom: 3px solid red;
    padding: 0px 0px;
}
.right {
    float: right;
}
.right ul{
   list-style: none;
   margin: 0;
}
.right ul li{

    display: inline-block;
    margin-left: 32px;
    line-height: 41px;
}
.right ul li a {
    color: #fff;
    font-size: 17px;
    text-decoration: none;
}
.wide {
    padding: 40px 0px 0px;
}
.content h2{

    background: url(images/h1_bg.png);
    background-repeat: no-repeat;
  
    background-position: 0px 22px;
    padding-left: 27px;
    border-bottom: 1px solid #585353;
    color: #fb8000;
    padding-bottom: 7px;
    text-transform: uppercase;
   

}
.inner-img img {
    width: 100%;
    }

.inner-img{

    background-color:#1d1d1d;
    
    overflow: hidden;
}
.about-top {
    
    border: 1px solid #333333;
    padding: 10px;
}
.content p {
    color: #fff;
    font-size: 17px;
    line-height: 29px;
    text-align: justify;
    font-family: 'Poppins', sans-serif;
       text-transform: capitalize;
}
.container.box {
    margin-top: 39px;
}
.read_more a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 12px 45px 12px 45px !important;
    background: #f90318;
    float: left;
    margin-top: 20px !important;
    text-decoration: none;
}
.box-padding h1 {
    font-family: 'Oswald', cursive;
    font-size: 28px;
    color: #fff;
    text-align: left;
    font-weight: 700;
}
.box-padding i {
    margin-top: 15px !important;
    color:#fff;
}
.box-padding p {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #fff;
    margin-top: 5px;
    text-align: left;
    text-align: justify;
}
.banner{

    position: relative;
}
.tab h2 {
    color: #fff;
}
.tab {
   padding: 44px 0px 58px;
}

.footer{ 
  border-top: 5px solid #75030d;
  background: #2c2c2c;
  color: #fff;
  padding: 43px 0px 23px;
 
}
.tab h2 {
    margin-bottom: 31px;
}

.footer h1{
    font-family: 'Oswald', sans-serif; color:#fff; text-align:left; font-size:24px;
    border-bottom:1px solid #003553;  padding:5px;
   text-shadow: 0 1px 0 #000;


}
.footer ul{ list-style:none; margin-left:-40px; margin-top: 22px;}
.footer li{ display:block; padding:5px;}
.footer a{ font-family:'Roboto', sans-serif; font-size:16px; color:#fff; text-decoration:none; }
.footer a:hover{ color:#ff0000; text-decoration:none;}

.footer p{font-family: 'Roboto', sans-serif; font-size:15px; color:#fff; text-align:left; padding:5px !important;}

.footer ul{ list-style:none; margin-left: 4px;

 }
 .social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.footer h1{
    font-family: 'Oswald', sans-serif; color:#fff; text-align:left; font-size:24px;
    border-bottom:1px solid #eeefef; 
   text-shadow: 0 1px 0 #000;
   padding: 20px 0px;


}
.sub-footer {
    padding: 22px 0px;
}
.sub-footer a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}
.col-sm-6.copyright {
    color: #fff;
    font-size: 20px;
}

.footer a:hover{  color:#ff0000; text-decoration:none;}

.social-icons a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 18px;
}
#cssmenu ul ul {
   
    z-index: 9999;
}

.right ul li i {
 
    padding-right: 12px;
    font-size: 25px;
}
.bannere img {
    width: 100%;
}
.heading {
    margin: 51px 0px;
}
.contact-tab {
    background-color: #fff;
}
.contact-tab h4 {
    text-align: center;
    font-size: 23px;
}
.contact-tab .con-p {
    font-size: 21px;
    font-weight: normal;
}
p.cont-address {
    font-size: 21px;
}
.heading h2.text-center {
    color: #fff;
}
.welcome .inquiryq {
    color: #fff;
    text-align: center;
    font-size: 25px;
}
.inqueryn strong {
    color: #fff;
    font-size: 19px;
    font-family: arial;
}
p.inquiryq {
    margin: 32px 0px 0px;
}

.ab h3 {
    color: #fff;
    font-size: 21px;
   
}
.ab p {
    color: #fff;
    font-size: 19px;
    text-transform: capitalize;
}
.tab td {
    color: #fff;
    font-size: 18px;
    font-family: arial;
    line-height: 32px;
}
.head span {
       color: #fb8000;
   
    font-size: 24px;
}
.footer ul a {
    text-transform: capitalize;
}




.custome-inner {
    position: relative;
    padding: 38px 0px 100px 0px;
}
.custome-inner::before {
    content: "";
    background-color: rgba(66,68,58,0.85);
    width: 100%;
    height: 230px;
    position: absolute;
    top: 0;
    opacity: 0.8;
}

.custome-main .title-cont {
    position: relative;
}
.custome-main h6 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
}
.custome-main .title-cont::before {
    content: "";
    position: absolute;
    width: 49px;
    left: -64px;
    top: 15px;
    border-bottom: 2px solid #fff7f2;
}

.custome-inner .custome-path {
    list-style: none;
    transform: translate(0px, 54px);
}
.custome-inner .custome-path li {
    display: inline-block;
    margin: 1px 36px 0px 0px;
    color: #fff;
    font-size: 16px;
}
.custome-inner .custome-path li:nth-child(2)::before {
    content: "\f054";
    position: absolute;
    font-family: fontawesome;
    left: 47px;
    color: #fff;
}
.custome-main h6 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

.head1 h3 {
    background-color: #a2a2a2;
    color: #fff;
    padding: 10px 9px;
    font-size: 27px;
    font-weight: normal;
}
.container.up p {
    font-size: 20px;
    color: #fff;
    font-family: arila;
}

.rock img {
    width: 500px;
    object-fit: cover;
    height: 300px;
}
.product-bt {
    margin: 41px 0px;
}
.rock {
    margin-bottom: 24px;
}
.custome-inner .custome-path li a {
    color: #fff;
    text-decoration: none;
}


@media only screen and (max-width: 1024px) {

    .inner {
         height: 90px;
   }
}
@media only screen and (max-width: 720px) {

    .inner {
      height: 91px;
   }
   .footer{
    padding: 0px 0px 0px;
   }
   .footer h1{

    padding: 4px 0px;
   }

   .footer ul {
     
     margin-top: 12px;
   }
   .sub-footer {
    padding: 6px 0px;
 }
 .copyright {
    font-size: 16px;
}
.sub-footer a{
    font-size: 16px;
}
.custome-inner {
   
    padding: 24px 2px 17px 0px;
}

.custome-main h6 {
    font-size: 19px;
}
.custome-inner .custome-path {
    list-style: none;
    transform: translate(0px, 7px);
}
.custome-inner::before {

    height: 116px;
}
.tab {
    padding: 12px 0px 17px;
 }
}



@media only screen and (max-width: 600px) {
 .inner {
    height: 66px;
    background-position: 0px 0px;
  }

  .about-top {
    border: 1px solid #333333;
    padding: 1px;
    margin-top: 93px;
}

.content h2{

    font-size: 20px;
    background-position: 0px 14px;
}

.content p {
    color: #fff;
    font-size: 15px;
    }

    .read_more a{

        padding: 9px 20px 9px 20px !important;
    }

}

@media only screen and (max-width: 513px) {

.inner {
    height: 60px;

}


@media only screen and (max-width: 480px) {

.custome-inner {
    padding: 17px 0px 9px 0px;
   
   }
   .custome-inner .custome-path {
    transform: translate(0px, 3px);
}

.custome-inner::before{

    height: 106px;
    opacity: -0.2;
}
.custome-main h6{

    font-size: 19px;
    font-weight:normal;
}

.heading {
    margin: 0px 0px;
}
.footer {
    border-top: 5px solid #75030d;
    background: #2c2c2c;
    color: #fff;
    padding: 0px 0px 4px;
}
.sub-footer {
    padding: 5px 0px;
}
.col-sm-6.copyright {

    font-size: 13px;
    float: left;
}
.sub-footer a {

    font-size: 13px;
 }
 .footer h1 {
    padding: 0px 0px;
 }

  .tab {
    padding: 0px 0px 15px;
}

.wide {
    padding: 0px 0px 0px;
}
.ab p {
   
    font-size: 15px;
}

.head span {
     font-size: 17px;
    }
.right ul li a{

        font-size: 16px;
}
#cssmenu > ul > li > a{
    font-size: 15px;
}

#cssmenu ul ul li a {
    font-size: 15px;
}
.wide {
    padding: 0px 0px 0px;
}

}

@media only screen and (max-width: 414px) {

    .inner {
    height: 42px;
    background-position: 0px 0px;
   }

}




@media only screen and (max-width: 380px) {

    .inner {
    height: 42px;
    background-position: 0px 0px;
   }

}

@media only screen and (max-width: 349px) {

   .inner {
    height: 39px;

}

}