.box{position:relative}
.box img{width:100%;height:auto}
.box .box-content{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .5s ease 0s}
.box:hover .box-content{background-color:rgba(255,242,242,.8)}
.box .box-content:after,.box .box-content:before{content:"";width:50px;height:50px;position:absolute;opacity:0;transform:scale(1.5);transition:all .6s ease .3s}
.box .box-content:before{border-left:1px solid #040404;border-top:1px solid #040404;top:19px;left:19px}
.box .box-content:after{border-bottom:1px solid #040404;border-right:1px solid #040404;bottom:19px;right:19px}
.box:hover .box-content:after,.box:hover .box-content:before{opacity:1;transform:scale(1)}
.box .title{font-size:22px;color:#000;margin:0;position:relative;top:0;opacity:0;transition:all 1s ease 10ms}
.box:hover .title{top:39%;opacity:1;transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}
.box .title:after{content:"";width:0;height:1px;background:#040404;position:absolute;bottom:-8px;left:0;right:0;margin:0 auto;transition:all 1s ease 0s}
.box:hover .title:after{width:80%;transition:all 1s ease .8s}
.box .icon{width:100%;margin:0 auto;position:absolute;bottom:0;opacity:0;transition-duration:.6s;transition-timing-function:cubic-bezier(1,-.53,.405,1.425);transition-delay:.1s}
.box:hover .icon{bottom:39%;opacity:1}
.box .icon li{display:inline-block}
.box .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:18px;color:#000;border:1px solid #000;margin-right:5px;transition:all .3s ease-in-out 0s}
.box .icon li a:hover{background:#000;color:#fff}
@media only screen and (max-width:990px){.box{margin-bottom:30px}
}




.box1 .icon li a{overflow:hidden}

/*********************** Demo - 1 *******************/
.box1{position:relative;transition:all .2s ease-out 0s}
.box1 .box-content,.box1:after{position:absolute;left:20px;right:20px}
.box1:after{content:"";display:block;background:rgb(255, 167, 0, 64);top:20px;bottom:20px;opacity:0;transform:rotate3d(-1,1,0,100deg);transition:all .4s ease-in-out 0s}
.box1:hover:after{opacity:.9;transform:rotate3d(0,0,0,0deg)}
.box1 img{width:100%;height:auto}
.box1 .box-content{top:45%;opacity:0;z-index:1;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%);transition:all .2s ease-out 0s}
.box1:hover .box-content{opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.box1 .title{display:block;font-size:22px;font-weight:700;color:#000;margin:0 0 12px}
.box1 .post{display:block;font-size:15px;color:#f7f7b9;margin-bottom:20px}
.box1 .social{padding:0;margin:0;list-style:none}
.box1 .social li{display:inline-block}
.box1 .social li a{display:block;width:35px;height:35px;background:#f7f7b9;border-radius:50%;font-size:17px;color:#1b1462;line-height:35px;margin-right:5px;transition:all .4s ease-in-out 0s}
.box14 .icon li,.box14 .post{display:inline-block}
.box1 .social li a:hover{color:#f7f7b9;background:#39b54a}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}


.sub-content-para1{
    font-family: 'Fondamento', cursive;
    /* font-family: 'Merienda One', cursive; */
    font-size:30px;
    margin-left: 5%;
    color:#000;
}
.sub-content-para2{
    font-family: 'Fondamento', cursive;
    /* font-family: 'Merienda One', cursive; */
    font-size:30px;
    margin: 5%;
    color:#000;
}
.sub-content-para3{
    font-family: 'Fondamento', cursive;
    /* font-family: 'Merienda One', cursive; */
    font-size:30px;
    margin-left: 5%;
    color:#000;
    margin-top: 50%;
}
@media (max-width: 768px) {
    .sub-content-para3{
    margin-top: 5%;
    }
 #insta-section{
     display: none;
 }
}
.insta-content{
    background: white;
    max-width: 40%;
    position:absolute;
    z-index: 5000;
    margin-left: 40%;
    padding: 3%;
    margin-top: 5%;
    font-family: 'Merienda One', cursive;
}

.insta-content h1{
    font-size: 1.3em;
    font-family: 'Merienda One', cursive;
    padding-left: 10%;
    color: #000;
} 

button.btn-6{
    display: inline-block;
    position: relative;
    background: none;
    border: none;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    margin: 20px 30px;
    background: rgba(0,0,0,0.09);
    font-family: 'Courgette', cursive;
  }
  span{
    display: block;
    padding: 10px 50px;
  }
  button.btn-6::before, button.btn-6::after{
    content:"";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #ffa700;
  }
  
  span::before, span::after{
    content:"";
    width:2px;
    height:0;
    position: absolute;
    transition: all 0.2s linear;
    background: #ffa700;
  }
  button.btn-6:hover::before, button.btn-6:hover::after{
    width: 100%;
  }
  button.btn-6:hover span::before, button.btn-6:hover span::after{
    height: 100%;
  }
  
  /*----- button 6 -----*/
  .btn-6{
    font-family: 'Roboto', sans-serif;
    font-size: 2em;

  }
  .btn-6::before{
    left: 50%;
    top: 0;
    transition-duration: 0.4s;
  }
  .btn-6::after{
    left: 50%;
    bottom: 0;
    transition-duration: 0.4s;
  }
  .btn-6 span::before{
    left: 0;
    top: 50%;
    transition-duration: 0.4s;
  }
  .btn-6 span::after{
    right: 0;
    top: 50%;
    transition-duration: 0.4s;
  }
  .btn-6:hover::before, .btn-6:hover::after{
    left: 0;
  }
  .btn-6:hover span::before, .btn-6:hover span::after{
    top: 0;
  }


  .wed-caption{
    text-align: center;
    font-family: 'Merienda One', cursive;
    color:#000;
    font-size:24px;
  }
  
  .wed-subimage{
    max-width: 100%;
    margin-top: 5%;
  }
  .wed-content{
    text-align:center!important;
  }