.yellow_button:hover {
    background-color: #8470b2!important;
    color: white!important;
    background-image: url(../img/arrow-white-small.png);
}

a.purple:hover,
.sidebar_cta_blue:hover {
    background-color: #8470b2!important;
}

a.white:hover {
    background-color: #8470b2!important;
    color: white;
    background-image: url(../img/arrow-white-small.png);
}
.sidebar_cta_yellow:hover {
    background-color: #8470b2!important;
    color: white!important;
    background-image: url(../img/arrow-white-big.png);    
}
.tour_form input[type=submit]:hover {
     background-color: #8470b2!important;
     color: white!important;
     background-image: url(../img/arrow-white-big.png);    
}
#preloader {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0,0,0,0.1);
  border-top-color: #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}


/************************ Responsive *************************/


/************************ 1399px *************************/

@media screen and (max-width: 1399px) {



/**** 1399 end ****/ }




/************************ 1199px *************************/
@media screen and (max-width: 1199px) {

/**** 1199 end ****/ }


/************************  991px *************************/
@media screen and (max-width: 991px) {


/**** 991 end ****/ }



/************************  767px *************************/
@media screen and (max-width: 767px) {


/**** 767 end ****/ }

/************************  599px *************************/
@media screen and (max-width: 599px) {

/**** 599 end ****/ }