 .widget_home1 {
     position: absolute;
     top: 70px;
     z-index: 1000;
 }
 
 .holds-the-iframe {
     background: url(https://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;
 }