.text-head {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 1rem 0.5rem 0.75rem 0rem;
    background: #29588c;
    text-align: center;
}
.midmenu {
    position: absolute;
    padding: 10px 20px 10px;
    float: left;
    top: 10px !important;
    left: auto;
    right: auto;
    max-width: 430px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border: 0px;
    transform: translate3d(128px, 30px, 0px) !important;
    max-height: 90vh;
    overflow-y: auto;
}
.global-lang,
.country-lang {
    margin-right: 0;
}
.country-lang a {
    color: #43474d;
}
#header .affix .top-right-bar {
    display: block;
}

.blue-btn {
    background: #2a588d;
    font-size: 16px;
    border-radius: 30px;
    /* padding: 6px 20px; */
    padding: 14px 50px 6px; /* change accroding to font */
    color: #ffffff;
}
p.country-box-heading {
    margin-bottom: 0px;
}
.grey-btn {
    background: #e1dfdd;
    color: #43474d;
}
.grey-btn:hover {
    background: #29588c;
    color: #ffffff;
}
.global-lang{
    background: #f5f5f5;
    padding-left: 1rem;
}
@media (max-width: 525px) {
.top-right-bar {
        display: block;
        padding-top: 5px;
        font-size: 12px;
    }
    .country-select {font-size: 12px; line-height: 1; padding-top: 5px;}
    .store-locator{
        padding-top: 4px;
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .top-right-bar {
        font-size: 11px;
    }
    .country-select{
        font-size: 11px;
    }
}
.arbic-lang header .global-lang, .arbic-lang header .country-lang{
    margin-left: 0px;
}
.arbic-lang header .global-lang{
    background: #f5f5f5;
    padding-right: 1rem;
}
.arbic-lang header .midmenu {
    padding: 10px 20px 10px;
}
.hide{
    display: none;
}
.brands-store .table td{
padding: 1rem 0.75rem 0.3rem;
font-size: 14px;
}
.brands-store .table th{
padding: 1rem 0.75rem 0.3rem;
}
brands-store .table-striped tbody tr:nth-of-type(2n + 1){
background-color:#efefef;
}
.brands-store .table-striped tbody tr:nth-of-type(2n + 2){
background-color:#dfdfdf;
}
.mena_country {
max-height: 480px;
}
 

.egift.card {
    border: 0px;
    margin-bottom: 0px;
}
@media (max-width: 525px) {
table#brandTabularPimcoreData tbody>tr>:nth-child(3)
{
 display: none;
}
table#brandTabularPimcoreData tbody>tr>:nth-child(4)
{
 display: none;
}
table#brandTabularPimcoreData thead .sorting
{
    display: none;
}
table#brandTabularPimcoreData thead .sorting_asc
{
    display: revert;
    width: 90% !important;
}
table#brandTabularPimcoreData thead .sorting_desc
{
    display: revert;
    width: 90% !important;
}
table#brandTabularPimcoreData thead .sorting_disabled
{
    width: 10% !important;
}
}
.pointer {
    cursor: pointer;
}
@media (max-width: 990px) {
.cz-content h1{
display: none;
}
}
div.a2a_full_footer{display: none;}
.arbic-lang .a2a_default_style a
{
        float: right!important;
}
.a2a_vertical_style
{
    left:0px;
    top:50%;
    margin-top:-50px;
}
.arbic-lang .a2a_vertical_style
{
    right:0px;
    z-index:-99;
}
@media (min-width: 992px)
{.left-sidebar, .right-sidebar, .side-text-box
    {
        position: sticky;
        position: -webkit-sticky;
        top:160px;
        height: 100%;
    }
    .right-sidebar{
        height: 100%;
    }
}
p.date
{
    margin-bottom: 0;
    margin-top: 20px;
}
h1.detail-news {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .col-lg-3 .left-sidebar{
        height: 115px !important;
    }
}
@media (max-width: 992px) {
.max-height-example 
    {
    height: 100% !important;
    position: sticky;
    position: -webkit-sticky;
    top: 127px;
    background: #fff;
    z-index: 99;
    padding-top: 27px;
    margin-bottom:5px; 
}

.czheading 
    {    
    position: sticky;
    position: -webkit-sticky;
    top: 127px;
    background: #fff;
    z-index: 99;
    padding-top: 27px;
    margin-bottom:10px; 
    padding-bottom:5px;
}

}


/* Video Popup */
.video-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 100000;
 
cursor: pointer;
display: none !important;
}

.video-popup.show-video {
display: flex !important;
}

.iframe-wrapper {
position: relative;
height:90%;
width:90%;
border:10px solid #cccccc;
}

.iframe-wrapper .close-videoen {
content: '';
position: absolute;
width: 25px;
height: 25px;
top: -15px;
right: -15px;
background:#ffffff;
border-radius: 50%;
background-size: cover;
}

.iframe-wrapper .close-videoar {
content: '';
position: absolute;
width: 25px;
height: 25px;
top: -15px;
left: -15px;
background:#ffffff;
border-radius: 50%;
background-size: cover;
}

.close-videoen i
{
    position: relative;
    top: 7px;
    left: 7px;
}
.close-videoar i
{
    position: relative;
    top: 7px;
    right: 7px;
}
#lightbox {
  /* ----- Positioning ----- */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  
  /* The code above makes sure that the
  lightbox covers the entire page*/
  
  /* ----- Visibility ----- */
  display: none;
  
  /* ----- Styling ----- */
  background-color: rgba(0, 0, 0, 0.75);
  
  /* Normally, most lightboxes do not use
  a completely solid black, but with about
  90-95% opacity so that the background is
  somewhat visible */
}

#video-wrapper {
  /* ----- Positioning ----- */
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
  /* The code above makes sure the video is
  both vertically and horizontally centered
  to the screen */
  
  /* ----- Styling ----- */
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  
  /* The code above is used to add a little shadow to the video making blend in better */
}

#close-btnen {
  /* ----- Text ----- */
  color: grey;
  font-size: 25px;
  
  /* ----- Positioning ----- */
  position: fixed;
  top: 2%;
  right: 2%;
  z-index: 2;
  
  /* The code above is used to put the button on the upper right corner of the lightbox */
  
  /* ----- Transformations ----- */
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  
   /* The code above is used to initialize the scale for the button so that it can be used in transitions */
  
  /* ----- Transitions ----- */
  -webkit-transition: transform .5s ease, color .5s ease;
  -moz-transition: transform .5s ease, color .5s ease;
  -ms-transition: transform .5s ease, color .5s ease;
  -o-transition: transform .5s ease, color .5s ease;
  transition: transform .5s ease, color .5s ease;
}

#close-btnar {
  /* ----- Text ----- */
  color: grey;
  font-size: 25px;
  
  /* ----- Positioning ----- */
  position: fixed;
  top: 2%;
  left: 2%;
  z-index: 2;
  
  /* The code above is used to put the button on the upper right corner of the lightbox */
  
  /* ----- Transformations ----- */
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  
   /* The code above is used to initialize the scale for the button so that it can be used in transitions */
  
  /* ----- Transitions ----- */
  -webkit-transition: transform .5s ease, color .5s ease;
  -moz-transition: transform .5s ease, color .5s ease;
  -ms-transition: transform .5s ease, color .5s ease;
  -o-transition: transform .5s ease, color .5s ease;
  transition: transform .5s ease, color .5s ease;
}


#close-btnen:hover,#close-btnar:hover {
  /* ----- Text ----- */
  color: white;
  
  /* ----- Styling ----- */
  cursor: pointer;
  
  /* ----- Transformations ----- */
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  
    /* ----- Transitions ----- */
  -webkit-transition: transform .5s ease, color .5s ease;
  -moz-transition: transform .5s ease, color .5s ease;
  -ms-transition: transform .5s ease, color .5s ease;
  -o-transition: transform .5s ease, color .5s ease;
  transition: transform .5s ease, color .5s ease;
}
body {
    background: rgba(255, 255, 255, 0.0);
}
#video-wrapper
    {
        width: 800px;
        height: 450px;
    }
@media (min-width: 815px) and (max-width: 915px)
{
  #video-wrapper
    {
        width: 728px;
        height: 410px;
    }
}   
@media (min-width: 606px) and (max-width: 815px)
{
  #video-wrapper
    {
        width: 600px;
        height: 338px;
    }
}
@media (min-width: 460px) and (max-width: 606px)
{
  #video-wrapper
    {
        width: 443px;
        height: 250px;
    }
}
@media (min-width: 360px) and (max-width: 460px)
{
  #video-wrapper
    {
        width: 350px;
        height: 198px;
    }
}
@media (min-width: 320px) and (max-width: 360px)
{
  #video-wrapper
    {
        width: 284px;
        height: 159px;
    }
}
.home-full-item .bg-image{object-position: center center;}
html, body {
    height: auto;
}
#content {
    min-height: auto;
}
.cus-zone-desc{
    font-size: 18px;   
}
.cus-zone-desc p{   
    margin-bottom: 0;
}
.cus-zone-nobg-desc{
    font-size: 18px;
    background: revert;
    color: #43474d;
    padding: 0;
    margin: 20px 0px;
}
 
.egiftcards #owl-logo-slider.owl-carousel .item
{
    height: auto;
    margin: 0 5px;
}

.egiftcards .owl-theme .owl-nav .owl-next {
    right: -35px;
}
.egiftcards.owl-theme .owl-nav .owl-prev {
    left: -35px;
}
.egiftcards .owl-theme .owl-nav .owl-prev,
.egiftcards .owl-theme .owl-nav .owl-next {
    top: 30%;
    color: #cccccc !important;
}
.egiftcards .owl-theme .owl-nav {
    margin-top: 0px;
}
.egiftcards .owl-carousel .owl-nav.disabled
{
    display: block !important;
}
.egiftcards .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next
{
    left: -35px;
}
.e_card
{
    margin: 10px 0;
}
.egcard
{
    display: -webkit-box;
}
.egiftcards #owl-logo-slider.owl-carousel .item img
{
    cursor: pointer;
}
.egiftcards #owl-logo-slider.owl-carousel .item
{
    //border: 1px solid #ccc;
    padding: 0rem;
}

.e-gift-card-block .brand-image img{
	height: 100px;
	transition: all ease-in-out 0.5s;
}
.e-gift-card-block .brand-image{
	height: 126px;
	transition: all ease-in-out 0.5s;
}
.e-gift-card-block .brand-image:hover{
	box-shadow:8px 5px 15px #ddd;
}
.e-gift-card-block .brand-image img:hover{
	-o-transform: scale(1.2); /* Opera */
	-ms-transform: scale(1.2); /* IE 9 */
	-moz-transform: scale(1.2); /* Mozilla Firefox */
	-webkit-transform: scale(1.2); /* Chrome / Safari 3-8 */
	transform: scale(1.2);
}
.egiftcard-logos{
    display:table-cell;
    vertical-align:middle;
    height:auto;
    margin:10px;
    border:1px solid #dee2e6;
    padding:10px 0;
    min-height:85px;
}
.egiftbanner>img.img-fluid{
    width: 100%;
}
.col-md-6.dropdown1 {
    margin-top: 15px;
}
@media (min-width: 1200px){
    .egiftcard-logos{
        padding-top: 0;
    }
}
@media (max-width: 767px){
    .dropdown-select .egift{
        margin-bottom: 0;
    }
}
.modal-footer{justify-content: center}

.left-top {
    object-position: left top !important;
}
.left-center {
    object-position: left center !important;
}
.left-bottom {
    object-position: left bottom !important;
}
.center-top {
    object-position: center top !important;
}
.center-center {
    object-position: center center !important;
}
.center-bottom {
    object-position: center bottom !important;
}
.right-top {
    object-position: right top !important;
}
.right-center {
    object-position: right center !important;
}
.right-bottom {
    object-position: right bottom !important;
}

.privileges-slider .home-full-item h1, .privileges-slider .home-full-item h1 strong{

line-height: 1.5 !important;

}
@media screen and (max-width: 767px){
.privileges-slider .home-full-item h1, .privileges-slider .home-full-item h1 strong{

line-height: 50px !important;

}
}
@media (min-width: 768px) and (max-width: 992px){
.privileges-slider .home-full-item h1, .privileges-slider .home-full-item h1 strong{

line-height: 1.5 !important;

}
}

.notification-popup {
    background: #E3E8F1;
   }

.aboutpage .brands-store h1
{
    width: 92%;
}
.arbic-lang .aboutpage .brands-store h1
{
    font-size: 23px;
}

.btn1_containeren {
  right: 39px; 
  top: 24px;  
  position: absolute;
  
}

.btn1_containerar {
  left: 39px; 
  top: 24px;  
  position: absolute;
  
}

.flipBtn,.flipBtn1 {
  width: 47px;
  height: 21px;
  background-color: #eee;
  border-radius: 50px;
  position: relative;
  border: 1px solid #ccc;
  position: relative;
  z-index: 10;
}


.btns {
  width: 20px;
  height: 19px;
  border-radius: 50px;
  background-color: #bbb;
  position: absolute;
  left: 0px;
  transition: all 300ms ease;
  z-index: 10;
  overflow: hidden;
  /* border: 2px solid #fff; */
}

.move {
  left: 25px;
  background-image: linear-gradient(303deg, #2a588d 0%, #2a588d 74%);
}

.circle {
  width: 20px;
  height: 20px;
  background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%);
  position: absolute;
  z-index: 2;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
 .blue-tab
{
    background: #2a588d!important;
    padding: 0.5rem!important;
}
.tbl-det
{
	padding:0.5rem 1.25rem 0.5rem 1.25rem!important;
}
 .fsize{
     font-size: 13px;
    color: #fff;
    text-decoration: none;
 }
 .cookiedetails
 {
	 background: #eeeeee;
	 font-size:12px;
	 
 }
 .cookiedetails li div
 {
	width:50%;
	 
 }
#cookieNotice.display-right {
    right: 30px;
    bottom: 30px;
    max-width: 527px;
}
#cookieNotice.light {
    background-color: #fff;
   
    color: #43474e;
   
}
#cookieNotice {
    box-sizing: border-box;
    position: fixed;
    padding: 20px;
    border-radius: 10px;
border-top:1px solid #f1f1f1;
    box-shadow: -3px 8px 26px rgb(0 11 30 / 47%);
    font-family: inherit;
    z-index: 1111;
    display:none;
}
#cookieNotice #closeIconar {
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #bfb9b9;
    overflow: hidden;
    opacity: .85;
    z-index: 999999;
    position: absolute;
    top: 10;
    left: 10;
     
}

#cookieNotice #closeIcon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #bfb9b9;
    overflow: hidden;
    opacity: .85;
    z-index: 999999;
    position: absolute;
    top: 10;
    right: 10;
   
}
#cookieNotice * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
font-family:"AlshayaGroup", sans-serif;
}
 
#myModal{z-index:100000;}

.msg-wrap p a {
    color: #2a588d!important;
    font-family:"AlshayaGroup", sans-serif;
    padding: 0!important;
    font-size: inherit!important;
} 
.pref{border:0px;}
#cookieNotice .title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 10px;    
    padding-left: 5px;
    height: 40px;
}
#cookieNotice .title-wrap svg {
    margin-right: 10px;
}
#cookieNotice h4 {
    font-family: inherit;
    font-weight: 700;
    font-size: 18px;
}
#cookieNotice.light p, #cookieNotice.light ul, #cookieNotice.light a {
    color: #43474e;
    
}
#cookieNotice p, #cookieNotice ul {
    font-size: 14px;
    margin-bottom: 20px;
}
#cookieNotice .btn-wrap {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    justify-content: center;
    margin: 0 -5px 0 -5px;
    flex-wrap: wrap;
}
#cookieNotice .btn-wrap a {
	color:#ffffff;
 	/*padding:14px 10px 2px;*/
    	margin: 0 28px 10px 5px;
	font-weight: normal;
    	font-size: 14px;
	font-family:"AlshayaGroup", sans-serif;
    height:35px;
    line-height:43px;
    padding:0px 10px;
   border-radius:0px; 
}
#cookieNotice button {
    outline: 0;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
#cookieNotice .btn-wrap button:hover {
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);
    transform: translate3d(0,-1px,0);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px;
}
/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 300px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 0px solid #ccc;
  width: 99%;
  border-left: none;
box-shadow:8px 5px 15px 0.1rem #ddd;
  
}
.tabcontent p
{
	font-size:14px;
}
.tabcontent h4,.tabcontent h3
{
	padding-top: 12PX;
    font-size: 17px;
	margin-bottom: 1.5rem;
color:#2a588d;
}


.nav-pills-custom .nav-link {
    color: #fff;
    background:#2a588dab;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;    position: relative;
}

.nav-pills-custom .nav-link.active,.nav-pills-custom .nav-link:hover {
    color: #ffffff;
    background:  #2a588d;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before,.nav-pills-custom .nav-link:hover::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #2a588d;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}


#popupModal .modal-content{background-color:#000000;height: 100%;}
#popupModal .modal-body{   padding:20px 35px;}
#popupModal .modal-dialog{max-width:100% !important;max-height:100% !important;height:100% !important;margin:0!important;}
#popupModal .crisis-block{background:#000000;border-radius:20px;border:5px solid #ffffff;color:#ffffff;font-size:18px;margin:0px;padding:25px;}
#popupModal .modal#popupModal .fade #popupModal .modal-dialog{max-height:inherit;}

#popupModal .imglogo{width:300px;}

@media (min-width: 450px) and (max-width: 525px){

#popupModal .crisis-block{font-size:20px;padding:15px;}
#popupModal .imglogo{width:150px;}
}

@media (min-width: 390px) and (max-width: 450px){
#popupModal .crisis-block{  font-size:16px;border:2px solid #ffffff;}
#popupModal .imglogo{width:150px;}
}

@media (max-width: 390px){
#popupModal .crisis-block{border:2px solid #ffffff;font-size:14px;padding:18px;}
#popupModal .imglogo{width:150px;}
}
#popupModal{padding-right:0 !important;background-color:#000000;}

#popupModal .close{color:#fff;}

@media (max-width: 768px){
#cookieNotice.light
{
right: 2%!important;
}
}