.widget_home1 {
              position: absolute;
              top: 70px;
              z-index: 1000;
          }

          .holds-the-iframe {
              background: url(../../cdn.metripping.com/iframeLoader.gif) top center no-repeat;
              position: absolute;
              background-size: 200px 200px;
          }

          @media screen and (max-width: 1024px) {
              .widget_home1 {
                  display: none;
              }
          }
  .upcomingtour_div
  {
    margin-top:50px;
  }
input
{
  outline: 0;
  border-width: 0 0 2px;
  border-color: black;
}
input:focus {
  border-color: black;
}
 
.loading1
{
  padding-top:300px; 
}
.loading2
{
  margin-bottom:2px;margin-left:290px;
}
.loadersmall 
{
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid grey;
  border-bottom: 16px solid grey;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}  
@keyframes spin 
{
  0%   { transform: rotate(0deg);   }
  100% { transform: rotate(360deg); }
}
.parallax
{
  min-height:350px;   
  background-image: url("../images/fav1.webp");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}


@keyframes bounce {
  0%, 50%, 100% {
    transform: scale(1);
    filter: blur(0px);
  }
  25% {
    transform: scale(0.6);
    filter: blur(3px);
  }
  75% {
    filter: blur(3px);
    transform: scale(1.4);
  }
}
@media only screen and (min-width:620px)
{
	 .tripdetails
  {
    width:100%;   
    
      
  }
}

@media only screen and (max-width:620px)
{
  .tripdetails
  {
    width:100%;   
    
      
  }
}
.box
      {
        transform:rotate(45deg); 
        
      }
      .box5
      {
        transform: rotate(45deg);
        animation-duration:5s;
        animation-name:boxfiveanim; 
        animation-iteration-count:infinite; 
        width:50px;height:50px;background-color:#354558;margin-right:40px;       
      }
      .box1
      {
        animation-duration:1s;
        animation-name:boxoneanim; 
        animation-iteration-count:infinite; 
        width:50px;height:50px;background-color:#354558;margin-right:40px;
      }
      .box2
      {
        animation-duration:1s;
        animation-name:boxtwoanim; 
        animation-delay:1s;
        animation-iteration-count:infinite;  
        width:50px;height:50px;background-color:#354558;margin-right:40px;
      }
      .box3
      {
        animation-duration:1s;
        animation-name:boxthreeanim; 
        animation-delay:2s;
        animation-iteration-count:infinite;  
        width:50px;height:50px;background-color:#354558;margin-right:40px;
      }
      .box4
      {
        animation-duration:1s;
        animation-name:boxfouranim; 
        animation-delay:3s; 
        animation-iteration-count:infinite; 
        width:50px;height:50px;background-color:#bd665e;
      }
      @keyframes boxfiveanim
      {
        0%
        {
           
           transform: translateX(90px) rotate(20deg);

        }
        20%
        {
             transform: translateX(180px) rotate(45deg);
             background-color:#354558;
        }
        40%
        {
             transform: translateX(270px) rotate(135deg);
             background-color:#625059;
        } 
        60%
        {
             transform: translate(360px) rotate(230deg);
             background-color:#905b5c;
        }
        80%
        {
             transform: translate(450px) rotate(320deg);
             background-color:#bd665e;
        }
        100%
        {
           transform: translate(540px) rotate(410deg); 
           background-color:#bd665e;
        }
      }
      @keyframes boxoneanim
      {
        from{transform:rotate(45deg); }
        to{transform:rotate(140deg);}
      }
       @keyframes boxtwoanim
      {
        from{transform:rotate(45deg); }
        to{transform:rotate(140deg);}
      }
       @keyframes boxthreeanim
      {
        from{transform:rotate(45deg); }
        to{transform:rotate(140deg);}
      }
       @keyframes boxfouranim
      {
        from{transform:rotate(45deg); }
        to{transform:rotate(140deg); }
      }
.load
{
   width:100%;height:100%;right:0;background-color:black;
}