body
{

height: 1750px;

}


. carousel-inner {

    position: absolute;
    right:  80px;
    width: 92%;
    overflow: hidden;

    }
    .carousel
    {
      position: absolute;
      right: 0px;
    }


    /*********************************end slider *********************/
    .navigation {
  width: 300px;
position: absolute;
top:0px;
}

/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 370px;
}

.mainmenu {
    height: 1730px;
    background-color: #1d1c21;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
    display: block;
    background-color: black
    text-decoration: none;
    padding: 13px;
    margin: 0px;
    padding-top: 17px;
    color: #98865b;
    margin-left: 40px;
}

/* add hover behaviour */
.mainmenu a:hover {
    background-color: #C5C5C5;
}


/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

.mainmenu li:hover .submenu {
  display: block;
  max-height: 200px;
}

/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

.submenu a {
  background-color: black;
  color: #1f1e1e;
}

/* hover behaviour for links inside .submenu */
.submenu a:hover {
  background-color: #666;

}

/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}
/******************************************************************************* end menu bar */
.navigation img {
    z-index: 4;
    width: 369px;
    height: 225px;
}

.left-side .menu-items li > a .txt {
    padding-left: 10px;
    font-size: 14px;
}


.left-side .menu-items li > a .left-icon {
    padding-left: 20px;
    font-size: 14px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**************secnd part **********/

.secnd
{
    position: absolute;
    top: 650px;
    left: 370px;
height: 510px;
width: 750px;
background-color: rgba(0, 0, 0, 0.92);
color: gray;
z-index: 10;

}

.secnd h1, h4
{

margin-left: 40px;
margin-top: 40px;

}

.ALLO img
{
    width: 240px;
    height: 249px;
    margin-left: 235px;
    margin-top: -62px;


}

.ALLO h5 

{

margin-left: 237px;


}
.secnd  .secntw img
{


 width: 240px;
    height: 200px;
           margin-left: 488px;
    margin-top: -504px;


}
.secnd  .secntw h5 
{
    margin-left: 490px;
    margin-top: -102px;
  }


.thirdpart
{
 position: absolute;
    top: 650px;
    left: 1119px;
height: 510px;
width: 229px;
background-color: black;
color: slategray;
z-index: 12;


}

.thirdpart p , h1 
{
margin-left: 40px;
margin-top: 2px;

}
.thirdpart h5
{
margin-left: 40px;
margin-top: 2px;
color: white;



}
/****************end class thierd ********************/
/*************************start class fore *****************/


.fore
{
      position: absolute;
    top: 1159px;
    left: 370px;
    z-index: 20;
    background-color: white;
    height: 350px;
    width: 979px;
}

.fore .carousel {
    position: absolute;
    right: 653px;
  }


.fore #carouselre {
    position: absolute;
    right: 322px;
  
  }



.fore .infor {
  background-color: indianred;
  width: 326px;
  height: 350px;
    position: absolute;
    right: 0px;
    color: black;
  }

.fore .infor a {

    position: absolute;
    color: white;
    text-decoration: none;
    right: 164px;
    font-kerning: none;
    font-stretch: semi-expanded;
    font-style: normal;
    font-family: cursive;
    top: 30px;
    font-size: 28px;
  }

.infor a span
{
     position: absolute;
    top: 219px;
    right: 65px;
    background-color: brown;
    font-size: 83px;
    width: 48px;
    height: 76px;

}
.infor a h5
{

    font-size: 15px;
    position: relative;
    right: -37px;
    top: 258px;

}
/**************************************end class fore /*********************/
/*************************
*start class five ***************************/

.five
{

position: absolute;
    top: 1509px;
    left: 370px;
    z-index: 20;
    background-color: white;
    height: 350px;
    width: 979px;


}
.five  #carouselll
{

position: absolute;
right: 322px;



}


.five #carouselmm
{


position: absolute;
right: 0px;

}
.five #carouseltt
{

position: absolute;
left: 0px;


}
.footer
{

    position: absolute;
    height: 89px;
    right: 2px;
    top: 1875px;
    width: 100%;
    z-index: 50;
    background-color: black;
    color: white;


}

.footer img
{

    border-radius: 50px;
    position: absolute;
    left: 80px;
    bottom: 18px;
}


.footer p
{

      position: absolute;
    bottom: 22px;
    left: 140px;
    font-size: 12px;
}
.footer h5
{

left: 674px;
    color: gray;
    font-size: 12px;
    position: absolute;
    bottom: 18px;

}





.footer  .pico a  img
{
position: absolute;
left: 1026px;
}

.footer  .pict a  img
{

position: absolute;
left: 1140px;

}
.footer  .picth a  img
{
position: absolute;
left:  1248px;

}
/*********************** end foote ******/


.navigation .map img {
    position: absolute;
    top: 700px;
    z-index: 50;
    left: -65px;
  }
  .cap


{
    position: absolute;
    width: 369px;
    height: 85px;
    top: 610px;
    background-color: #27282d;

}
  .navigation .cap img
  {


position: absolute;
    left: 25px;
    top: .52px;
    width: 121px;
    height: 85px;
}


  .navigation .cap h6
  {
position: absolute;

left: 178px;
color: dimgrey;
z-index: 77;
top:12px;

  }

 .btn-primary
 {
position: absolute;
    color: #fff;
    background-color: dimgray;
    border-color: blue;
    font-size: small;
    top: 41px;
    z-index: 70;
    left: 195px;

}

  .navigation .gallary
  {
    position: absolute;
    width: 369px;
    height: 411px;
    background-color: blue;
    top: 1054px





  }

.navigation .gallary img {
    z-index: 4;
    width: 185px;
    height: 225px;
}
.navigation .gallary  .gat img
{
position: absolute;



}
.navigation .gallary .gatt img 
{


position: absolute;
left: 185px;
    top: 0;
}

.navigation .gallary .gattt img
{
position: absolute;
left: 185px;


}

  .navigation  h3

  {



    position: absolute;
    top:-78px;
    left: 66px;
  }