body {
    font-family: 'Nunito', sans-serif;
}
.login {
    color: white;
    font-size: 20px;
}

.bg-text {
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgb(255,255,255, 0.8); /* Black w/opacity/see-through */
    color: white;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 50%;
    padding: 20px;
    text-align: center;
    border-radius: 50px;
}
.bg-text2 {
   
    color: white;
    font-weight: bold;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    padding: 20px;
    text-align: center;
    
}
.bg-text3 {
   
    color: white;
    font-weight: bold;
    position:absolute;
    top: 40%;
    left: 40%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    padding: 20px;
    text-align: center;
    
}


.d-block w-100 {
    filter: blur(5px);
   -webkit-filter: blur(10px);
}

.column {
    float: left;
    width: 33.33%;
    padding: 5px;
    }

    /* Clearfix (clear floats) */
    .row::after {
    content: "";
    clear: both;
    display: table;
    }

    #twoimages {
        background-color: #e5e5e5;
    }

    #rowimage {
        text-align: center;
    }

    #banner1 {
        background-image: url('/images/homeimage.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    #banner2 {
        background-image: url('/images/home.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .container1 {
        position: relative;
        text-align: center;
        color: white;
        }
        .top-right {
        position: absolute;
        top: 60px;
        right: 1px;
        background-color: #A1A361;
        font-size: 40px;
        }
        .bottom-left {
            position: absolute;
            bottom: 60px;
            left: 1px;
            
          }
          .top-left {
            position: absolute;
            top: 20px;
            left: -20px;
          }


          .imgabout {
            text-align: left; 
            color:black; 
            margin-left: 20px; 
            margin-right: 20px; 
            margin-top: 20px; 
            margin-bottom: 20px; 
            background-color: white; 
            border: outset gray 1px;
            font-size: 25px;
          }
          .specialview {
            text-align: left; 
            color:black; 
            margin-left: 20px; 
            margin-right: 20px; 
            margin-top: 20px; 
            margin-bottom: 20px; 
            background-color: white; 
            border: outset gray 1px;
            font-size: 15px;
          }

    .hotdiv {
        height: 130px;
        width: 100%;
        
        background-color: black;
    }
    .bestdiv {
        height: 130px;
        width: 100%;
        background-color: #A1A361;
    }

    .con {
        position: relative;
        width: 100%;
        
        }

    .btn {
        position: absolute;
        top: 90%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #A1A361;
        color: white;
        font-size: 12px;
        
        border: none;
        cursor: pointer;
        border-radius: 50px;
        text-align: center;
        height: 30px;
        width: 120px;
        
        }

    .inputcls {
        
        border: 1px solid #D0D1D8; 
        border-radius:50px;
        width: 120px;
        margin-right: 20px;
    }

    .inputbtn {
        border-radius:50px;
        background-color: #CCA929;
        color: white;
        width: 120px;
    }
    .inputbtn:hover {
        background-color: #826A12;
    }

    .footer-dark {
padding:50px 0;
color:#f0f9ff;
background-color:#282d32;
}

.footer-dark h3 {
margin-top:0;
margin-bottom:12px;
font-weight:bold;
font-size:16px;
}

.footer-dark ul {
padding:0;
list-style:none;
line-height:1.6;
font-size:14px;
margin-bottom:0;
}

.footer-dark ul a {
color:inherit;
text-decoration:none;
opacity:0.6;
}

.footer-dark ul a:hover {
opacity:0.8;
}

@media (max-width:767px) {
.footer-dark .item:not(.social) {
text-align:center;
padding-bottom:20px;
}
}

.footer-dark .item.text {
margin-bottom:36px;
}

@media (max-width:767px) {
.footer-dark .item.text {
margin-bottom:0;
}
}

.footer-dark .item.text p {
opacity:0.6;
margin-bottom:0;
}

.footer-dark .item.social {
text-align:center;
}

@media (max-width:991px) {
.footer-dark .item.social {
text-align:center;
margin-top:20px;
}
}

.footer-dark .item.social > a {
font-size:20px;
width:36px;
height:36px;
line-height:36px;
display:inline-block;
text-align:center;
border-radius:50%;
box-shadow:0 0 0 1px rgba(255,255,255,0.4);
margin:0 8px;
color:#fff;
opacity:0.75;
}

.footer-dark .item.social > a:hover {
opacity:0.9;
}

.footer-dark .copyright {
text-align:center;
padding-top:24px;
opacity:0.3;
font-size:13px;
margin-bottom:0;
}


.topdiv {
    width: 100%;
    height: 120px;
    background-color: #FCFCFC;
    margin-top: 40px;
}
#thumbnail {
    position: relative;
    display: inline-block;
}

.caption {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
    background-color: white;
    font-weight:200;
    font-size: 15px;
    border: outset #E0E0E0 1px;
}
.btn1 {
    width: 70px;
    height: 23px;
    background-color: #A1A361;
    border-radius: 50px;
    font-size: 12px;
   color: white;
   margin-bottom: 10px;
   border: none;
}

a:link { text-decoration: none; }

h1.header1 {
    margin-top: 50px; 
    text-align:center; 
    color:#CCA929; 
    font-weight: bold;
    font-size: 60px;
}

h3.header1 {
    text-align:center; 
    color: #848484; 
    font-weight: bold;
    font-size: 35px;
}



.pagination {
    display: inline-block;
  }
  
  .num {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    border-radius: 100px;
    margin: 0 4px;
    font-size: 10px;
  }
  
  .pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
  }

  #iconprint {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    width: 10px;

    margin: 0 4px;
  }
  
  .pagination a:hover:not(.active) {background-color: #ddd;}



  .circle {
    border-radius: 50%;
    width: 260px;
    height: 260px;
    padding: 10px;
    background: #fff;
    border: 20px solid #000;
    color: #000;
    text-align: center;
    font: 32px Arial, sans-serif;
    margin-top: 200px;
    
  }





  .file-upload {
    
    width: 200px;
    margin-top: 50px;
    padding: 20px;
    height: 100px;
  }
  
  .file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #7D8038;
    border: none;
    padding: 10px;
    border-radius: 50px;
    font-size: 15px;
    transition: all .2s ease;
    outline: none;
    
    font-weight:bold;
  }
  
  .file-upload-btn:hover {
    background: #1AA059;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
  }
  
  .file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
  }
  
  .file-upload-content {
    display: none;
    text-align: center;
  }
  
  .file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 50%;
    outline: none;
    opacity: 0;
    cursor: pointer;
  }
  
  .image-upload-wrap {
    margin-top: 20px;
    
    position: relative;
  }
  
 
  .drag-text {
    text-align: center;
    margin-top: -20px;
  }
  
  .drag-text h6 {
    font-weight: 100;
   
    color: #15824B;
    
  }
  
  .file-upload-image {
    max-height: 100px;
    max-width: 100px;
    margin: auto;
    padding: 20px;
  }
  
  .remove-image {
    width: 100px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
  }
  
  .remove-image:hover {
    background: #c13b2a;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
  }
  
  .remove-image:active {
    border: 0;
    transition: all .2s ease;
  }
 

  .nextbtn {
    /*margin-top: 100px; */
    /*float: right; */
    bottom:50px;
    background-color: white;
    border-style: none;
    font-size: 25px;
    font-weight: bold;
  }
  

  .para {
      font-size: 8px;
  }
  .orderbtn {
      font-size: 12px;
      background-color: #7D8038;
      color: white;
      border-style: none;
      width: 100px;
      border-radius: 30px;
  }


  .printbtn {
    background-color: #FFD643;
    border-style: none;
    width: 120px;
    height: 30px;
    border-radius: 50px;
  }


  .framebtn {
    font-size: 10px;
    border-style: 2px solid #0bd34e;
    width: 80px;
    height: 42px;
    color: black;
    background-color: white;
    border-radius: 50px;
    
  }