.backgroundxxx {
  animation: float 3s ease-out infinite;
}

@keyframes float {
  50% {
     transform: translate(0, 20px);
  }
}


@keyframes bounce {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -10px;
  }
}


@keyframes spring { 
  0% { transform: scale(1) translateY(0); }
  10% { transform: scale(1.2, 0.6); }
  30% { transform: scale(0.8, 1.1) translateY(-10px); }
  50% { transform: scale(1) translateY(0); }
  100% { transform: translateY(0); }
}



.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
  font-size:40px;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
   color:#d63f57;
}

.star_rate_filled, .star_rate_filled:before
{
   content: "\2605";
   position: absolute;
   color:#d63f57;
}


main
{
  transition: 1s all;	
}

span,div,p
{
font-family: "Careem-Bold" !important;	
}

.slot:hover, .btn:hover, .home_cuisine_img:hover,.footer b img.default:hover, .bookmarks_icons:hover
{
#transform: scale(1.1);	
#transition: 500ms linear; 
}



.bookmarks_icons
{
float:left;	
color:#bbb9bb;
}

.bookmarks_links
{
float:left;	
color:#bbb9bb;
}

.bookmarks_icon_active, .bookmarks_icon_active >i
{
color:#d63f57 !important;
fill:#d63f57 !important;


}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container
{
direction:ltr;	
}

.iti__country
{
font-size:11px;	
}

.iti__country-list
{
width:370px;	
z-index:9999 !important;	

}




.restaurant_details_icons
{
float:left;
margin-top:2px;
margin-right:10px;

}

.col-3
{
text-align:center;

}

.main_inners
{
text-align:center;
margin-top:10px;	
}

.main_inners_2
{
text-align:center;
margin-top:20px;
margin-bottom:-10px;	
}

.banner_sec .banner_content .wrap .row > div
{
width:33.3%;	
}

.modal
{
top:6px;	
}

.timeslots
{
margin:5px !important;
padding:6px !important;
font-size:12px;
}

.slick-dots
{
bottom:-50px;
}


.home_city_img
{
min-height:65px;
max-height:65px;
}

.home_restaurant_img
{
min-height:180px;
max-height:180px;
}

.caption__content
{
text-align:center;
}

.header
{
background-color:#000000 !important;
}

.languages_content_area
{
width:100%;
position:absolute;
bottom:45px;
}



.languages_content
{
width:50%;
margin:0 auto;
text-align:center;
}

.logo_img
{
min-height:40px;
max-height:46px;
position:fixed;
top:10px;
left:37%;
width:95px;
}

.booked_times
{
font-size:10px;	
padding:3px;
}

.booked_times_div
{
width:100%;
border-radius:20px;
background-color:#ffffff;	
}

.small_span
{
font-size:11px;	
color:#000000;
}

.small_nospan
{
font-size:11px;	
}


.filter_time_slot_bottom
{
text-align:center;
margin-top:10px;
}

.filltertimeslotes_titles
{
padding-bottom:2px !important;
font-size:12px;	
}


.filter_time_slot_bottom > a
{
color:#ed1c24;	
}

.accordion__label
{
font-size:12px;	
}

.order_guests_phones
{
font-size:11px;	
}

.order_status_links
{
font-size:11px;	
}



.filter_subtitle
{
font-size:12px;	
color:#ed1c24;
border-bottom:1px dotted;
margin-bottom:10px;	
font-weight:555;
}

.top_header_icons
{
font-size:1.6em !important;	
color:#ffffff;
}

.occasions_label
{
font-size:11px !important;	
padding:10px !important;		
}

.restaurant_notes
{
font-size:10px !important;		
}

.slider-simple
{
height:200px;	
}

.page
{
margin-top:-18px;	
}

.order_preview_design
{
background-color:#ffffff;
margin-top:-60px;	
border-radius:20px !important;
border-top:3px solid #ed1c24 !important
}

.order_preview_content
{
margin-top:15px;	
}

.checkout_pay_icons
{
width:30px;
height:30px;
margin-top:-5px;
margin-left:10px;
float:right;	
}

.checkout_pay_icons_png
{
width:20px;
height:10px;
margin-top:2px;
margin-left:10px;
float:right;	
}

.checkout_pay_icons_fa
{
margin-left:10px;
float:right;	
}



button:disabled,
button[disabled]{
  border: 1px solid #999999 !important;
  background-color: #cccccc !important;
  color: #666666 !important;
}

.booked_times_inners
{
position:absolute;
margin-top:-60px;
text-align:center;	
margin-left:20px;
width:75%;
opacity:0.7;
}

.timeslots_price
{
display:block;	
border-top:1px solid #000;
font-size:10px;
color:#000000;
}

.table_area_title
{
font-size:11px;
padding-left:12px;
margin-top:8px;
}

.timeslots_time
{
display:block;	
}

.timeslots_content 
{
margin-bottom:2px !important;
padding-bottom:2px !important;
}

.page__title
{
font-size:11px;
}


.order_preview_titles 
{
font-size:9px !important;
font-weight:555 !important;
color:#000000 !important;
}

.order_preview_icons
{
color:#ed1c24 !important;
}

.restaurant_details_fa_icons
{
color:#ed1c24;
}

.shop-details-price
{
color:#ed1c24;
}

.accordion__input:checked ~ .accordion__label, .accordion .accordion__label:hover
{
text-align:center;	
}

.accordion__input:checked > .accordion__label > .restaurant_details_fa_icons
{
color:#ffffff !important;

}

.resturant_details_ul > li
{
display:inline-block !important;
padding:5px !important;
background-color:#ed1c24 !important;
border-radius:45px;
}

.resturant_details_ul > li > span
{
color:#ffffff !important;
font-size:11px !important;
}

.offline_call
{
color:#ed1c24 !important;
}

.btn-custom {
    background-color: #f44336; /* Green */
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}
.btn-custom-active {
    background-color: #f44336;
    color: white;
    border: 2px solid #f44336;
}

.btn-custom-active:hover {
    background-color: white;
    color: black;
}
.btn-custom-not-active {
    background-color: black;
    color: white;
    border: 2px solid #e7e7e7;
}

.btn-custom-not-active:hover {
    background-color: black;
}

.slider-thumbs .caption__title--smaller
{
text-align:center;	
}

.slider-thumbs .caption__title
{
text-align:center;	
}

.cards--12 .card__title
{
text-align:center;	
}

.card__title a
{
font-size:11px;	
}

.slider-thumbs__image img
{
width:100%;	
}

ul.custom-listing li span
{
color:#ed1c24;	
}

.button--more
{
color:#ed1c24;	
}

.main-nav ul li.subnav
{
color:#ed1c24;	
}

.main-nav ul li a
{
color:#ed1c24;	
}

.login__title
{
color:#ed1c24;	
}

.info-box span
{
color:#ed1c24;	
}

.user-profile__name
{
color:#000000;	
}

.user-details__title
{
color:#000000;	
}

.radio-option--full label
{
text-align:right;	
}

.ms_black_btns
{
background-color:#000000;	
}


.banner_logo
{
width:50%	
}


.context {
    width: 100%;
    position: absolute;
    top:6vh;
	text-align:center;
    
}

.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}


.area{
    background: #d44058;  
    background: -webkit-linear-gradient(to left, #ce4358, #d44058);  
    width: 100%;
    height:21vh;
    
   
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
	border-radius:50% !important;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}




.banner_logo {
  animation: float 3s ease-out infinite;
}

@keyframes float {
  50% {
     transform: translate(0, 5px);
  }
}


.add_adv_feilds_icons
{
font-size:30px;	
}

.add_adv_feilds_icons_2
{
font-size:40px;	
}


.add_adv_feilds_titles
{
font-size:10px;	
line-height:1.2;
}

.add_advs_orders_types_selected > div > i
{
color:#3b0b7d !important;	
font-size:33px;	
}

.add_advs_orders_types_selected  > h6
{
color:#3b0b7d !important;	
}



.add_advs_map_corrections_selected > div > i
{
color:#3b0b7d !important;	
font-size:33px;	
}

.add_advs_map_corrections_selected  > h6
{
color:#3b0b7d !important;	
}

.adds_list_icons
{
color:#000000;	
}

.apartment_type_bookmarks
{
float:left;
padding-top:25px;	
display:block;
position:relative;
z-index:9999;
}

.my_static_slider_item
{
width:16.5%;
float:right;	
height:75px;
}



.txt_align_class
{
text-align:right !important;	
}