@import url(../../../fonts.googleapis.com/css28b8.css?family=Raleway); /* <-- just for the demo  */
   div#particles-js {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
}
   .ind1{
       width: 30%;
    margin-top: 8%;
   }
.tr{
    width: 40%;
    padding-bottom: 28.2842712474619%;
    position: relative;
    border-bottom: 4px solid rgba(0, 0, 0, 0.5);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    overflow: hidden;
}
.tr:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 4px solid rgba(0, 0, 0, 0.5);
    border-left: 4px solid rgba(0, 0, 0, 0.5);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    transform: rotate(46deg);
}


/* FOLLOWING JUST FOR THE DEMO */
html{
  display:table;
  width:100%; height:100%;
}
body{
    display:table-cell;
  vertical-align:middle;
  text-align:center;
  color:#fff;  
  font-family: 'Ubuntu', sans-serif !important;
  letter-spacing:0.12em;
}
.tr{
     margin:6% auto 0;
}
h1{
  font-size:2em;
  padding-bottom:0;
  margin-bottom:0;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
}



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

/*---make a basic box ---*/
.ser1{
            margin-top: -20%;
    margin-left: -39%;

}
.ser2{
        margin-left: 35%;
}
.ser3{
            margin-top: 18%;
}
.ser1 a{

    color: #000;
    font-size: 18px;
    text-transform:uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser2 a{

    color: #000;
    font-size: 18px;
    text-transform:uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser3 a{

    color: #000;
    font-size: 18px;
    text-transform:uppercase;
   font-weight: 400;
    text-decoration: none !important;
}

 .video-play-button {
     position: absolute;
     z-index: 10;
    top: 53%;
    left: 52%;
     transform: translateX(-50%) translateY(-50%);
     box-sizing: content-box;
     display: block;
     width: 32px;
     height: 44px;
    /* background: #fa183d;
     */
     border-radius: 50%;
     padding: 18px 20px 18px 28px;
}
/*.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #2E3638;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}*/
/*.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #2E3638;
    border-radius: 50%;
    transition: all 200ms;
}*/
 .video-play-button:hover:after {
     background-color: #000;
}
 .video-play-button img {
     position: relative;
     z-index: 3;
     max-width: 100%;
     width: auto;
     height: auto;
}
 .video-play-button span {
     display: block;
     position: relative;
     z-index: 3;
     width: 0;
     height: 0;
         border-left: 22px solid #6a6f70 !important;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
 .video-overlay {
     position: fixed;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.80);
     opacity: 0;
     transition: all ease 500ms;
}
 .video-overlay.open {
     position: fixed;
     z-index: 1000;
     opacity: 1;
}
 .video-overlay-close {
     position: absolute;
     z-index: 1000;
     top: 15px;
     right: 20px;
     font-size: 36px;
     line-height: 1;
     font-weight: 400;
     color: #fff;
     text-decoration: none;
     cursor: pointer;
     transition: all 200ms;
}
 .video-overlay-close:hover {
     color: #fa183d;
}
 .video-overlay iframe {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
    /* width: 90%;
     */
    /* height: auto;
     */
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}
.navbar-inverse {
    background-color: #2E3638;
    border-color: #2E3638;
}
/* That's it: */
.mouse {
  display: block;
  position: absolute;
  margin: 0 auto;
  width: 26px;
  height: 46px;
  border-radius: 13px;
  border: 2px solid #fff;
  bottom: 20px;
  left: 50%;
  margin-left: -13px;
}
.mouse span {
  display: block;
  margin: 6px auto;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(16px);
    -ms-transform: translateY(16px);
    transform: translateY(16px);
  }
}

/*cont1 start*/
.label-container{
       position: fixed;
    /* bottom: 105px; */
    right: 47%;
    top: 21%;
    display: table;
    visibility: hidden;
}

.label-text{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
        font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float{
        position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 24%;
    right: 47%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float {
    color: #fff;
    display:none;
}
a.float :hover{
    color: #000;
}
.my-float {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}
/*cont1 end*/

/*cont2 start*/
.label-container1{
    position: fixed;
    /* bottom: 105px; */
    right: 48%;
    top: 23%;
    display: table;
    visibility: hidden;
}

.label-text1{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float1{
          position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 27%;
    right: 48.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float1 {
    color: #fff;
     display:none;
}
a.float1 :hover{
    color: #000;
}
.my-float1 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float1 + div.label-container1 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float1:hover + div.label-container1{
  visibility: visible;
  opacity: 1;
}
/*cont2 end*/

/*cont3 start*/
.label-container2{
    position: fixed;
    /* bottom: 105px; */
        right: 50%;
    top: 27%;
    display: table;
    visibility: hidden;
}

.label-text2{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float2{
        position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
     top: 30%;
    right: 49.6%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float2 {
    color: #fff;
     display:none;

}
a.float2:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float2 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float2 + div.label-container2 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float2:hover + div.label-container2{
  visibility: visible;
  opacity: 1;
}
/*cont3 end*/


/*cont4 start*/
.label-container3{
position: fixed;
    /* bottom: 105px; */
    right: 58%;
    top: 46%;
    display: table;
    visibility: hidden;
}

.label-text3{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float3{
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 49%;
    right: 57.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float3 {
    color: #fff;
     display:none;
}
a.float3:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float3 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float3 + div.label-container3 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float3:hover + div.label-container3{
  visibility: visible;
  opacity: 1;
}
/*cont4 end*/




/*cont5 start*/
.label-container4{
    position: fixed;
    /* bottom: 105px; */
    right: 54%;
    top: 35%;
    display: table;
    visibility: hidden;
}

.label-text4{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float4{
        position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 42%;
    right: 54.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float4 {
    color: #fff;
     display:none;
}
a.float4:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float4 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float4 + div.label-container4 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float4:hover + div.label-container4{
  visibility: visible;
  opacity: 1;
}
/*cont5 end*/

/*cont6 start*/
.label-container5{
        position: fixed;
    /* bottom: 105px; */
        right: 61%;
    top: 51%;
    display: table;
    visibility: hidden;
}

.label-text5{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float5{
position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 55%;
    right: 60.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float5 {
    color: #fff;
     display:none;
}
a.float5:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float5 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float5 + div.label-container5 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float5:hover + div.label-container5{
  visibility: visible;
  opacity: 1;
}
/*cont6 end*/


/*cont7 start*/
.label-container6{
       position: fixed;
    /* bottom: 105px; */
        right: 63%;
    top: 58%;
    display: table;
    visibility: hidden;
}

.label-text6{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float6{
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 61.5%;
    right: 63%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float6 {
    color: #fff;
     display:none;
}
a.float6:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float6 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float6 + div.label-container6 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float6:hover + div.label-container6{
  visibility: visible;
  opacity: 1;
}
/*cont7 end*/


/*cont8 start*/
.label-container7{
        position: fixed;
    /* bottom: 105px; */
    right: 60%;
    top: 66%;
    display: table;
    visibility: hidden;
}

.label-text7{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float7{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 68%;
    right: 60.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float7 {
    color: #fff;
     display:none;
}
a.float7:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float7 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float7 + div.label-container7 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float7:hover + div.label-container7{
  visibility: visible;
  opacity: 1;
}
/*cont8 end*/


/*cont9 start*/
.label-container8{
position: fixed;
    /* bottom: 105px; */
    right: 54%;
    top: 69%;
    display: table;
    visibility: hidden;
}

.label-text8{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
     font-size: 14px;
    border-radius:3px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float8{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 71.2%;
    right: 54%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float8 {
    color: #fff;
     display:none;
}
a.float8:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float8 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float8 + div.label-container8 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float8:hover + div.label-container8{
  visibility: visible;
  opacity: 1;
}
/*cont9 end*/


/*cont10 start*/
.label-container9{
position: fixed;
    /* bottom: 105px; */
    right: 46%;
    top: 73%;
    display: table;
    visibility: hidden;
}

.label-text9{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float9{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 75.5%;
    right: 46%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float9 {
    color: #fff;
     display:none;
}
a.float9:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float9 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float9 + div.label-container9 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float9:hover + div.label-container9{
  visibility: visible;
  opacity: 1;
}
/*cont10 end*/



/*cont11 start*/
.label-container10{
position: fixed;
    /* bottom: 105px; */
    right: 40%;
    top: 77%;
    display: table;
    visibility: hidden;
}

.label-text10{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float10{
         position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 78.7%;
    right: 40%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999;*/
}
a.float10 {
    color: #fff;
     display:none;
}
a.float10:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float10 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float10 + div.label-container10 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float10:hover + div.label-container10{
  visibility: visible;
  opacity: 1;
}
/*cont11 end*/



/*cont12 start*/
.label-container11{
       position: fixed;
    /* bottom: 105px; */
        right: 15%;
    top: 71%;
    display: table;
    visibility: hidden;
}

.label-text11{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
     font-size: 14px;
    border-radius:3px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float11{
   position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
       top: 73.7%;
    right: 36.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float11 {
    color: #fff;
     display:none;
}
a.float11:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float11 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float11 + div.label-container11 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float11:hover + div.label-container11{
  visibility: visible;
  opacity: 1;
}
/*cont12 end*/




/*cont13 start*/
.label-container12{
    position: fixed;
    /* bottom: 105px; */
    right: 26%;
    top: 62%;
    display: table;
    visibility: hidden;
}

.label-text12{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float12{
  position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 64.7%;
    right: 37.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float12 {
    color: #fff;
     display:none;
}
a.float12:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float12 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float12 + div.label-container12 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float12:hover + div.label-container12{
  visibility: visible;
  opacity: 1;
}
/*cont13 end*/



/*cont14 start*/
.label-container13{
    position: fixed;
    /* bottom: 105px; */
    right: 24%;
      top: 50%;
    display: table;
    visibility: hidden;
}

.label-text13{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float13{
 position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
    right: 39.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float13 {
    color: #fff;
     display:none;
}
a.float13:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float13 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float13 + div.label-container13 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float13:hover + div.label-container13{
  visibility: visible;
  opacity: 1;
}
/*cont14 end*/


/*cont15 start*/
.label-container14{
  position: fixed;
    /* bottom: 105px; */
    right: 28%;
    top: 46%;
    display: table;
    visibility: hidden;
}

.label-text14{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float14{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
         top: 48%;
    right: 39.74%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999;*/
}
a.float14 {
    color: #fff;
     display:none;
}
a.float14:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float14 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float14 + div.label-container14 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float14:hover + div.label-container14{
  visibility: visible;
  opacity: 1;
}
/*cont15 end*/



/*cont16 start*/
.label-container15{
position: fixed;
    /* bottom: 105px; */
    right: 23%;
    top: 40%;
    display: table;
    visibility: hidden;
}

.label-text15{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float15{
        position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 42.7%;
    right: 40.5%;

    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float15 {
    color: #fff;
     display:none;
}
a.float15:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float15 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float15 + div.label-container15 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float15:hover + div.label-container15{
  visibility: visible;
  opacity: 1;
}
/*cont16 end*/

/*cont17 start*/
.label-container16{
position: fixed;
    /* bottom: 105px; */
    right: 18%;
    top: 35%;
    display: table;
    visibility: hidden;
}

.label-text16{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float16{
         position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
       top: 37.7%;
    right: 41.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float16 {
    color: #fff;
     display:none;
}
a.float16:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float16 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float16 + div.label-container16 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float16:hover + div.label-container16{
  visibility: visible;
  opacity: 1;
}
/*cont17 end*/


/*cont18 start*/
.label-container17{
    position: fixed;
    /* bottom: 105px; */
    right: 29%;
    top: 21%;
    display: table;
    visibility: hidden;
}

.label-text17{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    opacity:0.5;
    display: none;
}

.float17{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 24.7%;
    right: 43.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999;*/
}
a.float17 {
    color: #fff;
     display:none;
}
a.float17:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float17 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float17 + div.label-container17 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float17:hover + div.label-container17{
  visibility: visible;
  opacity: 1;
}
/*cont18 end*/


.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: rgb(255, 165, 167);
    background-color: transparent;
}

.flts{
    position: relative;
}

.btn.book-now {
  background: #a94442;
  border-radius: 0;
  color: #fff;
 font-weight: 400;
    letter-spacing:1px;
  display: inline-block;
 font-size: 15px;
    height: 37px;
    line-height: 24px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
     width: 126px;
    font-family: 'Ubuntu', sans-serif !important;
    z-index: 215;
    top: 49%;
}
.btn.book-now1 {
  font-family: 'Ubuntu', sans-serif !important;
    background: #a94442;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
    letter-spacing:0px;
    display: inline-block;
    font-size: 15px;
    height: 37px;
    line-height: 24px;
    position: fixed;
    right: 0;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    width: 128px;
    z-index: 215;
    top: 71%;
}
            /*Navigation*/
/* CSS Document */

body {

  font-size:22px;
  color: #ffffff;
  margin: 0;
  padding: 0;
  word-wrap:break-word !important;
  }

 
.h4, h4 {
    font-size: 18px;
}

#container {
  margin: 0 auto;
  max-width: 890px;
}


.toggle,
[id^=drop] {
  display: none;
}

/* Giving a background-color to the nav container. */
nav { 
    margin: 0;
    height: auto;
    padding: 0;
    width: 100%;
    background-color: #2E3638;
    position: fixed;
    top: 0;
    z-index:10;
}

#logo {
  display: block;
  padding: 0 30px;
  float: right;
  font-size:20px;
  line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
  content:"";
  display:table;
  clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
  float: left;
  padding:0;
  margin:0;
  list-style: none;
  position: relative;
  }
  
/* Positioning the navigation items inline */
nav ul li {
  margin: 0px;
  display:inline-block;
  float: left;
      line-height: 1em; 

  }

/* Styling the links */
nav a {
          display: block;
    padding: 12px 19px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 0px;

}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav a:hover { 
  color: #a94442;
  text-decoration: none;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
  display: none;
  position: absolute; 
  /* has to be the same number as the "line-height" of "nav a" */
  top: 60px; 
}
  
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
  display:inherit;
}
  
/* Fisrt Tier Dropdown */
nav ul ul li {
  width:170px;
  float:none;
  display:list-item;
  position: relative;
}

/* Second, Third and more Tiers 
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
  position: relative;
  top:-60px;
  /* has to be the same number as the "width" of "nav ul ul li" */ 
  left:170px; 
}

  
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */




a.active {
    color: #a94442;
}
.asd5{
      font-size: 36px;
    margin-top: 0;
    /* float: right; */
    /* right: 14px; */
             margin-left: 1072%;
}
/*Navigation*/  
.ser1 a:hover {
    color: #a94442;
}
.ser2 a:hover {
    color: #a94442;
}

.ser3 a:hover {
    color: #a94442;
}
a.float1.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float1.fade-in.two:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float.fade-in:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float4.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float5.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float6.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float7.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float8.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float9.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float10.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float11.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float12.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float13.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float14.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float15.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float16.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float17.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float18.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float19.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float20.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float21.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
@media all and (max-width : 330px) {

  nav ul li {
    display:block;
    width: 94%;
  }
  .ind1 {
    width: 70%;
    margin-top: 70%;
}

  .float {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 38%;
    right: 41%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
  .float1 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 41%;
    right: 46.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float2 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 43%;
    right: 49.6%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float4 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 46%;
    right: 55.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float3 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
    right: 68.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float5 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 56%;
    right: 73.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float6 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 58.5%;
    right: 78%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float7 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 62.8%;
    right: 75.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float8 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 64.2%;
    right: 62%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float9 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 66.3%;
    right: 46%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float10 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 68.3%;
    right: 30%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float16 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 38.7%;
    right: 34.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float17 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 44.7%;
    right: 30.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float15 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 48.7%;
    right: 28%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float14 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
    right: 24.9%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float13 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 57%;
    right: 22.9%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float12 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 61.7%;
    right: 20%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float11 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 66.7%;
    right: 17%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.ser1 a {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser1 {
    margin-top: -72%;
    margin-left: -41%;
}
.ser2 a {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser2 {
    margin-left: 61%;
}
.ser3 a {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser3 {
    margin-top: 56%;
}
.video-play-button {
    position: absolute;
    z-index: 10;
    top: 57%;
    left: 56%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

}


/* Medium devices (landscape tablets, 768px and up) */
@media all and (max-width : 768px) {
    nav ul li a.asd5 {
    margin-left: 0;
}
  #logo {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center;
    float: none;
  }

  nav {
    margin: 0;
  }

  /* Hide the navigation menu by default */
  /* Also hide the  */
  .toggle + a,
  .menu {
    display: none;
  }

  /* Stylinf the toggle lable */
  .toggle {
        display: block;
    background-color: #a94442;
    padding: 14px 20px;
    color: #FFF;
    font-size: 17px;
    text-decoration: none;
    border: none;
  }

  .toggle:hover {
    background-color: #000000;
  }

  /* Display Dropdown when clicked on Parent Lable */
  [id^=drop]:checked + ul {
    display: block;
  }

  /* Change menu item's width to 100% */
  nav ul li {
    display: block;
    width: 100%;
    }

  nav ul ul .toggle,
  nav ul ul a {
    padding: 0 40px;
  }

  nav ul ul ul a {
    padding: 0 80px;
  }

  nav a:hover,
  nav ul ul ul a {
    background-color: #000000;
  }
  
  nav ul li ul li .toggle,
  nav ul ul a,
  nav ul ul ul a{
    padding:14px 20px;  
    color:#FFF;
    font-size:17px; 
  }
  
  
  nav ul li ul li .toggle,
  nav ul ul a {
    background-color: #212121; 
  }

  /* Hide Dropdowns by Default */
  nav ul ul {
    float: none;
    position:static;
    color: #ffffff;
    /* has to be the same number as the "line-height" of "nav a" */
  }
    
  /* Hide menus on hover */
  nav ul ul li:hover > ul,
  nav ul li:hover > ul {
    display: none;
  }
    
  /* Fisrt Tier Dropdown */
  nav ul ul li {
    display: block;
    width: 100%;
  }

  nav ul ul ul li {
    position: static;
    /* has to be the same number as the "width" of "nav ul ul li" */ 

  }
.ind1 {
    width: 76%;
    position: fixed;
    margin-top: 54%;
    margin-left: -37.5%;
}

  .float {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 33%;
                right: 39.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
  .float1 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 37%;
        right: 46.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float2 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
       top: 40%;
    right: 50.6%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float4 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 43%;
           right: 55.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float3 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
  right: 72.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float5 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 56%;
    right: 77.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float6 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 58.5%;

    right: 81.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float7 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 63%;
    right: 75.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float8 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
      top: 65%;
    right: 62%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float9 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 66.9%;
    right: 46%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float10 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 69.2%;
    right: 30%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float16 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
       top: 35.7%;
    right: 31.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float17 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 44.7%;
    right: 26.5%;

    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float15 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 48.7%;
    right: 24%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float14 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
    right: 21.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float13 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 57%;
        right: 19.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float12 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 61.7%;
    right: 16.8%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float11 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 66.7%;
    right: 13.8%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.ser1 a {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser1 {
        margin-top: 63%;
    margin-left: -49%;
}
.ser2 a {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser2 {
    margin-left: 61%;
}
.ser3 a {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser3 {
    margin-top: 56%;
}
.video-play-button {
    position: absolute;
    z-index: 10;
    top: 57%;
    left: 56%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}
.label-container {
    position: fixed;
    /* bottom: 105px; */
    right: 47%;
    top: 35%;
    /* font-size: 2px; */
    display: table;
    visibility: hidden;
}
.label-text {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-text1 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container1 {
    position: fixed;
    /* bottom: 105px; */
    right: 48%;
    top: 38%;
    display: table;
    visibility: hidden;
}
.label-text2 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container2 {
    position: fixed;
    /* bottom: 105px; */
    right: 50%;
    top: 40%;
    display: table;
    visibility: hidden;
}
.label-text4 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 9px;
}
.label-container4 {
    position: fixed;
    /* bottom: 105px; */
    right: 54%;
    top: 46%;
    display: table;
    visibility: hidden;
}
.label-text3 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container3 {
    position: fixed;
    /* bottom: 105px; */
    right: 67%;
    top: 51%;
    display: table;
    visibility: hidden;
}

.label-text5 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container5 {
    position: fixed;
    /* bottom: 105px; */
    right: 73%;
    top: 54%;
    display: table;
    visibility: hidden;
}
.label-text6 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container6 {
    position: fixed;
    /* bottom: 105px; */
    right: 63%;
    top: 58%;
    display: table;
    visibility: hidden;
}
.label-text7 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container7 {
    position: fixed;
    /* bottom: 105px; */
    right: 60%;
    top: 63%;
    display: table;
    visibility: hidden;
}
.label-text8 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 10px;
    border-radius: 3px;
}
.label-container8 {
    position: fixed;
    /* bottom: 105px; */
    right: 54%;
    top: 66%;
    display: table;
    visibility: hidden;
}
.label-text9 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container9 {
    position: fixed;
    /* bottom: 105px; */
    right: 43%;
    top: 68%;
    /*display: table;*/
    display:none;
    visibility: hidden;
}
.label-text10 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container10 {
    position: fixed;
    /* bottom: 105px; */
    right: 40%;
    top: 68%;
    /*display: table;*/
    display:none;
    visibility: hidden;
}
.label-text16 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container16 {
    position: fixed;
    /* bottom: 105px; */
    right: 0%;
    top: 34%;
    display: table;
    visibility: hidden;
}
.label-text17 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container17 {
    position: fixed;
    /* bottom: 105px; */
    right: 0%;
    top: 40%;
    display: table;
    visibility: hidden;
}
.label-text15 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container15 {
    position: fixed;
    /* bottom: 105px; */
    right: -1%;
    top: 45%;
    display: table;
    visibility: hidden;
}
.label-text14 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container14 {
    position: fixed;
    /* bottom: 105px; */
    right: 1%;
    top: 49%;
    display: table;
    visibility: hidden;
}
.label-text13 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container13 {
    position: fixed;
    /* bottom: 105px; */
    right: -2%;
    top: 53%;
    display: table;
    visibility: hidden;
}
.label-text12 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    font-size: 10px;
}
.label-container12 {
    position: fixed;
    /* bottom: 105px; */
    right: 6%;
    top: 58%;
    display: table;
    visibility: hidden;
}
.label-text11 {
    color: #000;
    /* background: rgba(51,51,51,0.5); */
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 10px;
    border-radius: 3px;
}
.label-container11 {
    position: fixed;
    /* bottom: 105px; */
    right: 15%;
    top: 64%;
    display: table;
    visibility: hidden;
}



} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media all and (min-width: 1200px) {
  .ind1{
       width: 30%;
    margin-top: 8%;
   }
.tr{
    width: 40%;
    padding-bottom: 28.2842712474619%;
    position: relative;
    border-bottom: 4px solid rgba(0, 0, 0, 0.5);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    overflow: hidden;
}
.tr:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 4px solid rgba(0, 0, 0, 0.5);
    border-left: 4px solid rgba(0, 0, 0, 0.5);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    transform: rotate(46deg);
}


/* FOLLOWING JUST FOR THE DEMO */
html{
  display:table;
  width:100%; height:100%;
}
body{
    display:table-cell;
  vertical-align:middle;
  text-align:center;
  color:#fff;  
  font-family: 'Ubuntu', sans-serif !important;
  letter-spacing:0.12em;
}
.tr{
     margin:6% auto 0;
}
h1{
  font-size:2em;
  padding-bottom:0;
  margin-bottom:0;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
}



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

/*---make a basic box ---*/
.ser1{
            margin-top: -20%;
    margin-left: -39%;

}
.ser2{
        margin-left: 35%;
}
.ser3{
            margin-top: 18%;
}
.ser1 a{

    color: #000;
    font-size: 18px;
    text-transform:uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser2 a{

    color: #000;
    font-size: 18px;
    text-transform:uppercase;
    font-weight: 400;
    text-decoration: none !important;
}
.ser3 a{

    color: #000;
    font-size: 18px;
    text-transform:uppercase;
   font-weight: 400;
    text-decoration: none !important;
}

 .video-play-button {
     position: absolute;
     z-index: 10;
    top: 53%;
    left: 52%;
     transform: translateX(-50%) translateY(-50%);
     box-sizing: content-box;
     display: block;
     width: 32px;
     height: 44px;
    /* background: #fa183d;
     */
     border-radius: 50%;
     padding: 18px 20px 18px 28px;
}
/*.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #2E3638;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}*/
/*.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #2E3638;
    border-radius: 50%;
    transition: all 200ms;
}*/
 .video-play-button:hover:after {
     background-color: #000;
}
 .video-play-button img {
     position: relative;
     z-index: 3;
     max-width: 100%;
     width: auto;
     height: auto;
}
 .video-play-button span {
     display: block;
     position: relative;
     z-index: 3;
     width: 0;
     height: 0;
         border-left: 22px solid #6a6f70 !important;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
 .video-overlay {
     position: fixed;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.80);
     opacity: 0;
     transition: all ease 500ms;
}
 .video-overlay.open {
     position: fixed;
   z-index: 99999999999;
     opacity: 1;
}
 .video-overlay-close {
     position: absolute;
     z-index: 1000;
     top: 15px;
     right: 20px;
     font-size: 36px;
     line-height: 1;
     font-weight: 400;
     color: #fff;
     text-decoration: none;
     cursor: pointer;
     transition: all 200ms;
}
 .video-overlay-close:hover {
     color: #fa183d;
}
 .video-overlay iframe {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
    /* width: 90%;
     */
    /* height: auto;
     */
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}
.navbar-inverse {
    background-color: #2E3638;
    border-color: #2E3638;
}
/* That's it: */
.mouse {
  display: block;
  position: absolute;
  margin: 0 auto;
  width: 26px;
  height: 46px;
  border-radius: 13px;
  border: 2px solid #fff;
  bottom: 20px;
  left: 50%;
  margin-left: -13px;
}
.mouse span {
  display: block;
  margin: 6px auto;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(16px);
    -ms-transform: translateY(16px);
    transform: translateY(16px);
  }
}

/*cont1 start*/
.label-container{
       position: fixed;
    /* bottom: 105px; */
    right: 47%;
    top: 21%;
    display: table;
    visibility: hidden;
}

.label-text{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
        font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float{
        position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 24%;
    right: 47%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float {
    color: #fff;
    display:block;
}
a.float :hover{
    color: #000;
}
.my-float {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}
/*cont1 end*/

/*cont2 start*/
.label-container1{
    position: fixed;
    /* bottom: 105px; */
    right: 48%;
    top: 23%;
    display: table;
    visibility: hidden;
}

.label-text1{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float1{
          position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 27%;
    right: 48.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float1 {
    color: #fff;
     display:block;
}
a.float1 :hover{
    color: #000;
}
.my-float1 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float1 + div.label-container1 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float1:hover + div.label-container1{
  visibility: visible;
  opacity: 1;
}
/*cont2 end*/

/*cont3 start*/
.label-container2{
    position: fixed;
    /* bottom: 105px; */
        right: 50%;
    top: 27%;
    display: table;
    visibility: hidden;
}

.label-text2{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float2{
        position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
     top: 30%;
    right: 49.6%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float2 {
    color: #fff;
     display:block;
}
a.float2:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float2 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float2 + div.label-container2 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float2:hover + div.label-container2{
  visibility: visible;
  opacity: 1;
}
/*cont3 end*/


/*cont4 start*/
.label-container3{
position: fixed;
    /* bottom: 105px; */
    right: 58%;
    top: 46%;
    display: table;
    visibility: hidden;
}

.label-text3{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float3{
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 49%;
    right: 57.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float3 {
    color: #fff;
     display:block;
}
a.float3:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float3 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float3 + div.label-container3 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float3:hover + div.label-container3{
  visibility: visible;
  opacity: 1;
}
/*cont4 end*/




/*cont5 start*/
.label-container4{
    position: fixed;
    /* bottom: 105px; */
    right: 54%;
    top: 35%;
    display: table;
    visibility: hidden;
}

.label-text4{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float4{
        position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 42%;
    right: 54.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float4 {
    color: #fff;
     display:block;
}
a.float4:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float4 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float4 + div.label-container4 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float4:hover + div.label-container4{
  visibility: visible;
  opacity: 1;
}
/*cont5 end*/

/*cont6 start*/
.label-container5{
        position: fixed;
    /* bottom: 105px; */
        right: 61%;
    top: 51%;
    display: table;
    visibility: hidden;
}

.label-text5{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float5{
position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 55%;
    right: 60.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float5 {
    color: #fff;
     display:block;
}
a.float5:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float5 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float5 + div.label-container5 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float5:hover + div.label-container5{
  visibility: visible;
  opacity: 1;
}
/*cont6 end*/


/*cont7 start*/
.label-container6{
       position: fixed;
    /* bottom: 105px; */
        right: 63%;
    top: 58%;
    display: table;
    visibility: hidden;
}

.label-text6{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float6{
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 61.5%;
    right: 63%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float6 {
    color: #fff;
     display:block;
}
a.float6:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float6 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float6 + div.label-container6 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float6:hover + div.label-container6{
  visibility: visible;
  opacity: 1;
}
/*cont7 end*/


/*cont8 start*/
.label-container7{
        position: fixed;
    /* bottom: 105px; */
    right: 60%;
    top: 72%;
    display: table;
    visibility: hidden;
}

.label-text7{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float7{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 68%;
    right: 60.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float7 {
    color: #fff;
     display:block;
}
a.float7:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float7 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float7 + div.label-container7 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float7:hover + div.label-container7{
  visibility: visible;
  opacity: 1;
}
/*cont8 end*/


/*cont9 start*/
.label-container8{
position: fixed;
    /* bottom: 105px; */
    right: 53%;
    top: 75%;
    display: table;
    visibility: hidden;
}

.label-text8{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
     font-size: 14px;
    border-radius:3px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float8{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 71.2%;
    right: 54%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float8 {
    color: #fff;
     display:block;
}
a.float8:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float8 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float8 + div.label-container8 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float8:hover + div.label-container8{
  visibility: visible;
  opacity: 1;
}
/*cont9 end*/


/*cont10 start*/
.label-container9{
position: fixed;
    /* bottom: 105px; */
        right: 46%;
    top: 78%;
    display: table;
    visibility: hidden;
}

.label-text9{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float9{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 75.5%;
    right: 46%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float9 {
    color: #fff;
     display:block;
}
a.float9:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float9 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float9 + div.label-container9 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float9:hover + div.label-container9{
  visibility: visible;
  opacity: 1;
}
/*cont10 end*/



/*cont11 start*/
.label-container10{
position: fixed;
    /* bottom: 105px; */
    right: 40%;
    top: 77%;
    display: table;
    visibility: hidden;
}

.label-text10{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float10{
         position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 78.7%;
    right: 40%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999;*/
}
a.float10 {
    color: #fff;
     display:block;
}
a.float10:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float10 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float10 + div.label-container10 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float10:hover + div.label-container10{
  visibility: visible;
  opacity: 1;
}
/*cont11 end*/



/*cont12 start*/
.label-container11{
       position: fixed;
    /* bottom: 105px; */
        right: 15%;
    top: 71%;
    display: table;
    visibility: hidden;
}

.label-text11{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
     font-size: 14px;
    border-radius:3px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float11{
   position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
       top: 73.7%;
    right: 36.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float11 {
    color: #fff;
     display:block;
}
a.float11:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float11 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float11 + div.label-container11 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float11:hover + div.label-container11{
  visibility: visible;
  opacity: 1;
}
/*cont12 end*/




/*cont13 start*/
.label-container12{
    position: fixed;
    /* bottom: 105px; */
   right: 25%;
    top: 65%;
    display: table;
    visibility: hidden;
}

.label-text12{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float12{
  position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 64.7%;
    right: 37.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float12 {
    color: #fff;
     display:block;
}
a.float12:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float12 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float12 + div.label-container12 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float12:hover + div.label-container12{
  visibility: visible;
  opacity: 1;
}
/*cont13 end*/



/*cont14 start*/
.label-container13{
    position: fixed;
    /* bottom: 105px; */
    right: 24%;
      top: 50%;
    display: table;
    visibility: hidden;
}

.label-text13{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float13{
 position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
    right: 39.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float13 {
    color: #fff;
     display:block;
}
a.float13:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float13 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float13 + div.label-container13 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float13:hover + div.label-container13{
  visibility: visible;
  opacity: 1;
}
/*cont14 end*/


/*cont15 start*/
.label-container14{
  position: fixed;
    /* bottom: 105px; */
    right: 28%;
    top: 46%;
    display: table;
    visibility: hidden;
}

.label-text14{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float14{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
         top: 48%;
    right: 39.74%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999;*/
}
a.float14 {
    color: #fff;
     display:block;
}
a.float14:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float14 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float14 + div.label-container14 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float14:hover + div.label-container14{
  visibility: visible;
  opacity: 1;
}
/*cont15 end*/



/*cont16 start*/
.label-container15{
position: fixed;
    /* bottom: 105px; */
    right: 23%;
    top: 40%;
    display: table;
    visibility: hidden;
}

.label-text15{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float15{
        position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 42.7%;
    right: 40.5%;

    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float15 {
    color: #fff;
     display:block;
}
a.float15:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float15 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float15 + div.label-container15 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float15:hover + div.label-container15{
  visibility: visible;
  opacity: 1;
}
/*cont16 end*/

/*cont17 start*/
.label-container16{
position: fixed;
    /* bottom: 105px; */
    right: 18%;
    top: 35%;
    display: table;
    visibility: hidden;
}

.label-text16{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float16{
         position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
       top: 37.7%;
    right: 41.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
a.float16 {
    color: #fff;
     display:block;
}
a.float16:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float16 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float16 + div.label-container16 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float16:hover + div.label-container16{
  visibility: visible;
  opacity: 1;
}
/*cont17 end*/


/*cont18 start*/
.label-container17{
    position: fixed;
    /* bottom: 105px; */
    right: 29%;
    top: 21%;
    display: table;
    visibility: hidden;
}

.label-text17{
    color:#000;
/*    background:rgba(51,51,51,0.5);*/
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
     font-size: 14px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    opacity:0.5;
    display: none;
}

.float17{
     position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 24.7%;
    right: 43.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999;*/
}
a.float17 {
    color: #fff;
     display:block;
}
a.float17:hover{
    color: #000;
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
}
.my-float17 {
    font-size: 30px !important;
    margin-top: 15px;
}
a.float17 + div.label-container17 {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
      z-index: 99999999999999;
}

a.float17:hover + div.label-container17{
  visibility: visible;
  opacity: 1;
}
/*cont18 end*/


.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: rgb(255, 165, 167);
    background-color: transparent;
}

.flts{
    position: relative;
}

.btn.book-now {
  background: #a94442;
  border-radius: 0;
  color: #fff;
 font-weight: 400;
    letter-spacing:1px;
  display: inline-block;
 font-size: 15px;
    height: 37px;
    line-height: 24px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
     width: 126px;
    font-family: 'Ubuntu', sans-serif !important;
    z-index: 215;
    top: 49%;
}
.btn.book-now1 {
  font-family: 'Ubuntu', sans-serif !important;
    background: #a94442;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
    letter-spacing:0px;
    display: inline-block;
    font-size: 15px;
    height: 37px;
    line-height: 24px;
    position: fixed;
    right: 0;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    width: 128px;
    z-index: 215;
    top: 71%;
}
            /*Navigation*/
/* CSS Document */

body {

  font-size:22px;
  color: #ffffff;
  margin: 0;
  padding: 0;
  word-wrap:break-word !important;
  }

 
.h4, h4 {
    font-size: 18px;
}

#container {
  margin: 0 auto;
  max-width: 890px;
}


.toggle,
[id^=drop] {
  display: none;
}

/* Giving a background-color to the nav container. */
nav { 
    margin: 0;
    height: auto;
    padding: 0;
    width: 100%;
    background-color: #2E3638;
    position: fixed;
    top: 0;
    z-index: 1;
}

#logo {
  display: block;
  padding: 0 30px;
  float: right;
  font-size:20px;
  line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
  content:"";
  display:table;
  clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
  float: left;
  padding:0;
  margin:0;
  list-style: none;
  position: relative;
  }
  
/* Positioning the navigation items inline */
nav ul li {
  margin: 0px;
  display:inline-block;
  float: left;
      line-height: 1em; 

  }

/* Styling the links */
nav a {
          display: block;
    padding: 12px 19px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 0px;

}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav a:hover { 
  color: #a94442;
  text-decoration: none;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
  display: none;
  position: absolute; 
  /* has to be the same number as the "line-height" of "nav a" */
  top: 60px; 
}
  
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
  display:inherit;
}
  
/* Fisrt Tier Dropdown */
nav ul ul li {
  width:170px;
  float:none;
  display:list-item;
  position: relative;
}

/* Second, Third and more Tiers 
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
  position: relative;
  top:-60px;
  /* has to be the same number as the "width" of "nav ul ul li" */ 
  left:170px; 
}

  
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */




a.active {
    color: #a94442;
}
.asd5{
      font-size: 36px;
    margin-top: 0;
    /* float: right; */
    /* right: 14px; */
             margin-left: 1072%;
}
/*Navigation*/  
.ser1 a:hover {
    color: #a94442;
}
.ser2 a:hover {
    color: #a94442;
}

.ser3 a:hover {
    color: #a94442;
}
a.float1.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float1.fade-in.two:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float.fade-in:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float4.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float5.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float6.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float7.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float8.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float9.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float10.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float11.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float12.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float13.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float14.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float15.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float16.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float17.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float18.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float19.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float20.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
a.float21.fade-in.three:hover {
    box-shadow: 0 0 0 5px rgb(98, 30, 32);
    color: #fff;
}
}
@media only screen and (min-width: 1280px) {

    .ind1 {
    width: 30%;
    margin-top: 12%;
    8%: ;
    position: fixed;
    margin-left: -14%;
}
    .float {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 32%;
    right: 46.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float1 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
      top: 36%;
    right: 48%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float2 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 40%;
    right: 49.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float4 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
       top: 47%;
    right: 52.9%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float3 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 54%;
    right: 55.9%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float5 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
  top: 60%;
    right: 58.6%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float6 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
      top: 65%;
    right: 61%; 
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float7 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 73.5%;
    right: 59.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float8 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 76.7%;
    right: 53%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float9 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 80.1%;
    right: 46%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float10 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 84%;
    right: 39%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float17 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
  top: 31.7%;
    right: 42.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float16 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
       top: 39.7%;
    right: 41%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float15 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 44.7%;
    right: 40.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float14 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 50%;
    right: 39.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float13 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 56%;
    right: 38.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float12 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 67.7%;
    right: 36.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float11 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
        top: 76.7%;
    right: 35.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .video-play-button {
    position: absolute;
    z-index: 10;
        top: 62%;
    left: 53%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}
    .ser1 {
    margin-top: 20%;
    position: fixed;
    margin-left: 21%;
    z-index:1;
}

    .ser2 {
    margin-left: 66%;
    position: fixed;
    margin-top: 26%;
    z-index:1;
}
    .ser3 {
    margin-top: 43%;
    position: fixed;
    margin-left: 30%;
    z-index: 1;
}
    .label-container {
        position: fixed;
        /* bottom: 105px; */
        right: 47%;
    top: 29%;
        display: table;
    }
    .label-container1 {
    position: fixed;
    /* bottom: 105px; */
       right: 49%;
    top: 32%;
    display: table;
    visibility: hidden;
}
    .label-container2 {
    position: fixed;
    /* bottom: 105px; */
        right: 50%;
    top: 36%;
    display: table;
    visibility: hidden;
}
    .label-container4 {
    position: fixed;
    /* bottom: 105px; */
    right: 54%;
    top: 39%;
    display: table;
    visibility: hidden;
}
    .label-container3 {
    position: fixed;
    /* bottom: 105px; */
       right: 56%;
    top: 50%;
    display: table;
    visibility: hidden;
}
    .label-container5 {
    position: fixed;
    /* bottom: 105px; */
        right: 58%;
    top: 54%;
    display: table;
    visibility: hidden;
}
    .label-container6 {
    position: fixed;
    /* bottom: 105px; */
    right: 61%;
    top: 62%;
    display: table;
    visibility: hidden;
}
    .label-container10 {
    position: fixed;
    /* bottom: 105px; */
        right: 39%;
    top: 82%;
    display: table;
    visibility: hidden;
}
    .label-container11 {
    position: fixed;
    /* bottom: 105px; */
    right: 13%;
    top: 74%;
    display: table;
    visibility: hidden;
}
    .label-container13 {
    position: fixed;
    /* bottom: 105px; */
 right: 22%;
    top: 53%;
    display: table;
    visibility: hidden;
}
    .label-container14 {
    position: fixed;
    /* bottom: 105px; */
        right: 27%;
    top: 47%;
    display: table;
    visibility: hidden;
}    
    .label-container15 {
    position: fixed;
    /* bottom: 105px; */
        right: 21%;
    top: 41%;
    display: table;
    visibility: hidden;
}
    .label-container16 {
    position: fixed;
    /* bottom: 105px; */
        right: 16%;
    top: 36%;
    display: table;
    visibility: hidden;
}
    .label-container17 {
    position: fixed;
    /* bottom: 105px; */
    right: 27%;
    top: 28%;
    display: table;
    visibility: hidden;
}
    .asd5 {
    font-size: 36px;
    top: -1%;
    /* float: right; */
    /* right: 14px; */
    position: fixed;
    right: 1%;
    /* margin-left: 4%; */
}


}
@media only screen and (min-width: 1349px) {
    .ind1 {
    width: 30%;
    margin-top: 10%;
    position: fixed;
    margin-left: -15%;
}
    div#particles-js {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    top: 0;
}
.float {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 24%;
    right: 45.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float1 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 27%;
    right: 47%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float2 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 30%;
    right: 48.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float4 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 42%;
    right: 53.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float3 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 49%;
    right: 56.8%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float5 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 55%;
    right: 59.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float6 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 61.5%;
    right: 62.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float7 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 68.8%;
    right: 60.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float8 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 71.8%;
    right: 54%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float9 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 75.8%;
    right: 46%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float10 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 78.8%;
    right: 40%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float17 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 24.7%;
    right: 43.6%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float16 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 37.7%;
    right: 41.6%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float15 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 42.7%;
    right: 40.85%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float14 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 48%;
    right: 40.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float13 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
    right: 39.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float12 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 64.7%;
    right: 37.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float11 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 73.7%;
    right: 36.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.ser1 {
    margin-top: 21%;
    margin-left: 17%;
    position: fixed;
    z-index: 1;
}
.ser2 {
    margin-left: 65%;
    position: fixed;
    margin-top: 22%;
       z-index:1;
}
.ser3 {
    /* margin-top: 18%; */
    position: fixed;
    margin-top: 41%;
    margin-left: 31%;
    z-index:1;
}


}

@media only screen and (min-width: 1600px) {
    .ind1 {
    width: 30%;
    margin-top: 13%;
}
    .float {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 25%;
    right: 45.2%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float1 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 27%;
    right: 46.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float2 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 29%;
    right: 47.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float2 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 29%;
    right: 47.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float5 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 55%;
    right: 61%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float6 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 59.5%;
    right: 63.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float7 {
        position: fixed;
        width: 6px;
        z-index: 9999999999999999999999;
        height: 6px;
        /* bottom: 100px; */
        top: 64.1%;
        right: 60.1%;
        background-color: #000;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        /* box-shadow: 2px 2px 3px #999; */
    }

    .float8 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 66.9%;
    right: 54%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float9 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 70.2%;
    right: 46%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float10 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 72.98%;
    right: 40%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float10 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 72.98%;
    right: 40%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float12 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 64.7%;
    right: 36.9%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float13 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
    right: 38.9%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float15 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 42.7%;
    right: 40.8%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float16 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 37.7%;
    right: 41.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float17 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 25.7%;
    right: 43.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float4 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 42%;
    right: 54.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .float11 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 70.7%;
    right: 35.9%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
    .btn.book-now {
    background: #a94442;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 15px;
    height: 37px;
    line-height: 24px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    width: 126px;
    font-family: 'Ubuntu', sans-serif !important;
    z-index: 215;
    top: 55%;
}


}

@media only screen and (min-width: 2160px) {
.ind1 {
    width: 30%;
    margin-top: 7%;
}
.float {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 27%;
    right: 45.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float1 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 29%;
    right: 46.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float2 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 31%;
    right: 47.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float4 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 42%;
    right: 54.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float3 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 49%;
    right: 58.7%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float5 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 55%;
    right: 62.4%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float6 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 59.4%;
    right: 63.3%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float7 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 62%;
    right: 56.1%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float8 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 64.5%;
    right: 49%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float9 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 67.5%;
    right: 41%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float17 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 27.7%;
    right: 43.8%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float13 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 53%;
    right: 38.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float12 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 60.7%;
    right: 36.9%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.float11 {
    position: fixed;
    width: 6px;
    z-index: 9999999999999999999999;
    height: 6px;
    /* bottom: 100px; */
    top: 67.7%;
    right: 35.5%;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 3px #999; */
}
.btn.book-now {
    background: #a94442;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 15px;
    height: 37px;
    line-height: 24px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    width: 126px;
    font-family: 'Ubuntu', sans-serif !important;
    z-index: 215;
    top: 61%;
}

}