/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 15, 2015, 4:44:30 PM
    Author     : Danish
*/
@import url(https://fonts.googleapis.com/css?family=Dosis);
@import url(https://fonts.googleapis.com/css?family=Julius+Sans+One:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300 );
body{
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}
.header-container{
    background-image: url(../images/header-pat.jpg);
    background-repeat: repeat;
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    border-bottom: 1px solid #302b28;
}
.header{
    width:84.5%;
    margin: 0px auto;
    padding: 15px 0px;
    
}
.logo{
    margin: 30px 0px 20px 0px;
}
.header h1{
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 32px;
    padding-top: 30px;
    padding-left: 50px;
    text-transform:  uppercase;

}

.header h2{
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 45px;
    padding-top: 40px;
    padding-left: 20px;
    text-transform:  uppercase;

}
.no-margin-no-padding{
    margin: 0px !important;
    padding: 0px !important;
}


.menu-contaner{
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    background-color: #a1a194;
    
    
    
}
.main-menu{
    background-color: #a1a194;
    width: 84.5%;
    margin: 0px auto;
    padding: 0px;
    
}
.slider{
    width: 100%;
    margin: 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #302b28;
    border-top: 1px solid #716b67;
    background-image: url(../images/header-pat.jpg);    
    background-repeat: repeat;
}
.categories-container{
    width:100%;
    margin: 20px auto;
   
   
}
.categories{
    width: 84.5%;
    margin: 0px auto;
    
}

.categories img{
   padding: 0px 0px;
   margin: 0px auto ;
}

.img-margin{
    margin: 0px 3px;
}
.categories h1{
  background-color: #fc9400;
  padding: 30px 20px 30px 20px;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  margin: 2px auto;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  
}
.h1-color-1{
     background-color: #89988f !important;
     
}

.h1-color-2{
     background-color: #9b5748 !important;
}


.h1-color-3{
     background-color: #d29a4e !important;
}


.h1-color-4{
     background-color: #42573c !important;
}
.welcome-container{
    width: 100%;
    background-image: url(../images/header-pat.jpg);    
    background-repeat: repeat;
    border-top: 1px solid #716b67;
  
    margin: 0px auto;
    padding: 0px;
    
}
.welcome{
    width: 84.5%;
    margin: 0px auto;
    padding: 0px;
}
.welcome h1{

  padding: 50px 0px 30px 0px;
  text-align: left;
  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 48px;
  font-weight: 300;
}
.welcome .content{

background-color: none;
}
.welcome .content p{

color: #fff;
padding: 20px 30px;
text-align: left;
font-size: 20px;
font-family: 'Open Sans', sans-serif;


}
.product-container{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #e7e7e7; !important
  
}
.product{
    width: 90%;
    margin: 0px auto;
    padding: 0px;
}
.product h1{

  padding: 20px 0px 20px 0px;
 text-align: center;
  font-family: 'Julius Sans One', sans-serif;
  color: #4f4945;
  margin: 0px;
  font-size: 40px;
  font-weight: normal;
}
.product .img{

margin: 10px;
}
.footer-container{
    width:100%;
    background-image: url(../images/header-pat.jpg);    
    background-repeat: repeat;
    
}
.footer{
    width: 84.5%;
    margin: 0px auto;
}
.footer img{
 margin-top: 30px;
}
.footer h2{

  padding: 30px 0px 0px 0px;

  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 24px;
  font-weight: normal;
}
.footer .social{

}
.footer .social ul{

list-style-type: none !important;
}
.footer .social li{
display: inline;
list-style-type: none !important;

}
.footer .social li a{
text-align: center

}
.footer .right{
    text-align: right !important;
}
.footer p{

  padding: 10px 0px 10px 0px;
    font-family: 'Open Sans', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 16px;
  font-weight: normal;
}
.footer p a{

  padding: 10px 0px 10px 0px;
   font-family: 'Open Sans', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 16px;
  font-weight: normal;
}
.footer p span{

  padding: 10px 0px 10px 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 13px;
  font-weight: normal;

}
.footer-bottom-container{
    width:100%;
    margin: 0px;
    padding: 0px;
    background-color: #a1a194;
    

    margin-top: -20px;
    padding-bottom: 10px;
}
.footer-bottom{
    width: 84.5%;
    margin: 0px auto;
    padding: 0px;
}
.footer-bottom ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.footer-bottom ul li{
list-style-type: none;
display: inline;
margin: 0px;
padding: 0px;
}
.footer-bottom ul li a{
line-height: 50px;
padding: 0px 10px;
margin: 0px;
color: #2c2c2c;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.footer-bottom ul li a.active{
line-height: 50px;
padding: 0px 10px;
margin: 0px;
color: #FFFFFF;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.footer-bottom ul li .sep{
display: block;
}
.menu-before{
    display: block;
}
.menu-after{
    display: block;
}
.menu-full{
    display: block
}
.menu-1024{
    display: none;
}
.header-empty{
    display: block
}
.inner-container{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/products-bg.jpg);
    background-repeat: repeat;
    margin-top: 0px;
}
.inner{
    width: 84.5%;
    margin: 0px auto;
    padding: 0px;
}
.inner h1{
 
  padding: 30px 0px 20px 20px;

  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 35px;
  font-weight: normal;
}
.inner p{
 
    padding: 10px 0px 10px 20px;
  
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 14px;
  font-weight: normal;
}
.inner .content{
 
  background-color: #fff;
  margin: 20px 0px;
}
.inner .content h2{
 
    padding: 40px 0px 10px 0px;
  
  font-family: 'Open Sans', sans-serif;
  color: #681b3a;
  margin: 0px;
  font-size: 22px;
  font-weight: 300;
}

.inner .content ul{
 
  list-style-type: none;
  margin: 0px;
}

.inner .content li{
 
    padding: 2px 0px 2px 0px;
  
  font-family: 'Open Sans', sans-serif;
  color: #681b3a;
  margin: 0px;
  font-size: 16px;
  font-weight: lighter;
}
.inner .content p{
 
    padding: 2px 0px 2px 0px;
  
  font-family: 'Open Sans', sans-serif;
  color: #681b3a;
  margin: 0px;
  font-size: 16px;
  font-weight: lighter;
}
.inner .content a:hover{
 
  color: #681b3a;
 
}
.gallery-container{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/feature-bg.jpg);
    background-repeat: repeat;
    margin-top: 0px;
}
.gallery{
    width: 84.5%;
    margin: 0px auto;
    padding: 0px;
}
.gallery h1{
 
  padding: 30px 0px 20px 20px;

  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 35px;
  font-weight: normal;
}
.gallery p{
 
    padding: 10px 0px 10px 20px;
  
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 14px;
  font-weight: normal;
}
.gallery .img{
 
  margin: 10px;
}
.gallery .img p{
 
 padding: 5px 0px 5px 10px;

  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 25px;
  font-weight: 400;
  background-color: #8a7b61;
  width: 100%;
  box-shadow: 0px 5px 2px #30271c;
    }
.gallery .img p a{
 


  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 25px;
  font-weight: 400;

 
  text-decoration: none;
    }
.gallery .content{
 
  background-color: #fff;
  margin: 20px 0px;
}
.gallery h2{
 margin: 15px 0px;;
    padding: 5px 0px 5px 10px;

  font-family: 'Julius Sans One', sans-serif;
  color: #fff;

  font-size: 25px;
  font-weight: 400;
  background-color: #8a7b61;
  width: 100%;
  box-shadow: 0px 5px 2px #30271c;
}
.label-2{

  padding: 10px 0px 10px 0px;
 
  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 16px;
  font-weight: normal;
}
.input-border{
    border:1px solid #675d51 !important;
    background-color: #969085 !important;
    color: #000
}
.button-submit{
     -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: 'Julius Sans One', sans-serif;
  font-weight: normal;
  
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
   background-image: url(../images/products-bg.jpg);
  border-color: #007095;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
}

.golden-bar{
    width: 84.5%;
    margin: 0px auto;
    padding: 0px;
}
.golden-bar h1{

  padding: 50px 0px 30px 0px;
  text-align: left;
  font-family: 'Julius Sans One', sans-serif;
  color: #000;
  margin: 0px;
  font-size: 48px;
  font-weight: 300;
}
.golden-bar .content{

background-color: none;
}
.golden-bar .content p{

color: #000;
padding: 20px 30px;
text-align: left;
font-size: 20px;
font-family: 'Open Sans', sans-serif;


}
@media only screen and (max-width: 1280px) {
.main-menu{
    background-color: #a1a194;
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    
}
}
@media only screen and (max-width: 1024px) {
.menu-before{
    display: none;
} 
.menu-after{
    display: none;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    background-image: url("../images/menu-bg.jpg");
    line-height: 2.8125rem;
    padding: 8px 5px;
}
.menu-full{
    display: none
}
.menu-1024{
    display: block;
}
.welcome-container{
    width: 100%;
    background-image: url(../images/header-pat.jpg);
    background-repeat: repeat;
  
    margin: 0px;
    padding: 0px;
    margin-bottom: -11px;
    
}
.golden-container{
    width: 100%;
    background-image: url(../images/header-pat.jpg);
    background-repeat: repeat;
  
    margin: 0px;
    padding: 0px;
    margin-bottom: -11px;
    
}


@media only screen and (max-width: 768px) {
    .welcome-container{
   position: relative;
   z-index: 1;
}
.product-container{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #e7e7e7; !important
    background-repeat: repeat;
    margin-top: 0px;
}
.product h1{

  padding: 20px 0px 20px 0px;
 text-align: center;
  font-family: 'Julius Sans One', sans-serif;
  color: #4f4945;
  margin: 0px;
  font-size: 40px;
  font-weight: normal;
}
.footer-bottom ul li a{
line-height: 50px;
padding: 0px 5px;
margin: 0px;
color: #2c2c2c;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
.footer-bottom ul li a.active{
line-height: 50px;
padding: 0px 10px;
margin: 0px;
color: #fff;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
.footer-bottom ul li .sep{
display: block;
}
}
@media only screen and (max-width: 360px) {
      .top-bar-section ul li {
    background-image: url(../images/menu-bg.jpg);
      }
  .logo{
      text-align: center;
    margin: 10px 0px 10px 0px;
}
.header h1{
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 32px;
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
text-align: center;
    

}
.header-empty{
    display: none
}
  .welcome-container{
    width: 100%;
    background-image: url(../images/header-pat.jpg);    
    background-repeat: repeat;
    background-position: center top;
background-color: #6f1d3e;
    margin: 0px;
    padding: 0px;
   
}
.welcome h1{

  padding: 50px 0px 30px 0px;
  text-align: center;
  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 36px;
  font-weight: normal;
}
.product-container{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #e7e7e7; !important
    
}
.product h1{

  padding: 20px 0px 20px 0px;
 text-align: center;
  font-family: 'Julius Sans One', sans-serif;
  color: #4f4945;
  margin: 0px;
  font-size: 40px;
  font-weight: normal;
}
.welcome .content p{

color: #fff;
padding: 20px 30px;
text-align: center;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;

}
}
@media only screen and (max-width: 320px) {
      .top-bar-section ul li {
    background-image: url(../images/menu-bg.jpg); }
  .logo{
      text-align: center;
    margin: 10px 0px 10px 0px;
}


.header h1{
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: center;
    padding-left: 0px;
    

}

.header h2{
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 40px;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: center;
    padding-left: 0px;
    

}

  .welcome-container{
    width: 100%;
    background-image: url(../images/header-pat.jpg);
    background-repeat: repeat;
  
    margin: 0px;
    padding: 0px;
   
}
.welcome h1{

  padding: 50px 0px 30px 0px;
  text-align: center;
  font-family: 'Julius Sans One', sans-serif;
  color: #fff;
  margin: 0px;
  font-size: 30px;
  font-weight: normal;
}


.categories{
    width: 95%;
    margin: 0px auto;
    
}

.product{
    width: 98%;
    margin: 0px auto;
    
}
.product-container{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #e7e7e7; !important

}
.product h1{

  padding: 20px 0px 20px 0px;
 text-align: center;
  font-family: 'Julius Sans One', sans-serif;
  color: #4f4945;
  margin: 0px;
  font-size: 40px;
  font-weight: normal;
}
.welcome .content p{

color: #fff;
padding: 10px 5px;
text-align: center;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;

}
.footer{
    width: 90%;
    margin: 0px auto;
}
}