.headerImage{
  width: 100%;
  heigth: 300px;
  padding-top:75px;
  color:#bf2132;
}

.fimage{
  width: 100%;
  heigth: 300px;
  padding-top:75px;

}

.navbar-default{
    background-color:#bf2132;
    border-color: #bf2132;
}




/* navigation */

.nav
   {
       width:100%;
       background: rgb(191,33,50);
background: linear-gradient(0deg, rgba(191,33,50,1) 0%, rgba(247,77,5,0.9976365546218487) 33%, rgba(191,33,50,1) 100%);
       position:fixed;
       top:0;
       left:0;
       z-index: 9999;
       align-items: center;
       text-transform:uppercase;
       font-family: "ABeeZee";
   }
   .dropdown-menu{
     background: rgb(191,33,50);

     transition: All .8s ease;
   }
   .dropdown-item{
     text-transform:uppercase;
     font-family: "ABeeZee";
     color:white ;
   }
   .navbar-light .navbar-toggler-icon {
     background-image: url("../images/hm.png")!important;
 }
   .navbar-toggler-icon{
     color: white;
   }
.nav-link{
  color:white !important;
}
   .nav .logo
   {
       display:flex;
       width:200px;
       height: 50px;
       flex-wrap:wrap;
       justify-content: center;
       align-items: center;
       text-transform:uppercase;
       cursor:pointer;
       background-color: #D3D3D3;
   }
   .imagelogo{
     width:100px;
     heigth:50px;
   }
   .togg
   {
       position:absolute;
       right:40px;
       top:20px;
       display:none;
       z-index: 5;
   }
   .togg div {
    width: 36px;
    height: 2px;
    background-color: red;
    margin: 6px 0px;
    position: relative;
    transition:all .8s ease;
}
.togg.lijo div
{
    position:absolute;
    transition:all .8s ease;
}
.togg.lijo div:nth-child(1){
    transform: rotate(48deg);
    top: 7px;
    /* position: absolute; */
    right: 0px;
}
.togg.lijo div:nth-child(2)
{

    width:0px;
    top: 7px;
    /* position: absolute; */
    right: 0px;
}
.togg.lijo div:nth-child(3)
{
    transform: rotate(-48deg);
    top: 7px;
    right: 0px;
}
   .nav ul.firstlevel
   {
       list-style:none;
       width:calc(100% - 200px);
       background: rgb(191,33,50);
background: linear-gradient(0deg, rgba(191,33,50,1) 0%, rgba(247,77,5,0.9976365546218487) 33%, rgba(191,33,50,1) 100%);
       margin-bottom:0px;
       padding-left:0px;
   }
   .nav ul.firstlevel li
   {
       display:inline-block;
       margin-bottom:0px;
       color:#000;

   }

   .nav ul.firstlevel li a
   {
       cursor:pointer;
       display:block;
       padding:15px;
       transition:.8s ease;
       text-decoration:none;
       text-transform:uppercase;
       color:#fff;
   }
   .nav ul.firstlevel li a:hover
   {
      text-decoration:none;
   }
   .nav ul.firstlevel li ul.sub li {
    display: block;
    background-color:rgba(191,33,50,1);
}
.nav ul.firstlevel li ul.sub li:hover {
    display: block;
    background-color:rgba(172, 78, 2, 0.79);
}
.nav ul.firstlevel li ul.sub li a{
    color:#fff;
}
.nav ul.firstlevel li ul.sub
{
    width:200px;
    position:absolute;
    padding-left:0px;
    opacity:0;
    visibility: hidden;
    transform:translateY(30px);
    transition:.5s linear;
    padding-top:20px;
}
.nav ul.firstlevel li ul.sub:after {
    content: '';
    width: 41px;
    height: 20px;
    border-bottom: solid 18px rgba(191,33,50,1);
    border-left: solid 20px transparent;
    border-right: solid 21px transparent;
    top: 0px;
    display: block;
    position: absolute;
    left: 16px;
}
@media(min-width:1024px)
{
    .nav ul.firstlevel li:hover ul.sub
    {
        visibility:visible;
        opacity:1;
        transform:translateY(0px);
    }
    .nav ul.firstlevel li:hover
   {
       display:inline-block;
       margin-bottom:0px;
       background-color: rgba(27, 27, 27, 0.32);;
       color:#fff !important;
   }
   .nav ul.firstlevel li:hover a
   {
       color:#fff !important;
   }
}


   @media(max-width:1024px)
   {
       .nav
       {
           min-height:50px;
       }
    .togg
   {
       display:block;
       top:10px;
   }
   .nav ul.firstlevel
   {
    position: absolute;
    top: 50px;
    transform: translateX(100%);
    right: 0;
    transition:.8s ease;
    width:40%;
    height: calc(100vh - 50px);
    z-index: fixed;
   }
   .nav ul.firstlevel li {
    display: block;
}
.nav ul.firstlevel.surya {
    transform: translateX(0%);
}
.nav ul.firstlevel li ul.sub
{
    opacity: 1;
    visibility: visible;
    display:none;
    position:relative;
    padding-top:0px;
    width:100%;
    transition:0s;
    transform: translateY(0px);
}
.nav ul.firstlevel li ul.sub:after
{
    display:none;
}
}

   /* Feature */

   .feature{
     padding-left: 100px;
     padding-right: 100px;
     padding-top: 70px;
     padding-bottom: 70px;
     background-image: url("../images/paper.jpg");
     text-align:center;
   }
   .houseimg{
     width: 400px;
     height: 350px;
     border:5px solid rgb(191,33,50);
   background-color:#ff0;

   }
   .about{
     padding-right: 100px;
     padding-left: 100px;
     padding-bottom: 70px;
     text-align:center;
     background-image: url("../images/paper.jpg");
   }

   /* spinning text */
   #blink{
 		width:100%;
 		height: 50px;
 		padding: 15px;
 		text-align: center;
 		line-height: 50px;
 	}

 	.htext{

 		font-family: "Alfa Slab One";
 		color: rgb(191,33,50);
 		animation: blink 1.5s linear infinite;
    padding-bottom: 50px;
    height:100%
 	}
 @keyframes blink{
 0%{opacity: 0;}
 50%{opacity: .5;}
 100%{opacity: 1;}
 }

/* paragraph background */
.backpar{
  border-radius: 25px;
  background: rgb(191,33,50);
 background: linear-gradient(0deg, rgba(191,33,50,1) 0%, rgba(247,77,5,0.9976365546218487) 33%, rgba(191,33,50,1) 100%);
 padding: 20px;
 width: 100%;
 height: 100%;
 color: white;
 font-family: "Concert One";
}
.footer{
  background-image: url("../images/footer.png");
}
/* Contact */
.contact{
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 70px;
  padding-bottom: 70px;
  background-image:url("../images/paper.jpg");
}
.jumbotron {
background: rgb(191,33,50);
color: #FFF;
border-radius: 0px;

}
.jumbotron-sm { padding-top: 24px;
padding-bottom: 24px; }
.jumbotron small {
color: #FFF;
}
.h1 small {
font-size: 24px;
}

/*  carousel homepage*/
.carousel-item{
  width: 100% !important;
  Height: 350px !important;}

.imgCar{
  width: 100% !important;
  Height: 350px !important;
  border: 2px solid red;
  border-radius: 5px;
}

/* Services */

.services{
  background-image: url(../images/paper.jpg);
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 70px;
  padding-bottom: 150px;

}
.serv{
  font-family: "IBM Plex Serif";
  font-size: 1.3rem;;

}

.list-container{
padding-top: 150px;
  font-family: "Ramabhadra";
  font-size: 14px;
}
.list-group{
  width:100%;


}
.list-image{
  width: 250px;
  height: 150px;
}
.list-group-item{
  text-align: center;
position: relative;
display: block;
background: transparent;
border: none;
padding-bottom: 0px;
color: black;

}
.imgServ{
height: 175px;
  width: 100%;
  border:2px solid rgb(191,33,50);
}
.listServ{
  float:right;
}
.servlist{
  padding-left: 170px;
}
/* testimonial page */
.renov{
  background-image: url(../images/paper.jpg);
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 70px;
  padding-bottom: 150px;
}
/* flipping card */
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 350px;
  height: 850px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background: rgb(191,33,50);
 background: linear-gradient(0deg, rgba(191,33,50,1) 0%, rgba(247,77,5,0.9976365546218487) 33%, rgba(191,33,50,1) 100%);
  color: white;
  text-align: center;
}
.imgTest{
  width:250px;
  Height: 250px;
}

/* Style the back side */
.flip-card-back {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  background: rgb(191,33,50);
 background: linear-gradient(0deg, rgba(191,33,50,1) 0%, rgba(247,77,5,0.9976365546218487) 33%, rgba(191,33,50,1) 100%);
  color: white;
  transform: rotateY(180deg);
  font-size: .9rem;
  text-align: left;
}

/*Gallery  */
.card-img-top{
  width: 100%;
  height: 400px;
  border: 2px solid #000000;
}
.info{
  background: rgb(191,33,50);
 background: linear-gradient(0deg, rgba(191,33,50,1) 0%, rgba(247,77,5,0.9976365546218487) 33%, rgba(191,33,50,1) 100%);
  color: white;
  border: 2px solid red;
  border-radius: 5px;
  text-align: center;
  font-family: "Molengo";
  margin-bottom: 50px;
}
.copyright{
  text-align: center;
  color: white;

}
/* Tablet Landscape */