*{margin: 0;padding: 0;}

body{direction: rtl;font-family: Arial,Helvetica Neue,Helvetica,sans-serif!important;}

.red-strip{background: #dc002e; padding-bottom:5px; padding-top:5px;}
.red-strip a{color:white;font-weight: bold;text-decoration:none!important;line-height:1;font-size: 20px;}


#main{padding-bottom: 50px;}

/*Menu*/
.menu-wrapper{background-image: linear-gradient(to top, #030303, #1e1e1e, #333333);padding-top: 8px;padding-bottom: 8px;}
.menu-wrapper .menu-items{display: flex;justify-content: space-around;align-items: center;}
.menu-wrapper .menu-items .menu-item{color:white;font-weight: bold;display: flex;margin: 0 5px;font-size: 22px; text-decoration: none;}
.menu-wrapper .menu-items .menu-item:hover{text-decoration: underline;}

h1.main-title{font-size: 68px;padding: 10px 15px; line-height: 1; background: black; color:white;font-weight: bold;margin-top: 50px;margin-bottom: 50px;}


/*Coupons*/
.coupons-row .single-coupon-wrapper{padding-right: 25px;padding-left: 25px;cursor: pointer;height: 100%;}
.coupons-row .single-coupon-wrapper .out-of-stock{display: none; position: absolute; width: 100%; height: 100%; top:0; right: 0;}
.coupons-row .single-coupon-wrapper .inner{border: 6px solid #ecebeb;padding: 15px;}
.coupons-row .single-coupon-wrapper.selected .inner{background: rgba(195, 195, 195, 0.5);}
.coupons-row .single-coupon-wrapper.disabled .note,
.coupons-row .single-coupon-wrapper.disabled .inner .col
{opacity: 0.5;cursor: not-allowed;}
.coupons-row .single-coupon-wrapper.disabled .inner{position: relative;}
.coupons-row .single-coupon-wrapper.disabled .out-of-stock{display: flex;align-items: center;justify-content: center;font-size: 62px;font-weight: bold;z-index: 3;background: rgba(255,255,255,0.5);word-spacing: 500px;text-align: center;line-height: 1; cursor: not-allowed;}
.coupons-row .single-coupon-wrapper.disabled .out-of-stock .txt{transform: rotate(45deg);}
.coupons-row .single-coupon-wrapper .inner .big-txt{font-size: 72px;font-weight: bold;line-height: 0.7;text-align: center;margin-bottom: 15px!important;}
.coupons-row .single-coupon-wrapper .inner .small-txt{font-size: 25px;font-weight: bold;line-height: 1;}
.coupons-row .single-coupon-wrapper .inner .black-bg-txt{background: black;color:white;padding: 2px 5px;line-height: 1.1;font-size: 22px;text-align: center;}
.coupons-row .single-coupon-wrapper .note{font-size: 20px;line-height: 1.4;margin-top: 15px;font-weight: 600;margin-bottom: 35px;padding-right: 5px;padding-left: 5px;}

/*Form*/
.form-wrapper #errors_wrapper{position: relative;height: 30px;text-align: center;}
.form-wrapper #errors_wrapper .txt{font-size: 20px;font-weight: bold;color: #da0033;}
.form-wrapper .form-row .form-control{background: #ebeaea;padding: 5px 15px;margin-bottom: 0;font-size:20px;font-weight: bold;outline: none;box-shadow: none;border: none;}
.form-wrapper .form-row .form-control::-webkit-input-placeholder{opacity: 1!important; color:black!important; font-size: 1em; direction: rtl!important;}
.form-wrapper .form-row .form-control:-moz-placeholder{opacity: 1!important; color:black!important; font-size: 1em; direction: rtl!important;}
.form-wrapper .form-row .form-control::-moz-placeholder{opacity: 1!important; color:black!important; font-size: 1em; direction: rtl!important;}
.form-wrapper .form-row .form-control:-ms-input-placeholder{opacity: 1!important; color:black!important; font-size: 1em; direction: rtl!important;}

.form-wrapper .form-row .form-control:disabled{cursor: not-allowed;}
.form-wrapper .form-row .form-control:disabled::-webkit-input-placeholder{opacity: 1!important; color:white!important; font-size: 1em;}
.form-wrapper .form-row .form-control:disabled:-moz-placeholder{opacity: 1!important; color:white!important; font-size: 1em;}
.form-wrapper .form-row .form-control:disabled::-moz-placeholder{opacity: 1!important; color:white!important; font-size: 1em;}
.form-wrapper .form-row .form-control:disabled:-ms-input-placeholder{opacity: 1!important; color:white!important; font-size: 1em;}

.form-wrapper .form-row .phone-wrapper select{width: 25%;display: inline-block;margin-right: 2%;}
.form-wrapper .form-row .phone-wrapper input{width: 71%;display: inline-block;}
.form-wrapper .checkbox-wrapper{position: relative;}


.form-wrapper .form-row .col,
.form-wrapper .input-wrapper
{position: relative;padding-bottom: 13px!important;margin-bottom: 10px;}
.form-wrapper .form-row.bottom-row .col{padding-bottom: 0 !important;margin-bottom: 0;}
.form-wrapper .form-row .error-wrapper{color:red;font-weight: bold;font-size: 12px;position: absolute;bottom: 0;left: 15px;}
.form-wrapper .datepicker-rtl.dropdown-menu{width: auto;display: inline-block;background: #ebeaea;position: absolute;box-shadow: 2px 2px 5px grey;}

.form-wrapper .form-row .check-id-btn{display: flex;flex-direction: row;align-items: center;height: 100%;justify-content: center; cursor: pointer;}
.form-wrapper .form-row .check-id-btn .txt{width: 80%;background: #da0033;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding-right: 15px;color: white;font-size: 21px;}
.form-wrapper .form-row .check-id-btn .icon{width: 20%;background: #da0033;text-align: center;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.form-wrapper .form-row .check-id-btn .icon img{max-width:100%;width: auto;height: 21px;max-height: 70%;}

.form-wrapper .checkbox-wrapper label{font-size: 16px;line-height: 1.2;}
.form-wrapper .submit-btn{padding-top: 8px;padding-bottom: 8px;background: black;color: white;font-size: 30px;font-weight: bold;border: none;outline: none;box-shadow: none; width: 100%; display: block;}

#overlay{display: none;position: fixed;top:0;right: 0;width: 100%;height: 100%;z-index: 99;background: rgba(0,0,0,0.7);}
@media (max-width: 992px)
{

    .red-strip a{font-size: 16px;}
    h1.main-title{font-size: 45px;}
    .menu-wrapper{padding-bottom: 0;}
    .menu-wrapper .row{direction: ltr;height: 100%;}
    .menu-wrapper .menu-items-wrapper{position: fixed;top:0;left: -100vw;transition: left 1s;background: black;width: 85%;z-index: 99999;padding: 35px 0 0 0;direction: rtl;}
    .menu-wrapper .menu-items-wrapper.active{left: 0;}
    .menu-wrapper .menu-items-wrapper .close-btn{position: absolute;top: 15px;right: 15px;color: white;}
    .menu-wrapper .menu-items{display: block;width: 100%;}
    .menu-wrapper .menu-items .menu-item{width: 100%;margin: 0;border-bottom: 1px solid white;padding-bottom: 10px;padding-top: 10px;padding-right: 15px;padding-left: 15px;font-weight: normal;}

    .coupons-row{margin-bottom: 35px;}
    .coupons-row .single-coupon-wrapper{padding-right: 8px;padding-left: 8px;}
    .coupons-row .single-coupon-wrapper .inner .small-txt{font-size: 18px;}
    .coupons-row .single-coupon-wrapper .inner .big-txt{font-size: 42px;}
    .coupons-row .single-coupon-wrapper .inner .black-bg-txt{font-size: 18px;}
    .coupons-row .single-coupon-wrapper .inner{padding: 0!important;border-width: 3px;min-height: 52vh;}
    .coupons-row .single-coupon-wrapper .coupon-img{height: 250px; object-fit: cover;}
    .coupons-row .single-coupon-wrapper .note{font-size: 14px;padding-right: 5px;padding-left: 5px;}

    .coupons-row .single-coupon-wrapper.disabled .out-of-stock{font-size: 38px;}

    .coupons-row .slick-dots{text-align: center;}
    .coupons-row .slick-dots li{display: inline-block;margin-right: 5px;cursor: pointer;}
    .coupons-row .slick-dots li button{display: block;width: 10px;height: 10px;background: #e0e1e6;border-radius: 50%;border: none;outline: none;box-shadow: none;color: transparent;}
    .coupons-row .slick-dots li.slick-active button{background: #00afe9;}

    .form-wrapper .form-row .form-control,
    .form-wrapper .form-row .check-id-btn .txt
    {font-size: 16px;}
    .form-wrapper .form-row .phone-wrapper input{width: 65%;}
    .form-wrapper .form-row .phone-wrapper select{width: 31%;margin-right: 2%;}
    .form-wrapper .checkbox-wrapper label{font-size: 14px;}
    .form-wrapper .submit-btn{display: inline-block;width: auto;padding-right: 35px;padding-left: 25px;margin-right: auto;margin-left: auto;font-size: 20px;padding-top: 5px;padding-bottom: 5px;}



    #overlay.active{display: block;}


}

@media (max-width: 639px)
{

    h1.main-title{font-size: 42px;}

    .coupons-row .single-coupon-wrapper{padding-right: 5px;padding-left: 5px;}
    .coupons-row .single-coupon-wrapper .inner .small-txt{font-size: 18px;}
    .coupons-row .single-coupon-wrapper .inner .big-txt{font-size: 42px;}
    .coupons-row .single-coupon-wrapper .inner .black-bg-txt{font-size: 18px;}
    .coupons-row .single-coupon-wrapper .inner{padding: 0!important;border-width: 3px;min-height: 52vh;}
    .coupons-row .single-coupon-wrapper .coupon-img{height: 110px; object-fit: cover;}
    .coupons-row .single-coupon-wrapper .note{font-size: 12px;padding-right: 5px;padding-left: 5px;margin-bottom: 35px;}

    .form-wrapper .form-row .form-control,
    .form-wrapper .form-row .check-id-btn .txt
    {font-size: 12px;}
    .form-wrapper .form-row .phone-wrapper input{width: 65%;}
    .form-wrapper .form-row .phone-wrapper select{width: 31%;margin-right: 2%;}
    .form-wrapper .checkbox-wrapper label{font-size: 14px;}
    .form-wrapper .submit-btn{display: inline-block;width: auto;padding-right: 35px;padding-left: 25px;margin-right: auto;margin-left: auto;font-size: 20px;padding-top: 5px;padding-bottom: 5px;}


}


@media (max-width: 321px) {
    .coupons-row .single-coupon-wrapper .inner{padding: 0!important;border-width: 3px;min-height: 60vh;}
}