body{
	margin: 0;
	padding: 0;
	background-color: white;
	font-family: 'Roboto', sans-serif;
}
.pop_up_height{
                  height:35px;
                }
/*============this is signup and login css code started============*/ 
.text_color{
    color: #5E6D77;

}
.facebook_color{
    background-color: #4267B2;
}
.facebook_color:hover{
	background-color: #4267B2;
}
.google_color{
    background-color: #db4a39;
}
.google_color:hover{
	background-color: #db4a39;
}
.twitter{
    background-color: #1DA1F2;
}
.twitter:hover{
	background-color: #1DA1F2;
}
.log_in{
    background-color: #5191FA;
}
.log_in:hover{
	background-color: #5191FA;
}

/*============this is signup and login css code ended============*/



 .navbar_font_size{
  font-size: 14px;
 }
 .button_color_border{
            background-color: #CA3C3C;border: #CA3C3C;
          }

  .button_color_border:hover{
    background-color: #DE3535;
    border: #DE3535;
  }
          .img-hover-zoom {

            cursor: pointer;
             

    
  overflow: hidden;  
}

 
.img-hover-zoom img {
  transition: transform .5s ease;
}

 
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

.img_effect_now{
            height:100%;width: 100%;
          }
  



/*========this is slider code started========*/




@media (min-width: 1281px) {
  
  .slider-wrapper {
  width: 100%;
  height: 87.5%;
  position: absolute;
 /* background-image: url("../img/main1.png")!important;*/
   
}

.slide {
  float: left;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.1s linear;
   
}


.slider-wrapper > .slide:first-child {
  opacity: 1;
}
  
}

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .slider-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.slide {
  float: left;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.1s linear;
}


.slider-wrapper > .slide:first-child {
  opacity: 1;
}
  
}

@media (min-width: 768px) and (max-width: 1024px) {
  
    .slider-wrapper {
  width: 100%;
  height: 80%;
  position: absolute;
}

.slide {
  float: left;
  position: absolute;
  width: 100%;
  height:  100%;
  opacity: 0;
  transition: opacity 0.1s linear;
}


.slider-wrapper > .slide:first-child {
  opacity: 1;
}
  
}
@media (min-width: 481px) and (max-width: 767px) {
  
   .slider-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.slide {
  float: left;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.1s linear;
}


.slider-wrapper > .slide:first-child {
  opacity: 1;
}
  
}


@media (min-width: 320px) and (max-width: 480px) {
  
    .slider-wrapper {
  width: 100%;
  height: 150%;
  position: absolute;



  
      


 
   
   
 
}

.slide {
  float: left;
  top: 8%;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.1s linear;
 
 

  

}


.slider-wrapper > .slide:first-child {
  opacity: 1;
}
  
}
/*========this is slider code ended========*/



/*========this is card and button color section started========*/
.send_message_button{
    background-color: #5191FA;
    border: 0;
}

.card_bg-color{
    background: rgba(0, 0, 0, 0.5);
    width: auto;
}
/*========this is card and button color section ended========*/







.navbar-nav{
    float: none;
    text-align: center;
    }
    .navab-nav li{
      display: inline-block;
      float: none;
    }
    .navbar_colors{
      font-weight: bold;      
    }
    .megamenu-li {
    position: static;



    }

  .megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 15px;


  
  }
   #slider_showed{
                                margin-top: -8px;
                              }
  
   
  @media (min-width: 1281px) {
  
  .box_position{
    position: absolute;
  top:30vw;
  left: 50%;

  transform: translate(-50%, -50%);
  z-index: 2;
  }
  .color_white{
    color: white;
  }
  
}

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .box_position{
    position: absolute;
  top:44.5vw;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  }
  .color_white{
    color: white;
  }
  
}

@media (min-width: 768px) and (max-width: 1024px) {
  
  .box_position{
    position: absolute;

    top: 62.5vw;
   
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  }
  .color_white{
    color: white;
  }
  
}

@media (min-width: 481px) and (max-width: 767px) {
  
  .box_position{
    position: absolute;
    top:105.5vw;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  }
  .color_white{
    color: white;
  }
  
}


@media (min-width: 320px) and (max-width: 480px) {
  
  .box_position{
    position: absolute;
    top:170.5vw;
     top:78h;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  }
  .color_white{
    color: white;
  }

 
  input::placeholder{
    font-size: 13.5px;
  }
  
}
  #sliders .owl-nav
    {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 100%;
      margin-left: 12px; 

     }
     #sliders .owl-nav .owl-next
      {
       position: absolute;
        height: 10px;
        color: inherit;
         background: none;
        border: none;
        z-index: 100;
        font-size: 5.5rem;
        color: #ca3c3c; /*#EAEEF3*/
        /*right: 10px;*/
        right: 0;


        width: 8px;  

      }
      .owl-next:focus, .owl-prev:focus {outline: none;}



      
       #sliders .owl-nav  .owl-prev
        {
            position: absolute;
        height: 10px;
        color: inherit;
         background: none;
        border: none;
        z-index: 100;
        font-size: 5.5rem;
        color: #ca3c3c; /*#EAEEF3*/
        /*right: 10px;*/
        left: 0;
        margin-left: -40px; 
         
          
          }
            

          #sliders .owl-dot{
            display: none;
            }

          .underline{
            color: green;
            position: relative;
            margin-top: 200px;
            color: #1A2B48;
          }
          .underline::after{
            content: '';
            margin-top: 45px;
            height: 2.5px;
            width: 78px;
            background: #5191FA;
            position: absolute;
            left: 0;
          }
          @media (min-width: 481px) and (max-width: 767px) {
  
          .underline{
            color: green;
            position: relative;
            margin-top: 50px;
            color: #1A2B48;
          }
          }
          @media (min-width: 320px) and (max-width: 480px) {
              
            .underline{
              color: green;
               position: relative;
                margin-top: 50px;
                 color: #1A2B48;
            }  
             
            }
            .popular_tour{
            color: green;
            position: relative;
           font-weight: bold;
            color: #1A2B48;
          }
          .popular_tour::after{
            content: '';
            margin-top: 45px;
            height: 2.5px;
            width: 78px;
            background: #5191FA;
            position: absolute;
            left: 0;
          }
           .popula_slider_color{
             font-size: 15px;color: #1A2B48;
           }
           .Our_Top{
            color: green;
            position: relative;
           font-weight: bold;
            color: #1A2B48;
          }
          .Our_Top::after{
            content: '';
            margin-top: 45px;
            height: 2.5px;
            width: 78px;
            background: #5191FA;
            position: absolute;
            left: 0;
          }
          marquee {
    height: 100px;
    width: 100%;
}
 marquee a{
   text-decoration: none;
   padding-right: 15px;
 }
 
.three_section{
    color: #1A2B48;
     font-weight:600;
    font-size: 16px;
    text-transform: uppercase;

  }
                         
        </style>
                    <style type="text/css">
    

  .babila{
     margin-top: 100px;
     }
     @media (min-width: 1025px) and (max-width: 1280px) {
       .babila{
         margin-top: 60px;
       }
                            
      }

    @media (min-width: 900px) and (max-width: 1024px) {
    .babila{
       margin-top: 50px;
     }
                            
    }

    @media (min-width: 768px) and (max-width: 901px) {
  
     .babila{
        margin-top: 0px;
      }
                            
      }
      @media (min-width: 481px) and (max-width: 767px) {
  
      .babila{
        margin-top: 0px;
      }
                            
      }

      @media (min-width: 320px) and (max-width: 480px) {
  
        .babila{
          margin-top: 0px;
        }
                            
    }

.black_color{
    color: black;

  }
  .black_color:hover{
    color: black;
    text-decoration-color: black;
  }

   .black_color{
    color: black;

  }
  .black_color:hover{
    color: black;
    text-decoration-color: black;
  }
  .Our_Tops{
            border-left: 3px solid #5191FA;
          height: 55px;
          padding-left: 15px;
          }
          .gray_color{
             color: #808080;
          }
          .footer_bg{
            background-color: #f6f9ff
          }
          .showSlide {  
            display: none  
        }  
            .showSlide img {  
                width: 100%;
                height:100%;
             

            }  
          


        /* Fading animation */  
        .fades {  
            -webkit-animation-name: fade;  
            -webkit-animation-duration: 1.5s;  
            animation-name: fade;  
            animation: 1s fade; 
        }  
        @-webkit-keyframes fade {  
            from {  
                opacity: .4  
            }  
            to {  
                opacity: 1  
            }  
        }  
  
        @keyframes fade {  
            from {  
                opacity: .4  
            }  
            to {  
                opacity: 1  
            }  
        } 


          /* @-webkit-keyframes fade{
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
} 

        @keyframes fade{
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}*/


@media only screen and (max-width: 768px) {
   .menu{
    padding-right: 0px !important;

   }
}