article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none;  font-family: 'DraftBMedium';}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body { font-family: 'DraftBMedium'; font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

@font-face {
    font-family: 'DraftBLight';
    src: url('../fonts/DraftBLight.eot');
    src: url('../fonts/DraftBLight.eot') format('embedded-opentype'),
         url('../fonts/DraftBLight.woff2') format('woff2'),
         url('../fonts/DraftBLight.woff') format('woff'),
         url('../fonts/DraftBLight.ttf') format('truetype'),
         url('../fonts/DraftBLight.svg#DraftBLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DraftBRegular';
    src: url('../fonts/DraftBRegular.eot');
    src: url('../fonts/DraftBRegular.eot') format('embedded-opentype'),
         url('../fonts/DraftBRegular.woff2') format('woff2'),
         url('../fonts/DraftBRegular.woff') format('woff'),
         url('../fonts/DraftBRegular.ttf') format('truetype'),
         url('../fonts/DraftBRegular.svg#DraftBRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DraftBMedium';
    src: url('../fonts/DraftBMedium.eot');
    src: url('../fonts/DraftBMedium.eot') format('embedded-opentype'),
         url('../fonts/DraftBMedium.woff2') format('woff2'),
         url('../fonts/DraftBMedium.woff') format('woff'),
         url('../fonts/DraftBMedium.ttf') format('truetype'),
         url('../fonts/DraftBMedium.svg#DraftBMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DraftBMediumIta';
    src: url('../fonts/DraftBMediumIta.eot');
    src: url('../fonts/DraftBMediumIta.eot') format('embedded-opentype'),
         url('../fonts/DraftBMediumIta.woff2') format('woff2'),
         url('../fonts/DraftBMediumIta.woff') format('woff'),
         url('../fonts/DraftBMediumIta.ttf') format('truetype'),
         url('../fonts/DraftBMediumIta.svg#DraftBMediumIta') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'DraftBSemiBold';
    src: url('../fonts/DraftBSemiBold.eot');
    src: url('../fonts/DraftBSemiBold.eot') format('embedded-opentype'),
         url('../fonts/DraftBSemiBold.woff2') format('woff2'),
         url('../fonts/DraftBSemiBold.woff') format('woff'),
         url('../fonts/DraftBSemiBold.ttf') format('truetype'),
         url('../fonts/DraftBSemiBold.svg#DraftBSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DraftBBold';
    src: url('../fonts/DraftBBold.eot');
    src: url('../fonts/DraftBBold.eot') format('embedded-opentype'),
         url('../fonts/DraftBBold.woff2') format('woff2'),
         url('../fonts/DraftBBold.woff') format('woff'),
         url('../fonts/DraftBBold.ttf') format('truetype'),
         url('../fonts/DraftBBold.svg#DraftBBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


::-webkit-input-placeholder {color: rgba(16,26,40,0.4) !important; font-size: 16px; font-weight: 400;}
::-moz-placeholder {color: rgba(16,26,40,0.4) !important; font-size: 16px; font-weight: 400;}
:-ms-input-placeholder {color: rgba(16,26,40,0.4) !important; font-size: 16px; font-weight: 400;}
:-moz-placeholder {color: rgba(16,26,40,0.4) !important; font-size: 16px; font-weight: 400;}
/****************
 * Common Css
 ****************/
 header, section, footer {float: left; width: 100%;}
.container {max-width: 1390px; margin: 0 auto;}
.row {margin-left: -15px; margin-right: -15px;}
.row>* {padding-left: 15px; padding-right: 15px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button, .eventscalendar .calendarinner .imgbox img {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.ctitle {width: 100%; display: inline-block; position: relative; z-index: 12;}
.ctitle h3 {color: #101A28; font-size: 48px; line-height: 48px; font-family: 'DraftBMediumIta'; display: inline-block;}

.cbtn {background-color: #ED6DA6; border:1px solid #ED6DA6; float: left; width: 170px; height: 62px; padding: 17px 0px; color: #9A4A3A; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background-image: url(/Content/ClientTheme/en/images/arrow.png);
    background-position: 80% 49%;
    background-repeat: no-repeat;line-height: 20px;}
.cbtn span{
	color: #ffffff;
    padding-right: 22px;
    font-size: 16px;
}
.cbtn:hover {background-color:#ffffff; border-color: #ffffff;background-image: url(../images/arrow2.png);}
.cbtn:hover span {color:#ED6DA6; }

.cbtn1 {background-color: transparent; border:1px solid #ED6DA6; width: 100%;background-image: none;}
.cbtn1 span{color:#ED6DA6; padding: 0px; background-image: none;}
.cbtn1:hover {background-color:#ED6DA6; border-color: #ED6DA6;background-image: none;}
.cbtn1:hover span {color: #ffffff; background-image: none;}

.cbtn2 {background-color: #ffffff; border:1px solid #ffffff; background-image: url(../images/arrow2.png);}
.cbtn2 span{color: #ED6DA6;}
.cbtn2:hover {background-color: #222A52; border-color: #222A52;background-image: url(../images/arrow.png);}
.cbtn2:hover span {color: #ffffff; }

.cbtnSubmit {background-color: #ED6DA6; border:1px solid #ED6DA6; float: left; width: 170px; height: 62px; padding: 17px 0px; color: #9A4A3A; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background-position: 75% 25px; background-repeat: no-repeat; color: #ffffff; padding-right: 22px; font-size: 16px; background-image: url(../images/arrow.png);}
.cbtnSubmit:hover {background-color:#ffffff; border-color: #ED6DA6;color:#ED6DA6; background-image: url(../images/arrow2.png);}


.cbtnExplore {background-color: #ED6DA6; border:1px solid #ED6DA6; float: left; width: 240px; height: 62px; padding: 17px 0px; color: #9A4A3A; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background-image: url(/Content/ClientTheme/en/images/arrow.png);
    background-position: 87% 49%;
    background-repeat: no-repeat;line-height: 20px;}
    .cbtnExplore span {
        color: #ffffff;
        padding-right: 22px;
        font-size: 16px;
    }
    .cbtnExplore:hover {
        background-color: #ffffff;
        border-color: #ffffff;
        background-image: url(../images/arrow2.png);
    }
        .cbtnExplore:hover span {
            color: #ED6DA6;
        }

.custtabs .nav-item .nav-link {
    background-color: #dee2e6;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 10px;
}

    .custtabs .nav-item .nav-link.active {
        background-color: #ED6DA6;
        color: #ffffff;
        padding: 10px 15px;
        border-radius: 10px;
        margin: 10px;
    }

.cbtnCategory {
    background-color: #ED6DA6;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 10px;
}
.cbtnCategory:hover {background-color: #ffffff; border-color: #ED6DA6;color:#ED6DA6}


.ctextinfo h4 {color: #101A28; font-size: 36px; line-height: 45px; font-family: 'DraftBMediumIta'; padding-bottom: 15px;}
.ctextinfo p {color: #384657; font-size: 20px; line-height: 36px; padding: 20px 0px; font-family: 'DraftBRegular';text-align: justify;}


/** Header **/
header {position: relative; z-index: 999;}
.topheader {background-color:#FAF9F9;  padding: 7px 140px; border-bottom: 1px solid #f2f2f2;}
.topheader p {font-size: 12px; line-height: 18px; color: #384657;}
.topheader .fieldscol .fieldcol{display: inline-flex; position: relative;}
.topheader .fieldscol .fieldcol .custfield{font-size: 12px;color: #101A28;font-family: 'DraftBMedium';background-color: #F2F1F0;height: 26px;padding: 1px 10px 6px;background-image: url(../images/drop-arrow.png);background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; text-align: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.topheader .fieldscol .fieldcol1 .custfield{width: 92px;}
.topheader .fieldscol .fieldcol2 .custfield{width: 77px;}
.topheader .fieldscol .dropdown-toggle::after {display: none;}
.topheader .fieldscol .fieldcol label{font-size: 12px; line-height: 21px; color: #384657;margin: 0px 20px 0px 35px;}
.topheader .fieldscol .dropdown-menu {min-width: 110px;}
.topheader .fieldscol .dropdown-item {font-size: 12px; font-weight: normal;}
header .logo {float: left; padding:27px 0px 0px 140px;}
.rheader {float: right;}
.custnav {float: left; padding-right: 295px;}
.custnav .menus > li {padding:33px 35px; display: inline-block;}
.custnav .menus > li a {color: #101A28; font-size: 16px;}
.custnav .menus > li a:hover{color: #ED6DA6;}

#mobilemenu {display: none;}

header .searchbar {float: right;}
header .searchbar .search {width: 90px; height:90px; background:#ED6DA6 url(../images/search.png) no-repeat 50% 50%; float: right;}
header .searchbar .search:hover {background-color: #222A52;}

    header .searchbar .search2 {
        width: 100%;
        height: 52px;
        float: right;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: #ffffff url(../images/search2.png) no-repeat 50% 50%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 20%;
        white-space: nowrap;
        vertical-align: middle;
    }

.searchpopup {float: left; background-color: rgba(34,42,81,0.9); position: fixed; z-index: 11; right: 0; left: 0; top: -100%; opacity: 0; visibility: hidden; width: 100%; height: 100%;}
.searchpopup .serachfield {width: 700px; margin: 0 auto; padding: 250px 15px 25px;}
.searchpopup .serachfield h3 {text-transform: uppercase; color: #ffffff; font-size: 18px; letter-spacing: 1px; text-align: center; padding-bottom: 25px;}
.searchpopup .serachfield .custfield {height: 52px; padding: 6px 60px 6px 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;width: 80%;display: inline;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.closebtn {background: url(../images/closeicon.png) no-repeat 0 0; width: 32px; height: 32px; float: right; margin: 20px 20px 0 0; cursor: pointer; opacity: 0.7;}
.closebtn:hover {opacity: 1; animation:rotateani 2s linear infinite; -moz-animation:rotateani 2s linear infinite; -webkit-animation:rotateani 2s linear infinite;}
.popupactive {top: 0; opacity: 1; visibility: visible;}
.popupactive, .searchpopup {transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;}
@keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}
@-moz-keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}
@-webkit-keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}


/** Common Slider **/
.commonslider {width: 100%; position: relative;}
.commonslider .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative;}
.commonslider .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider .owl-carousel.owl-loaded {display: block; float: left;}
.commonslider .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider .owl-carousel.owl-hidden {opacity: 0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider .owl-carousel.owl-grab {cursor: move; cursor: grab;}
.commonslider .owl-carousel .owl-dots.disabled{display: none;}
.commonslider .owl-nav {width: 108px; float: left; position:absolute; right: 0px;}
.commonslider .owl-nav button {width: 48px; height:48px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; border:1px solid rgba(0,0,0,0.0); background-position: 50% 50%; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index:111;}
.commonslider .owl-nav .owl-prev {background-image: url(../images/arrowleft.png); left:0px;}
.commonslider .owl-nav .owl-next {background-image: url(../images/arrowright.png); right:0px;}
.commonslider .owl-nav button:hover {border:1px solid rgba(0,0,0,0.1);}


.topbanner {position: relative; background-color: #222A52; overflow: hidden;}
.topbanner .bannertexts {z-index: 2; position: absolute; top: 50%; right: 0; width: 100%; transform: translateY(-50%);}
    .topbanner .bannertexts .ctext {
        width: 930px;
    }
.topbanner .ctext h2{font-size: 90px;font-family: 'DraftBMediumIta'; color: #ffffff; line-height: 72px;}
.topbanner .ctext p{font-size: 24px;font-family: 'DraftBRegular'; color: rgba(255,255,255,0.7); line-height: 36px;padding: 44px 0px 40px;}
.topbanner .sliderimg {float: right;}
.topbanner .sliderimg img {width: 100%;}
.topbanner .owl-carousel .owl-dots.disabled {display: block;}
.topbanner .owl-nav {display: none;}
.topbanner .owl-dots {width: 1390px; padding:0 2px; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.topbanner .owl-dot {width: 6px; height: 6px; margin: 3px 10px; background-color: rgba(255,255,255,0.4); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; float: left; }
.topbanner .owl-dot.active {width: 12px; height: 12px; background-color:transparent; border:1px solid #ffffff; margin: 0px 10px;}

.virtualtours {position: relative; /*background-image:url(../images/jordan-museum-img.jpg);*/ overflow: hidden;height: 892px;}
.virtualtours .bannertexts {z-index: 2; position: absolute; top: 3%; right: 0; width: 100%; /*transform: translateY(-50%);*/}
    .virtualtours .bannertexts .ctext img {
        float: left;
    }
    .virtualtours .bannertexts .ctext {
        /*width: 930px;*/
        margin-top: 5%;
    }
.virtualtours .ctext h2{font-size: 34px;font-family: 'DraftBMediumIta';color: #ffffff;line-height: 50px;margin-left: 80px;}
.virtualtours .textinfo{position: absolute;bottom: 13%;width: 100%;left: 0px;transform: translateY(-50%);}
.virtualtours .textinfo h2{color: #ffffff;line-height: 50px;}
.virtualtours .textinfo p{color: #ada8a0;font-size: 20px;margin-top: 10px;}
.virtualtours .ctext a{float: right;margin-top: 15px;color: #ffffff;background: url(../images/arrow2.png) no-repeat 100% 6px;}
.virtualtours .ctext p{font-size: 24px;font-family: 'DraftBRegular'; color: rgba(255,255,255,0.7); line-height: 36px;padding: 44px 0px 40px;}
.virtualtours .sliderimg {float: right;background-color:#000000}
.virtualtours .sliderimg img {width: 100%;opacity: 0.6;}
.virtualtours .owl-carousel .owl-dots.disabled {display: block;}
.virtualtours .owl-nav {display: none;}
.virtualtours .owl-dots {/*width: 1390px; padding:15px 2px;*/ width:100% ;position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);border-top: 1px solid #ada8a0;padding-top: 0px;}
.virtualtours .owl-dot {/*width: 6px; height: 6px;*/ padding: 0px 10px; /*background-color: rgba(255,255,255,0.4); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;*/ float: left;width: 25%; }
.virtualtours .owl-dot button{background: transparent;font-size: 16px;color: #ada8a0;text-align: start;line-height: 40px;}
.virtualtours .owl-dot button span{margin-right:5px;}
.virtualtours .owl-dot.active{border-top: 5px solid #ED6DA6;}
.virtualtours .owl-dot.active button{background: transparent;font-size: 16px;color: #ffffff;line-height: 40px;}
/*.virtualtours .owl-dot.active {*//*width: 12px; height: 12px;*/ /*background-color:transparent;*/ /*border:1px solid #ffffff; margin: 0px 10px;*//*}*/

.sectionh2 {position: relative; padding: 23px 0px 30px; border-bottom: 1px solid #0000001A;}
.sectionh2 .governorate {width: 370px; float: left;}
.sectionh2 h3.subtitle {color: #101A28; font-size: 16px; line-height: 30px; margin-bottom: 11px;}
.sectionh2 .governorate .fieldcol .custfield {font-size: 16px;color: #9E9E9E; border: 1px solid #0000001A; height: 55px;background-image: url(../images/arrow1.png);background-repeat: no-repeat; background-position: calc(100% - 19px) 50%; padding: 0px 19px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.sectionh2 .categories{padding: 0px 29px 0px 49px; float: left;}
.sectionh2 .categories ul li {cursor: pointer; float: left; margin-top: -3px; margin-right: 35px;}
.sectionh2 .categories ul li:last-child {margin-right: 0px;}
.sectionh2 .categories ul li .icons {background-repeat: no-repeat; margin-right: 60px; background-position: 50% 50%; float: left; width: 63px; height: 63px; float: left;}
.sectionh2 .categories ul li .Cultural{background-image:url(../images/cultural.png);}
.sectionh2 .categories ul li .Cultural.active{background-image:url(../images/cultural-active.png);}
.sectionh2 .categories ul li .Historical{background-image:url(../images/historical.png);}
.sectionh2 .categories ul li .Historical.active{background-image:url(../images/historical-active.png);}
.sectionh2 .categories ul li .Storytelling{background-image:url(../images/storytelling.png);}
.sectionh2 .categories ul li .Storytelling.active{background-image:url(../images/storytelling-active.png);}
.sectionh2 .categories ul li .Archaeological{background-image:url(../images/archaeological.png);}
.sectionh2 .categories ul li .Archaeological.active{background-image:url(../images/archaeological-active.png);}
.sectionh2 .categories ul li div p {color: #9E9E9E;font-size: 14px; float: left; padding-top: 20px;padding-left: 65px;}
.sectionh2 .categories ul li:hover p, .sectionh2 .categories ul li.active p{color: #101A28;}
.sectionh2 .cheakboxopts {float: right; width: 193px; margin-top: 45px;}
.sectionh2 .cheakboxopts .checkboxf {width: 100%; margin: 7px 0px;}
.checkboxf input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.checkboxf label {position: relative; cursor: pointer; margin: 0px; padding-left: 0px !important; color: #101A28; font-size: 16px; font-family: 'DraftBMedium';}
.checkboxf label:before {content:''; -webkit-appearance: none; background: url(../images/checkbox.png) no-repeat 0 0; width: 20px; height: 20px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 15px;}
.checkboxf input.checkedOption + label:before {background-image: url(../images/checkbox-a.png);}

.sectionh3 {position: relative; overflow: hidden; height: 820px;}
.sectionh3 .maplocation {width: 836px; left: 195px; position: absolute; top: 0px; background-color: #ffffff; padding: 20px 66px 85px;}
.sectionh3 .maplocation .locationbox {float: left; width: 100%; border: 1px solid #0000001A; padding: 10px; margin-bottom: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.sectionh3 .map, .sectionh3 .map iframe {height: 100%;}
.sectionh3 .locationbox .mapimg {width: 220px; height: 160px; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden;}
.sectionh3 .locationbox .mapimg img {width: 100%; height: 100%; object-fit: cover;}
.sectionh3 .locationbox .mapinfo {margin-left: 250px; padding-top: 15px;}
.sectionh3 .locationbox .mapinfo h4 {float: left; width: 100%;}
.sectionh3 .locationbox .mapinfo h4 a {color: #101A28; font-size: 20px; font-family: 'DraftBSemiBold'; line-height: 20px;}
.sectionh3 .locationbox .mapinfo h4 a:hover {color: #ED6DA6;}
.sectionh3 .locationbox .mapinfo p {float: left; width: 100%; color: #384657; padding: 20px 0px; font-size: 13px; font-family: 'DraftBRegular'; line-height: 24px;}
.sectionh3 .locationbox .locationicon {float: left; width: 100%; border-top:2px solid #f9f9f9; padding-top: 10px;}
.sectionh3 .locationbox .locationicon p.address {float: left;  font-family: 'DraftBMedium'; padding: 0px 0px 0px 23px; width: auto; background-image: url(../images/location1.png); background-repeat: no-repeat; background-position: 0px 50%;}
.sectionh3 .locationbox .locationicon p.km {background-image: url(../images/location3.png); float: right; font-size: 14px; color: #9E9E9E;}
.sectionh3 .cbtn1 {margin-top: 5px;}

.sectionhMuseum3 {position: relative; overflow: hidden; /*height: 820px;background-color:#dee2e6*/}
.sectionhMuseum3 .maplocation {width: 100%; left: 0px; /*position: absolute;*/ top: 0px; background-color: #ffffff; padding: 70px 85px 85px;}
.sectionhMuseum3 .maplocation .locationbox {float: left; width: 100%; border: 1px solid #0000001A; padding: 20px; margin-bottom: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.sectionhMuseum3 .map, .sectionh3 .map iframe {height: 100%;}
.sectionhMuseum3 .locationbox .mapimg {width: 400px; height: 270px; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden;}
.sectionhMuseum3 .locationbox .mapimg img {width: 100%; height: 100%; object-fit: cover;}
.sectionhMuseum3 .locationbox .mapinfo {margin-left: 450px; padding-top: 15px;}
.sectionhMuseum3 .locationbox .mapinfo h4 {float: left; width: 100%;}
.sectionhMuseum3 .locationbox .mapinfo h4 a {color: #101A28; font-size: 20px; font-family: 'DraftBSemiBold'; line-height: 20px;}
.sectionhMuseum3 .locationbox .mapinfo h4 a:hover {color: #ED6DA6;}
.sectionhMuseum3 .locationbox .mapinfo p {float: left; width: 100%; color: #384657; padding: 20px 0px; font-size: 16px; font-family: 'DraftBRegular'; line-height: 24px;}
.sectionhMuseum3 .locationbox .locationicon {float: left; width: 100%; border-top:2px solid #f9f9f9; padding-top: 10px;margin-top: 75px;}
.sectionhMuseum3 .locationbox .locationicon p.address {float: left;  font-family: 'DraftBMedium'; padding: 0px 0px 0px 23px; width: auto; background-image: url(../images/location1.png); background-repeat: no-repeat; background-position: 0px 50%;}
.sectionhMuseum3 .locationbox .locationicon p.km {background-image: url(../images/location3.png); float: right; font-size: 14px; color: #9E9E9E;}
.sectionhMuseum3 .cbtn1 {margin-top: 5px;}

.sectionh4 {
    position: relative;
    overflow: hidden;
    background-image: url(../images/artifact-bg.jpg);
    background-position: 50% 50%;
}
.sectionh4 .videobox {width:40% /*44%*/; float: left; position: relative; overflow: hidden; background-color: #000; /*height: 620px;*/height: 400px;
    margin-top: 5%;border-radius: 5px;}
.sectionh4 .videobox img {width: 100%; height: 100%; object-fit: cover;}
.sectionh4 .videobox .time {position: absolute; bottom: 20px; right: 30px; color: #ffffff; background-color: rgba(0,0,0,0.24); font-family: 'DraftBRegular'; font-size: 16px; line-height: 32px; padding: 0px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.sectionh4 .commonslider .owl-nav button {
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-color: #349AD5;
    background-repeat: no-repeat;
    border: 1px solid rgba(255,255,255,0.3);
    background-position: 50% 50%;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    z-index: 111;
}
    .sectionh4 .commonslider .owl-nav .owl-prev {
        background-image: url(../images/pre-arrow-h2.png);
        left: 85px;
        top: 45%;
    }

    .sectionh4 .commonslider .owl-nav .owl-next {
        background-image: url(../images/next-arrow-h2.png);
        right: 85px;
        top: 45%;
    }

.sectionh5 {
    position: relative;
    /*padding: 98px 0px 171px;*/
    padding: 98px 0px 0px 0px;
    background-color: #faf9f9b0;
    overflow: hidden;
}
.sectionh5 .videobox {width:40% /*44%*/; float: left; position: relative; overflow: hidden; background-color: #000; /*height: 620px;*/height: 400px;
    margin-top: 5%;border-radius: 5px;}
.sectionh5 .videobox img {width: 100%; height: 100%; object-fit: cover;}
.sectionh5 .videobox .time {position: absolute; bottom: 20px; right: 30px; color: #ffffff; background-color: rgba(0,0,0,0.24); font-family: 'DraftBRegular'; font-size: 16px; line-height: 32px; padding: 0px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

.sectionh5  .eimgbox {
        width: 100%;
        position: relative;
        padding: 50px 140px 70px;
    }
.sectionh5 .eimgbox img {
        border-radius: 18px;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        width: 100%;
        overflow: hidden;
    }

.sectionh5 .eimgbox .play {
    position: absolute;
    width: 140px;
    height: 140px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/play.png) no-repeat 50% 50%;
}

    .sectionh5 .ctextinfo .ctitle a {
        float: right;
        margin-top: 15px;
        color: #101A28;
        background: url(../images/arrow2.png) no-repeat 100% 6px;
    }

    .commonslider2 {width: 100%; position: relative;}
.commonslider2 .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative;}
.commonslider2 .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider2 .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider2 .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider2 .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider2 .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider2 .owl-carousel.owl-loaded {display: block; float: left;}
.commonslider2 .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider2 .owl-carousel.owl-hidden {opacity: 0;}
.commonslider2 .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider2 .owl-carousel.owl-grab {cursor: move; cursor: grab;}
.commonslider2 .owl-carousel .owl-dots.disabled{display: none;}
.commonslider2 .owl-nav {width: 108px; float: left;}
.commonslider2 .owl-nav button {width: 48px; height:48px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; border:1px solid rgba(0,0,0,0.0); background-position: 50% 50%; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index:111;}
.commonslider2 .owl-nav .owl-prev {background-image: url(../images/arrowleft.png); left: 4%;top: 45%;}
.commonslider2 .owl-nav .owl-next {background-image: url(../images/arrowright.png); right: 3%;top: 45%;}
.commonslider2 .owl-nav button:hover {border:1px solid rgba(0,0,0,0.1);}

.playbtn {background-image: url(../images/play.png); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: 50% 50%; width: 148px; height: 148px;}
.playbtnvirtual {background-image: url(../images/play-icon.png); position: absolute; left: 50%; /*top: 50%;*/ transform: translate(-50%, 50%); background-repeat: no-repeat; background-position: 50% 50%; width: 148px; height: 148px;}

.sectionh4 .videoinfo {width: 53%; height: 620px; position: relative;  z-index: 18; float: left;
/*background: rgb(163,85,135);
background: -moz-linear-gradient(-45deg, rgba(163,85,135,1) 0%, rgba(235,107,164,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(163,85,135,1) 0%,rgba(235,107,164,1) 100%);
background: linear-gradient(135deg, rgba(163,85,135,1) 0%,rgba(235,107,164,1) 100%);*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a35587', endColorstr='#eb6ba4',GradientType=1 );}
.sectionh4 .videoinfo .ctextinfo {padding: 10px 0px; width: 510px; float: left;}
    .sectionh4 .videoinfo .ctextinfo h3 { /*color: #ffffff;*/font-size: 40px;}
    .sectionh4 .videoinfo .ctextinfo .featured { color: #ED6DA6;font-size: 18px;text-transform: uppercase;letter-spacing: 2px;}
.sectionh4 .videoinfo .ctextinfo p { padding: 30px 0px;}
.sectionh4 .videoinfo .ctextinfo .cbtn {margin-top: 15px;}

.weeklyspotlights {position: relative; background-color: #FAF9F9; padding: 110px 0px 130px;}
.weeklyspotlights .commonslider {width: auto; margin-left: -15px; margin-right: -15px;}
.cslider {position: relative; padding-top: 50px;}
.cslider .item {padding: 0 15px 60px; float: left; width: 100%;}
.clocationbox {float: left; width: 100%;height: 600px; padding: 15px; border:1px solid #0000001A; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.clocationbox:hover {background-color: #ffffff; box-shadow: 0px 30px 60px #0000000A;}
.clocationbox .imgbox {float: left; width: 100%; overflow:hidden; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.clocationbox .imgbox img {width: 100%; object-fit: cover; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.clocationbox:hover .imgbox img {transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transform: scale(1.03);}
.clocationbox .info {float: left; width: 100%; padding: 35px 24px; border-bottom: 1px solid #f3f3f3;height: 47%;}
.clocationbox .info h4 {padding-bottom: 10px;padding-top: 10px;}
.clocationbox .info h4 a {font-size: 24px; color: #101A28; line-height: 24px; font-family: 'DraftBSemiBold';}
.clocationbox .info h4 a:hover {color: #ED6DA6;}
.clocationbox .info p {font-size: 18px; color: #384657; line-height: 30px; font-family: 'DraftBRegular';}
.clocationbox .location {float: left; width: 100%; padding: 20px 20px 0px;}
.clocationbox .location p {background-repeat: no-repeat; background-position: 0px 50%; background-image: url(../images/location.png); color: #384657; font-size: 16px; padding-left: 23px;}
.cslider .owl-nav {top: -124px; right: 0px;}

#videosslider .owl-nav {top: -50px; right: 0px;}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.justify-s-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contact {
    padding-bottom: 5rem;
    padding-top: 5rem;
    margin-top: 0px;
    background: #f9f9f9;
}

    .contact .title {
        position: relative;
        margin-bottom: 7rem;
    }

        .contact .title:after {
            content: '';
            position: absolute;
            display: block;
            bottom: -2rem;
            left: 0;
            width: 6rem;
            height: 1px;
            background-color: #ED6DA6;
        }

    .contact .detail-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2.4rem;
    }

        .contact .detail-item .title {
            margin-bottom: 5rem;
        }

        .contact .detail-item img {
            margin-right: 2rem;
            margin-top: .2rem;
            font-family: 'FontAwesome5Pro-Light';
        }

        .contact .detail-item p {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 1rem;
            line-height: 3rem;
        }

    .contact .details-wrap {
        padding-left: 13rem;
    }

        .contact .details-wrap .title {
            margin-bottom: 5rem;
        }

    .contact .form-wrap .submit {
        min-width: 16.5rem;
        font-family: DraftB-Regular, sans-serif;
    }

        .contact .form-wrap .submit:hover {
            color: #E0AD3B;
            border-color: #E0AD3B;
        }

    .contact .form-wrap .field {
        padding: 1.9rem 3rem;
        background-color: rgba(245,243,244,255);
        font-family: 'DraftB-Regular';
        width: 100%;
        display: block;
        outline: none;
        resize: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        margin-bottom: 3rem;
    }

        .contact .form-wrap .field.w50 {
            width: 47.5%;
        }

    .contact .form-wrap textarea.field {
        min-height: 20rem;
        margin-bottom: 4rem;
    }


.galleryInfo p {
    background-repeat: no-repeat;
    background-position: 0px 50%;
    background-image: url(../images/location.png);
    color: #384657;
    font-size: 16px;
    padding-left: 23px;
    font-family: 'DraftBMedium';
}

.btnNew {
    float: right;
    font-size: 14px;
    color: #000000;
    background-color: #f2f1ef;
    width: 120px;
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 7px 10px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 1px;
    overflow: hidden;
    margin-top: 18px;
}

.article-preview {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

    .article-preview h2 {
        margin-bottom: 2rem;
    }

    .article-preview p {
        max-width: 38rem;
        margin: 0 auto 4.8rem;
    }

        .article-preview p.text-left {
            max-width: 100%;
        }

.article {
    padding-bottom: 14rem;
}

.article.aviation-academies-article {
    padding-bottom: 0;
    min-height: 100%;
}

.yellow-l-bg {
    background-color: #ffffff;
}

/** Footer **/
footer {background-color: #222A52;}
footer .topfooter {padding: 75px 15px 0;}
footer .topfooter .footerboxs {width: 30%; float: left; position: relative; padding-bottom: 115px;}
footer .topfooter .footerboxs h4 {font-size: 18px; color: #FFFFFF; margin-bottom: 25px; float: left; width: 100%;}
footer .topfooter .fbox3 {width: 25% !important;}
footer .topfooter .fbox4 {width: 15%;}
footer .topfooter ul li {padding: 0px 0px 10px; float: left; width: 100%;}
footer .topfooter ul li a {color: #babfd2; font-size: 16px; font-family: 'DraftBRegular'; }
footer .topfooter ul li a:hover {color: #ed6da6;}
footer .topfooter .social a {background-repeat: no-repeat; opacity: 0.9; float: left; background-position: 50% 50%; height: 40px; width: 40px; margin-left:10px;}
footer .topfooter .social .instagram {background-image: url(../images/instagram.png); margin-left: 0px;}
footer .topfooter .social .facebook {background-image: url(../images/facebook.png);}
footer .topfooter .social .twitter {background-image: url(../images/twitter.png);}
footer .topfooter .social .youtube {background-image: url(../images/youtube.png);}
footer .topfooter .social a:hover {opacity: 1;}
footer .topfooter .copyright {border-top: 1px solid #384065; padding: 40px 0px; float: left; width: 100%;}
footer .topfooter .copyright  p {color: #FFFFFF66; font-size: 14px; font-family: 'DraftBRegular'; float: left;}
footer .topfooter .copyright  p a {color: #FFFFFF;}
footer .topfooter .copyright  p a:hover {color: #ed6da6;}
footer .topfooter .copyright  p.right {float: right;} 

/** Breadcrumb **/
.breadcrumbbox {float: left; width: 50%;}
.breadcrumbbox li {float: left; padding: 0px 30px 0px 15px; line-height: 30px; color: rgba(255,255,255,1); font-size: 16px; background-image: url(../images/arrow3.png); background-position: 100% 55%; background-repeat: no-repeat;}
.breadcrumbbox li:first-child {padding-left: 0px;}
.breadcrumbbox li:last-child {background-image:none;}
.breadcrumbbox li a {float: left; color: #FFFFFF66; font-size: 16px;}
.breadcrumbbox li a:hover {color: rgba(255,255,255,1);}

/** Inner banner **/
.innerbanner {background-color: #101A28; height: 560px; background-repeat: no-repeat; background-size: cover; background-position: 50% 0px; position: relative; }
.innerbanner .textinfo {position: absolute; width: 100%; bottom: 20px; z-index: 2;}

.museuminfo {position: relative; padding: 95px 0px; background-color: #f9f9f9;}
.photogallery {position: relative; padding:0px 0px 50px; background-color: #f9f9f9;}
.photogallery .commonslider {margin-top: 60px;}
.photogallery .owl-nav {bottom: 0px; padding: 20px; width: 150px; height: 80px; background-color: #ffffff;}
.photogallery .owl-nav .owl-prev {left: 20px;}
.photogallery .owl-nav .owl-next {right: 20px;}

.governorateinfo{position: relative;padding: 80px 0px 140px 0px; background-color: #f9f9f9;}
.governorateinfo ul{margin-right: 55px;}
.governorateinfo ul li{padding:25px 0px 30px;border-bottom: 1px solid #101A28;}
.governorateinfo ul li h4{color: #101A28;font-size: 18px; line-height: 28px;font-family: 'DraftBSemiBold';}
.governorateinfo ul li h4.htitle{padding-bottom: 20px;}
.governorateinfo ul li h4 span{color: #384657;font-family: 'DraftBRegular';float: right;padding-left: 60px;width: 62%;}
.governorateinfo .governorateimg {position: relative;}
.governorateinfo .governorateimg .location {width: 77px; height: 77px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url(../images/location2.png); background-position: 50% 50%; background-repeat: no-repeat;}

.eventsdropdownlist{background-color: #f9f9f9;}
.eventsdropdownlist .museum {width: 370px; float: left;padding-top: 25px;}
.eventsdropdownlist .museum .fieldcol .custfield {font-size: 16px;color: #9E9E9E; border: 1px solid #0000001A; height: 55px;background-image: url(../images/arrow1.png);background-repeat: no-repeat; background-position: calc(100% - 19px) 50%; padding: 0px 19px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}


.youmaylike {padding-bottom: 120px; background-color: #f9f9f9;}
.youmaylike .ctitle h3 {width: 100%; border-top: 1px solid #0000001A; padding-top: 110px;}
.cpbox {padding-bottom: 60px;}


.section-m1 {
    margin-top: 30px;
    margin-bottom: 10px;
}
.success {
}

.itembox {
    margin-bottom: 40px;
}

.itembox .imgbox {
    margin-bottom: 10px;
	height: 280px;
}

.itembox .imgbox .MainImg{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;

}

.itembox .galleryInfo h4 {
    font-size: 24px;
    color: #101A28;
    line-height: 51px;
    font-family: 'DraftBSemiBold';
    text-transform:capitalize;
}

.info-wrap {
    font-size: 20px;
    color: #ffffff;
    z-index: 1;
    font-weight: bold;
    /*text-transform: uppercase;*/
    /*margin-top: 20%;
    margin-left: 20%;*/
    position: absolute;
    text-align: center;
}

.plcbox {
    padding: 0
}

    .plcbox a {
        cursor: pointer;
    }

.content-container {
    max-width: 100%;
    padding: 0px;
}

.plcbox {
    position: relative;
    
}

    .plcbox .info-wrap {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 0px 100px;
    }

    /*.plcbox .info-wrap {
        opacity: 1;
        transition-delay: 300ms;
        z-index: 1;
    }*/

    /*.plcbox .info-wrap {
        opacity: 0;
        transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        transition-delay: 0;
    }

    .plcbox:hover .info-wrap {
        opacity: 1;
        transition-delay: 300ms;
        z-index: 1;
    }*/

    /*.image img {
        width: 100%;
        vertical-align: top;
    }*/

    .plcbox:after {
        content: '\A';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        /*opacity: 0;*/
        /*transition: all 0.5s;
        -webkit-transition: all 0.5s;*/
    }

    /*.plcbox:hover:after {
        opacity: 1;
    }*/

.content-section{
    padding-bottom:25px;
}

#photogallery1 .item .imgbox {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 800px;*/
}

.show-on-mobile {
    display:none;
}