@font-face {
  font-family: 'DIN Next Arabic Bold';
  src: url('fonts/DIN Next Arabic Bold.woff2') format('woff2'),
       url('fonts/DIN Next Arabic Bold.woff') format('woff'),
       url('fonts/DIN Next Arabic Bold.ttf')  format('truetype');
}

@font-face {
  font-family: 'DIN Next Arabic Medium';
  src: url('fonts/DIN Next Arabic Medium.woff2') format('woff2'),
       url('fonts/DIN Next Arabic Medium.woff') format('woff'),
       url('fonts/DIN Next Arabic Medium.ttf')  format('truetype');
}
@font-face {
  font-family: 'DIN Next Arabic Regular';
  src: url('fonts/DIN Next Arabic Regular.woff2') format('woff2'),
       url('fonts/DIN Next Arabic Regular.woff') format('woff'),
       url('fonts/DIN Next Arabic Regular.ttf')  format('truetype');
}



/* @import url('fonts/stylesheet.css'); */
html {
    font-family: 'DIN Next Arabic Regular';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row { margin-left: -15px; margin-right: -15px; }
.row>* { padding-right: 15px; padding-left: 15px; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {  padding-right: 15px; padding-left: 15px; }

body { font-family: 'DIN Next Arabic Regular','DIN Next Arabic Bold','DIN Next Arabic Medium' !important; margin: 0;  padding: 0;  font-size: 16px; line-height: 1.6;}
.headerWrapper { min-height: 70px; width: 100%; position: relative; margin-top: 20px;  }
.header {  position: relative;  }

.logo { position: absolute; bottom: 0px; height: 43px; transition: all 100ms ease-in; z-index:11 }
.logo img { position: relative; height: 120%; }
.header .linkBox { display: flex; flex-flow: row; width: 560px; }

.header .linkBox .linkItem a { font-size: 15px; color: #000000; text-decoration: none; }
.topHeader { min-height: 50px; display: flex; flex-flow: row; justify-content: right; display: none; } 
.NavHeaderWrapper {  min-height: 70px; width: 100%;  background: #ffffff; z-index: 4; position: relative;  }

.headerWrapper.fixed .NavHeaderWrapper { position: fixed;  width: 100%; z-index: 2; top: 0px; box-shadow:0px 2px 4px rgb(0 0 0 / 10%); z-index: 6;} 

.topHeader .linkBox  { display: flex; flex-flow: row; align-items: center; justify-content: flex-end; }
.topHeader .linkBox .linkItem { padding: 0 15px;  }
.topHeader .linkBox .linkItem a  { display: flex; flex-flow: row; font-size: 14px; align-items: center; white-space: nowrap; transition: all 200ms ease-in; } 
.topHeader .linkBox .linkItem:hover a { color: #C52034;  }
.topHeader .linkBox .linkItem:hover path { fill: #C52034; }
.topHeader .linkBox .linkItem .icon { height: 20px; width: 20px; position: relative; margin-right: 5px; margin-left: 5px; }
.topHeader .linkBox .linkItem .icon svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.lang { width: 105px; background: #E8E8E8; border: 1px solid #E8E8E8; height: 33px; margin-left: 15px; min-width: 100px;}
.lang select { background: url('../images/select-red-arrow.svg') calc(100% - 10px) center no-repeat #E8E8E8; -webkit-appearance: none; border: none; outline: none; height: 32px; width: 100%;  font-family: 'DIN Next Arabic Regular'; color: #000000; font-size: 14px; padding: 0 10px;  } 
.NavHeader {  min-height: 70px; position: relative; display: flex; flex-flow: row;  }
.NavHeader .navBlock { display: flex; flex-flow: row; justify-content: flex-end; align-items: flex-end; width: 100%; z-index: 10;margin-top: 10px;}
.NavHeader .navBlock .linkBox {  position: absolute; display: flex; transition: all 300ms ease-in;  background: #ffffff; overflow: hidden; width: 100%; flex-flow: column; z-index: 2; padding:0 15px; top: 100%; left: 0; }

.NavHeader .navBlock .linkBox a { padding: 0 12px 15px 12px; display: block; white-space: nowrap; line-height: 1.2em; transition: all 200ms ease-in; }
.NavHeader .navBlock .linkBox .linkItem { flex: 0 0 0; border-left: 1px solid #E2E2E2; position: relative;  }
.NavHeader .navBlock .linkBox .linkItem::before { content: ''; position: absolute; left: 0; bottom: 0; width: 1px; height: 0; background: #c52034; transition: height 300ms ease-in; }
.NavHeader .navBlock .linkBox .linkItem:hover a, .NavHeader .navBlock .linkBox .linkItem.active a { color: #C52034; }
.NavHeader .navBlock .linkBox .linkItem:hover::before, .NavHeader .navBlock .linkBox .linkItem.active::before  { height: 100%;  }
.NavHeader .navBlock .linkBox .linkItem.active a { color: #C52034; }

.NavHeader .navBlock .search { height: 51px; width: 50px; position: relative;  border: none; }
.NavHeader .navBlock .search svg { position: absolute;  transition: all 200ms ease-in; left: 50%; transform: translateX(-50%); }
.NavHeader .navBlock .search svg path { fill: #c52034; }

.navBlock .lang { display: none; }

.mainSearchListWrap { position: relative;  }

.mainSearchListWrap .container { position: relative; }
.searchListWrap { background: #ffffff; position: absolute; top: 100%; width: calc(100% - 30px); overflow: hidden;  z-index: 1; margin: 0 auto; max-height: 0px; transition: all 100ms ease-in;  }
.mainSearchListWrap.active .searchListWrap { max-height: 1000px; transition: all 500ms ease-in;    }
.searchListWrap .container { position: relative; }
.searchListWrap .searchctrlWrap { }
.searchListWrap .searchClose { height: 70px; width: 70px; z-index: 1; position: absolute; right: 0; background: url('../images/search-close.svg') no-repeat center center; cursor: pointer; }

.searchListWrap .searchctrlWrap .serchCtrl { height: 70px; background: #E8E8E8; width: 100%; border: none; outline: none; padding: 0 70px 0 20px; }
.searchListWrap .searchedData { position: relative; width: 100%;  padding:40px 40px; border: 1px solid #e8e8e8; }
.searchListWrap .searchedData h3 { font-size: 22px; padding: .6em 0; font-family: 'DIN Next Arabic Regular'; }
    .searchListWrap .searchedData .listItem {
        padding-top: .3em;
        padding-bottom: .3em;
        cursor: pointer;
    }
.searchListWrap .searchedData .listItem::before { content: url('../images/search2.svg'); margin-right: 10px;  }

.burgarMenu { display: flex; flex-flow: column; justify-content: center; cursor: pointer; }
.burgarMenu .iconWrap { height: 70px; width: 70px; position: relative; transition: all 300ms ease-in; }
.burgarMenu .iconWrap .icon { width: 36px; height: 18px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.burgarMenu .iconWrap .icon span { position: absolute; width: 100%; height: 2px; background: #C52034; display: block; }
.burgarMenu .iconWrap .icon span:nth-child(1) { top: 0; transform: rotate(0deg); transition: all 300ms ease-in; }
.burgarMenu .iconWrap .icon span:nth-child(2) { top: 50%; opacity: 1;  transition: all 300ms ease-in; width: 80%; right: 0; }
.burgarMenu .iconWrap .icon span:nth-child(3) { top: 100%; transform: rotate(0deg);  transition: all 300ms ease-in; }

.bannerSection .pageScroll  { display: flex; width: 100%; z-index: 2; position: relative; }
.bannerSection .pageScroll .scrollBtnWrap { position: absolute; left: 50%; transform: translate(-50%); top: -50px;  height: 107px;  }
    .bannerSection .pageScroll .scrollBtnWrap .arrow {
        background: url('../images/scroll-arrow.svg') center top no-repeat;
        width: 11px;
        height: 21px;
        left: 50%;
        position: absolute;
        animation: bounce 500ms alternate infinite;
    }



@keyframes bounce {

    from {
        transform: translate(-50%, 10px);
        left: 50%;
    }

    to {
        transform: translate(-50%, -10px);
        left: 50%;
    }
}

.bannerSection .pageScroll .scrollBtnWrap .lineGrey { position:absolute; bottom: 0; height: 82px; width: 1px; left: 50%; background: url('../images/scroll-line.svg') center top no-repeat; }


.bannerSection { margin-bottom: 62px; }
.mainBanner {  }
.mainBanner .slideItem { position: relative; }
.mainBanner .slideImgWrap { position: relative; padding-top: 145.97%; background: #707070; overflow: hidden;  }
.mainBanner .slideImgWrap iframe { position: absolute; min-height: 100%; min-width: 100%; top: 0;  left: 0;  z-index: 0;    }
.mainBanner .slideImgWrap video { position: absolute; min-height: 100%; min-width: 100%; top: 0;  left: 0;  z-index: 0;    }
.mainBanner .slideImgWrap img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 10%; height: 100%;  }
.mainBanner .slick-prev, .mainBanner .slick-next { width: 40px; height: 28px; z-index: 1; }
.mainBanner .slick-prev::before, .mainBanner .slick-next::before { display: none; }
.mainBanner .slick-prev { left: 20px; background: url('../images/left-arrow.png') no-repeat; }
.mainBanner .slick-next { right: 20px;  background: url('../images/right-arrow.png') no-repeat; }
.mainBanner .bannerText { position: absolute; width: calc(100% - 70px); bottom:35px; z-index: 1; left: 0; right: 0; margin: auto; text-align: center;}
.mainBanner .bannerText .subText {   padding: 0; display: inline-block; }
.mainBanner .bannerText .subText span { font-size: 16px; border-bottom: 1px solid #ffffff; padding-bottom: 4px; letter-spacing: 1px; line-height: 1.7em;   color: #ffffff; }
.mainBanner .bannerText .primaryText { font-size: 52px; font-family: 'DIN Next Arabic Medium' !important; font-weight: normal; color: #ffffff; padding: 20px 0 20px 0; line-height: 1.4em;  }
.mainBanner .bannerText .small { font-size: 16px; }
 .exploreBtn { height: 45px; width: 100%; background: #C52034; font-weight: bold; letter-spacing: 1px; border:1px solid #C52034; font-size: 12px; cursor: pointer; display: inline-block; text-transform: uppercase; color: #ffffff; margin-bottom: 15px; }
 .btnSecondry { height: 45px; background: rgba(0,0,0,.30); color: #ffffff; font-weight: bold;  white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #FFFFFF; font-size: 12px;  padding: 0 20px; display: inline-block; width: 100%; } 
 .btnSecondry a { color : #ffffff;     text-decoration: none;}
 .btnSecondry:hover { border: 1px solid #FFFFFF;  }
 .btnSecondry:hover a {color :#C52034 ; }
 .btnSecondry span.icon {  width: 20px; margin-right: 7px; }
 .btnSecondry span.icon path { fill: #ffffff; stroke: #ffffff; }
 .btnSecondry:hover span.icon path { fill: #c52034; stroke: #c52034; }
  
 .eventBlock .slideItem { position: relative; }
 .eventBlock .slideItem .contentBox { position: absolute; z-index: 1;   color: #ffffff; left: 30px; top: 30px; height: calc(100% - 60px); width:  calc(100% - 60px); box-sizing: border-box;  }
 
 .eventBlock .slideItem .contentBox .event { font-size: 16px; color: #ffffff; border-bottom:1px solid #ffffff; letter-spacing: 1px; margin-bottom: 30px; line-height: 2em; display: inline-block; }
 .eventBlock .slideItem .contentBox h3 { font-size: 28px; margin: 0; font-family: 'DIN Next Arabic Medium' !important; font-weight: normal; line-height: 1.2em; padding: 15px 0; padding: 0; margin-bottom: 20px; }
 .eventBlock .slideItem .contentBox .small { font-size: 16px; color: #ffffff;  }
 .eventBlock .slideItem .contentBox .buttonBox { position: absolute; bottom: 20px;  width: 100%; }


 .imageBox { position: relative; padding-top: 140%; overflow: hidden; } 
 .imageBox img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-height: 100%; height: 100%;}

/*  .eventBanner{margin-bottom: 26px; }*/
 .eventBanner .slick-dots { bottom: 25px;   }
 .eventBanner .slick-prev, .eventBanner .slick-next { width: 40px; height: 28px; z-index: 1; }
 .eventBanner .slick-prev::before, .eventBanner .slick-next::before { display: none; }
 .eventBanner .slick-prev { left: 20px; background: url('../images/left-arrow.png') no-repeat; }
 .eventBanner .slick-next { right: 20px;  background: url('../images/right-arrow.png') no-repeat; }

 .headingStyle { text-align: center; padding-top: 40px; padding-bottom: 20px; display: block; }
 .headingStyle h3 { font-size: 36px; text-align: center; margin: 0; padding:0 0 10px 0; font-family: 'DIN Next Arabic Medium' !important; font-weight: normal; }
 .headingStyle p { line-height: 24px; font-size: 16px; margin: 0; padding: 0; }


 .mapSection {  position: relative; }
 .mapSection .googleMapDiv { position: relative; background: #F1F1F1;  }
 .mapSection .mapWrapper { padding-top: 37.12%; position: relative; }
 .mapSection .mapWrapper #mapView { position: absolute !important; top: 0; left: 0; height: 100%; /* The height is 400 pixels */  width: 100%;  /* The width is the width of the web page */  }
 .mapView { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1;  }

 .mapSearchBar { position: absolute;  padding: 20px; bottom: 20px; width: 100%;  }
 .mapSearchBar .searcGroup { background: #ffffff; padding-top:28px;  padding-bottom:28px; }
 .mapSearchBar .searchWrap { width: 100%; height: 45px;  display: block; background: url('../images/selectCtrlArrow.svg') calc(100% - 15px) center no-repeat #E8E8E8; }
 
 .mapSearchBar .searchWrap select { height: 45px; border: none; font-size: 14px; width: 100%; background: transparent; padding-left: 15px; padding-right: 31px; -webkit-appearance: none; }
 .mapSearchBar .ecentBtnWrap { display: flex; flex-flow: row; align-items: center; height: 45px; justify-content: center;  }
 .mapSearchBar .ecentBtnWrap input[type="checkbox"] { position: absolute; opacity: 0; }
 .mapSearchBar .ecentBtnWrap label { font-size: 16px; font-weight: normal;  padding-right: 60px; position: relative; }
 .mapSearchBar .ecentBtnWrap label .checkStyle { height: 23px; width: 45px; background: #707070; border-radius: 23px; display: inline-block;  position: absolute; right: 0; top: 3px; }
 .mapSearchBar .ecentBtnWrap label .checkStyle .dot { height: 14px; width: 14px; transition: all 300ms ease-in-out;  position: absolute; left: 25px; top: 4px; border-radius: 30px; background: #ffffff; }
 .mapSearchBar .ecentBtnWrap input[type="checkbox"]:checked + label .checkStyle .dot { left: 5px; }
 .mapSearchBar .ecentBtnWrap input[type="checkbox"]:checked + label .checkStyle { background: #C52034; }
 .mapSearchBar .clearBtn { height: 45px; border: 1px solid #C52034; font-weight: bold; letter-spacing: 1px; background: transparent; color: #C52034; width: 100%; text-align: center; font-size: 12px;  font-weight: bold;   }
.btn { font-size: 12px; letter-spacing: 1px !important; }

.SubscribeSection { padding-top: 40px; padding-bottom: 40px; }
.SubscribeSection .SubscribeBlock { width: 100%; display: flex; flex-flow: row; justify-content: center; padding-top: 10px;}
.SubscribeSection .SubscribeBlock .formControl { width: calc(100% - 180px); background: #E8E8E8; border: none; font-size: 14px; padding-left: 20px; padding-right: 20px;}
.SubscribeSection .SubscribeBlock .SubscribeWrap { position:relative; width: 500px;  display: flex; flex-flow: row; justify-content: space-between;  }
.SubscribeSection  .SubscribeBtn { height: 45px; width: 160px; background: #ffffff; letter-spacing: 1px; border:1px solid #C52034; font-size: 12px; cursor: pointer; display: inline-block; font-weight: bold; font-family: 'DIN Next Arabic Regular'; text-transform: uppercase; color: #C52034; }
.errorMsg {
    position: absolute;
    top: 100%;
    font-size: 14px;
    color: #c52034;
    padding-left: 20px;
}

.footerSection { background: #E8E8E8;  }
.footerSection .colGroup {  padding-top: 65px; padding-bottom: 65px; }

.footerSection .firstCol, .footerSection .seconttCol, .footerSection .thirdCol { display: flex; flex-flow: row;  }
.footerSection .firstCol .iconBox { padding: 5px 10px; border-right: 1px solid #ffffff; display: inline-block; }
.footerSection .firstCol .iconBox.noBorder { border: none;}
.footerSection h3 { margin: 0; padding: 0; font-size: 20px; color: #000; text-transform: capitalize; }
.footerSection .seconttCol { display: flex; width: 100%; flex-flow: column; text-align: center; }
.footerSection .seconttCol .btnGroup { display: flex; flex-flow: row; width: 100%; justify-content: center; }
.footerSection .seconttCol .btnBox { width: 125px; height: 44px; border:1px solid #ffffff; margin:25px 10px 0px 10px; border-radius: 5px; display: inline-block; position: relative; }
.footerSection .seconttCol .btnBox img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.footerSection a path { fill: #ffffff; transition: all 200ms ease-in;}
.footerSection a:hover path { fill: #C52034; } 

.footerSection .thirdCol a { display: inline-block; padding: 10px; }
.bottomRowFoorer { background: #E8E8E8; border-top: 1px solid #000; padding: 25px 0 35px 0; }
.bottomRowFoorer p { color: #000; margin-bottom: 0; padding: 7px 0; font-size: 14px;  }
.bottomRowFoorer p a  { padding: 5px 10px; color: #000; text-decoration: none; transition: 200ms ease-in; }

.bottomRowFoorer p a:hover { color: #C52034; }
.bottomRowFoorer .leftBox { text-align: right !important; }
.bottomRowFoorer .rightBox { text-align: left !important; }

.innerPageBannerWrapper { }
.innerPageBanner { position: relative; }
.innerPageBanner .imageWrapper { padding-top: 19.15%; position: relative; overflow: hidden;  }
.innerPageBanner .imageWrapper::after { content: ''; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.innerPageBanner .imageWrapper::before { content: ''; background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 30%, rgba(0,0,0,.3) 100%); height: 25%; width: 100%; position: absolute; top: 75%; }
.innerPageBanner .imageWrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-height: 100%; max-height: 100%; }
.innerPageBanner .contentBox { display: flex; flex-flow: row; z-index: 1; justify-content: center; align-items: center; position: absolute; top: 0; width: 100%; height: 100%;   }
.innerPageBanner .contentBox .content { text-align: center; padding: 10px 20px; }
.innerPageBanner .contentBox .heading { font-family: 'DIN Next Arabic Medium' !important; font-size: 40px; color: #ffffff; line-height: 1.3em;  }
.innerPageBanner .contentBox p { font-size: 16px; color: #ffffff; line-height: 1.500em;   }
.innerPageBanner .contentBox p.subText {   padding: 0; display: inline-block; }
.innerPageBanner .contentBox p.subText span { font-size: 16px; border-bottom: 1px solid #ffffff; padding-bottom: 4px; letter-spacing: 1px; line-height: 1.7em;   color: #ffffff; }
.innerBody {}
.bradeCrumbWrapper { position: relative; }
.bradeCrumb { position: absolute; bottom: 15px; z-index:2; left: 20px; }
.bradeCrumb p { font-size: 14px; color: #ffffff; margin: 0; display: flex; flex-flow: row; }
.bradeCrumb p a { color: #ffffff; padding: 0 20px 0 0px; position: relative; text-decoration: none; }
.bradeCrumb p span { font-size: 14px; color: #ffffff; }
.bradeCrumb p a::after { position: absolute; content: '';  height: 7px; width: 4px; right: 8px; top: 8px; background: url('../images/bradCrumbArrow.svg') center center no-repeat; }

.imgOverlay { position: relative; overflow: hidden; }
.imgOverlay::before { height: 100%; content: ''; width: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.3); z-index: 1; }
.videoIcon { position: relative;}
.videoIcon::after { position: absolute; content: ''; z-index: 1; height: 71px; width: 71px; background: url('../images/video-icon.png') center center; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tekeA_Tour_icon { position: relative;}
.tekeA_Tour_icon::after { position: absolute; content: ''; z-index: 1; height: 71px; width: 71px; background: url('../images/TakeA_Tour_icon.svg') center center; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.TakeA_TourSection { position: relative; }
.TakeA_TourSection .btnWrap { position: absolute;  left: 40px; bottom: 40px; z-index: 2;}
.TakeA_TourSection .text360 { position: absolute;  left: 40px; top: 40px; z-index: 2; font-family: 'DIN Next Arabic Regular'; font-size: 28px; color: #ffffff; }
.TakeA_TourSection .imgWrapper { padding-top:37.65%; }
.TakeA_TourSection .imgWrapper iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1;}

.m0 { margin: 0;}


.LocationDetails { display: flex; flex-flow: row; }
    .LocationDetails .contentBox {
        background: #F8F8F8;
        padding: 30px;
        flex: 1 0 0;
    }
.LocationDetails .contentBox h2 { margin-top: 0;}
.LocationDetails .contentBox p { margin-bottom: 1rem; padding-left: 26px; font-size: 16px; line-height: 1.375em; }
.LocationDetails .contentBox p strong { font-weight: bold; margin-bottom: 10px; display: inline-block; }
/*.LocationDetails .contentBox p.location::before { content: url('../images/locationIcon.svg'); margin-right: 10px; margin-left: -26px; display: inline-block; transform: translateY(4px); }
.LocationDetails .contentBox p.mail::before { content: url('../images/mailIcon.svg'); margin-right: 10px; margin-left: -26px; display: inline-block; transform: translateY(4px); }*/
    .LocationDetails .mapBox {
        position: relative;
        width: 70%;
    }

        .LocationDetails .mapBox .mapWrapper {
            padding-top: 51.96%;
            overflow: hidden;
            height: 100%;
        }

            .LocationDetails .mapBox .mapWrapper section {
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
            }

            .LocationDetails .mapBox .mapWrapper.fullScreen {
                padding-top: 37.80%;
            }

            .LocationDetails .mapBox .mapWrapper > * {
                height: 100%;
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
            }



        .LocationDetails .mapBox .mapBtnBox {
            position: absolute;
            left: 50%;
            max-width: 100%;
            white-space: nowrap;
            bottom: 0;
            padding: 20px;
            background: #ffffff;
            transform: translateX(-50%);
        }

.navTabWrapper  {  min-height: 63px; position: relative;  }
.navTabWrapper.fixed .navTabFixed { position: fixed; width: 100%; min-height: 63px; top: 70px; z-index: 5; background: #ffffff; }

.navTabWrapper .navTabGroupWrap { position: relative;  min-height: 63px; border-bottom: 1px solid #E2E2E2; display: flex; flex-flow: row; justify-content: space-between; }
.navTabWrapper .navTabGroupWrap .tabSlider { height: 63px; float: left;  padding-right: 20px; }
.navTabWrapper .navTabGroupWrap  .rightSideBlock { height: 63px; float: right; display: flex; flex-flow: row; align-items: center; justify-content:flex-end; }
.navTabWrapper .navTabGroupWrap  .rightSideBlock .btnBlock { height: 42px; width: 42px; background: #C52034; margin-left: 10px !important; cursor: pointer;  position: relative; right: 7%; }
.navTabWrapper .navTabGroupWrap  .rightSideBlock .btnBlock img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.navTabWrapper .navTabGroupWrap.width1 .rightSideBlock { width: 54px;}
.navTabWrapper .navTabGroupWrap.width2 .rightSideBlock { width: 108px;}
.navTabWrapper .navTabGroupWrap.width3 .rightSideBlock { width: 162px;}
.navTabWrapper .navTabGroupWrap.widthFull .tabSlider { width: calc(100% - 1px); float: initial; padding-right: initial;  }
.navTabWrapper .navTabGroupWrap.width1 .tabSlider { width: calc(100% - 60px);}
.navTabWrapper .navTabGroupWrap.width2 .tabSlider { width: calc(100% - 120px);}
.navTabWrapper .navTabGroupWrap.width3 .tabSlider { width: calc(100% - 180px);}
.filterGroup { }
.filterGroup .form-group { margin-bottom: 20px !important; }


.selectCtrlWrap { display: none; }

.navTabWrapper .navTabGroup.normal { display: flex; flex-flow: row;  }

.navTabWrapper .navTabGroup { display: flex; flex-flow: row; justify-content: space-between;  }
.navTabWrapper .navTabGroup.justifyLeft { justify-content: start; }
.navTabWrapper .navTabGroup.leftAlign { justify-content: left; }
.navTabWrapper .navTabGroup .item { height: 63px; padding: 0 25px;  display: flex; position: relative; flex:0 0 0; cursor: pointer; justify-content: center; flex-flow: row; align-items: center; border-bottom: 1px solid transparent;   }
.navTabWrapper .navTabGroup.noPadd .item { padding: 0 0; }
.navTabWrapper .navTabGroup.noPadd .item span { padding: 0 20px;}
.navTabWrapper .navTabGroup.fullSpace .item { padding: 0 30px; }
.navTabWrapper .navTabGroup .item.active { border-bottom: 1px solid #C52034; position: relative; }
.navTabWrapper .navTabGroup .item.active::before { position: absolute; width: 100%; height: 4px; bottom: 0; content: ''; background: #C52034; left: 0; }
.navTabWrapper .navTabGroup .item span {  white-space: nowrap; font-family: 'DIN Next Arabic Regular' !important; font-size: 18px; line-height:1em; }
.navTabWrapper .navTabGroup .item.active span { color: #C52034; }

/* .navTabWrapper .navTabGroup .slick-current .item::before { position: absolute; width: 100%; height: 4px; bottom: -1px; content: ''; background: #C52034; left: 0; } */
.navTabWrapper .navTabGroup .slick-prev { left: -30px;}
.navTabWrapper .navTabGroup .slick-next { right: -30px; }
.navTabWrapper .navTabGroup .slick-prev::before {   content: url('../images/leftArrow.png') ;  }
.navTabWrapper .navTabGroup .slick-next::before {   content: url('../images/rightArrow.png') ;  }
.navTabWrapper .navTabGroup .slick-prev, .navTabWrapper .navTabGroup .slick-next  {  z-index: 2; }


.navTabWrapper .navTabGroup .MainTabSlideWrap { display: block; width: 100%; } 
.navTabWrapper .navTabGroup .MainTabSlideWrap .MainTabSlider { margin-left: 30px; margin-right: 30px; }

.navTabWrapper .navTabGroup .MainLinkTabSlideWrap { display: block; width: 100%; } 
.navTabWrapper .navTabGroup .MainLinkTabSlideWrap .MainLinkTabSlider { margin-left: 30px; margin-right: 30px; }


.timeLineWrapper  { margin-bottom: 50px; }
.timeLineWrapper .dotSliderWrap { display: flex; flex-flow: row; position: relative; justify-content: center; margin-bottom: 30px;  }
.timeLineWrapper .dotSliderWrap::before { content: ''; position: absolute; width: 100%; height: 1px; top: 13px; transform: translateY(-50%); background: linear-gradient( 90deg, rgba(112,122,122,0) 0%, rgba(112,122,122,1) 20%, rgba(112,122,122,1) 80%, rgba(112,122,122,0) 100%); }
.timeLineWrapper .dotSliderWrap .dotGroup {  width: calc(100% - 60px); }
.timeLineWrapper .dotSliderWrap .dotGroup .item { position: relative; display: flex; flex-flow: column; align-items: center;  }
.timeLineWrapper .dotSliderWrap .dotGroup .item .dot { height: 12px; width: 12px; height: 12px; background: #C52034; border-radius: 50%;  }
.timeLineWrapper .dotSliderWrap .dotGroup .item .year {  font-size: 14px; color: #000000; }
.timeLineWrapper .dotSliderWrap .dotGroup .slick-current .item.active .year { font-size: 18px; color: #C52034;}
.timeLineWrapper .dotSliderWrap .dotGroup .slick-prev { background: url('../images/timeline-arrow-left.svg') center center; width: 6px; height: 11px; top: 13px; }
.timeLineWrapper .dotSliderWrap .dotGroup .slick-next { background: url('../images/timeline-arrow-right.svg') center center; width: 6px; height: 11px; top: 13px;  }


.timeLineWrapper .SliderWrap {}
    .timeLineWrapper .SliderWrap .slideItem {
        display: flex;
        flex-flow: row;
        min-height: 350px;
    }
.timeLineWrapper .SliderWrap .slideItem .imgBox {  width: 50%; }
    .timeLineWrapper .SliderWrap .slideItem .imgBox .imgWrapper {
        position: relative;
        padding-right: 64.54%;
        height: 100%;
    }
        .timeLineWrapper .SliderWrap .slideItem .imgBox .imgWrapper img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            min-height: 100%;
        }
.timeLineWrapper .SliderWrap .slideItem .textBox { width: 50%; background: #FFF1D3; display: flex; flex-flow: row; align-items: center; justify-content: center; }
    .timeLineWrapper .SliderWrap .slideItem .textBox .content {
        width: calc(100% - 50px);
        text-align: left;
        padding: 50px 0;
    }
    .timeLineWrapper .SliderWrap .slideItem .textBox .content .head { font-size: 22px; font-weight: bold; color: #C52034; margin-bottom: 37px; }
.timeLineWrapper .SliderWrap .slideItem .textBox .content .disc { font-size: 24px; font-family: 'DIN Next Arabic Regular'; line-height: 1.500em; }
.timeLineWrapper .SliderWrap .slick-prev, .timeLineWrapper .SliderWrap .slick-next { width: 30px; height: 20px;  }
.timeLineWrapper .SliderWrap .slick-prev { background: url('../images/timeline-arrow.prev.png') center center no-repeat; left: 5px; }
.timeLineWrapper .SliderWrap .slick-next { background: url('../images/timeline-arrow.next.png') center center no-repeat; right: 5px; }
.timeLineWrapper .SliderWrap .slick-prev::before, .timeLineWrapper .SliderWrap .slick-next::before { opacity: 0;}

.buttonEffect { position: relative; z-index: 1; display:inline-flex; align-items:center; justify-content:center; text-decoration:none;  }

.buttonEffect::after { content: ''; position: absolute; font-weight: bold !important;  width: calc(100% + 2px); height: 0px; top: -1px; left: -1px;  transition: all 200ms ease-in; z-index: -1;  }
.buttonEffect:hover:after { content: ''; position: absolute; height: calc(100% + 2px);  background:rgba(255,255,255,1);  }
    .buttonEffect:hover, a.buttonEffect:hover {
        color: #c52034;
        font-weight: bold !important;
        transition: all 200ms ease-in;
        text-decoration:none;
    }

.buttonEffect.black:hover:after { background:#c52034;   }
    .buttonEffect.black:hover, a.buttonEffect.black:hover {
        color: #ffffff;
        border: 1px solid #c52034;
        text-decoration: none;
    }

.buttonEffect.redBorderd:hover:after { background:#c52034;   }
    .buttonEffect.redBorderd:hover, a.buttonEffect.redBorderd:hover {
        color: #ffffff;
        border: 1px solid #c52034;
        text-decoration: none;
    }

/*.buttonEffect a{color:#ffffff;text-decoration:none}
    .buttonEffect a:hover {
        color: #C52034;
        text-decoration: none
    }*/


.videoItem { position: relative; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden;  width: 100%; }
.videoItem video { position: absolute; height: 100%; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.videoItem iframe { position: absolute; height: 100%; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }


.gallerySlider { margin-bottom: 50px; }
.gallerySlider .slideItem { position: relative;}
.gallerySlider .slideItem .videoItem { padding-top: 37.65%; }
.gallerySlider .slideItem .imgWrapper { padding-top: 37.65%; }

.gallerySlider .slick-prev, .gallerySlider .slick-next { height: 45px; width: 45px; background: #c52034; z-index: 2; }
.gallerySlider .slick-prev { left: 0; background: url('../images/gallery-arrow-left.svg') center center no-repeat #c52034;}
.gallerySlider .slick-next { right: 0; background: url('../images/gallery-arrow-right.svg') center center no-repeat #c52034;}
.gallerySlider .slick-prev::before { display: none; }
 .gallerySlider .slick-next::before { display: none;}

.bodySection { padding-bottom: 0px; padding-top: 0px; }
.bodySection p { margin-bottom: 1.6em; line-height: 1.625em; }
.bodySection p a { color: #C52034; }
.bodySection h2 { font-size: 32px; font-family:'DIN Next Arabic Medium' !important;  margin-bottom: 30px; margin-top: 40px; line-height: 1.313em; }
.bodySection h2 .subText { font-size: 22px; font-family: 'DIN Next Arabic Regular' !important; font-weight: 300; text-align: center; display: block; margin-top: 1em; line-height: 1.4em;}
.bodySection h3 { font-size: 24px; font-family: 'DIN Next Arabic Medium' !important; margin-top: 30px; margin-bottom: 15px; }
.bodySection .imgWrap1 { position: relative; margin-top: 30px; margin-bottom: 30px;  }
.bodySection .imgWrap1 .imgWraper { padding-top:37.65%; position: relative; overflow: hidden; }
.bodySection .imgWrap1 .imgWraper img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  }
.imgWraper { overflow: hidden; position: relative; }
.imgWraper img { height: 120%; min-height: 100%;}

.bodySection .tableContent { padding:0 15px; background: #FFF1D3; }
.bodySection .tableContent p { margin-bottom: 0; }
.bodySection .tableContent p strong { font-family: 'DIN Next Arabic Regular'; display: block; margin-bottom: 1.2em; }
.bodySection .tableContent .box { padding:30px 37px; position: relative; }
.bodySection .tableContent .box:nth-child(1):before { content: ''; border-right: 1px solid rgba(112,112,112,.4); position: absolute; right: 0; height: calc(100% - 60px); top: 30px; }
.btnWrap {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    position: relative;
}

    .btnWrap.event {
        justify-content: space-between;
    }

.externarLinkIcon:before {
    content: url('../images/export-icon.svg');
    margin-right: 7px;
}
    .btnWrap a {text-decoration:none !important;}
.btn {
    height: 45px;
    text-transform: uppercase;
    padding-left: 30px;
    letter-spacing: 2px;
    min-width: 160px;
    padding-right: 30px;
    border-radius: 0;
    font-size: 12px;
    font-weight: bold;
    background: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'DIN Next Arabic Regular';
}
.btn.black { border: 1px solid #000000; color: #000000; }
.btn.red { border: 1px solid #C52034; background: #C52034; color: #ffffff; }
.btn.redBorderd { border: 1px solid #C52034; background: #ffffff; color: #C52034; }
.btn.view { border: 1px solid #C52034; background: #C52034; color: #ffffff; }
.btn.view path { fill: #ffffff; stroke: #ffffff; transition: all 300ms ease-in;  }
.btn:hover { color: #c52034;  }
.btn:hover path {  fill: #c52034; stroke: #c52034; }

    .btn a {color:#ffffff;text-decoration:none}
        .btn:hover a {
            color: #C52034;text-decoration:none
        }
    .btn .icon { margin-right:7px}
;



    .bodySection .contentGroup {
        padding-bottom: 30px;
    }
                                  .homeSlideBtn { margin:0 !important; }

.unescoLogo { position: absolute; top: 20px; right: 20px; z-index: 2; }
[dir='rtl'] .unescoLogoCarousel { position: absolute; top: 0px; left: 0px; right:initial; z-index: 2; }
.tileImgBox { position: relative;  margin-bottom: 30px; margin: 25px 10px; }

.tileImgBox .imgWrapper { width: 100%; position: relative; overflow: hidden; padding-top: 123.71%; }
.tileImgBox .imgWrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; }
.tileImgBox .content { display: flex; flex-flow: row; flex-flow: row; padding: 40px; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; }
.tileImgBox .content .box  {  color: #ffffff; width: 100%;   }
.tileImgBox .content .box h3 { font-size: 36px; font-family: 'DIN Next Arabic Regular' !important; padding: .5em 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.tileImgBox .content .box .subText { padding: 0; display: inline-block; } 
  .tileImgBox .content .box .subText span { font-size: 16px; border-bottom: 1px solid #ffffff; padding-bottom: 4px; letter-spacing: 2px; line-height: 1.7em;   color: #ffffff; font-family: 'DIN Next Arabic Regular' !important; }
    .tileImgBox .content .box .subText span i { font-style :  normal; }
  .tileImgBox .content .location { font-size: 16px; line-height: 1.2em; color: #ffffff; position: absolute; z-index: 2; top: 50%; right: 15px; transform: translateY(-50%);  width:108px}
.tileImgBox .location::before { content: url('../images/location-icon-white.svg'); margin-right: 10px; position: absolute; left: -20px; top: 60%; transform: translateY(-50%);  }
.YouMayAlsoLike .tileImgBox { position: relative;   margin: 25px 10px !important; }
.registrationBoxWrapper {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

    .registrationBoxWrapper .registrationBox {
        background: #FFF1D3;
        padding: 20px 30px;
        flex: 1 0 260px;
        margin: 15px;
    }

        .registrationBoxWrapper .registrationBox .text {
            font-size: 18px;
            text-align: center;
            line-height: 1.5em;
            color: #000000;
            margin-bottom: 15px;
        }

        .registrationBoxWrapper .registrationBox .btnWrap {
            justify-content: center;
        }

ul.contentList {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}

    ul.contentList li {
        padding-left: 15px;
        position: relative;
        margin-bottom: 0.5em;
    }

        ul.contentList li::before {
            content: '';
            position: absolute;
            left: 0;
            height: 8px;
            width: 8px;
            top: 10px;
            border-radius: 10px;
            background: #C52034;
        }



.showMoreBtnWraper { padding-top: 25px; padding-bottom: 25px; position: relative;  text-align: center;  }
.showMoreBtnWraper .showMore { height: 45px;  width: 160px; font-weight: bold; background: #ffffff; font-weight: bold; cursor: pointer; letter-spacing: 2px; border: 1px solid #C52034; font-size: 12px; cursor: pointer; display: inline-block; text-transform: uppercase; color: #C52034; position: relative; z-index: 1;} 

.showMoreBtnWraper::before { content: ''; position: absolute; top: 50%; width: 100%; left: 0; height: 1px; background: #CCCCCC; }

.eventshowMoreBtnWraper { padding-top: 25px; padding-bottom: 25px; position: relative;  text-align: center;  }
.eventshowMoreBtnWraper .showMore { height: 45px;  width: 160px; font-weight: bold; background: #ffffff; font-weight: bold; cursor: pointer; letter-spacing: 2px; border: 1px solid #C52034; font-size: 12px; cursor: pointer; display: inline-block; text-transform: uppercase; color: #C52034; position: relative; z-index: 1;} 

.eventshowMoreBtnWraper::before { content: ''; position: absolute; top: 50%; width: 100%; left: 0; height: 1px; background: #CCCCCC; }

.YouMayAlsoLike { padding-top: 1px; }
.YouMayAlsoLike .imgWrap { padding-top: 42.09%; width: 100%; position: relative; overflow: hidden;   }
.YouMayAlsoLike .imgWrap img { min-height: 100%; max-height: 120%; min-width: 101%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }

.DidYouKnowSection { padding-top: 30px; padding-bottom: 30px; }
.DidYouKnowWrapper { padding: 30px; position: relative; }
.DidYouKnowWrapper::before { content: ''; position:absolute; left: 0; top: 0; width: 140px; height: 140px; border-top: 1px solid #C52034; border-left: 1px solid #C52034;}
.DidYouKnowWrapper::after { content: ''; position:absolute; right: 0; bottom: 0; width: 140px; height: 140px; border-right: 1px solid #C52034; border-bottom: 1px solid #C52034;}
.DidYouKnowWrapper h2 { margin-top: 5px; }
.DidYouKnow  {  display: block;  }
.DidYouKnow .imgWrap { padding-top: 56.32%; width: 100%; position: relative; overflow: hidden;  }
.DidYouKnow .imgWrap img { width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }
.DidYouKnow .imgWrap .videoItem { position: absolute; padding-top: 56.18%; }
.DidYouKnow p {   font-family: 'DIN Next Arabic Regular' !important;
  font-weight: 300;
  text-align: center;
  display: block;
  margin-top: 1em;
  line-height: 1.4em; font-size: 22px; }

.slick-dots li { height: 10px; width: 10px; }
.slick-dots li button { height: 10px; width: 10px; background: #e2e2e2; }
.slick-dots li.slick-active button { background: #C52034; }

.NavHeader .navBlock .linkBox .linkItem2 { display: none;}

.timeLine  { }

.slick-dots li button { font-size: 0; }
.slick-dots li button:before { display: none; }
.imgWrapper { overflow: hidden; position: relative; overflow: hidden;  }
.imgWrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1, 1); transition: all 2s ease-in-out; min-height: 100%; max-height: 130%; min-width: 100%;  }
.imgWrapper:hover img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.3, 1.3); }
.fullScreenIcon { height: 28px; width: 28px; position: absolute; z-index: 2; right: 20px; top: 20px; cursor: pointer; }

.sortByAlphabeMaintWrap { min-height: 64px; width: 100%;   }
.sortByAlphabeMaintWrap .sortByAlphabetWrapFixed { min-height: 64px; padding: 20px 0; width: 100%; background: #ffffff;  }
.sortByAlphabeMaintWrap.fixed .sortByAlphabetWrapFixed { position: fixed; top: 133px; margin: 0 auto; z-index: 2;  }
.sortByAlphabetWrap { width: 100%; text-align: center; }
.sortByAlphabetWrap .AlphabetSlider { width: calc(100% - 60px); margin: 0 auto; }
.sortByAlphabetWrap .AlphabetSlider .slick-prev { background: url('../images/timeline-arrow-left.svg') center center; width: 6px; height: 11px; top: 13px; }
.sortByAlphabetWrap .AlphabetSlider .slick-next { background: url('../images/timeline-arrow-right.svg') center center; width: 6px; height: 11px; top: 13px;  }
.sortByAlphabetWrap .AlphabetSlider .AlphabetBox { font-size: 18px; line-height: 1.167em; text-align: center; cursor: pointer; font-family: 'DIN Next Arabic Regular'; }
.sortByAlphabetWrap .AlphabetSlider .AlphabetBox.active { color: #c52034; background: #E2E2E2; }

.alphabetContentSection { }
.alphabetContentSection .ContentSection { padding: 50px 0 0 50px; position: relative; }
.alphabetContentSection .ContentSection .AlphabetBox { position: absolute; left: 0; font-size: 40px; font-family: 'DIN Next Arabic Regular'; color: #c52034; line-height: 1.150em; }
.alphabetContentSection .ContentSection .contentBox { border-bottom: 1px solid #F1F1F1; margin-bottom: 3px; background: #ffffff; transition: all 300ms ease-in; }
.alphabetContentSection .ContentSection .contentBox .headText { font-size: 16px; min-height: 41px; padding: 5px 15px; position: relative;  }
.alphabetContentSection .ContentSection .contentBox .TextBox { font-size: 14px; line-height: 1.714em; transition: all 300ms ease-in; padding: 0px 15px; max-height: 0px; overflow: hidden; }
.alphabetContentSection .ContentSection .contentBox .TextBox p { margin-bottom: 20px; }
.alphabetContentSection .ContentSection .contentBox .TextBox p a { color: #c52034;}
.alphabetContentSection .ContentSection .contentBox.content .headText { }
.alphabetContentSection .ContentSection .contentBox.content.active { background: #F1F1F1; }

.alphabetContentSection .ContentSection .contentBox.content .headText::before { content: url('../images/select-red-arrow.svg'); transition: all 200ms ease-in; position: absolute; right: 10px;  }
.alphabetContentSection .ContentSection .contentBox.content.active .TextBox { max-height: 500px; }
.alphabetContentSection .ContentSection .contentBox.content.active .headText::before { transform: rotate(180deg); }
    .alphabetContentSection .ContentSection .contentBox.noarrow .headText {
    }

    .alphabetContentSection .ContentSection .contentBox.noarrow.active {
        background: #F1F1F1;
    }

    .alphabetContentSection .ContentSection .contentBox.noarrow .headText::before {
        content: url('');
        transition: all 200ms ease-in;
        position: absolute;
        right: 10px;
    }

    .alphabetContentSection .ContentSection .contentBox.noarrow.active .TextBox {
        max-height: 500px;
    }

    .alphabetContentSection .ContentSection .contentBox.noarrow.active .headText::before {
        transform: rotate(180deg);
    }


.EventTabSection .EventGroupWrap { margin-bottom: 20px; }
.EventTabSection .EventGroupWrap .eventBlock {background: #FFF1D3; padding:14px 22px; display: flex; flex-flow: row; justify-content:space-between; flex-flow: wrap; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv { flex: 1 0 0;  }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv .icon { position: absolute; left: 0; top: 3px; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv .icon img { float: left; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv .head { font-size: 16px; font-weight: 600; line-height: 1.625em; position: relative; padding-left: 30px; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv .head span { font-size: 16px; line-height: 1.375em; display: block; font-weight: 400;  }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv a { color: #C52034; }

.contactUs { direction: rtl;}

.contactUs .leftSection { background: #FFF1D3; min-height: 100%; padding:1px 30px;  }
.contactUs .leftSection h2 { margin-top: 40px; margin-bottom: 40px; }
.contactUs .leftSection h2 span { display: block; font-size: 16px; line-height: 1.1em; padding: 5px; font-family: 'DIN Next Arabic Regular'; }
.contactUs .leftSection .textBlock { padding-left: 30px; font-size: 16px; line-height: 1.625em; font-weight: 900;  position: relative;  padding-bottom: 37px; }
.contactUs .leftSection .textBlock .icon { position: absolute; left: 0; }
.contactUs .leftSection .textBlock span { display: block; font-weight: 400; line-height: 1.375em; }

.contactUs a { color: #c52034;}
.contactUs .rightSection { min-height: 500px;  padding: 1px 30px; }
    .contactUs .rightSection h3 {
        margin-top: 40px;
        margin-bottom: 10px;
        font-size: 32px;
    }
    .contactUs .rightSection .subText {
        font-size: 16px;
        line-height: 1.375em;
        position: relative;
        margin-bottom: 1.6em;
    }

.contactUs .rightSection .subText span { right: 0; font-size: 14px; position: absolute;  }
.contactUs .form-group { margin-bottom: 35px; position: relative; }
.contactUs .form-control { border: none;  min-height: 45px; position: relative; z-index: 1; background-color: transparent !important; box-shadow: none; border-radius: 0; outline: none; font-size: 14px; outline:none !important; }
.contactUs select.form-control {
    padding-right: 30px;
}
.contactUs .form-control-wrpa { background: #E8E8E8; position: relative;   }
.contactUs .form-group .topText { font-size: 12px; text-align: right; position: absolute; top: -20px; left: 0;  }
.contactUs .form-control-wrpa.contryCode { display: flex; flex-flow: row;  }
.contactUs .form-control-wrpa .contryCodeWrap {  width: 30px !important; min-height: 100%; position: relative; background: url('../images/select-red-arrow.svg') calc(100% - 10px) center no-repeat !important; }
.contactUs .form-control-wrpa .contryCodeWrap .selectedText { min-height: 100%; font-size: 14px; line-height: 45px; white-space: nowrap; padding:0px 15px; }
.contactUs .form-control-wrpa .contryCodeWrap ul { list-style: none; margin: 0; max-height: 0px; overflow: hidden; padding: 0; background: #ffffff;  position: absolute; z-index: 2;  top: 100%; }
.contactUs .form-control-wrpa .contryCodeWrap.active ul  { max-height: 400px; overflow-y: auto; border: 1px solid #dadada; }
.contactUs .form-control-wrpa .contryCodeWrap ul li { min-height: 45px; display: flex; flex-flow: row; align-items: center; padding:5px 15px;  }
.contactUs .form-control-label { position: absolute; font-size: 14px; padding: 11px 10px; top: 0; z-index: 0; transition: all 300ms ease-in; }
.contactUs .form-control-label sup { color: #C52034; }

.contactUs .form-control-wrpa.focus .form-control-label { font-size: 12px; padding: 0px !important; top: -22px; }
.contactUs .form-control-wrpa.contryCode .form-control-label { padding-right: 40px;}
.contactUs .form-control-wrpa .CtrlWrap { width: calc(100% - 90px); }
.contactUs .line { border-bottom: 1px solid #E2E2E2; width:100%; margin-top: 17px; margin-bottom: 5px; }
.contactUs h4 { font-size: 24px; padding-top: 20px; font-family: 'DIN Next Arabic Regular'; }
.contactUs .areYouBlock { font-size: 16px; font-weight: 600; display: flex; flex-flow: row; margin-bottom: 25px; flex-wrap: wrap;  }
.contactUs  .mainText { display: flex; margin-right: 10px; font-weight: 600; font-size: 16px; padding: 10px 0; white-space: nowrap;}

.contactUs .radioBtnBox  { padding: 10px 0px; position: relative; display: flex; flex-flow: row; align-items: center; }
.contactUs .radioBtnBox label { font-weight: 400; padding: 0 20px 0 0; display: flex; white-space: nowrap; flex-flow: row; align-items: center; font-size: 16px; font-weight: 400; }
    .contactUs .radioBtnBox input[type="radio"] {
        position: absolute;
        opacity: 0;
    }n
.contactUs .radioBtnBox label .check { display: inline-block; height: 18px; width: 18px; margin-right: 10px; border-radius: 18px; border: 1px solid #707070; position: relative; }
.contactUs .radioBtnBox label .check::before { content: ''; height: 10px; width: 10px; position: absolute; border-radius: 12px; background: transparent; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.contactUs .radioBtnBox input[type="radio"]:checked + label .check::before {
    background: #c52034;
}

.contactUs select { background: url(../images/select-red-arrow.svg) calc(100% - 10px) center no-repeat transparent !important; }
.contactUs .form-control.iconDate { background: url(../images/date-icon.svg) right calc(100% - 10px) center no-repeat transparent; }
.contactUs .form-control.timeIcon { background: url(../images/time-icon.svg) right calc(100% - 10px) center no-repeat transparent; }
.radioBtnAndInputText { display: flex; flex-flow: row;  }

.radioBtnAndInputText .form-control-wrpa { width: calc(100% - 30px); }

.contactUs .checkBoxWrap { position: relative; padding: 10px 0px; }
.contactUs .checkBoxWrap label { display: flex; flex-flow: row; align-items: center; }
.contactUs .checkBoxWrap input { position: absolute; opacity: 0; }
.contactUs .checkBoxWrap label .check { display: inline-block; height: 18px; width: 18px; margin-right: 10px;  border: 1px solid #707070; position: relative; }
.contactUs .checkBoxWrap label .check::before { content: ''; height: 10px; width: 10px; position: absolute; background: transparent; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.contactUs .checkBoxWrap input:checked + label .check::before { background: #c52034; }
.contactUs .ui-widget.ui-widget-content { height: 2px; border: none; background: #E2E2E2; }
.contactUs .ui-slider .ui-slider-handle { height: 10px; width: 10px; border-radius: 10px; background: #c52034; border: 1px solid #c52034;  }
.contactUs .ui-slider-horizontal .ui-slider-range { background: #c52034; }
.contactUs .slider-range-wrap { position: relative; }
.contactUs .slider-range-wrap .leftBox { float: left; }
.contactUs .slider-range-wrap .rightBox { float: right; }
#slider-range .tooltip1 { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); text-align: center; white-space: nowrap;  height: 20px; width: 20px; font-size: 14px;  }

.maiOoverlay { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,.4); z-index: 99; display: none; }
.maiOoverlay .takeATourWrap { height: 80vh; max-height: 700px; width: 90vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 20px solid #ffffff; }
.maiOoverlay .takeATourWrap iframe { position: relative; height: 100%; width: 100%; left: 0; top: 0;}
.maiOoverlay .takeATourWrap .closePopup { position: absolute; z-index: 2; height: 30px; cursor: pointer; width: 30px; top: -20px; right: -20px; background: #e1e1e1; line-height: 30px;  text-align: center;}

.ActiveLoader {
    overflow: hidden;
}

    .ActiveLoader::before {
        content: '';
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 90;
        background: rgba(0,0,0,0.8);
    }

    .ActiveLoader .loaderBox {
        position: fixed;
        height: 70px;
        width: 70px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

        .ActiveLoader .loaderBox span.bgRing {
            content: '';
            border: 6px solid rgba(82,82,82);
            border-radius: 50%;
            width: 100%;
            height: 100%;
            position: absolute;
        }

        .ActiveLoader .loaderBox span.rotedRing {
            content: '';
            position: absolute;
            height: 100px;
            z-index: 1;
            width: 100px;
            border: 6px solid transparent;
            border-right: 6px solid #ffffff;
            border-radius: 50%;
            width: 100%;
            height: 100%;
            position: absolute;
            -webkit-animation: rotating 2s linear infinite;
            -moz-animation: rotating 2s linear infinite;
            -ms-animation: rotating 2s linear infinite;
            -o-animation: rotating 2s linear infinite;
            animation: rotating 2s linear infinite
        }

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.socialShare {
    position: relative;
}

    .socialShare #floatingSocialShare {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 20;
        max-height: 0;
        opacity: 0;
        width: 100%;
        margin-top: 0 !important;
    }

        .socialShare #floatingSocialShare.active {
            max-height: 200px;
            opacity: 1;
        }

        .socialShare #floatingSocialShare > * {
            position: absolute !important;
            width: 100%;
            top: 0;
        }

        .socialShare #floatingSocialShare a {
            width: 100% !important;
        }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .01;
}

.siteMapSection .sectionGroup {
    margin: 20px 0;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #dadada;
}

.siteMapSection .mainText {
    font-size: 24px;
    padding: .5em 0;
    line-height: 1.917em;
    font-family: 'DIN Next Arabic Regular';
}
    .siteMapSection .mainText a { 
        color:#000000;
        text-decoration: none;
        
        }

    .siteMapSection .subText {
        font-size: 20px;
        padding: .5em 0;
        line-height: 1.917em;
        font-family: 'DIN Next Arabic Bold';
        position: relative;
        padding-left: 25px;
        border-bottom: 1px solid #dadada;
    }

    .siteMapSection .subText::before {
        content: '';
        background: url('../images/location-sign.svg') center center no-repeat;
        width: 20px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        height: 20px;
        background-size: contain;
        position: absolute;
    }

.siteMapSection .titleText {
    font-size: 20px;
    padding: .5em 0;
    line-height: 1.100emm;
    color: #C52034;
    font-family: 'DIN Next Arabic Regular';
}

    .siteMapSection .titleText a {
        color: #C52034;
        text-decoration: none;
    }

.siteMapSection .link {
    font-size: 16px;
    padding: .2em 0;
}

    .siteMapSection .link a {
        text-decoration: none;
        color: #000000;
        font-family: 'DIN Next Arabic Regular';
        line-height: 1.500em;
        display: block;
    }
.searchSection {
}

    .searchSection .itemGroup {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 10px;
    }

    .searchSection .imgWrap {
        padding-top: 60%;
        position: relative;
        overflow: hidden;
    }

        .searchSection .imgWrap > * {
            position: absolute;
            height: 100%;
            width: initial;
            top: 50%;
            left: 50%;
            transform:translate(-50%, -50%);
            min-width:100%;

        }

    .searchSection .itemGroup h4 {
        margin: .4em 0;
    }

        .searchSection .itemGroup h4 a {
            
            color: #000000;
            text-decoration: none;
            font-family: 'DIN Next Arabic Regular';
        }

    .searchSection .itemGroup .subText {
        font-size: 1.200em;
    }

    .searchSection .itemGroup .bodyText {
        padding: 0.7em 0;
        font-size: .9em;
    }

        .searchSection .itemGroup .bodyText.date a {
            padding: 0 0 0 10px;
            margin-left: 10px;
            color: #C52034;
            border-left: 1px solid #000000;
        }

    .searchSection .itemGroup .audioWrapper {
        margin-top: 15px;
        position: absolute;
        bottom: 50px;
        top: initial;
        height: 55px;
    }

        .searchSection .itemGroup .audioWrapper .audioplayer {
            background: none;
            border: none;
        }

            .searchSection .itemGroup .audioWrapper .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
                border: 1px solid #ffffff;
            }

        .searchSection .itemGroup .audioWrapper .audioplayer-playing .audioplayer-playpause {
            border: 1px solid #ffffff;
        }

.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after {
    background-color: #ffffff !important;
}

.audioplayer-playing .audioplayer-bar-played::after {
    border: 2px solid #ffffff !important;
}
/* .audioplayer-volume-adjust div div {     background-color: #ffffff !important; } */
.searchSection .itemGroup .audioWrapper .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    border-left: 12px solid #ffffff;
}

.searchSection .itemGroup .audioWrapper .audioplayer-time {
    color: #ffffff;
}

.searchSection .itemGroup .audioWrapper audio {
    width: 100%;
}

.searchSection .itemGroup a.readMore {
    color: #C52034;
    height: 45px;
    width: 160px;
    background: #ffffff;
    letter-spacing: 1px;
    border: 1px solid #C52034;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-family: 'DIN Next Arabic Regular';
    text-transform: uppercase;
    color: #C52034;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

    .searchSection .itemGroup a.readMore:hover {
        background: #C52034;
        color: #ffffff;
    }


.pageNorFound {
    padding: 5%;
    font-size: 20px;
    text-align: center;
    background: #f1f1f1;
}

    .pageNorFound .mainText {
        font-size: 7.500em;
        font-weight: bold;
        text-shadow: 2px 2px #FF0000;
    }

    .pageNorFound .thankyouText {
        font-size: 3.500em;
        font-weight: bold;
        text-shadow: 2px 2px #FF0000;
    }

    .pageNorFound .subText {
        font-size: 1.500em;
        text-transform: uppercase;
        font-weight: bold;
    }

    .pageNorFound p {
        font-size: 0.900em;
    }

    .pageNorFound h5 a {
        font-size: .7em;
        color: #C52034;
        text-decoration: none;
        text-transform: uppercase;
    }

.appleProdCast {
    text-align: right;
}

    .appleProdCast a {
        margin-bottom: 15px;
        display: inline-block;
    }

.LocationDetails .contentBox p {
    margin-bottom: 1rem;
    padding-left: 26px;
    font-size: 16px;
    line-height: 1.375em;
    flex: 1 0 300px;
    position:relative;
}

    .LocationDetails .contentBox p a {
        color: #212529;
    }

    .LocationDetails .contentBox p strong {
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
    }

    .LocationDetails .contentBox p.location::before {
        content: url('../images/location.svg');
       
        transform: translate(-4px, 3px);
        position:absolute;
        left:0;
    }

    .LocationDetails .contentBox p.mail::before {
        content: url('../images/email.svg');
        transform: translate(-4px, 3px);
        position: absolute;
        left: 0;
    }

    .LocationDetails .contentBox p.website::before {
        content: url('../images/website.svg');
        transform: translate(-4px, 3px);
        position: absolute;
        left: 0;
    }

    .LocationDetails .contentBox p.time::before {
        content: url('../images/Time.svg');
        transform: translate(-4px, 3px);
        position: absolute;
        left: 0;
    }

.LocationDetails .contentBox .addressGroup {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.sortByAlphabetWrap .AlphabetSlider .AlphabetBox {
    font-size: 18px;
    line-height: 1.167em;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    cursor: pointer;
    font-family: 'DIN Next Arabic Regular';
}

    .sortByAlphabetWrap .AlphabetSlider .AlphabetBox.active {
        color: #c52034;
        background: #E2E2E2;
    }
 
/*.contactUs .areYouBlock {
    flex-flow: column;
}*/

    .contactUs .areYouBlock.twoCol {
        flex-flow: row;
        flex-wrap: wrap;
    }

.contactUs .leftSection .textBlock {
    /*text-align: center;*/
    line-height: 2.5em;
    padding-left: initial;
    padding-bottom: 20px;
}

    .contactUs .leftSection .textBlock .icon {
        position: initial;
        left: initial;
        display: inline-block;
        margin-right: 10px;
    }

.contactUs .leftSection h2 {
    /*text-align: center;*/
}

.contactUs .leftSection h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.contactUs .mainText {
    white-space: normal;
 /*   justify-content: center;*/
}

/*.contactUs h4 {
    text-align: center;
}*/

.contactUs .rightSection {
    padding: 0 15px;
}

    .contactUs .rightSection h3 {
       /* text-align: center;*/
    }

    .contactUs .rightSection .subText {
      /*  text-align: center;*/
    }


.contactUs .mainText {
    white-space: initial;
}

.contactUs .mainText small {
    font-size: .7em;
    display: block;
}

.contactUs .rightSection .subText.red {
    color: #C52034;
}

.contactUs .Registration .rightSection {
    min-height: initial;
}

.contactUs .rightSection .subText span {
    float: right;
    position: initial;
}

.contactUs .rightSection .subText small {
    font-size: .7em;
    display: block;
}

.step


per {
    padding-top: 30px;
   
}
/*.stepSlider .slick-next::before {
    content: url(../images/rightArrow.png);
}

.stepSlider .slick-prev::before {
    content: url(../images/leftArrow.png);
}

.stepSlider .slick-next, .stepSlider .slick-prev{ 
    top:21px;
}*/

.stepSlider {
    display: block;
    width: calc(100% - 100px);
    margin-left: 50px;
    position: relative;
}

    .stepSlider::after {
        content: '';
        position: absolute;
        z-index: -1;
        height: 1px;
        top: 10%;
        width: 100%;
        background: linear-gradient( 90deg, rgba(70,70,70,0) 0%, rgba(70,70,70,1) 10%, rgba(70,70,70,1) 90%, rgba(70,70,70,0) 100%);
        top: 20px;
    }

    .stepSlider .stepBlock {
        display: table;
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 1.2em;
        padding-top: 30px;
        position: relative;
        z-index: 1;
    }

        .stepSlider .stepBlock::after {
            content: '';
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translate(-50%, 1px);
            width: 10px;
            height: 10px;
            border: 1px solid #C52034;
            background: #ffffff;
            z-index: 2;
            border-radius: 50%;
        }

    .stepSlider .slick-slide.slick-current.slick-active .stepBlock {
        color: #C52034;
        font-size: 1.1em;
    }

        .stepSlider .slick-slide.slick-current.slick-active .stepBlock::after {
            background: #C52034;
        }


.contactUs .rightSection .labelSep {
    line-height: 1.1em;
}

.LicenceNumberWrap {
    display: flex;
    flex-flow: row;
    align-items: center;
}

    .LicenceNumberWrap label {
        min-width: 120px;
    }

    .LicenceNumberWrap > * {
        margin-right: 20px;
        flex-grow: 1;
    }

    .LicenceNumberWrap .form-control-wrpa {
        display: flex;
        flex-flow: row;
        background: #ffffff;
        gap: 10px;
        align-items: center;
    }

        .LicenceNumberWrap .form-control-wrpa span {
            flex-grow: 1;
            border: 1px solid #dadada;
            background: #E8E8E8;
        }

            .LicenceNumberWrap .form-control-wrpa span .form-control {
                text-align: center;
                padding: 0;
            }

            .LicenceNumberWrap .form-control-wrpa span.dash {
                margin-right: 30px;
                position: relative;
            }

                .LicenceNumberWrap .form-control-wrpa span.dash:after {
                    content: '-';
                    position: absolute;
                    right: -24px;
                    top: 50%;
                    font-size: 1.5em;
                    transform: translateY(-50%);
                }

.brnGroupBox {
    display: table;
    width: 100%;
}

    .brnGroupBox .previous {
        float: left;
    }

.nextBtn {
    background: #C52034;
    color: #ffffff;
    border: 1px solid #c52034;
    overflow: hidden;
    float: right;
}

div.btn {
    line-height: 30px;
}

.contactUs .radioBtnBox {
    padding: 10px 0px;
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: center;
    z-index:1;
}

.contactUs .rightSection .subText {
    text-align: left;
}

.contactUs .radioBtnBox label {
    font-weight: 400;
    padding: 0 20px 0 0;
    display: flex;
    white-space: nowrap;
    flex-flow: row;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
}

    .contactUs .radioBtnBox input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

    .contactUs .radioBtnBox label .check {
        display: inline-block;
        height: 18px;
        width: 18px;
        margin-right: 10px;
        border-radius: 18px;
        border: 1px solid #707070;
        position: relative;
    }

        .contactUs .radioBtnBox label .check::before {
            content: '';
            height: 10px;
            width: 10px;
            position: absolute;
            border-radius: 12px;
            background: transparent;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

.contactUs .radioBtnBox input[type="radio"]:checked + label .check::before {
    background: #c52034;
}


.contactUs .checkBoxBtn {
    padding: 10px 0px;
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: center;
}

    .contactUs .checkBoxBtn label {
        font-weight: 400;
        padding: 0 20px 0 0;
        display: flex;
        white-space: nowrap;
        flex-flow: row;
        align-items: center;
        font-size: 16px;
        font-weight: 400;
    }

    .contactUs .checkBoxBtn input {
        position: absolute;
        opacity: 0;
    }

    .contactUs .checkBoxBtn label .check {
        display: inline-block;
        height: 18px;
        width: 18px;
        margin-right: 10px;
        border-radius: 0px;
        border: 1px solid #707070;
        position: relative;
        flex: 0 0 18px;
    }

        .contactUs .checkBoxBtn label .check::before {
            content: '';
            height: 10px;
            width: 10px;
            position: absolute;
            background: transparent;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    .contactUs .checkBoxBtn input:checked + label .check::before {
        background: #c52034;
    }


.radioBtnAndInputText {
}

    .radioBtnAndInputText .radioBtnBox label {
        padding-right: 0;
    }

.addBtn {
    background: #C52034;
    color: #ffffff;
    border: 1px solid #c52034;
    overflow: hidden;
    margin: 0;
}

.closeRow {
    float: left;
    color: #C52034;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    border: none;
    background: none;
}

.uploadImgWrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 16px;
}

    .uploadImgWrapper .labelBox {
        padding-right: 20px;
    }

    .uploadImgWrapper .uploadBtn {
        height: 45px;
        width: 214px;
        background: #C52034;
        cursor: pointer;
        position: relative;
        color: #ffffff;
        text-align: center;
        line-height: 45px;
    }

        .uploadImgWrapper .uploadBtn input {
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

.SelectedImages .imagBlock {
    display: flex;
    flex-flow: row;
    align-items: center;
}

    .SelectedImages .imagBlock .closeBtn {
        float: left;
        color: #C52034;
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 16px;
        text-align: center;
        border: none;
        background: none;
    }

    .SelectedImages .imagBlock .selectedImgName {
        font-size: 16px;
    }

.contactUs .form-control-label {
    position: absolute;
    font-size: 14px;
    padding: 11px 10px;
    top: 0;
    z-index: 0;
    transition: all 300ms ease-in;
    line-height: initial;
}
.contactUs .rightSection {
    line-height: initial;
}

.contactUs .form-group.noMar {
    margin-bottom: 0;
    padding-left:0;
    padding-right:0;
}

.invalid-feedback {
    color: #c52034;
    font-size: 12px;
    padding-top: 5px;
    bottom: -15px;
    position: absolute;
    line-height: normal;
    left:0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.addRowBtn {
    display: none;
}

div[data-GroupWrap] div[data-rowgroup]:last-child .closeRowBtn {
    display: none;
}

div[data-GroupWrap] div[data-rowgroup]:last-child .addRowBtn {
    display: inline-block;
}

div[data-GroupWrap] div[data-rowgroup]:nth-child(5) .closeRowBtn {
    display: block;
}

div[data-GroupWrap] div[data-rowgroup]:nth-child(5) .addRowBtn {
    display: none;
}

.table {
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-weight: 500;
}
/* .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } */
.table-bordered {
    border: 1px solid #dee2e6;
}

.table td a, .table th a {
    text-decoration: none
}

.table th a, .table th {
    color: #333333;
    background: #dadada;
}

.table td a, .table td {
    color: rgba(0,0,0,1);
    font-weight: 400;
    align-items: center;

}

    .table td a {
        display: flex;
        justify-content: center;
    }

.tableWrapper {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(216,216,216,1);
    margin-bottom: 1rem;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 1);
}

.table-striped tbody tr:nth-of-type(even) {
    background: rgba(193, 193, 193, .14);
}

/*.table-striped tbody tr:hover {
    background: rgba(0, 160, 225, .09);
}*/

.tableWrapper .table {
    margin-bottom: 0;
}

.table-striped tbody tr:first-child {
    background: #00A0E1;
}




.popupWrapper {
    display: none;
    position: fixed;
    z-index: 14;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}

.closePopup {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}


.popupContent {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1400px;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.SumoSelect {
    width: 100%;
}

    .SumoSelect > .CaptionCont {
        border: none;
        background-color: #e8e8e8;
    }

        .SumoSelect > .CaptionCont > label > i {
            background: url(../images/select-red-arrow.svg) center center no-repeat transparent !important;
        }

        .SumoSelect > .CaptionCont > span {
            font-size: 14px;
        }


.contactUs .sendAMessage {
    width: 140px !important;
    display: none;
    margin-right: 5px;
    margin-left: 5px;
}

@media (max-width: 990px) {

    .contactUs .sendAMessageButtonBox {
        text-align: center;
        margin-top: 20px;
    }

    .contactUs .sendAMessage {
        display: inline-block;
    }
}
.StrategicObjectives {
}

    .StrategicObjectives .contentWrapper {
        display: flex;
        margin-top: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .StrategicObjectives .contentWrapper .colBox {
            flex: 0 0 300px;
            display: flex;
            flex-flow: column;
            background: #f1f1f1;
        }

            .StrategicObjectives .contentWrapper .colBox .imgWrap {
                width: 100%;
                padding-top: 79.56%;
                position: relative;
            }

                .StrategicObjectives .contentWrapper .colBox .imgWrap img {
                    width: 100%;
                    position: absolute;
                    top: 0;
                    height: initial;
                }

            .StrategicObjectives .contentWrapper .colBox .content {
                width: 100%;
                padding-top: 79.56%;
                position: relative;
            }

                .StrategicObjectives .contentWrapper .colBox .content .text {
                    width: calc(100% - 90px);
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    position: absolute;
                    font-size: 24px;
                    line-height: 1.333em;
                }

            .StrategicObjectives .contentWrapper .colBox:nth-child(even) .imgWrap {
                order: 2;
            }

            .StrategicObjectives .contentWrapper .colBox:nth-child(even) .content {
                order: 1;
            }

@media (max-width: 1400px) {
    .StrategicObjectives .contentWrapper .colBox .content .text {
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    .StrategicObjectives .contentWrapper .colBox .content .text {
        font-size: 18px;
    }
}

@media (max-width: 990px) {
    .StrategicObjectives .contentWrapper .colBox .content .text {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .StrategicObjectives .contentWrapper .colBox:nth-child(even) .imgWrap {
        order: 1;
    }

    .StrategicObjectives .contentWrapper .colBox:nth-child(even) .content {
        order: 2;
    }
}

.ResourcesSecWrap {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.ResourcesSecWrap h3 {
    text-align: center;
}

.ResourcesSecWrap .colWrap {
    display: flex;
    align-items: center;
    background: #F8F8F8;
    padding: 20px;
}

    .ResourcesSecWrap .colWrap .text {
        font-size: 24px;
        line-height: 1.500em;
        width:calc(100% - 301px);
    }

    .ResourcesSecWrap .colWrap .btnWrapBox {
        width: 300px;
        display: flex;
        justify-content: center;
    }

@media (max-width: 990px) {
    .ResourcesSecWrap .colWrap .text {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .ResourcesSecWrap .colWrap .text {
        font-size: 16px;
        margin-bottom: 20px;
        width:100%;
    }

    .ResourcesSecWrap .colWrap {
        flex-flow: column;
    }
}






 @media (min-width: 576px) {
  
}

@media (min-width: 768px) {
  
}

@media (min-width: 992px) {
  .logo { padding-bottom: 20px; height: 83px; }
  .headerWrapper.fixed .logo { height: 43px; padding: 0; top: 0; bottom: 0; margin: auto; }
  .NavHeader .navBlock .linkBox { position: relative; padding: initial; width: calc(100% - 245px); display: flex; flex-flow: row; justify-content: space-around; top: 0; z-index: initial; background: #ffffff;  }
  .search { display: block; }
 .burgarMenu { display: none; }
  
 .eventBlock .slideItem .contentBox h3 { font-size: 36px;}
 .topHeader { display: flex; justify-content: flex-end; }
 .eventBlock .slideItem .contentBox .buttonBox  { width: initial; }
 .eventBlock .slideItem .contentBox { left: 60px; top: 60px; height: calc(100% - 80px); width:  calc(100% - 120px); }
 .imageBox {  padding-top: 79.6%; }
 .exploreBtn, .btnSecondry { min-width: 160px; width: initial; margin-right: 15px; margin-left: 15px; }
 .NavHeader .navBlock .search { border-left: 1px solid #E2E2E2; margin-right: 0; }
 .mainBanner .slideImgWrap { padding-top: 48.87%; }
 .mainBanner .bannerText { width: calc(100% - 160px); bottom: 65px; text-align: left;  }
}

@media (min-width: 1200px) {
  .footerSection .firstCol .iconBox { padding: 10px 20px;}

}
@media (min-width: 1400px) {
  .container { max-width: 1350px; }
} 
@media (max-width: 1199px){ 
  .tileImgBox .content .box h3 { font-size: 28px;}
}

@media (max-width: 991px){  

  .logo { bottom: 10px; }
  body .NavHeader .navBlock .linkBox { visibility: hidden; height: 0;  }
  body.activeMenu { overflow: hidden; }
  body.activeMenu .NavHeader .navBlock .linkBox { visibility: visible; height: calc(100vh - 70px); border-top: 1px solid #C52034; overflow-y: auto;  }
  body.activeMenu .burgarMenu .iconWrap { background: #C52034; }
  body.activeMenu .burgarMenu .iconWrap .icon span:nth-child(1) { top: 50%; background: #e2e2e2; transform: rotate(-45deg); }
  body.activeMenu .burgarMenu .iconWrap .icon span:nth-child(2) { top: 50%; background: #e2e2e2; opacity: 0;  }
  body.activeMenu .burgarMenu .iconWrap .icon span:nth-child(3) { top: 50%; background: #e2e2e2; transform: rotate(45deg); }
  .tileImgBox .content .box h3 { font-size: 28px;}

    .LocationDetails {
        flex-flow: column;
    }

        .LocationDetails .contentBox, .LocationDetails .mapBox {
            width: 100%;
        }



  .NavHeader .navBlock .linkBox .linkItem .brakeText { display: none;}
  .NavHeader .navBlock .linkBox a { padding: 20px 10px 20px 10px; background: url('../images/menu-link-arrow.svg') no-repeat calc(100% - 15px) center; }

  .NavHeader .navBlock .linkBox .linkItem { border-bottom: 1px solid #e2e2e2; border-left: none;  }
  .NavHeader .navBlock .linkBox .linkItem:nth-last-child(2) { border-bottom: none;  }
  .mainBanner .bannerText .primaryText { font-size: 32px;}
  .mainBanner .bannerText .subText { font-size: 15px; }
  .mainBanner .slick-next {right: 10px; }
  .mainBanner .slick-prev { left: 10px; }
  .mainBanner { margin-bottom: 0 !important; }
  .innerPageBanner .imageWrapper { padding-top: 40%; }
  .LocationDetails { flex-flow: column; }
  .LocationDetails .contentBox, .LocationDetails .mapBox { width: 100%;}
  .NavHeader .navBlock .linkBox .linkItem2 .box a { font-size: 14px; }


  /* .navTabWrapper .navTabGroupWrap .tabSlider { width: 100% !important; padding-right: 0; } */
  .navTabWrapper .navTabGroupWrap .tabSlider { padding-right: 0px; }
  .navTabWrapper .navTabGroup { display: none; }
  .navTabWrapper .navTabGroupWrap .tabSlider .selectCtrlWrap {  width: 306px;  margin: 0 auto; margin-top: 10px; display: block; }
  .navTabWrapper .navTabGroupWrap .tabSlider .selectCtrlWrap .selectCtrl { height: 100%; width: 100%; border: none; outline: none; height: 44px; padding: 0 15px; -webkit-appearance: none; background: url('../images/select-red-arrow.svg') calc(100% - 20px) center no-repeat #F1F1F1; }
  .navTabWrapper .navTabGroupWrap .rightSideBlock { width: 100%; display: flex; flex-flow: row; justify-content: center; }
  .navTabWrapper .navTabGroupWrap .rightSideBlock .btnBlock { margin: 0 5px;}
  .navTabWrapper .navTabGroupWrap.width3 .tabSlider { width: calc(100% - 160px); }
  .navTabWrapper .navTabGroupWrap.width2 .tabSlider {     width: calc(100% - 110px); }

 

  /* .navTabWrapper { min-height: 127px; } */
  .NavHeader .navBlock .linkBox .linkItem2 { display: flex; flex-flow: row; justify-content: space-between; flex-wrap: wrap; }
  .NavHeader .navBlock .linkBox .linkItem2 .box { flex: 1 0 48%; padding: 5px;  }
  .NavHeader .navBlock .linkBox .linkItem2 .box a { display:flex ; flex-flow: row;  text-decoration: none; color: #000000; width: 100%; border: 1px solid #E2E2E2; box-sizing: border-box;  background: url('../images/menu-link-arrow.svg') no-repeat calc(100% - 15px) center; }
  .NavHeader .navBlock .linkBox .linkItem2 .box a .icon { width: 30px; }
  .navBlock .lang { display: block; margin: 0 7px; height: 34px; }
  .NavHeader .navBlock { align-items: center; }
  .NavHeader .navBlock .search img { top: 50%; }
  .NavHeader .navBlock .search { width: 70px; height: 70px;}

  .innerPageBanner .imageWrapper::before { display: none; }
  .NavHeader .navBlock .search.active { background: #C52034;   transition: all 200ms ease-in;}
.NavHeader .navBlock .search.active path { fill: #ffffff;}
.NavHeader .navBlock .search svg { left: 50%; top: 50%; transform: translate(-50%, -50%); height: 20px; width: 20px; }
.bannerSection { margin-bottom: 45px; }
.sortByAlphbetWrap .AlphbetSlider { width: calc(100% - 60px); margin: 0 auto; }
.YouMayAlsoLike .tileImgBox { margin: 25px 10px; }
.eventBlock .imageBox img { transform: translate(-30%, -50%); }
.eventBlock .imageBox.box2 img { transform: translate(-70%, -50%); }
.EventTabSection .EventGroupWrap .eventBlock  { flex-flow: column; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv { flex: 0 0 0; border-bottom: 1px solid #ffffff; padding: 12px 0; display: flex; flex-flow: row; justify-content: center; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv .head { display: flex; flex-flow: row; padding-left: 0; align-items: center; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv .head span { display: inline-block; line-height: 1.375em; padding-left: 10px; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv .icon { position: initial; display: inline-block; margin-right: 10px; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv:last-child .head { display: initial; text-align: center; line-height: 2.2em; }
.EventTabSection .EventGroupWrap .eventBlock .timeDiv:last-child .head span { display: block;}
.EventTabSection .EventGroupWrap .eventBlock .timeDiv:last-child { border-bottom: none; }
.contactUs .areYouBlock { flex-flow: column; }
.contactUs .leftSection .textBlock { text-align: center; line-height: 2.5em; padding-left: initial; padding-bottom: 20px; }
.contactUs .leftSection .textBlock .icon { position: initial; left: initial; display: inline-block; margin-right: 10px; }
.contactUs .leftSection h2 { text-align: center; }
.contactUs .leftSection h2 { margin-top: 30px; margin-bottom: 30px;}
    .contactUs .mainText {
        white-space: normal;
        justify-content: center;
        text-align: center;
    }
.contactUs .radioBtnBox { justify-content: center; }
.contactUs h4 { text-align: center; }
.contactUs .rightSection { padding: 0 15px; }
.contactUs .rightSection h3 { text-align: center; }
.contactUs .rightSection .subText { text-align: center; }
  } 
@media (max-width: 768px) {
  .contactUs .leftSection h2 { margin-top: 20px; margin-bottom: 20px;}
  .eventBlock.Block2 { text-align: center; margin-bottom: 20px; }
  .SubscribeSection .SubscribeBlock .SubscribeWrap { flex-flow: column;}
  .SubscribeSection .SubscribeBlock .SubscribeWrap > * { width: 100%; min-height: 45px; margin-bottom: 15px; }
  .mapSection .mapWrapper { padding-top: 77.12%; }
  .SubscribeSection { padding-top: 20px; padding-bottom: 20px;}
  .logo { height: 43px; padding-left: 15px; padding-right: 15px; bottom: 10px; }
  .mapSearchBar  { position: relative; }
  .mapSearchBar .searchWrap { margin-bottom: 28px; }
  ._row { margin-left: -15px; margin-right: -15px;  }
  .mapSearchBar .searcGroup { background: transparent; }
    .gallerySlider {
        margin-bottom: 0px;
    }
  .NavHeader { padding: 0;}
    .contactUs .checkBoxBtn label {
        white-space:initial;
    }
        [data-rowgroup] {
        border: 1px solid #e8e8e8;
        padding-top: 20px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

        [data-rowgroup] .form-group {
            margin-bottom: 10px;
        }
    .gallerySlider .slideItem .imgWrapper {
        padding-top: 37.65%;
    }
    .contactUs .areYouBlock.twoCol {
        flex-flow: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    .innerPageBanner .imageWrapper img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        min-height: initial;
        max-height: initial;
        height: 100%;
        width: initial;
    }
    .DidYouKnow .imgWrap img {
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        height: initial;
    }
        .gallerySlider .slideItem .imgWrapper img {
            height:100%; width:initial; 
        }
        .eventBlock .slideItem .contentBox .buttonBox.box2 {
            bottom: -10px;
        }
    .eventBlock .slideItem .contentBox .buttonBox.box2 {
        text-align: center;
    }

    .eventBlock .slideItem .contentBox img {
        margin-left: auto;
        margin-right: auto;
    }
    .mapSearchBar .searchWrap {
        background: #ffffff;
    }
  .mapSearchBar .clearBtn { background: #ffffff; }
  .mapSearchBar { padding-bottom: 0px; }
  .SubscribeSection .SubscribeBlock { padding: 0 15px;}
  .mainBanner .slideImgWrap { height: calc(100vh - 70px); padding-top: 0; }
  .mainBanner .bannerText { bottom: 80px;}
  .mainBanner .slick-dots {  bottom: 60px; }
  .bannerSection .pageScroll .scrollBtnWrap .lineGrey { height: 62px; }
  .bannerSection .pageScroll .scrollBtnWrap { height: 87px; }
  .timeLineWrapper .SliderWrap .slideItem { flex-flow: column; }
  .timeLineWrapper .SliderWrap .slideItem .imgBox, .timeLineWrapper .SliderWrap .slideItem .textBox { width: 100%;  }
  .timeLineWrapper .SliderWrap .slideItem .textBox { padding-bottom: 30px; padding-top: 30px; }
    .timeLineWrapper .SliderWrap .slideItem .imgBox .imgWrapper {
        width: 100%;
        padding-top: 64.54%;
        height: initial;
    }

        .timeLineWrapper .SliderWrap .slideItem .imgBox .imgWrapper img {
            position: absolute;
            top: 0;
            left: 0;
            transform: initial;
            width: 100%;
        }
 
  /* .navTabWrapper .navTabGroupWrap.width3 .tabSlider { width: 100%; } */
  .navTabWrapper .navTabGroupWrap.width3 .rightSideBlock {  float: none; display: flex; flex-flow: row; justify-content: center; margin-bottom: 0px; }
  .bodySection .imgWrap1 .imgWraper { padding-top: 60%;}
  .bodySection .imgWrap1 .imgWraper img { height: 100%; width: initial; }
  .mapSearchBar { bottom: 0; padding: 0 20px; }
  .mapSearchBar .ecentBtnWrap { height: initial; margin-bottom: 28px;}
  .bottomRowFoorer .leftBox { text-align: center; order: 2; }
  .bottomRowFoorer .rightBox { text-align: center; order: 1; }
  .bottomRowFoorer p {font-size: 13px; }
  .footerSection { background: #144067; }
  .innerPageBanner { margin-left: -15px; margin-right: -15px; }
  .innerPageBanner .imageWrapper { padding-top: 60%; }
  .innerPageBanner .contentBox .heading { font-size: 32px; margin-bottom: 5px; }
  .navTabWrapper .navTabGroup .item { padding: 0 25px; }
  .headingStyle h3 { font-size: 28px; }
  .headingStyle p { font-size: 15px; }
  .footerSection h3 { font-size: 16px;}
  .footerSection .firstCol { margin-bottom: 15px; }
  .TakeA_TourSection .imgWrapper {padding-top: 155.2%;}
  .LocationDetails .mapBox .imgWrapper { padding-top: 120%; }
  .gallerySlider .slideItem .imgWrapper { padding-top: 67.65%; }
  .gallerySlider .slideItem .videoItem {  padding-top: 67.65%; background: #000000; }
  .btnWrap { white-space: initial; margin-left: 0; margin-right: 0;  }
  .footerSection .firstCol { flex: 1 0 30%;}
  .footerSection .firstCol img { max-width: 100%; }
  .YouMayAlsoLike .imgWrap { padding-top: 70%; }
  .LocationDetails .mapBox .mapBtnBox { position: relative; text-align: center; padding: 10px 10px 0 10px; margin: 0; background: #ececec;  text-align: center; } 
  .LocationDetails .mapBox .mapBtnBox .btnWrap { width: 100%; text-align: center; display: flex; margin: 0;     flex-flow: column;
    justify-content: center;}
  .LocationDetails .mapBox .mapBtnBox .btn {   padding-left: 15px; padding-right: 15px; min-width: 140px; display: inline-block;  }
  .bradeCrumb { position: relative; bottom: initial; left: initial; padding: 10px;  text-align: center;  }
  .bradeCrumbWrapper { min-height: 30px; background: #F1F1F1; margin-left: -15px; margin-right: -15px;}
  .bradeCrumb p a, .bradeCrumb p { color: #000000;  }
    .bradeCrumb p a, .bradeCrumb p {
        white-space: nowrap
    }
        .bradeCrumb p { flex-wrap:wrap; }
        .bradeCrumb p a::after {
            background: url(../images/bradCrumbArrow-black.svg) center center no-repeat;
        }
  .bodySection h2 { font-size: 28px;  margin-top: 25px; }
  .bodySection h3 { font-size: 22px; }
  .btn.black { margin-bottom: 10px; }
  .btnWrap { text-align: center; }
  .bodySection .tableContent .box:nth-child(1) { border-right: none;  border-bottom: 1px solid rgba(112,112,112,.4);}
  .btn { margin-bottom: 10px; min-width: 100%; margin-left: 0; margin-right: 0; }
  .searchListWrap { margin-left: -15px; margin-right: -15px; width: 100%; }
  .searchListWrap .searchedData { height: calc(100vh - 70px); box-sizing: border-box;}
  .timeLineWrapper .SliderWrap .slideItem .textBox .content .disc { font-size: 20px; line-height: 28px; }
  .tileImgBox .content .btnWrap { text-align: left; }
  .bottomRowFoorer p { padding: 2px 0;}
  .timeLineWrapper .SliderWrap .slideItem .textBox .content .head { margin-bottom: 17px; }
  .tileImgBox .content { padding: 30px; }
  .tileImgBox { padding: 0px 0; margin: 10px 0; }
  .bodySection .contentGroup { padding-bottom: 20px; }
  .bannerSection { margin-bottom: 45px; }
  .footerSection .firstCol, .footerSection .seconttCol, .footerSection .thirdCol { padding: 20px 0; justify-content: center; }
  .footerSection .colGroup { padding-top: 30px; padding-bottom: 30px; }
  .bottomRowFoorer p a { padding: 5px 8px; }
  .YouMayAlsoLike .tileImgBox { position: relative;   margin: 10px 0px !important; }
  .navTabWrapper .navTabGroupWrap .tabSlider .selectCtrlWrap { width: 100%;}

.filterBtn { height: 45px; width: 100%; border: 1px solid #C52034; line-height: 37px; text-align:center }
.filterBtn:after { content: url('../images/select-red-arrow.svg'); margin-left: 7px; }
.filterGroup .formElement { max-height: 0px; overflow: hidden; transition: all 300ms ease-in-out; }
.filterGroup.active .formElement { max-height: 100px; margin:4px 10px; } 
.maiOoverlay .takeATourWrap { border-width: 10px; }
.maiOoverlay .takeATourWrap .closePopup { right: -10px; top: -10px; }
.timeLineWrapper { margin-bottom: 0px; }
.DidYouKnowWrapper { padding: 20px; }
.timeLineWrapper .SliderWrap .slick-next::before { opacity: 0; }
.bodySection h2 .subText { font-size: 18px; }
}
.alignBlockRight { text-align: right; }
.alignBlockLeft { text-align: left; }

[dir='rtl'] .navBlock .linkBox .linkItem { border-right: 1px  solid #E2E2E2; border-left: initial; }
[dir='rtl'] .navBlock .linkBox .linkItem::before { left: initial; right: 0; }
[dir='rtl'] .searchedData .listItem::before { margin-right: initial; margin-left: 10px; }
[dir='rtl'] .lang select { background: url('../images/select-red-arrow.svg') 10px center no-repeat #E8E8E8;}
 .mainBanner .bannerText[dir='rtl'] { text-align: right; direction: rtl; }
 [dir='rtl'] .mapSearchBar .searchWrap { background: url(../images/selectCtrlArrow.svg)  15px center no-repeat #E8E8E8;  }

 .footerSection[dir='rtl'] .firstCol .iconBox { border-left: none; border-right: initial; }
 .footerSection[dir='rtl'] .firstCol .iconBox.noBorder { border: none; }

[dir='rtl'] .bradeCrumb { left: initial; right: 20px; }
[dir='rtl'] .bradeCrumb p a { padding: 0 0px 0 20px; }
[dir='rtl'] .bradeCrumb p a::after { content: ''; height: 7px; width: 4px; left: 8px;  right: initial; background: url(../images/bradCrumbArrow-black-white.svg) center center no-repeat; }
[dir='rtl'] .slick-slide { float: left; }
[dir='rtl'] .unescoLogo { left: 20px; right: initial; }
[dir='rtl'] .tileImgBox .content .location { right: initial; left: 15px; padding-right: 20px; }
[dir='rtl'] .tileImgBox .location::before { left: initial; right: 0; margin-right: 0px; margin-left: 15px; }
[dir='rtl'] .NavHeader .navBlock .search { border-right: 1px solid #E2E2E2; border-left: none; }

.TakeA_TourSection[dir='rtl'] .text360, .TakeA_TourSection[dir='rtl'] .btnWrap { right: 20px;  }
[dir='rtl'] .LocationDetails .contentBox p { padding-right: 20px; }
[dir='rtl'] .LocationDetails .contentBox p {
    padding-right: 20px;
}

    [dir='rtl'] .LocationDetails .contentBox p.location::before,
    [dir='rtl'] .LocationDetails .contentBox p.mail::before,
    [dir='rtl'] .LocationDetails .contentBox p.website::before,
    [dir='rtl'] .LocationDetails .contentBox p.time:before {
        margin-left: 10px;
        margin-right: -20px;
    }
[dir='rtl'] .LocationDetails .contentBox p.location::before, [dir='rtl'] .LocationDetails .contentBox p.mail::before { margin-left: 10px; margin-right: -20px;  }
[dir='rtl']  .navTabGroupWrap .tabSlider .selectCtrlWrap .selectCtrl { background: url(../images/select-red-arrow.svg) 20px center no-repeat #F1F1F1; }
[dir='rtl'] .navTabGroup.leftAlign { justify-content: flex-start;}
[dir='rtl'] .ContentSection { padding: 50px 50px 0 0px; }
[dir='rtl'] .ContentSection .AlphabetBox { left: initial; right: 0; }
[dir='rtl'] .ContentSection .contentBox.content .headText::before { left: 10px; right: initial; }
.sortByAlphabetWrap .AlphabetSlider[dir='rtl'] .slick-next { background: url(../images/timeline-arrow-left.svg) center center !important; }
.sortByAlphabetWrap .AlphabetSlider[dir='rtl'] .slick-prev { background: url(../images/timeline-arrow-right.svg) center center !important; }
[dir='rtl'] .form-control-wrpa .contryCodeWrap { background: url(../images/select-red-arrow.svg) 10px center no-repeat;} 
[dir='rtl'] .form-control-wrpa.contryCode .form-control-label {  padding-right: 100px; }
[dir='rtl'] .rightSection .subText span { right: initial; left: 0; }
[dir='rtl'] .form-group .topText { right: initial; left: 0; }
[dir='rtl'] .leftSection .textBlock { padding-left: 0px; padding-right: 30px; }
[dir='rtl'] .leftSection .textBlock .icon { left: initial; right: 0; }
[dir='rtl'] .radioBtnBox label { padding: 0 0 0 20px; }

[dir='rtl'] .radioBtnBox label .check, .contactUs [dir='rtl'] .mainText {
    margin-right: 0;
    margin-left: 10px;
}


.contactUs[dir='rtl'] select { background: url(../images/select-red-arrow.svg) 10px center no-repeat transparent !important; }
.contactUs[dir='rtl'] .form-control.timeIcon { background: url(../images/time-icon.svg) 10px center no-repeat transparent; }
.contactUs[dir='rtl'] .form-control.iconDate { background: url(../images/date-icon.svg) 10px center no-repeat transparent; }
.contactUs[dir='rtl'] .form-control.iconDate { background: url(../images/date-icon.svg) 10px center no-repeat transparent; }
.contactUs[dir='rtl'] .checkBoxWrap label .check { margin-right: initial; margin-left: 10px; }
[dir='rtl'] .contactUs select { background: url(../images/select-red-arrow.svg) 10px center no-repeat transparent !important;}
[dir='rtl'] .alignBlockRight { text-align: left; }
[dir='rtl'] .alignBlockLeft { text-align: right; }
.EventTabSection[dir='rtl'] .EventGroupWrap .eventBlock .timeDiv .head { padding-left: initial; padding-right: 30px; }
.EventTabSection[dir='rtl'] .EventGroupWrap .eventBlock .timeDiv .icon { left: initial; right: 0; }
.navTabWrapper[dir="rtl"] .navTabGroup .slick-prev {
    left: -25px;
    right: initial;
}

.navTabWrapper[dir="rtl"] .navTabGroupWrap .tabSlider {  
    float: right;
    padding-left: 20px;
    padding-right: 0;
}

.navTabWrapper[dir="rtl"] .navTabGroup .MainTabSlideWrap {
    width: calc(100% - 20px);
}

[dir="rtl"] .timeLineWrapper .SliderWrap .slick-next {
    display: none !important;
}

[dir="rtl"] .timeLineWrapper .SliderWrap .slick-prev {
    
    right: initial;
    z-index: 2;
}

[dir="rtl"] .timeLineWrapper .SliderWrap .slideItem .textBox .content {
    text-align: right;
}
@media (max-width: 991px){  
  [dir='rtl'] .NavHeader .navBlock .linkBox a {  background: url(../images/menu-link-arrow-ar.svg) no-repeat 15px center;  }
  [dir='rtl'] .NavHeader .navBlock .linkBox .linkItem2 .box a { background: url(../images/menu-link-arrow-ar.svg) no-repeat 15px center; }
  [dir='rtl'] .navBlock .linkBox .linkItem { border-right: none; }
  [dir='rtl'] .bradeCrumb p a::after { content: ''; height: 7px; width: 4px; left: 8px;  right: initial; transform: rotate(180deg); background: url(../images/bradCrumbArrow-black-white.svg) center center no-repeat; }
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0;}

@media (max-width: 576px) {
    .LicenceNumberWrap {
        flex-flow: column;
    }

        .LicenceNumberWrap > .labelSep {
            margin-right: 0px;
            margin-bottom: 15px;
            align-items: flex-start;
        }
}


.grecaptcha-logo iframe{ left:0 !important; top:0 !important}

[dir="rtl"] .form-control.datepicker.iconDate  {
    background: url(../images/date-icon.svg) 10px center no-repeat transparent;
}


[dir='rtl'] .LocationDetails .contentBox p.location {
    padding-left: 0;
    padding-right: 30px;
}

[dir='rtl'] .LocationDetails .contentBox p.location::before {
    left: initial;
    right: 0;
}


[dir='rtl'] .LocationDetails .contentBox p.time {
    padding-left: 0;
    padding-right: 30px;
}

[dir='rtl'] .LocationDetails .contentBox p.time::before {
    left: initial;
    right: 0;
}


[dir='rtl'] .LocationDetails .contentBox p.mail {
    padding-left: 0;
    padding-right: 30px;
}

[dir='rtl'] .LocationDetails .contentBox p.mail::before {
    left: initial;
    right: 0;
}



[dir='rtl'] .LocationDetails .contentBox p.website {
    padding-left: 0;
    padding-right: 30px;
}

[dir='rtl'] .LocationDetails .contentBox p.website::before {
    left: initial;
    right: 0;
}
/*video {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}*/

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{
    right:0 !important;
    left: auto !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    padding-right: unset !important;
    background-position: left calc(.375em + .1875rem) center !important;
}

.intl-tel-input .country-list{
    text-align: right !important;
}

.intl-tel-input .selected-flag{
    padding: 0 8px 0 0 !important;
}

.bodySection .container{
    /* padding: 0px; */
}

.Overview_Content{
    margin: 25px 10px;
    text-align: justify;

}

.detailsPage-custom-iframe{
    all: unset !important;
    min-height: 409px !important;
    min-width: 727px !important;
}

