@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

input[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}

input[type="date"]::-webkit-inner-spin-button {
  display: none;
}


input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

html {
  overflow-x: hidden; }

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background: #fff;
  	font-size: 16px;
  	line-height: 1.6;
  	color: gray; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  color: #82A141; }
  a:hover {
    text-decoration: none;
    color: #82A141; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.45;
  	color: #000;}

.text-sub-title{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 20px;
	color: gray;
    letter-spacing: .2em;
    text-align: center;
}

.text-primary-title{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #8f8f8f;
	margin-top: 0;}

.text-primary {
    color: #82A141!important;
}

.navbar-toggler{
    border-color: #82A141 !important;}

.nav-item{
	padding: 10px 10px;
	text-align: center;}

.btn.btn-lg {
    font-size: 16px !important;
    padding: 15px 40px !important; }
	.btn-outline-secondary{
	height: 60px;
    border-color: darkgray;
    background: none;
    border-radius: 0px;
    border-width: 2px;
	color: darkgray;
	text-transform: uppercase;}
    .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
		background: #82A141;
		border-color: #82A141;
		color: white;
		text-transform: uppercase;}
	.btn.btn-outline-white {
    border-color: #82A141;
    background: #82A141;
    border-radius: 0px;
    border-width: 2px;
	color: white;
	text-transform: uppercase;	}
    .btn.btn-outline-white:hover, .btn.btn-outline-white:focus, .btn.btn-outline-white:active {
      background: #82A141;
      border-color: #82A141;
      color: #FFFFFF; }

.text-primary-head{
	font-family: dolly-new, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 3.5rem;
	line-height: 1;
    color: #8f8f8f;
    text-align:center;
}
    

.sec-Head{
	position: relative;
	padding: 250px 0px;
}
	

.modal-content {
	border-radius: 0px;
  	border-width: 2px;
    border-color: #82A141;}

.mb-5, .my-5 {
    margin-bottom: 2rem!important;}

.modal-title{
  	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
	color: gray;
	padding-left: 30px}

.form-control {
	border-radius: 0px;
    border-width: 2px;
    height: 60px;}

/*search box*/
.search-sec {
    padding: 2rem;}

.search-slt {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: calc(3rem + 2px) !important;
    border-radius:0;}

.datepicker {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: calc(3rem + 2px) !important;
    border-radius:0;}

.gj-icon {
  margin-top: 5px;}

.input-group-append{
    background-color: white;}

.wrn-btn {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:0;}

/*banner section */
.main-container {
    padding-top: 50px;
}

.main-container {
    padding-top: 50px;
}

.index-intro {
    width: 100%;
}

.index-intro .sec-Banner {
    padding: 100px 60px;
    background-image: url('../img/spicebanner.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
}

  #sec-about .img {
    position: absolute;
    right: 0;}

#sec-offer{
    padding: 25em 0 5em 0;
    background: #eeeeed;}

.card{
    border-radius: 0px;
    border: 0px;}

.offer-card{
    padding-bottom: 25px;}

.card-img-top {
    width: 100%;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;}

#sec-menu {
    padding: 4.5em 0 3em 0;
    background-color: #eeeeed;
}

.sb-tab-nav {
  padding: 0;
  margin: 0;
  display: inline-block !important;}
  
  .sb-tab-nav li {
    padding: 0;
    margin: 0 5px;
    display: inline-block !important;}
    
    .sb-tab-nav li a {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: .2em;
      color: dimgray ;
      border: 2px solid darkgray ;
      border-radius: 0 !important;}
      .sb-tab-nav li a.active {
        background-color: #82A141;
        border-color: #82A141;
        color: #fff;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000000;
    background-color: #82A141;}

#sec-gallery{
    margin: 5em 0 -2em 0;}

.gal {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    margin-bottom: -5em;} 

.gal img {
    width: 100%; padding: 7px 0;}

#sec-specialities{
    padding: 5em 0;}

.subscribe-section {
    padding: 60px 0 65px;}

.subscribe-head h2 {
    color: #000;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 13px;
    text-transform: uppercase;}

.subscribe-head p {
    color: #c3c3c3;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 39px;}

.subscribe-head {
    text-align: center;}

.form-section{
    padding: 0 10em;}

.form-section input[type="email"] {
    border: 1 ;
    border-color: #82A141;
    color: #9b9b9b;
    font-size: 16px;
    font-style: normal;
    height: 51px;
    letter-spacing: 0;
    text-align: center;
    width: auto;}

.form-section input[type="text"] {
    border: 1 ;
    border-color: #82A141;
    color: #9b9b9b;
    font-size: 16px;
    font-style: normal;
    height: 51px;
    letter-spacing: 0;
    text-align: center;
    width: auto;}

.form-section input[type="submit"] {
    background: #82A141 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    height: 51px;
    letter-spacing: 0;
    padding: 0 50px;
    cursor: pointer;
}

#footer {
    background: #fff !important;
}
#footer h2{
  padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#82A141;
    font-size:1.25rem;
}
#footer a {
    color: #82A141;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
  padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
  font-size:25px;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
#footer ul.social li:hover a i {
  font-size:30px;
  margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
  color:gray;
}
#footer ul.social li a:hover{
  color:#82A141;
}
#footer ul.quick-links li{
  padding: 3px 0;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
#footer ul.quick-links li:hover{
  padding: 3px 0;
  margin-left:5px;
  font-weight:700;
}
#footer ul.quick-links li a i{
  margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

textarea:valid {
  background: #E8F0FE;
}

.search-sec{
    background-color:#eeeeed;
}

/* RESPONSIVE */

@media only screen and (max-width: 600px) {
    .navbar-brand{
        width: 70%;}
    .navbar-brand img{
       width:70%;}
	.sec-Head{
        text-align: center;
        height: 630px !important;}
    .index-intro .sec-Banner {
        padding: 20px 0px;
        background-image: url('../img/spicebanner-md.png');
        width: 100%;
        height: 400px;}
    #sec-offer{
        padding: 15em 0 5em 0;}
   
     .sb-tab-nav {
        display: block !important;
        margin-bottom: 10px;
        width: 100% !important;} 
        .sb-tab-nav li {
        display: block !important;
        margin-bottom: 10px;
        width: 100% !important;}
    #sec-gallery {
        margin: 0 0 5em 0;}
    .form-section input[type="email"] {
        margin-bottom: 10px;}
    .form-section input[type="text"] {
        margin-bottom: 10px;}
    .form-section input[type="submit"] {
        width: 100%;
        height: 52px;}
    #footer h2 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
  
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
     #sec-menu {
        padding: 15em 0 5em 0;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .text{
    text-align: left !important;}
    #sec-offer{
        padding: 15em 0 5em 0;}
        
} 

@media only screen and (max-width: 768px) {
    #sec-about .img {
        position: relative;
        right: inherit;}
        #sec-about .img img {
          max-width: 100%;}

    .responsive-banner{

        width: 100%; 
        height: auto; 
        background-size: cover;
        background-position: center; 
        background-repeat: no-repeat;
        margin-top: -140px;
    
        } 
    #sec-about{
    margin-top: 250px;
}
    #sec-reservation{
        margin-top: 100px;
    }
    
      #sec-reservation-2{
        margin-top: 50px;margin-bottom: -50px;
    }
    
    .btn-2.btn-outline-white-2.btn-lg-2.d-md-none-2{
        display:block;margin: 0 auto;justify-content: center;text-align:center;
    }

    .text-sub-title-2{
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 20px;
        color: gray;
        letter-spacing: .2em;
        text-align: center;
    }

    .text-primary-head{
        
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 3.5rem;
        line-height: 1;
        color: #8f8f8f;
        text-align:center;
    }

    .custom-logo{
        width:220px;
        height:85px;
    }
    
    .responsive-banner{
        display:none;
    }

    .responsive-banner-md{
        margin-top: -149px;
    }
    
     #sec-offer{
        padding: 15em 0 5em 0;margin-top:100px;}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {


    #sec-reservation{
        margin-top: -300px;
    }
    
    .text-sub-title-2{
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 20px;
        color: gray;
        letter-spacing: .2em;
        text-align: left;
    }
    #sec-about {
        padding: 1em 0;
        margin: 3em 0 5em 0;
        vertical-align: middle;}

    .text-primary-head{
        font-family: dolly-new, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 3.5rem;
        line-height: 1;
        color: #8f8f8f;
        text-align:center;
    }
    
    .custom-logo{
        width:283px;
        height:85px;
    }
    
    #mc-embedded-subscribe{
        margin-left:-5px;
    }
    
    #MERGE1{
        margin-left:-5px;
    }
    
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .responsive-banner{

        width: 100%; 
        height:600px; 
        background-size: cover;
        background-position: center; 
        background-repeat: no-repeat;
        margin-top: -160px;

    }
     
    #sec-menu{margin-top: -60px;}
}

@media only screen and (min-width: 768px) and (max-width:1024px){
    
    .responsive-banner{
        width: 100%;
        height: 100%;
        margin-top: -150px;
        
    }
        
} 

@media only screen and (min-width: 768px) and (max-width: 768px){
    
    .responsive-banner{
        width: 100%;
        height: 100%;
        margin-top: -150px;
        display:block;   
    }
    
    #sec-reservation{
        margin-top: -300px;
    }

    #sec-about{
        margin-top: 30px;
    }
} 

@media only screen and (min-width: 320px) and (max-width:320px){
    
    #sec-about{
        margin-top: 230px;
    }
    .responsive-banner-md{
        margin-top: -161px;
    }
        
}