@charset "utf-8";
/* CSS Document */
body,html {
    
    font-size: 100%;
    
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav>li>a:focus, .nav>li>a:hover{
    background: none !important;
}

#wood_bg{
	background-image: url(../images/wood-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
    width: 100%;
    padding-bottom: 10px;
}
.logo_img{
	float: right;
    	max-width:100%;
}
hr{
    border-top: 1px solid #900 !important;
}
.address-info{
    font-family: 'Fjalla One', serif;
    color: rgb(151, 169, 0);
}
.abt_img{
    text-align: center;
}
.services-head{
    font-family: 'Fjalla One', serif;
    margin-top: 20px !important;
}
.content_abt{
    font-size: 1.5em;
    font-family: 'Roboto Slab', serif;
    color: rgb(140, 7, 44);
    text-align: center; 
}
.content_abt1{
    font-size: 1.5em;
    font-family: 'Roboto Slab', serif;
    color: rgb(151, 169, 0);
    
    /* text-align: center; */
}
.Base_2{
    border-radius: 4px;
  background-color: #990000;
  width: 170px;
  height: 43px;
  font-size: 1.3em;
  font-family: 'Droid Serif', serif;
  color: rgb(255, 255, 255);
    text-transform: uppercase;
}
.scroll-top-wrapper {
    border-radius: 50px;
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #7ea441;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #990000;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.services-provide{
    padding-top: 30px;
}
ul li img {
          cursor: pointer;
      }
        .thumb{
            margin-bottom:25px;
        }
      .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius:0;
           width: 600px;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold; 
        color: #990000;
    }
    .next {
        float:right;
        text-align:right;
    }
     .modal-dialog {
          max-width:500px;
          padding-top: 90px;
      }

.scroll-top-wrapper i.fa {
	line-height: inherit;
}
.logo_1{
	
    max-width: 100%;
}
.contact_us{
	 margin-top:0px;
    text-align: -webkit-center;
    color: white;
    float: right;
    font-size: 1.5em;
    line-height: 1.385;
    font-family: 'Droid Serif', serif;
    padding-right: 30px;
}
.contact_top{
    color: white;
    text-decoration: none;
}
.contact_top:hover{
    color: inherit!important;
    text-decoration: none !important;
}
.nav_menu{
	    background-color: #f6e04e !important;
		border-radius: 0px !important;
		border:0px !important;
		
}
.form-control {
    display: block;
    /* width: 100%; */
    height: 45px !important;
    font-size: 1em;
  font-family: 'Droid Serif', serif;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.textform {
    display: block;
    /* width: 100%; */
    height: auto !important;
    font-size: 1em;
  font-family: 'Droid Serif', serif;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.navbar-default .navbar-nav>li>a{
	color:red!important
}
/*.navbar-nav>li{
    border-right: 1px solid rgb(130, 171, 64);
}*/
.navbar-nav>ul{
    margin-left: 0 !important;
}
.navbar-nav>li:last-child{
   border: none;
}
.navbar-nav>li>a{
	padding-left:30px !important;
    font-size: 1.3em;
  font-family: 'Droid Serif', serif;
  color: white;
  line-height: 4.762;
  text-align: left;
}
.our_recipe{
    display: flex;
}
.our_reci{
    padding-left: 50px;
   
}
.bg_main{
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
   height: 1338px;
    width: 100%;
}
.navbar-default .navbar-toggle{
        border-color: #a94442 !important;
}
.navbar-header{
    background: #f5c202 !important;
    border-radius: 3px !important;
    font-family: 'Droid Serif', serif;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: none !important;
}
.content_head
{
       font-size: 2.5em;
       font-family: 'Fjalla One', serif;
    color: rgb(151, 169, 0);
    line-height: 40px;
    text-align: center;
   }
   .enquiry
{
       font-size: 2.0em;
       font-family: 'Fjalla One', serif;
    color: rgb(151, 169, 0);
    line-height: 40px;
    text-align: center;
   }
     .comment
{
       font-size: 2.0em;
       font-family: 'Fjalla One', serif;
    color: rgb(151, 169, 0);
    line-height: 40px;
    text-align: center;
   }
   
.content_head1
{
       font-size: 2.5em;
       font-family: 'Roboto Slab', serif;
    color: rgb(151, 169, 0);
    line-height: 40px;
    text-align: center;
  }
.nav_bottom{
    margin-top: 50px;
    padding-left: 130px;
}
.content_para{
    text-align: center;
    line-height: 30px;
    font-family: 'Droid Serif', serif;
    font-size: 1.3em;
    margin-top: 1.6em;
}
.btn_more1{
    text-align: center;
    margin-bottom: 40px;
    
}
.btn_more2{
    text-align: center;
    }
.content_bg{
    background-image: url(../images/content.jpg);
    z-index: 1;
    height: 100%;
    width: 100%;
    background-size: cover;
    padding-bottom: 40px;
}
.top_arrow{
    font-size: 45px !important;
    background-color: #7ea441;
    color: white;
    border-radius: 50%;
    margin-top: 45px;
    cursor: pointer;
}
.btn_more{
    text-align: center;
    margin-top: 25px;
}
.kolam_1{
    margin-left: -10px;
    width: 180px;
}
.test_para1{
    color: rgb(153, 0, 0);
    font-size: 1.3em;
    font-family: 'Droid Serif', serif;
}
.kolam_2{
    width: 180px;
    margin-left: -75px;
}
.img_1{
    margin-left: 35px;
}
.img_2{
    margin-left: 20px;
}
.fa_size{
    font-size: 30px !important;
    color: #668840 !important;
}
.test_para{
   
    font-size: 1.2em;
    font-family: 'Droid Serif', serif;
    color: rgb(51, 51, 51);
    margin-top: 16px;
}
.footer_main{
    background-image: url(../images/footer-bg.jpg);
    height: 100%;
    background-size: cover;
    width: 100%;
    }
.reci_img{
    margin-top: 50px;
}
.footer_nav{
    list-style-type: none;
    display: flex;
    margin-top: 60px;
   
    /*color: white;*/
}
.footer_nav>li>a{
    font-size: 1.3em;
  font-family: 'Droid Serif', serif;
  color: rgb(255, 255, 255);
  line-height: 3.142;
  text-align: center;
    padding-left: 60px;
 }
.footer_nav>li>a:hover{
    text-decoration: none;
    color: #feef9d;
}
.testimon_content{
    margin-top: 60px;
}

.Our_Recipes {
  font-size: 2.5em;
  font-family: 'Roboto Slab', serif;
  color: rgb(153, 0, 0);
  margin-top: 65px;
  line-height: 0.9;
  text-align: center;
  }
.vector{
    width: 350px;
    margin-top: 80px;
}
.vector2{
   float: right;
    width: 350px;
    margin-top: 80px;
}
.cpy_right{
    font-size: 1.2em;
  font-family: 'Droid Serif', serif;
  color: rgb(255, 254, 254);
  line-height: 1.125;
  float: right;
    margin-top: -30px;
}
.footer_para{
   font-size: 1.2em;
  font-family: 'Droid Serif', serif;
  color: white;
  line-height: 1.444;
}
.footer_para > a{
    color:white !important;
    text-decoration: none !important;
}
.footer_fb{
    float: right;
    margin-top: -120px;
}
.cntct_addr{
    color: rgb(254, 239, 157);
}
.testimon_view{
    /*! margin-left: 50px; */
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 50px;
}
.Base {
  border-radius: 4px;
  background-color: #990000;
  width: 228px;
  height: 43px;
  font-size: 1.3em;
  font-family: 'Droid Serif', serif;
  color: rgb(255, 255, 255);
    text-transform: uppercase;
  }

.read_more{
    font-size: 1.0em;
  font-family: 'Droid Serif', serif;
  color: rgb(255, 255, 255);
  text-align: center;
  width: 300px;
  height: 43px;
    border-radius: 4px;
  background-color: rgb(126, 164, 65);
  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.078);
    margin-top: 30px;
}
.call_req{
        border-radius: 5px;
    background-color: rgb(126, 164, 65);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.078);
    width: 354px;
    height: 43px;
    z-index: 61;
    color: white;
    font-size: 1.2em;
    font-family: 'Droid Serif', serif;
}
.wed_contact{
    padding-top: 30px;
    text-align: center;
}
.call_req:hover{
    background-color: #a50000;
}
.Base:hover{
    background-color: rgb(126, 164, 65);
}
.Base_2:hover{
    background-color: rgb(126, 164, 65);
}
.navbar-nav>li>a:hover{
    /*background-color: #97a900 !important;*/
    color: #85ac40 !important;
}

.read_more:hover{
    background-color: #a50000;
}
.btn_more3{
    text-align: center;
    margin-top: 45px;
}
/*Socila css*/
.wrapper{
    float: right;
    padding-top: 10px;
}
 .list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}
/*---- Genral classes end -------*/
/*Change icons size here*/
.social-icons .fa {
    font-size: 1.6em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
    border-radius: 50%;
}
.social-icons.icon-rounded .fa{
    border-radius:5px;
}
.social-icons.icon-flat .fa{
    border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
    color: #FFF;
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}

.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}


.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
/*Responsive Design*/
@media screen and (min-width: 320px) and (max-width: 1024px) {
    .col-md-3{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-8{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-10{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-2{
         width: 100%;
        text-align: center;
        margin: 0;
    }
    .logo_img{
    margin: 0;
    float: none;
    resize: both;
    height: auto;
    }
    .nav_bottom{
        display: none;
    }
    .fb_img{
        margin: 0;
    float: none;
    resize: both;
    height: auto;
    }
   .logo_1 {
    margin: 0;
    resize: both;
    height: auto;
    }
    .our_recipe{
        display: block;
    }
    .our_reci{
        padding-bottom: 20px;
        width: 250px;
        display: inline-block;
        padding-left: 0;
    }
    .vector{
        display: none;
    }
    .vector2{
        display: none;
    }
    #wood_bg{
        height: 100% !important;
    }
    .navbar-default .navbar-nav>li>a{
            color: #ffffff !important
    }
    .contact_us{
    margin-top: 0px;
    float: none;
    }
    .header_toggle{
        display: block !important;
    margin-left: 22px;
    line-height: 30px;
    }
    .navbar-default{
        display: inline;
    }
    .navbar-nav{
        background-color: rgb(145, 182, 63);
    }
    .navbar-nav>li{
        border-bottom: 1px solid rgb(245, 194, 2);
    }
    .kolam_1{
        display: none;
    }
    .kolam_2{
        display: none;
    }
    #slider1_container{
        margin-top: 20px !important;
    }
    .bg_main{
        display: initial;
    }
    .content_bg{
        display: inline-block;
    }
    .call_req{
        max-width: 100%;
        line-height: 16px;
    }
    .Our_Recipes{
        margin: 0;
    }
    
    .footer_nav{
        display: none;
    }
    .footer_para{
        text-align: center;
        margin-top: 14px;
    }
    .cpy_right{
    margin-top: 70px;
    float: none;
        text-align: center;
        margin: 0 auto;
    }
    .footer_fb{
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    .footer_main{
       
        height: 100%;
    }
    .testimon_view{
        margin-left: 0px;
        padding: 20px !important;
    }
    .navbar-header {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important; 
        
    }
    .thumb{
        max-width: 100%;
    }
    .header_toggle{
        display: block !important;
    margin-left: 22px;
    line-height: 30px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) !important;
    }
    .navbar-collapse.collapse {
       
        
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px !important;
    }
    .navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .content_services{
        padding: 0 !important;
    }
    ul.tabs li{
        margin-top: 10px;
        width: 100%;
    }
    .content_wedding{
        padding: 0 !important;
        text-align: left;
    }
    .map_contact{
        width:100%;
    }
}
@media only screen and (min-width : 991px) and (max-width : 1024px)
{
.bg_main{
        display: flex;
        height: 100%;
    }
    .col-md-3{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-8{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-10{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-2{
         width: 100%;
        text-align: center;
        margin: 0;
    }
    ul.tabs{
        padding-right: 180px;
    }
    .logo_img{
   margin: 0;
    float: left;
    resize: both;
    height: auto;
    margin-left: 80px
    }
    .map_contact{
        width:100%;
    }
    .fb_img{
        margin: 0;
    float: none;
    resize: both;
    height: auto;
    }
   .logo_1 {
    margin: 0;
    resize: both;
    height: auto;
    }
    #wood_bg {
    height: 100% !important;
    }
    ul.tabs li{
        margin-top: 10px;
        width: 100%;
    }
    
    #slider1_container{
        margin-top: 10px !important;
    }
    .res_view{
        margin-left: -175px !important;
    }
    .vector{
        display: none;
    }
    .kolam_1{
        display: none;
    }
    .kolam_2{
        display: none;
    }
    .vector2{
        display: none;
    }
    .thumb{
        max-width: 100%;
    }
    
}
@media only screen and (min-width : 480px) and (max-width : 768px)
{
    .col-md-3{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-8{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-10{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    
    .col-md-2{
         width: 100%;
        text-align: center;
        margin: 0;
    }
    
    .logo_img {
    
    float: left;
    max-width: 30%;
    }
    .logo_1 {
    margin: 0;
    resize: both;
    height: auto;
    max-width: 50%;
        
    }
    .contact_us {
    margin-top: 10px;
    float: none;
    }
    .services-provide{
         text-align: -webkit-center;
    }
    
    
}
@media only screen and (min-width : 320px) and (max-width : 768px){
    .services-provide{
        display: grid;
       
         text-align: -webkit-center;
    }
    
}
@media only screen and (min-width : 1025px) and (max-width : 1320px){
    .kolam_1{
        display: none;
    }
    .kolam_2{
        display: none;
    }
    ul.tabs li {
    margin-top: 10px;
    width: 100%;
    }
}
    
@media only screen and (min-width : 1321px) and (max-width : 1380px){
    .kolam_1{
       margin-left: -30px;
    }
    ul.tabs li {
    margin-top: 10px;
    width: 100%;
    }
    
}
    
@media only screen and (min-width : 1381px) and (max-width : 1490px){
    .kolam_1{
       margin-left: -20px;
    }
    
}
@media only screen and (min-width : 768px) and (max-width : 990px){
    .col-md-3{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-8{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-10{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    
    .col-md-2{
         width: 100%;
        text-align: center;
        margin: 0;
    }
    
    .logo_img {
    
    float: left;
    
    }
    .logo_1 {
    margin: 0;
    resize: both;
    height: auto;
    max-width: 50%;
        
    }
    .contact_us {
    margin: 0;
    float: none;
        text-align: -webkit-right;
    }
    .map_contact{
        width:100%;
    }
    
}
@media only screen and (min-width : 1024px) and (max-width : 1680px){
    
    
    .content_bg{
        height: auto;
        margin: 0;
        max-width: 100%;
    }
    .bg_main{
        height: auto;
        display: flex;
    }
    .our_recipe {
    display: inline-block;
        max-width: 100%;
    }
    .our_reci{
       padding-bottom: 40px;
   
    display: inline-block
    }
    .thumb{
        max-width: 100%;
    }
    .map_contact{
        width: 100%;    
    }
    
}

@media screen and (max-width: 320px){
    .col-md-3{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-8{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-10{
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .col-md-2{
         width: 100%;
        text-align: center;
        margin: 0;
    }
    .map_contact{
        width:100%;
    }
    .thumb {
    max-width: 100%;
    }
    .logo_img{
    margin: 0;
    float: none;
    resize: both;
    height: auto;
    }
    ul.tabs li {
    margin-top: 10px;
    width: 100%;
    }
    .fb_img{
        margin: 0;
    float: none;
    resize: both;
    height: auto;
    }
    .nav_bottom{
        display: none;
    }
    .content_wedding{
        padding: 0 !important;
        text-align: left;
    }
   .logo_1 {
    margin: 0;
    resize: both;
    height: auto;
    }
    .our_recipe{
        display: block;
    }
    .our_reci{
        padding-bottom: 20px;
       display: inline-block;
        padding-left: 0 !important;
    }
    .vector{
        display: none;
    }
    .vector2{
        display: none;
    }
    #wood_bg{
        height: 100% !important;
    }
    .navbar-default .navbar-nav>li>a{
            color: #ffffff !important
    }
    .contact_us{
    margin-top: 0px;
    float: none;
    }
    .header_toggle{
        display: block !important;
    margin-left: 22px;
    line-height: 30px;
    }
    .content_services{
        padding: 0 !important;
    }
    .navbar-default{
        display: inline;
    }
    .navbar-nav{
        background-color: rgb(145, 182, 63);
    }
    .navbar-nav>li{
        border-bottom: 1px solid rgb(245, 194, 2);
    }
    .kolam_1{
        display: none;
    }
    .kolam_2{
        display: none;
    }
    #slider1_container{
        margin-top: 20px !important;
    }
    .bg_main{
        display: initial;
    }
    .content_bg{
        display: inline-block;
    }
    .call_req{
        max-width: 100%;
        line-height: 16px;
    }
    .Our_Recipes{
        margin: 0;
    }
    
    .footer_nav{
        display: none;
    }
    .footer_para{
        text-align: center;
        margin-top: 14px;
    }
    .cpy_right{
    margin-top: 70px;
    float: none;
        text-align: center;
        margin: 0 auto;
    }
    .footer_fb{
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    .footer_main{
       
        height: 100%;
    }
    .testimon_view{
        margin-left: 0px;
        padding: 10px !important;
    }
    .navbar-header {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important; 
        
    }
    .header_toggle{
        display: block !important;
    margin-left: 22px;
    line-height: 30px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) !important;
    }
    .navbar-collapse.collapse {
       
        
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px !important;
    }
    .navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .read_more{
        max-width: 100%;
    }
    .thumbnail{
        width: 100% !important;
    }
}

@media only screen and (min-width : 320px) and (max-width : 1024px){
    #myCarousel{
        text-align: -webkit-center;
    }
}

.justdial a{
	
	color:rgb(153, 0, 0);
	text-align:center !important;
	margin-top:20px;
	font-weight:bold;
	font-size:18px;
	}