/*=========================================================*/
/*======================== Fonts import ===================*/
/*=========================================================*/
@font-face {
  font-family: 'Gotham-Book';
  src: url("../fonts/Gotham-Book.otf");
  font-style: normal; 
}
@font-face {
  font-family: 'Gilroy-Light';
  src: url("../fonts/Gilroy-Light.otf");
  font-style: normal; 
}
@font-face {
  font-family: 'Quieta-Regular';
  src: url("../fonts/Quieta-Regular.otf");
  font-style: normal; 
}
@font-face {
  font-family: 'Quieta-Black';
  src: url("../fonts/Quieta-Black.otf");
  font-style: normal; 
}
@font-face {
  font-family: 'Quieta-DisplayItalic';
  src: url("../fonts/Quieta-DisplayItalic.otf");
  font-style: normal; 
}
@font-face {
  font-family: 'Gilroy-UltraLight';
  src: url("../fonts/Gilroy-Light.ttf");
  font-style: normal; 
}
@font-face {
  font-family: 'GOTHAM-LIGHT';
  src: url("../fonts/GOTHAM-LIGHT.ttf");
  font-style: normal; 
}



/*=========================================================*/
/*========================  body starts ===================*/
/*=========================================================*/
body { margin:0px; padding:0px; }

.container-fluid{
    padding: 0;
}
/*====================================================*/
/*======================= Slider ===================*/
/*====================================================*/
.slider-cont{
    margin-top: -20px;
    
 
}

.slider{

    position: relative;
    height: 500px;
    min-height: 250px;

}




.carousel{
    
    z-index: -1;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  max-height: 700px;    /* Set slide height here */
  min-height: 250px;

}
 #carousel-example {

   margin:0 auto 0 !important;
   /*slider width */
 }
 .carousel .item img {
   width: 100%;
   /*img width*/
 }




.caption-va .carousel-caption {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}


.black1{
    
    
    color: #fff;
   position: absolute;
    margin-top: -28%;
    text-align: center;
    z-index: 999999999999999999999999999999;

    position: absolute;
   
   text-align: center;
   width: 100%;
  font-family: 'Quieta-Regular';
  font-size: 50px;
 

   
}


.black1 h1{
    text-shadow: -3px -3px 10px rgba(0, 0, 0, 1);
    font-size: 200%;
}






/*Stying for small screens*/
@media screen and (max-width: 600px){
    .black1{
    font-size: 20px;
    margin-top: -50%;
  
}
}
@media screen and (max-width: 900px){
    .black1{
    margin-top: -40%;

}
}

@media screen and (max-width: 1000px){
    .black1{
    margin-top: -45%;
}
}

@media screen and (max-width: 1200px){
    .black1{
    margin-top: -45%;
}
}

@media screen and (max-width: 900px){
.slider-cont{
   
    margin-top: -60px;
}
}

@media screen and (max-width: 768px){
  
    
}

/*====================================================*/
/*======================= About Us ===================*/
/*====================================================*/
.under-slider{
   
    margin-top: -15%;
    z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}

.about {
    margin-top: 0px;
    margin-bottom: 200px;
    text-align: center;
  
}
.about h1{
    margin-top: 100px;
    color: #c29a75;
    font-family: 'Quieta-Regular';
}
.about-align{
  
  max-width: 920px;
 
  font-size: 1.4em;
  word-spacing: 3px;
  text-align: center;

  color: #808080;
  font-family: 'Gilroy-Light';
  text-align: center;
  justify-content: center;

  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}



#justified p{
    text-align: center;
  justify-content: center;
  font-family: 'Gilroy-Light';
  color: #808080;
}

/*Stying for small screens*/
@media screen and (max-width: 900px){
  #about-align{
    width: 100%;
  }
}



#leaf img{
  float: left;
 margin-top: -370px;
   position: absolute;
 
  height: 20%;
}

/*Stying for small screens*/
@media screen and (max-width: 1020px){
    #leaf img{
       display: none;
    }
}
/*====================================================*/
/*======================= Flavour ===================*/
/*====================================================*/
.flavour{
    text-align: center;
    margin-bottom: 50px;
    background:url(../images/line.jpg);
    background-position: center;
    background-size:100% 100%;
    
    
}
.flavour h1{
    font-family: 'Quieta-DisplayItalic';
    font-size: 60px;
    color: #808080;
}

@media screen and (max-width: 1000px){
    .flavour{
        text-align: center;
        margin-bottom: 50px;
        background:none;
        background-position: center;
        background-size:100% 100%;
    
    
}
}

/*====================================================*/
/*======================= Services ===================*/
/*====================================================*/
#services{

}

.cakes{
    margin-bottom: 100px;
}
.cater{
    margin-top: 50px;
    text-align: center;
 

    background:url(../images/back-serv.png);
    background-position: right; center;
  background-size: 100% cover;
  background-repeat: no-repeat;
}
.cater h1{
    margin-top: 70px;
    color: #c29a75;
    font-family: 'Quieta-Regular';
}
.cater h4{
    font-family: 'Gilroy-Light';
    text-align: center;
    color: #808080;
   font-size: 1.5em;
}

.serv{
    height: 200px;
  
    text-align: center;
    font-family: 'Quieta-Black';
    color: #808080;
}
.serv img{
    margin-top: 20px;
}

/*====================================================*/
/*=======================  Gallery  ==================*/
/*====================================================*/
.gallery{
    margin-top: 0px;
    text-align: center;
    margin-bottom: 100px;
}
.gallery h1{
    margin-top: 80px;
    color: #c29a75;
    font-family: 'Quieta-Regular';
}
.gallerybtn{
    background-color: #c29a75;
    padding: 10px;
    padding-left: 50px;
    padding-right: 50px;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    border-radius: 50px;
    transition: 1s;
}
.gallerybtn:hover{
    background-color: #e0a08c;
    text-decoration: none;
    transition: 1s;
}

#instagram-feed{
  max-width: 100rem;
    margin: 0 auto;
    padding: 0 2rem 2rem;

  
}
.instagram_gallery{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.instagram_gallery a{
   margin: 10px;
  flex-basis: 300px;
}
.instagram_gallery a:hover{

}
.instagram_gallery img{
  max-width: 100%;
  display: block;

}

.instagram_gallery img:hover{
  width: 98%;

}




@media only screen and (max-width: 480px) {
  .instagram_gallery{
      flex-direction: column;
      align-items: center;
  }
}
/*====================================================*/
/*======================= Contact Us ==================*/
/*====================================================*/
.contact-us{
    background-color: #af8071;
    background:url(../images/glits.png);
    background-position: center center;
  background-size: contain ;
}

.contact-us-cont{
    margin-bottom: 100px;
}
.contact-us-cont h1{
    color: #fff;
    font-family: 'Quieta-Regular';
    text-align: center;
}


.cont-left{
    color: #fff;
}
.cont-left a{
    color: #fff;
    text-decoration: none;
    font-size: 15px;

}
.cont-left i{
        background-color: #e7b3a9;
        padding: 0px;
        border-radius: 50px;
        font-size: 25px;
        width: 40px;
        padding-top: 8px;
        padding-bottom: 8px;
       text-align: center;
       color: #633a2f;
       margin-right: 20px;
       margin-bottom: 5px;

     

       transition: 2s;
}

.cont-left i:hover{
        color: #e7b3a9;
        background-color: #633a2f;

        transition: 2s;
}


.cont-right{

}


#cont-form{
   padding: 10px;
}

#cont-form{
  text-align: center;
}

#cont-form div{
  display:inline-block;
  float: left;
  padding: 5px;
}

#name{
  
  width: 49%;
}
#lastname{
  
  width: 49%;
}
#mail{
  
  width: 98%;
}
#phone{
  width: 68%;
}
#org{
  width: 49%;
}


::placeholder{
    color: #633a2f;
    padding-left: 15px;
}

label{
  float: left;
}

input[type=text], select {
    width: 100%;
    padding: 5px 5px;
    
    display: inline-block;
    border: 1px solid #e7b3a9;
    border-radius: 25px;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 15px;
    color: #633a2f;
    background-color: #e7b3a9;
}

input[type=tel], select {
    width:100%;
    padding: 5px 5px;
    
    display: inline-block;
    border: 1px solid #e7b3a9;
    border-radius: 25px;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 15px;

    background-color: #e7b3a9;
}





input[type=email], select {
    width: 100%;
    padding: 5px 5px;

    display: inline-block;
    border: 1px solid #e7b3a9;
    border-radius: 25px;
    box-sizing: border-box;

    background-color: #e7b3a9;
}

textarea {
    width: 100%;
    height: 150px;
    padding: 5px 5px;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    background-color: #fff;
    font-size: 16px;
    resize: none;
}

input[type=submit] {
    float: left;
    background-color: #633a2f;
    color: white;
    
    width: 150px;
    border: none;
    border-radius: 25px;
    cursor: pointer;

    margin-top: 15px;
    margin-bottom: 20px;
   
   padding: 5px 5px;

    
}



input[type=submit]:hover {
    
    background-color: #875548;

}




/*====================================================*/
/*======================   Footer   ==================*/
/*====================================================*/
.half{
    text-align: center;
}

.half img{
    width: 300px;

}

.footer{
    text-align: center;
    background-color: #333333;
    color: #dadada;
}
.footer a{
    text-decoration: none;
    color: #af8071;
    transition: 1s;
}
.footer a:hover{
    color: #e7b3a9;
    transition: 1s;
}