body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
  }
  html, body{
      font-family: 'Merriweather Sans', sans-serif;
      font-size: 100%;
      background: #ffffff;
  }
  @font-face {
     font-family: 'PoiretOne-Regular';
     src: url(../fonts/PoiretOne-Regular.html)format('truetype');
  }
  a:hover{
   text-decoration:none;
  }
  input[type="button"],input[type="submit"],li.parallelogram{
      transition:0.5s all;
      -webkit-transition:0.5s all;
      -moz-transition:0.5s all;
      -o-transition:0.5s all;
      -ms-transition:0.5s all;
  }
  h1,h2,h3,h4,h5,h6{
      margin:0;	
   font-family: 'Italianno', cursive;
  }	
  p{
      margin:0;
      font-family: 'Merriweather Sans', sans-serif;
  }
  ul{
      margin:0;
      padding:0;
  }
  label{
      margin:0;
  }
  
  /*-- header --*/
  .banner {
      background: url(../images/butterPaper.jpg) no-repeat 0px 0px; 
      background-color: #f7f7f7;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      -ms-background-size: cover;
        min-height: 800px;
      position:relative;
  }
  .down {
      position: absolute;
      left: 46%;
      top: 92%; 
  }
  
  .imageSize{
      height: 400px;
      width: 450px;
  }
  /*--head-top--*/
  .logo{
    float:left;
  }
  .phone {
      float: right;
  }
  .logo a{
   display:block;
  }
  .logo a h1 {
      font-weight: bold;
      font-size: 4.5em;
      color: #EFA52C;
      text-transform: uppercase;
  }
  
  .logo a span {
      color: #fff;
      font-family: 'Merriweather Sans', sans-serif;
      font-size: 0.3em;
      font-weight: bold;
  }
  .logo p {
      font-size: 0.8em;
      color: #EFA52C;
      text-transform: uppercase;
      letter-spacing: 3px;
      padding: 0;
      margin: -9px 0 12px 0;
  }
  /*--header--*/
  /*-- sticky-nav --*/
  .header-bottom {
     padding: 0.5em 0em;
      background-color:none;
      margin: 0 auto;
      width: 100%;
      text-align: center;
  }
  .fixed{
      position: fixed;
      top: 0;
      width: 100%;
      margin: 0 auto;
      left:0%;
      z-index:9999;
        background-color: rgba(0, 0, 0, 0.59);
  }
  /*-- sticky-nav --*/
  .top-menu {
      float: right;
      margin-top: 2.2em;
  }
  .top-menu ul{
      margin:0;
      padding:0;
  }
  .top-menu li {		
      text-transform:uppercase;
      display:inline-block;
  }
  .top-menu li a{
      color:#fff;
      text-decoration:none;
      display:block;
      padding:0;
      font-weight:400;
      font-size:1em;
  }	
  .top-menu li a.active{
    color: #fff200;
    }
  /*-- nav-hover --*/
  .link-effect-4 a {
    padding: 0 10px;
    margin:0 12px;
    color: #797878;
    text-shadow: none;
    position: relative;
  }
  .link-effect-4 a::before {
        position: absolute;
        top: 0;
        left: -10px;
        overflow: hidden;
        padding: 0 10px;
        max-height: 0;
        color:#EFA52C;
        content: attr(data-hover);
        -webkit-transition: max-height 0.5s;
        -moz-transition: max-height 0.5s;
        transition: max-height 0.5s;
  }
  .link-effect-4 a:hover::before {
    max-height: 100%;
  }
  /*-- //nav-hover --*/
  
  @media only screen and (max-width :800px) {
      span.menu {
        width: 35px;
        height: 35px;
        background: url(../images/nav.png)no-repeat 0px 0px;
        display: inline-block;
        float: right;
        cursor: pointer;
        margin: 32px 3px;
      }
      .top-menu {
          float: none;
          margin-top: 0em;
      }
      .top-menu  ul{
          display:none;
      }
      .top-menu  ul li {
          display:block;
          margin-right:0;
      }
      .top-menu  span.menu{
          display:block;
      }
      .top-menu ul {
          margin: 103px 0;
          padding: 2% 0;
          z-index: 999;
          position: absolute;
          width: 92%;
          background: #efa52c;
          text-align: center;
      }
      .top-menu li a {
        padding: 0.5em;
        font-weight: 400;
        font-size:0.9em;
        }
      .top-menu ul li a {
        font-size: 0.9em;
        display: inline-block;
      }
      .link-effect-4 a::before {
          position: absolute;
          top: 6px;
          left: -3px;
          overflow: hidden;
          padding: 0 10px;
          max-height: 0;
          color: #333;
      }
  } 


  /* events & gigs*/
  .heading{
      margin-top: 2% ;
      margin-bottom: 1%;
      color: #fff;
      font-size: 45px;
  }
  /* events & gigs ends*/
  /** carousel starts **/

  .carousel-inner .carousel-item img{
      height: 600px;
      background-size:cover;
      -webkit-background-size:cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      -ms-background-size: cover;
      border: 5px groove #d49a19;
  }

  /** carousel ends **/

  .after-carousel{
      margin-top: 3%;
      height: auto;
  }

  .after-carousel .container{
      padding-bottom: 3%;
  }

  .row img{
        height: 300px;
        width: 275px;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
        background-size: cover;
  }

    /*footer starts*/
.logo2{
  
    margin: 0 0 2em 0;
}
.logo2 a{
display:block;
}
.logo2 a h2 {
  font-weight: bold;
  font-size: 5.5em;
  color: #EFA52C;
  text-transform: uppercase;
}
.logo2 a span {
  color: #fff;
  font-family: 'Merriweather Sans', sans-serif;
  font-size: 0.3em;
  font-weight: bold;
}
a.flag_tag2 {
  color: #fff;
  font-size: 1.2em;
}
.logo2 p {
  font-size: 0.8em;
  color: #EFA52C;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 0;
  margin: -9px 0 12px 0;
}
ul.s_social li{
  display:inline-block;
}   

ul.social li a:hover{
  opacity:0.8;
}
ul.social{
    display: block;
    padding: 0;
    margin: 3em auto 0;
    text-align: center;
}
ul.social li{
  display:inline-block;
}
ul.social li a{  
  
  -webkit-transition: .5s all;
  transition: .5s all;
  -moz-transition: .5s all;
  -webkit-transition: .5s all;
  transition: .5s all;
  -moz-transition: .5s all;
}

ul.social li a img{
	height: 45px;
	 width: 45px;
}
.footer {
 background:#262424;
 padding: 2em 0;
}
p.copy-right{
color:#fff;
font-size:0.9em;
  text-align: center;
}
p.copy-right a{
 color: #EFA52C;
}
p.copy-right a:hover{
text-decoration:underline;
}
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
overflow: hidden;
width: 40px;
height: 22px;
border: none;
text-indent: 100%;
background: url(../images/move-top.png) no-repeat 0px 0px;
}
/**FOOTER STARTS**/
/*#ul{
  margin-left: 4%;
}*/
ul.social{
    margin-bottom: 4%;
}
ul.social li{
	background-color: transparent;
    border:none;
}

ul.social li a img{
    margin: auto;
    border-radius: 6px;
}

@media (max-width:768px){
    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}

@media (max-width:667px){
    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}

@media (max-width:640px){
    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}

@media (max-width:600px){
    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}

@media (max-width:568px){
    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}

@media (max-width:480px){
    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}

@media (max-width:414px) {
    ul.social .list-group-item{
        padding: 10px 15px;
    }

    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}


  @media screen and (max-width: 384px){
    .seaFoodSpecial{
        display: flex;
        flex-direction: column-reverse;
    }

    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
  }

  @media (max-width:375px) {
    ul.social .list-group-item{
        padding: 10px 15px;
    }
    
    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}

  @media (max-width:320px){ 
    ul.social .list-group-item{
        padding: 10px;
    }

    .carousel-inner .carousel-item img{
        height: auto;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }

    .row img{
        height: auto;
        border: 4px solid #d49a19;
        margin-bottom: 2%;
  }
}