@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Teko:700);

@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}

  
  /* @keyframes zoom {
    from {
      transform: scale(0.3, 0.3);
    }
    to {
      transform: scale(1, 1);
    }
  }

  
  .carousel-inner .item > img {
    animation: zoom 40s;
  } */


    .carousel{
        margin: 0px !important;
        padding: 0px !important;

    }

    .carousel-caption{
        position: absolute;
        bottom: 100px !important;
    }
    
    .carousel-caption h5{
        font-size: 50px;
        text-transform: uppercase;
        font-weight: 500;
        font-family: 'Nosifer', cursive;
        text-shadow:3px 1px 10px black;
        letter-spacing: 2px;
        margin-top: 25px;

    }

    .carousel-caption p{
        font-size: 20px;
        font-family:cursive;
        margin: auto;
        line-height: 1.9;
    }

    .carousel-caption a{
        text-transform: uppercase;
        letter-spacing: 3px;
        text-align: center;
        background: teal;
        padding: 5px 30px;
        display: inline-block;
        color: white;
        margin-top: 15px;
        border-radius: 0px;
        border: none !important;
        border-radius: 0px !important;
        opacity: 0.8;
    }

    .carousel-caption a:hover{
        opacity:1;
        text-decoration: none;
        color: white;
    }
    .img-index{
        position: absolute;
        top:150px;
        left:35%;
        width: 35%;
        height: 85%;
    }
    .p-index{
        position: absolute !important;
        top: 180px !important;
        left:80px !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #000!important;
        letter-spacing: 2px;
        word-spacing: 0px !important;
        text-transform: capitalize;
        border-bottom:solid 4px #000;
    }
    .phone-index{
        position: absolute !important;
        top: 320px !important;
        left:100px !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #000!important;
        letter-spacing: 2px;
        word-spacing: 0px !important;
        text-transform: capitalize;
        padding: 10px !important;
    }
    .phone-index:hover{
        opacity: 0.5;
    }
    .insta-index{
        position: absolute !important;
        top: 340px !important;
        left:100px !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #000!important;
        letter-spacing: 2px;
        word-spacing: 0px !important;
        text-transform: capitalize;
        margin-top: 15px !important;
        padding: 10px !important;
    }
    .insta-index:hover{
        opacity: 0.5;
    }
    .h4-index{
        position: absolute !important;
        top: 80px !important;
        right:80px !important;
        font-size: 23px !important;
        font-weight: 400 !important;
        color: #000!important;
        letter-spacing: 5px;
        word-spacing: 0px !important;
        text-transform: uppercase;
    }
    .h2-index{
        position: absolute !important;
        top: 200px !important;
        right:50px !important;
        font-size: 45px;
        font-weight: bold!important;
        color: #000!important;
        letter-spacing: 8px;
        word-spacing: 0px !important;
        text-transform: capitalize;
    }
    .h5-index{
        position: absolute !important;
        top: 450px !important;
        right:60px !important;
        font-size: 20px;
        font-weight: 400!important;
        color: #000!important;
        letter-spacing: 8px;
        word-spacing: 0px !important;
        text-transform: uppercase;
        border-bottom:solid 3px #000;
        padding: 15px !important;
    }
    .h1-index1{
        position: absolute !important;
        top: 150px !important;
        left:30% !important;
        font-size: 80px !important;
        color: #fff !important;
        letter-spacing: 2px;
        font-family: 'Monoton', cursive;
        text-transform: uppercase;
        text-shadow:2px 1px 10px rgb(0, 255, 255);
        border-bottom:double 5px white;
    }
    .h3-index1{
        position: absolute !important;
        top: 300px !important;
        left:45% !important;
        font-size: 100px !important;
        color: #000 !important;
        letter-spacing: 2px;
        text-transform:lowercase;
        font-family: 'Beau Rivage', cursive;
        text-shadow:2px 1px 7px #050505;
    }
    .h2-index1{
        position: absolute !important;
        top: 420px !important;
        left:26% !important;
        font-size: 120px !important;
        color: black !important;
        font-weight: 500 !important;
        letter-spacing: 2px;
        text-transform:capitalize;
        font-family: 'Beau Rivage', cursive;
        text-shadow:2px 1px 7px #050505;
    }
    .h3-index3{
        position: absolute !important;
        top: 130px !important;
        left:140px !important;
        font-size: 60px !important;
        color: #fff !important;
        letter-spacing: 2px;
        font-family: 'Beau Rivage', cursive;
        text-transform: capitalize;
        text-shadow:2px 1px 1px rgb(0, 87, 87);
    }
    .p-index3{
        position: absolute !important;
        top: 300px !important;
        left:140px !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        color: #000!important;
        letter-spacing: 2px;
        font-family: 'Beau Rivage', cursive;
        text-transform: capitalize;
    }
    .item-btn{
        position: absolute !important;
        top: 510px !important;
        left:230px !important;
        padding: 10px 30px!important;
        font-size: 40px !important;
        text-shadow:2px 1px 1px rgb(0, 87, 87);
        box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.7);
        font-family: 'Beau Rivage', cursive;
        background:linear-gradient(to right, rgba(255,0,0,0), rgb(0, 128, 128)) !important;
        border-radius: 0px !important;
        color: #fff !important;
        letter-spacing: 2px;

    }
    .item-btn:hover{
        background-color:black !important;
        color: teal !important;
        text-shadow:2px 1px 1px rgb(0, 0, 0);
        box-shadow: 0 0 20px rgba(1, 74, 77, 0.7);
        text-decoration: none !important;
    }
    .toparea{
        width: 100%;
        border-bottom: solid 1px lightgray;
        padding-bottom:20px ;
    }

    .toparea h1{
        text-align: center;
        padding-top:0px;
        font-size: 30px;
        letter-spacing: 5px;
        font-weight: 200;
        color: black;
        text-transform: uppercase;
        
    }
     
    .toparea p{
        text-align: center;
        color: grey;
    }
    
   
    .snip1543 {
    color: teal;
    font-size: 16px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    }

    .snip1543 *,
    .snip1543 *:before,
    .snip1543 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    }

    .snip1543 img {
    backface-visibility: hidden;
    vertical-align: top;
    }

    .snip1543:before,
    .snip1543:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: black;
    opacity: 0.5;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    }

    .snip1543:before {
    -webkit-transform: skew(30deg) translateX(-80%);
    transform: skew(30deg) translateX(-80%);
    }

    .snip1543:after {
    -webkit-transform: skew(-30deg) translateX(-70%);
    transform: skew(-30deg) translateX(-70%);
    }


    .snip1543 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    }

    .snip1543:hover h3,
    .snip1543.hover h3,
    .snip1543:hover p,
    .snip1543.hover p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0.9;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    text-align: center !important;
    }

    .snip1543:hover:before,
    .snip1543.hover:before {
    -webkit-transform: skew(30deg) translateX(-20%);
    transform: skew(30deg) translateX(-20%);
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    }

    .snip1543:hover:after,
    .snip1543.hover:after {
    -webkit-transform: skew(-30deg) translateX(-10%);
    transform: skew(-30deg) translateX(-10%);
    }

    .midarea{
        height: 250px;
    }

    h2{
        text-align:center;
        padding: 20px;
        font-size: 30px;
        letter-spacing: 5px;
        font-weight: 200;
        color: black;
        text-transform: uppercase;
      }

      
      .m1{
          width: 100%;
      }

      .float-left{
        padding: 20px !important;
      }

      .m2{
        box-shadow:5px 5px 10px 3px #000; 
        transition: all 0.5s;
      }

      .m2:hover{
          transform: scale(1.1,1.1);
      }

      .product-grid6,.product-grid6 .product-image6{
          overflow:hidden;
        }
    .product-grid6{
        font-family:'Open Sans',sans-serif;
        text-align:center;
        position:relative;
        transition:all .5s ease 0s;
        padding: 20px;
    }
    .product-grid6:hover{
        box-shadow:0 0 10px rgba(0,0,0,.3);
    }
    .product-grid6 .product-image6 a{
        display:block;
    }
    .product-grid6 .product-image6 img{
        width:100%;
        height:auto;
        transition:all .5s ease 0s;
    }
    .product-grid6:hover .product-image6 img{
        transform:scale(1.1);
    }
    .product-grid6 .product-content{
        padding:12px 12px 15px;
        transition:all .5s ease 0s;
    }
    .product-grid6:hover .product-content{
        opacity:0;
    }
    .product-grid6 .title{
        font-size:20px;
        font-weight:600;
        text-transform:capitalize;
        margin:0 0 10px;
        transition:all .3s ease 0s;
    }
    .product-grid6 .title a{
        color:#000;
    }
    .product-grid6 .title a:hover{
        color:teal;
    }
    .product-grid6 .price{
        font-size:18px;
        font-weight:600;
        color:teal;
    }
    .product-grid6 .price span{
        color:#999;
        font-size:15px;
        font-weight:400;
        text-decoration:line-through;
        margin-left:7px;
        display:inline-block;
    }
    .product-grid6 .social{
        background-color:#fff;
        width:100%;
        padding:0;
        margin:0;
        list-style:none;
        opacity:0;
        transform:translateX(-50%);
        position:absolute;
        bottom:-50%;
        left:50%;
        z-index:1;
        transition:all .5s ease 0s;
    }
    .product-grid6:hover .social{
        opacity:1;
        bottom:20px;
    }
    .product-grid6 .social li{
        display:inline-block;
    }
    .product-grid6 .social li a{
        color:teal;
        font-size:16px;
        line-height:45px;
        text-align:center;
        height:45px;
        width:45px;
        margin:0 7px;
        border:1px solid teal;
        border-radius:50px;
        display:block;
        position:relative;
        transition:all .3s ease-in-out;
    }
    .product-grid6 .social li a:hover{
        color:#fff;
        background-color:teal;
        border:1px solid transparent ;
        width:80px;
    }
    .product-grid6 .social li a:after,.product-grid6 .social li a:before{
        content:attr(data-tip);
        color:#fff;
        background-color:teal;
        font-size:12px;
        letter-spacing:1px;
        line-height:20px;
        padding:1px 5px;
        border-radius:5px;
        white-space:nowrap;
        opacity:0;
        transform:translateX(-50%);
        position:absolute;
        left:50%;
        top:-30px;
    }
    .product-grid6 .social li a:after{
        content:'';
        height:15px;
        width:15px;
        border-radius:0;
        transform:translateX(-50%) rotate(45deg);
        top:-20px;
        z-index:-1;
    }
    .product-grid6 .social li a:hover:after,.product-grid6 .social li a:hover:before{
        opacity:1;
    }

    .about{
        width: 100%;
        height: auto;
        margin-top:0px;
        border-bottom: solid 1px lightgray;
    }

    .about h1{
        text-align: center;
        padding-top:50px;
        font-size: 30px;
        letter-spacing: 5px;
        font-weight: 200;
        color: black;
        text-transform: uppercase;
    }
    
    .aboutus-section {
        padding: 90px 0;
    }
    .aboutus-title {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 32px;
        margin: 0px;
        padding: 0x;
        position: relative;
        text-transform: uppercase;
        color: #000;
    }
    
    .aboutus-text {
        color: #606060;
        font-size: 15px;
        line-height: 22px;
        margin: 0 0 35px;
        text-align: justify;
    }
    
    
    .aboutus-more {
        color: white;
        background:linear-gradient(to right, rgb(0,0,0), rgb(0, 128, 128)) !important;
        font-size:20px;
        font-weight: 700;
        letter-spacing: 5px;
        padding: 7px 10px;
        text-transform: uppercase;
        font-family: 'David Libre' !important;
    }

    .aboutus-more:hover{
        background:linear-gradient(to left, rgb(0,0,0), rgb(0, 128, 128)) !important;
        font-family: 'David Libre' !important;
        font-size: 20px !important;
        letter-spacing: 5px !important;
        padding: 7px 10px;
        color: #fff !important;
        z-index: 1000 !important;
        text-decoration: none !important;
    }
    
    .aboutus-banner img{
        border: double 8px black;
        width: 250px;
        height: 250px;
    }
    

   .lastarea{
       width: 100%;
       height: auto;
       margin-top:0px;
       margin-bottom: 100px;
   }

   .lastarea h1{
    text-align: center;
    padding-top:50px;
    margin-bottom: 50px;
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: 200;
    color: black;
    text-transform: uppercase;
   }

   .lastarea a{
       margin-top:20px !important;
   }




    @media only screen and (max-width:990px){.product-grid6{margin-bottom:30px}
}

    @media only screen and (max-width:990px){.box3{margin-bottom:30px}
    .box3 .box-content{padding:10px}
    .box3 .description{margin-bottom:10px}
    }
    @media only screen and (max-width:479px){.box3 .title{margin:0}
    }