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

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

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

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

@font-face {
    font-family: 'Museo-500';
    src: url('../fonts/Museo500-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo500-Regular.otf') format('opentype'), url('../fonts/Museo500-Regular.woff') format('woff'), url('../fonts/Museo500-Regular.ttf') format('truetype'), url('../fonts/Museo500-Regular.svg#Museo500-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body,
div,

/* span, */

object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: Dubai-Regular;
    color: white;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
textarea {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    cursor: pointer;
}
/* a:focus-visible {
	    box-shadow: 0 0 2px 2px rgb(0,0,0,0.5)!important;
} */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

li {
    list-style: none;
}

textarea {
    resize: none;
}

/* input:focus,
textarea:focus {
    outline: none;
    border-color: transparent;
} */

/* :focus, */
 :visited,
 :active {
    outline: none !important;
    text-decoration: none;
}

body {
    background-color: black;
    height: 100%;
    font-size: 16px;
    color: white;
    max-width: 3000px;
    margin: 0 auto;
    /* font-family: 'Dubai-Regular', sans-serif; */
    font-family: 'Dubai Regular';
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}


/* 
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Museo-500;
    text-align: center;
} */


/* h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    margin-bottom: 30px;
} */

figcaption {
    position: relative;
}


/* figure {
    background-color: black;
} */

figure img {
    margin: auto;
    width: 100%;
}

figure figcaption h3 {
    text-align: left;
    font-size: 1.5em;
    /*33px;*/
    margin-bottom: 20px;
	    text-transform: uppercase;
		font-family:Museo-500;
}

figure figcaption p {
    text-align: justify;
    font-size: 1em;
    /*18px; */
    text-transform: initial;
    line-height: 1.3;
}

.story-wrap figure img {
    margin: auto;
    width: 100%;
    transition: all .5s ease-in-out;
}

p {
    /*font-size: 1.5em;*/
    /*24px;*/
    text-align: center;
}

a,
a:hover,
/* a:focus, */
a:active {
    color: #af923d;
    text-transform: capitalize;
    text-decoration: none;
    cursor: pointer;
}

figcaption .read {
    border-bottom: 4px solid #af923d;
    width: 30%;
    font-size: 1.125em;
    /*18px;*/
    -moz-transition: width 0.8s;
    -o-transition: width 0.8s;
    -webkit-transition: width 0.8s;
    transition: width 0.8s;
    position: absolute;
    bottom: -10px;
    margin-bottom: 15px;
}
a.read:focus {
    color: #af923d;
}
a.read:focus-within {
    color: #af923d;
}
.story-wrap .col-xs-12.col-md-4:hover .read {
    width: 65%;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}


/* section {
    height: 100vh;
} */

.second .container,
.third .container,
.fourth .container {
    padding-top: 3vh;
}

.hidden {
    display: none;
}

#great-place .story-wrap .col-xs-12 {
    padding:0;
}

#great-place h1 {
    margin-bottom: 0;
    font-size: 2.5em;
    /* font-weight: 700; */
    position: relative;
    font-family: 'Dubai-Light';
}
#great-place h2 {
    margin-bottom: 0;
    font-size: 2.5em;
    /* font-weight: 700; */
    position: relative;
    font-family: 'Dubai-Light';
}
.home-section-heading {
    padding-left: 4em;
}
#great-place h1:before {
    content: "";
    /* display: inline-block; */
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/Great_place.png);
    position: absolute;
    left: -70px;
}
#great-place h2:before {
    content: "";
    /* display: inline-block; */
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/Great_place.png);
    position: absolute;
    left: -70px;
}
#experiences h1:before {
    content: "";
    /* display: inline-block; */
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/special_experience.png);
    position: absolute;
    left: -70px;
}
#experiences h2:before {
    content: "";
    /* display: inline-block; */
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/special_experience.png);
    position: absolute;
    left: -70px;
}


#social h1:before {
    content: "";
    /* display: inline-block; */
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/soical_world.png);
    position: absolute;
    left: -70px;
}
#social h2:before {
    content: "";
    /* display: inline-block; */
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/soical_world.png);
    position: absolute;
    left: -70px;
}

.feedback-container h1:before {
    content: "";
    /* display: inline-block; */
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/feedback.png);
    position: absolute;
    left: -70px;
}
.feedback-container .home-section-heading h2:before {
    content: "";
    /* display: inline-block; */
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/feedback.png);
    position: absolute;
    left: -70px;
}

#great-place p {
    margin-bottom: 2vh;
    font-size: 1.25em;
    text-align: left;
    margin-top: -5px !important;
    opacity: 0.8;	
    color: #fff !important;

}

section .story-wrap {
    display: flex;
    margin: auto;
    position: relative;
}

.vcenter {
    display: flex;
    align-items: center;
}

.bg-base-color {
    background-color: #89722F !important;
}

.border-base-color {
    border-color: #89722F !important;
}

#services figcaption {
    margin-left: 0;
    font-weight: 500;
    font-size: 1.25em;
    text-transform: capitalize;
}

#services a:hover {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#services {
    height: auto;
    margin: 50px 0;
}

#services .img-wrap,
#services .img-wrap img,
#services figcaption {
    display: inline-block;
}

#services span {
    display: block;
    font-size: 1.875em;
    /*1.875em;*/
    line-height: 25px;
}

#services figure {
    border: 2px solid #89722F;
    padding: 20px 0px 20px 0;
    /* background: url(../images/bg_services.png)no-repeat; */
    background: none;
    background-position: right;
    background-size: contain;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#services figure:hover .img-wrap {
    border: 2px solid #89722F;
}

#services .img-wrap {
    /* border: 1px solid #1b1609; */
    display: flex;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin: 0 10px;
    text-align: center;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#great-place {
    background: url('../images/bg_great_place.jpg') no-repeat center center;
    background-size: cover;
    z-index: 1;
	    padding-bottom: 2em;
}


/* #experiences {
    background: url('../images/bg_experinces.jpg') no-repeat center center;
    background-size: cover;
} */

#social {
    /* background: url('../images/bg_social_world.jpg') no-repeat center center;
    background-size: cover; */
    background-color: #f5f1ee;
}

.story-wrap figcaption {
    padding: 20px 20px 30px;
    background: rgba(0,0,0,0.5);
}

#experiences *,
#social * {
    color: #800823;
    margin: 0 auto;
    /* background:rgba(0,0,0,0.01); */
}

#services * {
    color: #89722F;
}

#experiences figcaption {
    text-align: center;
    margin: 5vh 0 0;
    min-height: 50px;
    font-family: Museo-500;
    font-size: 1.125em;
    /*18px;*/
    padding: 0 2%;
    text-transform: uppercase;
}

#experiences figure {
    border: 11px solid #89722F;
    background-image: none;
    border-image-source: url(../images/frame-border-pattern.png);
    border-image-repeat: round;
    border-image-slice: 100;
    border-image-width: 60px;
    /* display: flex; */
    justify-content: center;
    height: 369px;
    padding: 0;
}

.img-wrap {
    /*max-height: 190px;*/
    /* overflow: hidden; */
    position: relative;
}
/* .inner-container.circle::after { */
    /* content: ''; */
    /* position: absolute; */
    /* width: 25px; */
    /* height: 25px; */
    /* right: -14px; */
    /* background-color: #635222; */
    /* border: 4px solid #89722F; */
    /* top: -15px; */
    /* border-radius: 50%; */
    /* margin-top: 70%; */
    /* z-index: 100; */
/* } */
.great-place-visit .inner-container:last-child .img-wrap:after {
    width: 100%;
}
.great-place-visit .inner-container:last-child .img-wrap:before {
	background:transparent;
	border:none;
}
.great-place-visit .img-wrap::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -30px;
    background-color: #635222;
    border: 4px solid #89722F;
    bottom: -9px;
    border-radius: 50%;
    margin-top: 70%;
    z-index: 100;
}

.great-place-visit .img-wrap::after {
    content: "";
    position: absolute;
    height: 4px;
    background-color: #89722F;
    bottom:0px;
    width: 120%;
    z-index: 0;
    margin-top: 70%;
}
#experiences .img-wrap {
    border: 1px solid #af923d;
    display: block;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 35px auto;
    padding: 15px 0;
}

#experiences .special-experiences a {
    display: block;
    cursor: pointer;
}

#experiences .img-wrap img {
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

#experiences .special-experiences.slider .slick-arrow.slick-disabled {
    display: none !important;
}

#experiences .special-experiences.slider .slick-arrow.prev-arrow,
#social .slick-arrow.prev-arrow {
    position: absolute;
    top: auto;
    left: 35%;
    right: auto;
    background: transparent;
    color: #97102f;
    padding: 0;
}

#social .slick-arrow.prev-arrow {
    left: 30%;
}

#experiences .special-experiences.slider .slick-arrow.next-arrow,
#social .slick-arrow.next-arrow {
    position: absolute;
    top: auto;
    right: 35%;
    left: auto;
    background: transparent;
    color: #97102f;
    padding: 0;
}

#social .slick-arrow.next-arrow {
    right: 30%;
}

body.ar #experiences .special-experiences.slider .slick-next.slick-arrow {
    left: -3%;
    right: auto;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

body.ar #experiences .special-experiences.slider .slick-prev.slick-arrow {
    right: -3%;
    left: auto;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.happinessmeter.noticepanel.special_experince {
    min-height: 50vh;
    max-height: 100vh;
}

.happinessmeter.noticepanel.special_experince .border.pattern {
    padding: 30px 0;
}

.noticepanel.special_experince .content-area {
    padding: 10px 20px;
    overflow-y: auto;
    height: 250px;
}

.noticepanel.special_experince .content-area.no_height {
    height: auto;
}

.noticepanel.special_experince .content-area>h3 {
    margin-bottom: 10px;
}

.noticepanel.special_experince .content-area p {
    margin-bottom: 10px;
}

#experiences .border-frame {
    border: 3px solid #89722F;
    display: block;
    width: 90%;
    margin: 14px 15px;
}

#experiences .border-frame.active,
#experiences .border-frame:hover {
    background: url('../images/bg_golden.jpg') no-repeat center center;
    background-size: cover;
    border: 0;
}

#experiences .border-frame:hover figcaption {
    color: #000;
}

#experiences .border-frame.active figcaption {
    color: black;
}

#experiences .border-frame.active .img-wrap,
#experiences .border-frame:hover .img-wrap {
    background-color: black;
    margin: 38px auto;
}

#experiences svg {
    fill: #89722F;
}

#experiences svg .food {
    fill: none;
    stroke: #8F7630;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

#social .row {
    margin-bottom: 30px;
}

#fullpage #social .col-md-3 {
    position: relative;
    width: 100%;
}

#social .col-md-3 {
    /* position: relative; */
	  width: 100%;
      padding-bottom: 100%;
}

#social .wrap-social {
    max-height: 33vh;
    overflow: hidden;
}

#social .wrap-social img {
    /* max-width: 100%; */
    width: 100%;
}

#social .wrap-social:hover .wrap-heart {
    opacity: 1;
}


/* .accessibility {
    line-height: 1 !important;
    margin-top: -5px !important;
}

.accessibility img {
    max-width: 100%;
}

.accessibility i {
    margin-bottom: 25px;
    vertical-align: middle;
    margin-left: 5px;
} */

.logo_btm0 {
    position: absolute;
    bottom: 30px;
    left: 15px;
    right:15px;
}

.wrap-heart {
    position: absolute;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    top: 0;
    width: 100%;
}

.wrap-heart .fa:before {
    float: right;
    margin-left: 5px;
}

.wrap-heart span {
    margin: auto;
}

#social .wrap-heart i {
    color: white;
    margin-right: 15px;
    font-size: 1.125em;
    /*18px;*/
}


/* #experiences h1 {
    margin-bottom: 125px;
    font-size: 2.5em;
    font-weight: 700;
} */

#experiences h1 {
    font-size: 2.5em;
    /* margin-bottom: 60px; */
    position: relative;
    color: #830823;
    font-family: 'Dubai-Light';
}
#experiences h2 {
    font-size: 2.5em;
    /* margin-bottom: 60px; */
    position: relative;
    color: #830823;
    font-family: 'Dubai-Light';
}
#social h1 {
    margin-bottom: 0px;
    font-size: 2.5em;
    color: #830823;
    position: relative;
    font-family: 'Dubai-Light';
}

#social h2 {
    margin-bottom: 0px;
    font-size: 2.5em;
    color: #830823;
    position: relative;
    font-family: 'Dubai-Light';
}
/* footer*/

footer {
    /* background: url('../images/footer_pattern.png')round;
    background-color: black; */
    background-color: #fff;
    padding: 40px 0 0 0;
    /* border-top: 2px solid #89722F; */
    /* margin-top: 100px; */
    /*overflow: hidden;*/
    /* position: relative; */
}

footer .follow-container {
    /* background: url('../images/footer_pattern.png')round;
    background-color: black; */
    background-color: #f1f1f1;
    padding: 40px 0 0 0;
    /* border-top: 2px solid #89722F; */
    /* margin-top: 100px; */
    /*overflow: hidden;*/
    /* position: relative; */
}


/* footer h1,
footer.footer h1 {
    color: #89722F;
    text-align: left;
    font-weight: 500;
    font-size: 1.5em;
  
} */

footer h1,
footer.footer h1 {
    margin-bottom: 0px;
    font-size: 2.5em;
    color: #830823;
    font-family: 'Dubai-Light';
}
footer h2,
footer.footer h2 {
    margin-bottom: 0px;
    font-size: 2.5em;
    color: #830823;
    font-family: 'Dubai-Light';
}
footer .home-section-heading h2,
footer.footer .home-section-heading h2 {
    margin-bottom: 0px;
    font-size: 2.5em;
    color: #830823;
    font-family: 'Dubai-Light';
	    position: relative;
}

.makani a {
    margin-bottom: 0px;
    display: inline-block;
}

.makani span {
    display: block;
    font-size: 0.875em;
    /*14px;*/
}

.makani span:first-child {
    text-transform: uppercase;
}

.makani a:first-child {
    margin: 0 10px 0 0;
}

.makani div:first-child {
    margin-right: 25px;
}

.google {
    background: url('../images/logo_google_app.png') no-repeat 0 0;
    width: 78px;
    height: 28px;
}

.appstore {
    background: url('../images/logo_google_app.png') no-repeat -89px 0;
    width: 92px;
    height: 28px;
}

footer .footer-sitemap {
    background-color: #111111;
    border-top: 2px solid #89722F;
    border-bottom: 2px solid #89722F;
}

footer .footer-sitemap p {
    margin: auto;
    padding: 19px 0;
}

footer .footer-sitemap a {
    padding: 0 25px;
    color: white;
    font-size: 1.125em;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -webkit-transition: 200ms;
    transition: 200ms;
}

footer .footer-sitemap a:hover {
    color: #89722F;
}

.effect-1 {
    padding-top: 10px;
}

.effect-1::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.effect-1:hover::before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

footer .maintained-by {
    text-align: center;
}

footer .maintained-by p {
    font-size: 1em;
    /*16px;*/
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
}

/* .body-inner footer .container { */
    /* padding: 0 50px 0 100px; */
/* } */

.body-inner footer .container .div-etisalat {
    margin: 10px 0;
}

.body-inner footer .container .div-etisalat img {
    max-width: 100%;
}

.wrap-say h1 {
    margin-bottom: 37px;
}

.wrap-follow h1 {
    margin-bottom: 25px;
}

.wrap-follow p a {
    /* border: 2px solid #000000; */
    padding: 5px;
    margin-bottom: 0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

footer .wrap-follow .row:first-child a:hover i {
    /* background-color: #89722F; */
    transition: all 0.3s ease-in;
}

footer .wrap-follow .row:first-child a:hover {
    /* border: 2px solid #89722F; */
    transition: all 0.3s ease-in;
}

.wrap-follow {
    padding: 0;
}

.wrap-follow i {
    padding: 13px;
    background: #fff;
    border-radius: 50%;
    width: 114px;
    height: 114px;
    display: table;
    font-size: 3.5em;
    text-align: center;
}

.fa:before {
    display: table-cell;
    vertical-align: middle;
}

.wrap-follow p {
    text-align: left;
    margin-bottom: 20px;
}

footer input,
footer textarea {
    border-radius: 8px;
    background-color: rgba( 40, 40, 40, 0.502);
    border: 0;
}

footer input {
    width: 27.4%;
    padding: 8px 8px 8px 20px;
    margin: 0 10px 0 0;
}

footer textarea {
    width: 85%;
    margin: 20px 0 55px 0;
    padding: 10px 40px 10px 20px;
    position: relative;
}

.comment-say {
    position: absolute;
    top: 54.5%;
    right: 17.5%;
    left: auto;
}

.comment-say:before {
    font-size: 0.5625em;
    /*9px;*/
}

::-webkit-input-placeholder {
    color: #acacac;
    font-size: 0.875em;
    /*14px;*/
    text-transform: capitalize;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #acacac;
    font-size: 0.875em;
    /*14px;*/
    text-transform: capitalize;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #acacac;
    font-size: 0.875em;
    /*14px;*/
    text-transform: capitalize;
}

:-ms-input-placeholder {
    color: #acacac;
    font-size: 0.875em;
    /*14px;*/
    text-transform: capitalize;
}


/*end footer */


/* --------------header---------------- */

header {
    display: block;
    /* position: absolute; */
    width: 100%;
    top: 0;
    z-index: 10;
}

.mob {
    display: none;
}

.logo-top {
    padding: 18px 0 12px;
    border-bottom: 3px solid #89722F;
    background: rgba(0, 0, 0, .8);
    position: relative;
}

.dubai-gov {
    float: left;
    padding: 0 40px;
}

.dubai-gov a {
    display: block;
    margin: 0;
}

.dubai-muncipality {
    float: right;
    padding: 0 40px;
}

.dubai-muncipality a {
    display: block;
    margin: 0;
}

.home_banner {
    position: relative;
    margin: -87px 0 0 0;
    top: 0;
    height: calc(70vh + 95px);
    overflow: hidden;
    width: 100%;
}

.slider-item {
    background: url(https://www.dubaiframe.ae/uploads/images/news/header-home-day-1.png);
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}


/* Menu start */

.container-menu {
    background: url(../images/bg_top_menu_shadow.png) repeat-x;
    min-height: 167px;
    background-position: left bottom;
    background-size: cover;
}

.nav>li>a {
    /* font-family: Museo-500; */
    font-family: 'Dubai Regular';
    font-size: 0.85em;
    /* 16px;*/
    padding: 20px 14px;
}

.nav>li>a,
.nav>li>a:hover,
/* .nav>li>a:focus,
.dropdown-menu>li>a:focus, */
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a,
.dropdown-menu>li {
    list-style: inherit;
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background:rgba(0,0,0,0.01) !important; 
}

.navbar a,
.dropdown-menu>li>a,
/* .dropdown-menu>li>a:focus, */
.dropdown-menu>li>a:hover,
.navbar-toggle {
    color: #000;
    margin-bottom: 0;
    /* text-transform: uppercase; */
}

.dropdown-menu>li>a:hover {
    color: #89722F;
}

.navbar {
    border: 0;
    margin: 0 auto;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 10px;
    left: auto;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
}

#navbar .nav li {
    border-bottom: 2px solid transparent;
}

#navbar .nav li.active,
#navbar .nav>li:hover {
    /* background: rgba(137, 114, 47, 0.9); */
    border-color: #830823;
}

.navbar-toggle .icon-bar {
    color: #fff;
    background: #fff;
}
#df-side-menu a {
    color: white;
	background:rgba(0,0,0,0.01);
}

#df-side-menu .dropdown-menu a:hover {
    color: #af923d;
}
.masthead-nav-right>li>a.btn,
.ticket-xs a.btn {
    background: #89722F url(../images/bookticket.svg) 0% 45% no-repeat!important;
    padding: 10px 37px 10px 45px;
    margin-top: 16px;
    background-size: 35px 30px;
}

/* .masthead-nav-right>li>a.btn:focus, */
.masthead-nav-right>li>a.btn:hover {
    color: #fff !important;
    background-color: #b7a162 !important;
}

.nav.navbar-nav .list-ticket {
    display: none;
}


/*  Menu End */

.bottom-logo {
    background: url(../images/logo_frame.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 83px;
    height: 125px;
    left: 5%;
    bottom: 10%;
    margin: 0 auto;
    text-align: center;
    z-index: 3;
    background-position: center bottom;
    background-size: cover;
}

.homebanner-btmshadow {
    background: url(../images/home_banner_bottom_shadow.png);
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 454px;
    z-index: 1;
    bottom: 0;
    background-position: left bottom;
    background-size: cover;
}

.display-mode {
    position: absolute;
    z-index: 4;
    width: 38px;
    height: 38px;
    right: 5%;
    bottom: 65px;
    background: rgba(0, 0, 0, .5);
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
}

.display-mode span.inactive {
    background: url(../images/inactive_day_night.png);
    cursor: default;
    display: none;
}

.display-mode span {
    width: 23px;
    height: 23px;
    display: inline-block;
    margin: 6px 5px;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.display-mode span.night {
    background: url(../images/ico_night.png) no-repeat center;
}

.display-mode span.day {
    background: url(../images/ico_day.png) no-repeat center 3px;
}

.home_banner .slider-item.night-mode {
    background: url(../images/home_banner_night.jpg);
}

.home_banner video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
}

.ticket-xs {
    display: inline-block;
    /* float: right; */
    position: absolute;
    right: 0;
}


/*scroll nav*/

span.frame-logo a {
    margin: 0;
    display: block;
}

span.frame-logo a img {
    max-height: 60px;
    display: block;
}

span.frame-logo {
    float: left;
    visibility: hidden;
    opacity: 0;
    display: none;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
    margin: 15px 100px 0 15px;
}

.sticky-fixed span.frame-logo {
    visibility: visible;
    opacity: 1;
    display: inline-block;
}

#home_frame_logo {
    visibility: visible;
    opacity: 1;
    display: inline-block;
}

#home_frame_logo.sticky-fixed {
    visibility: hidden;
    opacity: 0;
    display: none;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}

.sticky-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

a#scrollupbtn {
    position: fixed;
    right: 25px;
    bottom: 28px;
    width: 50px;
    height: 50px;
    background: rgba(40, 40, 40, 0.5);
    text-align: center;
    padding: 2px 0 0;
    border-radius: 8px;
    z-index: 100;
    display: none;
}

a#scrollupbtn:hover {
    background: rgba(153, 153, 153, .9);
}

a#scrollupbtn i {
    color: #89722F;
    font-size: 3em;
}

.scrollupbtnstop {
    display: block;
    position: absolute !important;
    bottom: 520px !important;
}


/* ------------dropdown-------------- */

.navbar-nav>li>.dropdown-menu {
    background: rgba(0, 0, 0, 0.8);
    border-top: 2px solid #615022;
    list-style-image: url(../images/list-icon.png);
    padding: 7px 30px 7px 30px;
    border-radius: 0;
    -moz-animation: opacity-in 1s;
    -o-animation: opacity-in 1s;
    -webkit-animation: opacity-in 1s;
    animation: opacity-in 1s;
}

.dropdown-menu>li>a {
    font-family: Museo-500;
    font-size: 0.875em;
    /*12px;*/
    padding: 7px 0 7px 5px;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.navbar-nav .dropdown i {
    font-size: 0.625em;
    /*10px;*/
}

.dropdown-toggle.active[aria-expanded=true] {
    color: #89722F;
}


/* ~~~~~~~~~~~~~~~~~~~~~~aboutus dropdown section~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.container-menu .container-fluid {
    position: relative;
    padding: 0;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open {
    position: static;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open>a {
    background: rgba(137, 114, 47, 0.9);
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open a {
    color: white;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open .dropdown-menu {
    width: 100%;
    right: auto;
    top: auto;
    left: 0;
    float: left;
    color: white;
    border-top: 0;
    background: rgb(142, 118, 49);
    background: linear-gradient(to bottom, rgba(137, 114, 47, 0.902) 0%, rgba(157, 136, 74, 0.902) 100%);
    display: flex;
    align-items: stretch;
    padding: 44px 15px 44px 60px;
    -moz-animation: opacity-in 1s;
    -o-animation: opacity-in 1s;
    -webkit-animation: opacity-in 1s;
    animation: opacity-in 1s;
    z-index: 10000;
}

@keyframes opacity-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open .left {
    border-right: 2px solid #9a8347;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open .left h1,
.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open .left p {
    text-align: left;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open .right {
    border-left: 2px solid #715b21;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open .list_head {
    display: table;
    height: 100%;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open .list_head ul {
    display: table-cell;
    vertical-align: middle;
    padding-left: 100px;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open h1 {
    font-size: 3.75em;
    /*60px;*/
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open p {
    font-size: 1em;
    /*16px;*/
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open ul li {
    font-family: Museo-500;
    font-size: 1.375em;
    /*22px;*/
    text-transform: uppercase;
    background: url(../images/icon-list-dropdown.png)no-repeat left center;
    padding: 6px 15px 6px 40px;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open ul li a {
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.navbar-collapse.collapse .nav.navbar-nav.pull-left .dropdown.open ul li:hover a {
    margin-left: 15px;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~sticky header~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.sticky-fixed .nav.navbar-nav.pull-right {
    display: none;
}

.sticky-fixed .nav.navbar-nav {
    float: right !important;
    padding: 0 15px;
}

.sticky-fixed .navbar-collapse.collapse {
    border-bottom: 4px solid rgb(142, 118, 49);
    padding: 0;
}

.sticky-fixed .container-fluid {
    padding: 0;
}

.sticky-fixed .frame-logo {
    margin: 0;
}

.sticky-fixed span.frame-logo a {
    padding: 0 0 0 50px;
}

.sticky-fixed .navbar.navbar-fixed-top1 {
    background: black;
}

.sticky-fixed .nav>li>a {
    padding: 20px 14px;
}

.sticky-fixed .nav li.active {
    background: rgba(137, 114, 47, 0.9);
}

.sticky-fixed .nav>li>a:hover {
    background-color: rgba(137, 114, 47, 0.9);
}

.sticky-fixed .nav.navbar-nav .list-ticket {
    display: block;
    margin-left: 15px;
}

.sticky-fixed .list-ticket>a.btn {
    background: #89722F url(../images/icon-ticket.png) 10px 45% no-repeat;
    padding: 5px 10px 5px 40px;
    margin-top: 14px;
}


/* -------------------------------ABOUT US--------------------------------------- */

main.inner section {
    height: auto;
}

#aboutus {
    background-image: url(../images/bgShadow.png);
    background-repeat: repeat-x;
    background-position: bottom;
    line-height: 30px;
}

.inner.group.about_us {
    background: url(../images/aboutus/bg-top-aboutus.jpg)no-repeat;
    /* changed */
    background-color: black;
    max-width: 100%;
}

.heading {
    height: 586px;
    position: relative;
}

.heading .container:first-child {
    margin-top: 480px;
}

.body-inner h1 {
    font-size: 3.75em;
    color: white;
    font-weight: 500;
}

.heading h1 {
    margin-bottom: 10px;
}

.breadcrumb {
    background-color: transparent;
    text-align: center;
    margin: 0;
    padding: 0;
}

.breadcrumb>li+li:before {
    padding: 0 12px;
    content: '\003e';
    content: url('../images/icon-breadcrumb.png');
    color: white;
    font-family: Museo-500;
}

.breadcrumb li a {
    font-size: 1em;
}

.breadcrumb li {
    font-size: 0.875em;
}

.breadcrumb li a,
.breadcrumb li {
    font-family: Dubai-Regular;
    color: white;
    text-transform: capitalize;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.breadcrumb li:hover,
.breadcrumb li a:hover {
    color: #89722F;
}

.breadcrumb>li {
    display: inline;
}

.border {
    position: relative;
    /* background: url(../images/aboutus/framepattern.png)round 0 0; */
    border: 19px solid #89722F;
    padding: 80px 70px 80px 70px;
    border-image-source: url('../images/frame-border-pattern.png');
    border-image-repeat: round;
    border-image-slice: 120;
    border-image-width: 120px;
}

.border h1 {
    color: #89722F;
    font-size: 3em;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: Museo-500;
    text-align: center;
}
.border h2 {
    color: #89722F;
    font-size: 3em;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: Museo-500;
    text-align: center;
}
.border p {
    font-size: 1.25em;
    color: black;
}

.bottom-logo2 {
    background: url(../images/logo_frame.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 83px;
    height: 125px;
    left: 4%;
    bottom: 0%;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    background-position: center bottom;
    background-size: cover;
}

.skewed-border {
    position: absolute;
    bottom: -19px;
    height: 30px;
    width: 147px;
    right: 147px;
    background: #fff;
    transform: skew(30deg);
    -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
}

#dubaiframe {
    /* margin-top: 60px; */
    /* background: rgba(0, 0, 0, 1);
    box-shadow: -10px -50px 40px 40px rgba(0, 0, 0, 1); */
    margin-top: 7em;
}

#video {
    margin-top: 7%;
    height: 616px;
    overflow: hidden;
    padding: 7% 0;
    background: black;
}

form select option:hover {
    background-color: #89722F;
    color: #000;
}


/* .inner .inner-list-content, */
/* .bg-float { */
    /* background: url(../images/aboutus/bg-inner-float.jpg); */
/* } */

.inner .inner-list-content {
    background: url(../images/aboutus/bg-inner-float.jpg);
    padding-top: 30px;
}

video {
    width: 100%;
}

.video_ctrl {
    height: 615px;
    padding: 0;
}

#aboutus_qualities {
    margin: 0 0 7% 0;
}

.row.top h1 {
    width: 35%;
    margin-top: 10%;
    color: #89722F;
    font-size: 3em;
    font-family: Museo-500;
    text-transform: uppercase;
}
.row.top h2 {
    width: 35%;
    margin-top: 10%;
    color: #89722F;
    font-size: 3em;
    font-family: Museo-500;
    text-transform: uppercase;
}

.row.top img {
    width: 65%;
}

.row.bottom img,
.row.bottom ul {
    width: 50%;
}

.row.bottom img,
.row.top img {
    padding: 0;
}

.row.top h1,
.row.bottom img,
.row.top img,
.row.bottom ul {
    display: inline-block;
}

.row.bottom {
    overflow: hidden;
    position: relative;
    top: -112px;
}

.row.bottom ul {
    margin-top: 155px;
    list-style-type: lower-greek;
    padding-left: 3%;
}

.row.bottom li {
    /* background: url(../images/aboutus/ico-list.png)no-repeat left 6px; */
    background: url(../images/aboutus/ico-list.png)no-repeat left 6px, #000;
    padding: 6px 15px 6px 30px;
    font-size: 1.125em;
}

.wrap-straight .row.top img {
    float: right;
}

.wrap-straight .row.bottom ul {
    float: right;
}

.wrap-flip .row.top h1 {
    float: right;
    padding-left: 2em;
}

.wrap-flip .row.bottom img {
    float: right;
}

.bottom-shadow {
    background: url(../images/aboutus/shadow-bottom.png)repeat-x;
    position: absolute;
    bottom: 0;
    height: 422px;
    width: 100%;
}

.top-shadow {
    background: url(../images/aboutus/shadow-top.png)repeat-x;
    position: absolute;
    top: 0;
    height: 422px;
    width: 100%;
}

.inner.group.contact_us {
    background: url(../images/contactus/bg-top-contactus.jpg)no-repeat;
    background-size: contain;
    background-color: black;
}

.section.contact {
    margin-top: 139px;
}

.section.contact h6 {
    font-weight: 600;
    font-size: 1.250em;
    text-align: left;
}

.section.contact h4 {
    font-size: 1.875em;
    text-align: left;
    border-bottom: 2px solid rgba( 255, 255, 255, 0.212);
    padding-bottom: 4px;
    margin-bottom: 0.5em;
}

.section.contact p {
    font-size: 1.250em;
    text-align: left;
}

.section.contact h6,
.section.contact input {
    color: #89722F;
}

#contact-details.section.contact.bg-float .gold-bg p {
    text-align: justify;
}

.section.contact .gold-bg {
    padding: 52px 25px;
    margin-top: 50px;
    height: 100%;
    line-height: 1.2;
}

.section.contact input,
.section.contact textarea,
.section.contact select {
    width: 80%;
    margin-bottom:0px;
    padding: 20px 22px;
    border: 2px solid #89722F;
    background-color: #fff;
    color: #89722F;
}
#contact-us-form select {
	margin-bottom:0;
}
form#contact-us-form span {
    margin-bottom: 50px;
    display: block;
}
#contact-us-form label {
    display: none !important;
}
#contact-us-form label.error {
    display: block !IMPORTANT;
}

#request-package-form  label {
    display: none !important;
}
#request-package-form  label.error {
    display: block !IMPORTANT;
}



button.submit {
    color: #342601;
    text-transform: uppercase;
    font-family: Dubai-Medium;
    font-size: 1.125em;
    padding: 20px 70px;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgba(223, 190, 106, 0.8), rgba(146, 111, 52, 0.9), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    display: inline-block;
    border: 0;
}

a.submit {
    color: #342601;
    text-transform: uppercase;
    font-family: Dubai-Medium;
    font-size: 1.25em !important;
    padding: 10px 30px !important;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgba(223, 190, 106, 0.8), rgba(146, 111, 52, 0.9), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    display: inline-block;
    border: 0;
    margin: 0 auto !important;
}

.submit:hover {
    background-position: 99% 50%;
}

.media-photo-gallery .container {
    text-align: center;
}

.btn-viewall {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    border: 1px solid #89722F;
}

.viewall {
    /* color: #FFF !important; */
    padding: 15px 40px !important;
}

.gold-bg {
    background: url(../images/contactus/golden.jpg), rgba(0,0,0,0.1);
    height: 100%;
    max-width: 100%;
    background-size: cover;
}

.btn-goldan {
    background: url(../images/button_bg.png);
    background-size: cover;
    display: inline-block;
}

.golden {
    background: url(../images/golden.jpg);
    background-size: cover;
}

.section.contact input::-webkit-input-placeholder,
.section.contact textarea::-webkit-input-placeholder {
    color: #89722F;
    font-size: 1.125em;
    /*18px;*/
}

.section.contact input:-moz-placeholder,
.section.contact textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #89722F;
    font-size: 1.125em;
    /*18px;*/
}

.section.contact input::-moz-placeholder,
.section.contact textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #89722F;
    font-size: 1.125em;
    /*18px;*/
}

.section.contact input:-ms-input-placeholder,
.section.contact textarea:-ms-input-placeholder {
    color: #89722F;
    font-size: 1.125em;
    /*18px;*/
}


/*select for mozila and ie*/

@-moz-document url-prefix() {
    .section.contact select {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: "";
        background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
        /*background-image: url('assets/images/bookticket/visitform/dropdown.png');*/
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: no-repeat;
        background-position: 98% 45%;
    }
}

@media all and (-ms-high-contrast:none) {
    .section.contact select {
        -ms-appearance: none;
        appearance: none;
        text-indent: 0.01px;
        text-overflow: "";
        background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
        /*background-image: url('assets/images/bookticket/visitform/dropdown.png');*/
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: no-repeat;
        background-position: 98% 45%;
    }
    .section.contact select::-ms-expand {
        display: none;
    }
}


/* --------------=======================PLAN YOUR VISIT================================----------------- */

.inner.group.plan_visit {
    background: url(../images/planvisit/bg-top-planvisit.jpg)no-repeat;
    background-size: contain;
    background-color: black;
}

.price_time {
    margin-top: 10em;
}

.price_time .border .col-xs-12:first-child {
    padding: 0 5% 0 1%;
}

.price_time .list-prices>li {
    border-bottom: 1px solid #4d4d4d;
    padding: 2% 0;
    color: #000;
}

.price_time .list-prices>li:first-child {
    padding-top: 0;
}

.list-prices li {
    font-size: 1.125em;
    /*18px;*/
}

ul.list-prices li {
    font-size: 1.125em;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4444);
    padding-bottom: 6px;
    padding-top: 6px;
}

.list-prices span {
    float: right;
    font-size: 1em;
    /*18px;*/
    padding-left: 30px;
    /* color: #000; */
}

ul.list-prices li label {
    font-weight: normal;
    /* float: left; */
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}

.info-timings,
.price_time h1 {
    text-align: left;
    line-height: 1;
}

.price_time h1 {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: Museo-500;
}

.price_time .border {
    padding-bottom: 40px;
    padding-top: 70px;
}

button.buy,
button.know {
    font-size: 1.3em;
    padding: 10px 25px 5px;
}

button.buy:after {
    padding: 0 0 0 30px;
    content: '\003e';
    content: url(../images/planvisit/right-black.png);
    color: black;
    font-family: Museo-500;
    font-size: 0.75em;
    /*12px;*/
}

.price_time_btn {
    margin-top: 20px;
    text-align: center;
}

.row.bottom li a {
    color: white;
    position: relative;
}

.section.location h2 {
    font-size: 2.5em;
    color: #89722F;
    margin-bottom: 65px;
    text-align: center;
    font-family: Museo-500;
    text-transform: uppercase;
}

.section.location p {
    font-size: 1.125em;
    /*18px;*/
    margin-bottom: 20px;
}

.section.location {
    padding-top: 100px;
    background: black;
    margin-top: 50px;
    padding-bottom: 50px;
}

.section.location .container-fluid {
    position: relative;
    overflow: hidden;
}

.price_time .border .col-xs-12 {
    padding: 0 5% 0 5%;
}

.section.price_time .container:first-child {
    padding: 0;
}

.section.weather .container:first-child {
    border: 2px solid #a09f99;
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 20px 10px 20px 30px;
}

.section.weather {
    margin-top: 150px;
}

.section.weather h3 {
    font-size: 3.030625em;
    /*48.49px;*/
    color: #772028;
    text-align: left;
    margin: 0;
}
.section.weather h2 {
    font-size: 3.030625em;
    /*48.49px;*/
    color: #772028;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
}
.section.weather h1 {
    font-size: 3.030625em;
    /*48.49px;*/
    color: #772028;
    text-align: left;
    margin: 0;
}
.section.weather h1 label {
    color: #772028;
    font-weight: normal;
}

.section.weather h1 span {
    font-size: 0.5em;
    /*20px;*/
    color: #772028;
    text-transform: uppercase;
    display: block;
}

.section.weather h3 label {
    color: #772028;
    font-weight: normal;
}

.section.weather h2 span {
    font-size: 0.5em;
    /*20px;*/
    color: #772028;
    text-transform: uppercase;
    display: block;
}

.section.weather .container>div:nth-last-child(1) {
    float: right;
}

.section.weather .container>div:nth-last-child(1)>* {
    text-transform: uppercase;
    text-align: right;
    display: block;
    color: #772028;
}

.section.weather figure {
    display: flex;
    align-items: center;
}

.section.weather figure figcaption span {
    display: inline-block;
    /* float: left; */
    font-size: 3.125em;
    /*50px;*/
    color: #772028;
    background: white;
}

.body-inner .section.weather figure figcaption{
    color: #a09f99;
    text-transform: uppercase;
}

.section.weather .img-wrap img {
    margin: auto;
    width: auto;
}

.section.weather .img-wrap {
    width: 88px;
    height: 88px;
    border: 2px solid #a09f99;
    border-radius: 50%;
    margin-right: 12px;
    display: flex;
}

.section.discover .row.bottom ul li:first-child {
    background-image: none;
}

.section.discover {
    margin-top: 0;
}

.section.offer-promo {
    background: url(../images/planvisit/promotions.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 830px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.section.offer-promo h1 {
    color: #d0bc83;
    font-size: 3.125em;
    /*50px;*/
    text-align: left;
}


/*24-4-2018*/

.price_time .border p {
    font-size: 1.125em;
    line-height: normal;
    color: #000;
}

.opening-hours p {
    line-height: 1;
}

.section.location .container-fluid {
    padding: 0;
    margin: 0 0 5% 0;
}

#planvisite_discover .row.bottom li a {
    transition: all .3s ease-in;
}

#planvisite_discover .row.bottom li:hover a {
    margin-left: 15px;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}


/* --------------=======================PACKAGES================================----------------- */

.inner.group.packages {
    background: url(../images/packages/bg-top-packages.jpg)no-repeat;
    background-size: contain;
    background-color: black;
}

.section.packages {
    margin-top: 10em;
}

.section.packages .container:first-child {
    background: url(../images/packages/bg-list-packages.png)no-repeat;
    /* min-height: 866px; */
    padding: 90px 25px 98px 100px;
    background-size: cover;
    background-position: center;
}

.inner.packages .bg-float {
    background-position-y: 536px;
    /*margin-top: 196px;*/
    margin-top: 10%;
}

.list-packages li a {
    text-decoration: none;
    font-family: Museo-500;
    font-size: 2.0625em;
    /*33px;*/
    text-transform: uppercase;
    line-height: 0.5;
	color:#fff;
}

.list-packages li {
    border-bottom: 4px solid transparent;
    padding: 28px 0;
}

.list-packages li a:hover {
    /*border-bottom: 4px solid #89722F;*/
    padding: 21px 0;
}


/* --------------=======================PACKAGES-DETAILS================================----------------- */

.inner.group.packages_details {
    background: url(../images/packages/bg-top-packages.jpg)no-repeat;
    background-size: contain;
    background-color: black;
}


/*.section.packages-dtls .top {
	background: url(../images/packages/packages-details.jpg)no-repeat;
	min-height: 528px;
	background-size: cover;
	background-position: center;
	position: relative;
}*/

.section.packages-dtls .middle.col-xs-12 .left {
    padding-right: 3%;
}

.section.packages-dtls>.container>.col-xs-12,
.section.packages-dtls .container .middle {
    background-color: white;
}

.section.packages-dtls>.container:first-child .top {
    background-color: black;
    padding: 0;
}

.section.packages-dtls .share .bg-black {
    /* background-color: black; */
    padding: 7px 24px 9px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section.packages-dtls .container .row {
    padding: 0 15px;
    display: block;
}

.section.packages-dtls .container .col-xs-12>*>* {
    color: black;
    text-align: left;
}

.section.packages-dtls .container .left .col-xs-12 {
    padding-left: 0;
}

.section.packages-dtls .top h1 {
    color: white;
    position: absolute;
    bottom: 50px;
    left: 50px;
    margin-bottom: 0;
}

.section.packages-dtls input,
.section.packages-dtls textarea {
    display: block;
    border: 2px solid #89722F;
    margin: 19px 0;
    width: 80%;
    padding: 1.5%;
    color: #000;
}

.section.packages-dtls textarea {
    margin-bottom: 0;
}

.section.packages-dtls .form .sbmt {
    margin-right: 20%;
}

button.terms {
    padding: 15px 40px;
    font-size: 1.125em;
    /*18px;*/
}

.section.packages-dtls .container .gold-bg>*,
.section.packages-dtls .container .gold-bg>*>* {
    color: white;
}

.section.packages-dtls {
    margin-top: 10em;
}

.section.packages-dtls .middle {
    padding: 4% 2%;
}


/*.section.packages-dtls .share {
		padding: 0 27px 73px 41px;
	}*/

.section.packages-dtls .back button.back {
    margin-left: 29px;
    margin-bottom: 65px;
    padding: 15px 32px 13px 17px;
}

.section.packages-dtls .back button.back::before {
    content: url('../images/icon-left-black.png');
    padding: 0 18px 0 0;
}

.section.packages-dtls .share .bg-black span {
    color: black;
    font-size: 1.125em;
    /*18px;*/
}

.section.packages-dtls .share .bg-black p {
    margin-bottom: 0;
}

.section.packages-dtls .form {
    margin: 5% 0 0% 0;
    display: block;
}

.section.packages-dtls .form h1 {
    font-size: 2.8125em;
    /*45px;*/
}
.section.packages-dtls .form h2 {
    font-size: 2.8125em;
    /*45px;*/
}

.section.packages-dtls .middle p {
    font-size: 1.125em;
    /*18px;*/
    text-align: justify;
}

.section.packages-dtls .right {
    padding: 57px 31px 46px 27px;
}

.section.packages-dtls .right a.buy-now {
    width: 35%;
    border-bottom: 4px solid white;
    font-size: 1.25em;
    /*20px;*/
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    display: block;
}

.section.packages-dtls .right a.buy-now:hover {
    width: 50%;
}

.section.packages-dtls .right h4 {
    font-size: 1.875em;
    /*30px;*/
    border-bottom: 2px solid rgba( 255, 255, 255, 0.212);
    margin-bottom: 19px;
}

.section.packages-dtls .right h4:first-child {
    margin-bottom: 16px;
}

.section.packages-dtls .right h2 {
    font-size: 1.875em;
    /*30px;*/
    border-bottom: 2px solid rgba( 255, 255, 255, 0.212);
    margin-bottom: 19px;
}

.section.packages-dtls .right h2:first-child {
    margin-bottom: 16px;
}


.bottom-pattern {
    background: url(../images/packages/bottom-pattern.png)no-repeat;
    position: absolute;
    bottom: -10px;
    right: -10px;
    background-size: contain;
    min-height: 108px;
    width: 167px;
}

.section.packages-dtls input::-webkit-input-placeholder,
.section.packages-dtls textarea::-webkit-input-placeholder {
    color: #767676;
    font-size: 1.125em;
    /*18px;*/
}

.section.packages-dtls input:-moz-placeholder,
.section.packages-dtls textarea:-webkit-input-placeholder {
    /* Firefox 18- */
    color: #767676;
    font-size: 1.125em;
    /*18px;*/
}

.section.packages-dtls input::-moz-placeholder,
.section.packages-dtls textarea::-webkit-input-placeholder {
    /* Firefox 19+ */
    color: #767676;
    font-size: 1.125em;
    /*18px;*/
}

.section.packages-dtls input:-ms-input-placeholder,
.section.packages-dtls textarea:-webkit-input-placeholder {
    color: #767676;
    font-size: 1.125em;
    /*18px;*/
}

.termsCondi i {
    color: black;
    vertical-align: sub;
    margin-left: 5px;
}


/* --------------=======================PHOTO-GALLERY================================----------------- */

.inner.group.mediagallery {
    background: url(../images/mediacenter/photogallery/bg-top-photogallery.jpg)no-repeat;
    background-size: contain;
    background-color: black;
}

.section.photo-gallery {
    margin-top: 123px;
}

.section.photo-gallery .col-lg-3 {
    position: relative;
    margin-bottom: 49px;
    overflow: hidden;
}

.section.photo-gallery figcaption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 21px 0 18px 18px;
    font-family: Museo-500;
    font-size: 1em;
    /*16px;*/
    color: #d0bc83;
    background: rgba(0, 0, 0, 0.5);
}

.golden-color {
    width: 50px;
    height: auto;
    margin: 0 auto;
}

.golden-color path,
.golden-color polygon,
.golden-color rect {
    fill: #89722F;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -webkit-transition: 200ms;
    transition: 200ms;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#services a:hover .golden-color path,
#services a:hover .golden-color polygon,
#services a:hover .golden-color rect {
    fill: #000;
}

#services a:hover .img-wrap {
    background: url('../images/bg_golden.jpg') no-repeat center center;
    background-size: auto auto;
    background-size: cover;
    border: 0;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.story-wrap .col-xs-12.col-md-4:hover img {
    opacity: 0.5;
    /* filter: alpha(opacity=50); */
	/* -moz-opacity:0.5; */
  /* -khtml-opacity: 0.5; */
    /* For IE8 and earlier */
}

.story-wrap::after {
    content: '';
    position: absolute;
    height: 4px;
    background-color: #89722F;
    left: 0;
    right: 0;
    top: 45.35%;
    margin-left: 30px;
    margin-right: 30px;
    z-index: 0;
}

@-moz-document url-prefix() {
    .story-wrap::after {
        top: 45.3%;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .story-wrap::after {
        top: 45.3%;
    }
}


/* Chrome 29+ */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .story-wrap::after {
        top: 45.55%;
    }
}


/* Chrome 22-28 */


/* @media screen and (-webkit-min-device-pixel-ratio:0) {
    .story-wrap::after {
        -chrome-: only ( top: 45.55%;
        );
    }
} */

@supports (-ms-accelerator:true) {
    .story-wrap::after {
        top: 45.3%;
    }
}

.inner-container,
.great-place-visit {
    z-index: 0;
}

/* .inner-container .line::after { */
    /* content: ""; */
    /* position: absolute; */
    /* height: 4px; */
    /* background-color: #89722F; */
    /* top: -5px; */
    /* width: 100%; */
    /* z-index: 0; */
    /* margin-top: 70%; */
/* } */


/* .inner-container .linelast::after { */
    /* content: ""; */
    /* position: absolute; */
    /* height: 4px; */
    /* background-color: #89722F; */
    /* top: -5px; */
    /* width: 88%; */
    /* z-index: 0; */
    /* margin-top: 70%; */
/* } */



.img-responsive {
    -moz-transition: 250ms;
    -o-transition: 250ms;
    -webkit-transition: 250ms;
    transition: 250ms;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.story-wrap,
.special-experiences {
    width: 100%;
    height: auto;
}

.s-experiences {
    overflow: auto;
    height: auto;
}

.special-experiences-container {
    width: 1368px !important;
}


/**/


/*--------------new changes annie--------*/

.fa.fa-tripadvisor {
    padding: 6px;
}

.list-packages li a::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #89722F;
    transition: width .3s;
}

.list-packages li a:hover::after {
    width: 35%;
    transition: width .5s;
}

.uppercase {
    text-transform: uppercase;
}

.row.bottom,
.row.top {
    padding: 0 15px;
}


/* --------------=======================FAQ================================----------------- */

.inner.group.faq {
    background: url(../images/packages/bg-top-packages.jpg)no-repeat;
    background-size: contain;
    background-color: black;
}

.panel-body {
    color: #4c4c4c;
    font-family: Dubai-Regular;
    font-size: 1.125em;
    /*18px;*/
    padding-left: 4%;
}

.panel-heading a {
    font-family: Dubai-Bold;
    font-size: 1.3125em;
    /*21px;*/
}

.panel-group i.glyphicon {
    color: #000;
    font-size: 0.7em;
    margin-right: 20px;
}


/*.panel-heading a.panel-title.active {
		background-image: url(../images/faq-minus.png);
	}

	.panel-heading a.panel-title {
		background-image: url(../images/faq-plus.png);
		background-repeat: no-repeat;
		display: block;
		padding: 15px 0 15px 85px;
		background-position: 15px center;
		text-decoration: none;
		color: black;
	}*/

.panel.panel-default {
    border: 0;
}

.panel-default>.panel-heading {
    background-color: #fff;
}


/* -----annie new css 2-4-2018 ------ */


/* --------------=======================MEDIA CENTER================================----------------- */

time {
    text-transform: uppercase;
    font-family: Museo-500;
}

.inner.group.mediacenter {
    background: url(../images/mediacenter/photogallery/bg-top-photogallery.jpg)no-repeat;
    background-size: contain;
    background-color: black;
}

.mediacenter .slider-for {
    width: 100%;
    height: 100%;
    margin: 30px auto 1px;
    overflow: hidden;
    position: relative;
}

.mediacenter .slider-nav {
    width: 100%;
    position: absolute;
    bottom: 21px;
    margin: auto;
}

.mediacenter .slider-nav .slick-track {
    height: 119px;
    width: 214px;
}

.mediacenter .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
    background: transparent;
    border: 0;
}

.mediacenter .slick-prev {
    left: 0;
}

.mediacenter .slick-next {
    right: 0;
}


/* .slick-list.draggable{box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);background-color:rgba(0,0,0,0.5);} */

.mediacenter .item.slick-slide {
    padding: 0 10px;
}

.mediacenter .slick-next.slick-arrow {
    right: -2vw !important;
}

.mediacenter .slick-prev.slick-arrow {
    left: -2vw !important;
}

.mediacenter .slick-prev.slick-arrow img {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mediacenter .slick-slide img {
    max-width: 100%;
}

.section.media-photo-gallery .container .wrap-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.section.media-photo-gallery {
    margin-top: 30px;
    padding-top: 50px;
}

.section.media-photo-gallery h1 {
    font-size: 3.125em;
    /*50px;*/
    color: #89722F;
    font-family: Museo-500;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.section.media-photo-gallery h2 {
    font-size: 3.125em;
    /*50px;*/
    color: #89722F;
    font-family: Museo-500;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    /* box-shadow: inset 50px 50px 60px 142px rgba(0,0,0,0.6); */
    border-radius: 0;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset 0px -60px 100px 100px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px -60px 100px 100px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px -60px 100px 100px rgba(0, 0, 0, 0.75);
}

.fig-caption {
    position: absolute;
    bottom: 162px;
    width: 100%;
    padding: 19px 0;
    text-align: center;
    /* box-shadow: inset 0 -30px 38px 5px rgba(0, 0, 0, 0.6); */
    margin: auto;
}

.fig-caption p {
    margin-bottom: 0;
    font-size: 1.125em;
    /*18px;*/
    font-family: Dubai-Light;
}

.section.news-events {
    margin-top: 10em;
    /* background: rgba(0, 0, 0, 1);
    box-shadow: -10px -50px 40px 40px rgba(0, 0, 0, 1); */
}

.section.news-events h2 {
    color: #89722F;
    font-size: 3.125em;
    line-height: 0.8;
    font-family: Museo-500;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.section.news-events h4 {
    color: #89722F;
    font-size: 1.25em;
    /*20px;*/
    line-height: 0.8;
    border-bottom: 3px solid #89722F;
    margin-top: 27px;
    display: inline-block;
    padding-bottom: 12px;
    margin-bottom: 23px;
    font-weight: 600;
}

.section.news-events .border {
    padding: 54px 30px 75px 30px;
    text-align: center;
}

.section.news-events .border .skewed-border {
    right: 63px;
}

.section.news-events time {
    font-size: 1.125em;
    /*18px;*/
    color: black;
}

.section.news-events p {
    font-size: 1.125em;
    /*18px;*/
    display: inline-block;
    width: 80%;
}

.news-event-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}

.section.social-world {
    /* margin-top: 158px; */
    padding: 60px 0;
}

.section.social-world h1 {
    font-size: 2.5em;
    /*40px;*/
}


/* .inner.group #social {
    background-image: url(../images/aboutus/bg-inner-float.jpg);
} */

div.wrap-say h1 {
    pointer-events: none;
}

.fancybox-slide--iframe {
    margin: auto;
    padding: 0;
}

.fancybox-content {
    margin-bottom: 0;
}

.fancybox-slide--iframe .fancybox-content {
    height: 100% !important;
    margin-bottom: 0 !important;
}


/* News Detail*/

#newsSec2 {
    text-align: center;
    position: relative;
    /*max-width: 1510px;*/
    margin: 0 auto;
    margin-top: 5vw;
    /* background-image: url(../images/bg-inner-float.jpg); */
}


/*End*/

.inner div#pages_header {
    margin-bottom: 7em;
}
.cd-horizontal-timeline .events-content li>* {
    width: 100%;
    height: 100%!important;
    margin: 0 auto;
    object-fit: cover;
}
#frameWrapper {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    height: auto;
}

#frameWrapper #banner {
    position: relative;
}


/* #bnrshdwHdng {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url(../images/bgShadow.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 400px;
} */

#bnrshdwHdng h1 {
    font-size: 3.75em;
    color: #fff;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

#bnrshdwHdng #brdcrmb {
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
    font-size: 1em;
}

#bnrLeftLogo {
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 5vw;
    text-align: left;
    width: 100%;
}

.back-btn {
    margin: 0 0 30px 25px;
}

.back-btn::before {
    padding: 0 0 0 15px;
    content: '\003e';
    content: url(../images/icon-left-black.png);
    color: black;
    font-family: Museo-500;
    font-size: 0.75em;
    /*12px;*/
    position: absolute;
    top: 17px;
}


/*-----------------news.html---------------------------*/

#main-news {
    position: relative;
    /*max-width: 1510px;*/
    max-width: 80vw;
    margin: 0 auto;
    /* margin-top: 4vw;
    background-image: url(../images/bg-inner-float.jpg); */
    margin-top: 4em;
    color: black;
}

#main-img {
    width: 43%;
    display: inline-block;
    margin: 0 auto;
}

#main-img img {
    width: 100%;
}

#main-dtls {
    width: 55%;
    display: inline-block;
    margin: 0 auto;
    padding: 0 0 0 3%;
    vertical-align: top;
}

#main-dtls p,
#main-dtls h3 {
    text-align: left;
    font-size: 1.875em;
    /*30px;*/
}

#main-dtls h3 {
    color: #89722F;
    border-bottom: 4px solid #89722F;
    padding: 0 0 1.5% 0;
}
#main-dtls h2 {
    color: #89722F;
    border-bottom: 4px solid #89722F;
    padding: 0 0 1.5% 0;
	    text-align: left;
    font-size: 1.875em;
}


#main-dtls span {
    font-family: 'Museo-500';
    display: inline-block;
    color: black;
    padding-top: 30px;
}

#main-dtls p {
    font-size: 1.125em;
    /*18px;*/
    color: black;
    margin-bottom: 20px;
}

#main-dtls a {
    color: black;
    padding: 2% 5%;
    font-family: 'Museo-500';
    font-size: 1.125em;
    /*18px;*/
    font-weight: 600;
    text-transform: uppercase;
}

#main-dtls p:nth-last-child(-n+2) {
    height: 9vw;
    overflow: hidden;
}

#newsSec2 .newsList {
    position: relative;
    width: 100%;
    color: #222;
}

#newsSec2 .slideImgWrap {
    width: 80%;
    float: left;
    cursor: pointer;
    position: relative;
    margin-bottom: 4vw;
}

#newsSec2 .brdrDiv {
    width: 20%;
    float: left;
    border: 0;
    /* border-bottom: 4px solid #89722F; */
    background-image: url(../images/bgCircleDisco.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#newsSec2 .imgDiv {
    border-bottom: 4px solid #89722F;
    line-height: 0;
}

#newsSec2 .newsList li:nth-child(3n) .brdrDiv,
#newsSec2 .newsList li:last-child .brdrDiv {
    display: none;
}

#newsSec2 .imgDiv img {
    width: 100%;
    height: auto;
}

#newsSec2 .newsList li {
    position: relative;
    width: 35.5%;
    display: inline-block;
    vertical-align: top;
    float: left;
}


/*fix gap*/

#newsSec2 .newsList li:nth-child(3n) .slideImgWrap {
    width: 100%;
}

#newsSec2 .newsList li:nth-child(3n) {
    width: 28.4%;
}

#newsSec2 .textDiv>* {
    text-align: left;
    color: white;
}

#newsSec2 .textDiv {
    padding: 5% 5% 10% 5%;
    background-color: rgba(137, 114, 47, 0.769);
}

#newsSec2 .textDiv:hover {
    background-color: rgba( 109, 91, 38, 0.102);
    transition: all linear 0.3s;
}

#newsSec2 .textDiv:hover a.read::after {
    width: 250%;
    height: 4px;
    transition: all linear 0.3s;
}

#newsSec2 .textDiv h4 {
    font-size: 1.25em;
    /*20px;*/
    padding: 2% 0;
    margin-bottom: 0;
    border-bottom: 2px solid rgba( 255, 255, 255, 0.11);
    line-height: 1.3;
    text-transform: none;
}

#newsSec2 .textDiv span {
    font-size: 1em;
    /*16px;*/
}

#newsSec2 .textDiv p:nth-of-type(1) {
    border-bottom: 2px solid rgba( 255, 255, 255, 0.11);
    padding: 2% 0;
}

#newsSec2 .textDiv p {
    font-size: 1.125em;
    /*18px;*/
}

#newsSec2 .textDiv a.read {
    display: block;
    position: absolute;
    bottom: 0;
    font-size: 1.125em;
}

#newsSec2 .textDiv a.read::after {
    width: 100px;
    height: 4px;
    background-color: white;
    content: "";
    display: block;
    transition: all linear 0.3s;
}

#wrap-loadmore {
    display: block;
    position: relative;
    text-align: center;
}

#newsSec2 .load {
    text-align: center;
    margin-top: 5%;
}

#newsSec2 .load a {
    font-family: 'Museo-500';
    text-transform: uppercase;
    color: black;
    font-size: 1.375em;
    /*22px;*/
    font-weight: 600;
    padding: 1% 3%;
    display: inline-block;
}


/*-----------------news-detail.html---------------------------*/

#news-dtls #bannerInside {
    position: relative;
    height: auto;
}

#news-dtls #bnrshdwInside {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url(../images/bgShadow.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 400px;
}

#news-dtls #bnrHdngInside h1 {
    position: unset;
    font-size: 2.8125em;
    /*45px;*/
}

#news-dtls #bnrHdngInside {
    position: absolute;
    bottom: 5%;
    left: 2.5%;
}

#news-dtls #bannerInside img,
.packages-dtls #bannerInside img {
    max-width: 100%;
}

#news-dtls #bannerInside span {
    font-family: 'Museo-500';
    font-size: 1.125em;
    /*18px;*/
}

#news-dtls.section.packages-dtls .top {
    background-image: none;
}

#news-dtls #bannerInside img,
#news-dtls #bannerInside span {
    display: inline-block;
}

#news-dtls .top {
    padding: 0;
}

#news-dtls.section.packages-dtls input,
#news-dtls.section.packages-dtls textarea {
    padding:20px 22px;
    margin: 2.5% 0;
    color: black;
}


/*#news-dtls.section.packages-dtls .middle {
    margin: 4% 2% 4% 0;
}*/

.div_buy_now {
    display: block;
    -moz-transition: width 0.8s;
    -o-transition: width 0.8s;
    -webkit-transition: width 0.8s;
    transition: width 0.8s;
}

figure figcaption p.weather-label {
    color: #772028;
    text-transform: uppercase;
}
/*#news-dtls.section.packages-dtls .right a.buy-now::after {
	width: 0;
	content: '';
	display: block;
	height: 4px;
	background-color: transparent;
	transition: all linear 0.3s;
}

#news-dtls.section.packages-dtls .right a.buy-now:hover::after {
	content: '';
	display: block;
	width: 132px;
	height: 4px;
	background-color: white;
	transition: all linear 0.3s;
}*/

.Rectangle_6 {
    background-color: rgba( 47, 47, 47, 0.302);
}

.ddisplaynone {
    display: none;
}

.news-btn {
    margin: 5% 0 0 0;
    position: relative;
}


/*news details end*/


/* changes from  the desktop.css */

.body-inner footer {
    margin-top: 1%;
}

.body-inner section {
    height: auto;
}


/* header accessibility*/

#wrap-accessbility {
    min-width: 460px;
}

#wrap-accessbility .font>* {
    display: inline-block;
}

input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
}

#wrap-accessbility .font input[type=range] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    width: 150px;
    background: white;
    border-color: transparent;
    height: 2px;
    padding: 2px 0;
}

#wrap-accessbility .font input[type=range]::-webkit-slider-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: white;
    margin-top: -4px;
}

#wrap-accessbility .font input[type=range]:focus::-moz-range-track {
    background: #ccc;
}

#wrap-accessbility .font {
    padding: 2% 0;
    text-align: center;
}

#wrap-accessbility .btm .lDiv {
    border-bottom: 1px solid #3c3326;
    border-top: 1px solid #3c3326;
    padding: 2% 0;
}

#wrap-accessbility .btm .lDiv a {
    display: block;
    float: left;
    margin-right: 15px;
    text-align: center;
    text-decoration: none;
    padding: 3% 0;
}

#wrap-accessbility .btm .lDiv a span {
    font-family: 'Dubai-Light';
    font-size: 0.6875em;
    /*11px;*/
    margin-top: 7px;
    display: block;
    width: 100%;
}

#wrap-accessbility .btm .rDiv img {
    float: right;
    cursor: pointer;
    margin-top: 8px;
}

#wrap-accessbility .smlst {
    font-size: 0.75em;
    /*12px;*/
    margin-right: 10px;
}

#wrap-accessbility .big {
    font-size: 1.5em;
    /*24px;*/
    margin-left: 10px;
}


/*  aboutus.html */


/* ------ media-center.html -------------*/

.section.news-events img {
    margin: auto;
    width: 100%;
}

.mediacenter .slider-for .item.slick-slide {
    padding: 0;
}


/*discover.html*/

.inner.group.discover {
    background-image: url('../images/discover/bg-top-discover.png');
    background-repeat: no-repeat;
    background-color: black;
    max-width: 100%;
}

.inner.group.discover .story-wrap figcaption {
    background-color: rgba(137, 114, 47, 0.149);
}

.inner.group.discover #great-place {
    background-image: none;
}

.div_happiness {
    position: absolute;
    top: -100px;
    left: 100px;
    background-color: #89722F;
    padding: 10px;
    border-radius: 10px;
}

.discover_circle {
    position: relative;
}

.discover_line::after {
    content: "";
    position: absolute;
    height: 4px;
    background-color: #89722F;
    bottom: -4px;
    width: calc(100% + 100px);
    z-index: 0;
}

.discover_circle::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #635222;
    border: 4px solid #89722F;
    bottom: -10px;
    border-radius: 50%;
    z-index: 100;
    right: -62.5px;
}

.slick-slide img {
    cursor: pointer;
}


/*-----------------------events.html---------------------------*/

#calendar-YY-MM {
    text-align: center;
    font-family: Dubai-Regular;
    width: 100%;
}

#calendar-YY-MM .ul_months li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.25em;
    /*20px;*/
    /*margin: 0 2%;*/
    cursor: pointer;
    width: 8%;
    padding: 0.5% 0;
	    color: #222;
}

#calendar-YY-MM .ul_months li.active {
    background-color: #89722F;
    color: #fff;
}

#calendar-YY-MM .selected_year {
    font-size: 2.375em;
    /*38px;*/
    vertical-align: inherit;
    margin: 0 1%;
	color: #222;
}

#calendar-YY-MM i.fa {
    font-size: 2em;
    vertical-align: inherit;
    cursor: pointer;
    padding: 1%;
}

#calendar-YY-MM #year-YYYY {
    vertical-align: middle;
    width: 100%;
    margin-bottom: 1%;
}

#calendar-YY-MM #month-MM {
    width: 100%;
    border: 2px solid #89722F;
    padding: 1% 0;
}


/*-----------------news-detail.html---------------------------*/

#oldDubaiDesc.border {
    max-width: 1510px;
    margin: 0 auto;
    margin-top: 2em;
    padding: 7% 2%;
}
.body-inner h1.breadcrumbTitle {
    text-align: center;
	color:#222;
}
#concept {
    margin-top: 5%;
}

.wrap-follow-detail p a {
    border: 2px solid #000000;
    padding: 5px;
    margin-bottom: 0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    text-align: center;
    margin: 0 5px;
}

.wrap-follow-detail p a i {
    padding: 5px;
    background: #000000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: table;
    font-size: 1.125em;
    /*18px;*/
}

.wrap-follow-detail p a i.fa-facebook-f:before,
.wrap-follow-detail p a i.fa-facebook:before {
    padding-left: 0;
}

p.opening-text span {
    white-space: nowrap;
}


/*-----------------olddubai.html---------------------------*/

#oldPhotoGallery {
    margin-top: 5%;
    padding-top: 50px;
}

#oldPhotoGallery .slider-for {
    width: 100%;
    height: 100%;
    margin: 30px auto 1px;
    overflow: hidden;
    position: relative;
}

#oldPhotoGallery .slider-nav {
    width: 100%;
    position: absolute;
    bottom: 21px;
    margin: auto;
}

#oldPhotoGallery .slider-nav .slick-track {
    height: 119px;
    width: 214px;
}

#oldPhotoGallery .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    margin-top: -12px;
    background: transparent;
    border: 0;
}

#oldPhotoGallery .slick-prev {
    left: 0;
}

#oldPhotoGallery .slick-next {
    right: 0;
}


/* .slick-list.draggable{box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);background-color:rgba(0,0,0,0.5);} */

#oldPhotoGallery .item.slick-slide {
    padding: 0 10px;
}

#oldPhotoGallery .slick-next.slick-arrow {
    right: -2vw !important;
}

#oldPhotoGallery .slick-prev.slick-arrow {
    left: -2vw !important;
}

#oldPhotoGallery .slick-prev.slick-arrow img {
    transform: rotate(180deg);
}

#oldPhotoGallery .slick-slide img {
    max-width: 100%;
    margin: auto;
}


/* Annie - lg */


/*  aboutus.html */


/*  media-center.html */

.section.heading {
    background-image: url(../images/bgShadow.png);
    background-repeat: repeat-x;
    background-position: bottom;
    line-height: 30px;
}


/* Temp */

#discoverSec2 {
    position: relative;
    max-width: 80vw;
    margin: 0 auto;
    margin-top: 10em;
    background-image: url('../images/bg-inner-float.jpg');
}

#discoverSec2 .slideImgWrap {
    width: 100%;
    cursor: pointer;
    position: relative;
}

#discoverSec2 .slideImgWrap:hover .textDiv a {
    width: 35%;
    transition: all 0.3s linear;
}

#discoverSec2 .imgDiv {
    border-bottom: 4px solid #89722F;
    line-height: 0;
    position: relative;
}

#discoverSec2 .imgDiv img {
    width: 100%;
    height: auto;
    line-height: 0;
}

#discoverSec2 .textDiv {
    background-color: rgba(137, 114, 47, 0.15);
    padding: 35px 3% 80px 3%;
    position: relative;
}

#discoverSec2 .textDiv h3 {
    text-align: left;
    font-size: 2.0625em;
    /*33px;*/
    text-transform: uppercase;
}
#discoverSec2 .textDiv h1 {
    text-align: left;
    font-size: 2.0625em;
    /*33px;*/
    text-transform: uppercase;
}

#discoverSec2 .textDiv p {
    text-align: justify;
    font-size: 1.125em;
    /*18px;*/
    font-family: Dubai-Regular;
}

#discoverSec2 .textDiv a {
    bottom: 1em;
    font-family: Dubai-Regular;
    font-size: 1.125em;
    /*18px;*/
    position: absolute;
}

#discoverSec2 .textDiv a.read::after {
    content: '';
    display: block;
    height: 4px;
    background-color: #89722F;
    width: 100px;
    transition: all linear 0.3s;
}

#discoverSec2 .slideImgWrap:hover a.read::after {
    content: '';
    display: block;
    height: 4px;
    background-color: #89722F;
    width: 200px;
    transition: all linear 0.3s;
}

#discoverSec2 .arrowsPrev {
    position: absolute;
    left: -65px;
}

#discoverSec2 .arrowsNext {
    position: absolute;
    right: -65px;
}

ul.bxslider,
ul.bxslider li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#discoverSec2 .bx-wrapper {
    position: relative;
    margin-bottom: 0px;
    padding: 0;
    touch-action: pan-y;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: #000;
}


/*-----------------youare.html---------------------------*/

#topNavTabMenu {
    background-color: #89722F;
}

#ulMenuTab.nav-tabs>li.active>a,
/* #ulMenuTab.nav-tabs>li.active>a:focus, */
#ulMenuTab.nav-tabs>li.active>a:hover {
    background-color: rgba( 255, 255, 255, 0.2);
    border: 0;
}

#ulMenuTab.nav-tabs>li>a,
/* #ulMenuTab.nav-tabs>li>a:focus, */
#ulMenuTab.nav-tabs>li>a:hover {
    color: rgb( 255, 255, 255);
    font-family: 'Museo-500';
    font-size: 1.25em;
    /*20px; */
}

#ulMenuTab.nav>li>a {
    padding: 15px 20px;
    margin-bottom: 0;
}

#ulMenuTab.nav-tabs {
    border-bottom: 0;
    position: absolute;
    bottom: -73px;
}

#topNavTabMenu .scrtabs-tab-scroll-arrow,
#topNavTabMenu .scrtabs-tab-scroll-arrow .scrtabs-click-target {
    position: relative;
    bottom: -25px;
}

#ulMenuTab.dropdown-menu>li>a {
    color: white;
}

#ulMenuTab.dropdown-menu {
    left: 0;
}

.dropdown-menu p {
    font-size: 1em;
}

#contentTabMenu .left h4 {
    color: #987a66;
    font-size: 1.875em;
    /*30px;*/
    text-transform: initial;
}

#contentTabMenu {
    padding: 0;
}

#bottomImgTxt {
    padding: 0;
    min-height: 511px;
    background: white;
    background-image: url('../images/youare/teacher.jpg');
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

#bottomImgTxt .right p {
    color: white;
    font-size: 1.125em;
    /*18px;*/
    margin-bottom: 0;
}

#bottomImgTxt .right {
    background-color: rgba( 0, 0, 0, 0.8);
    margin-left: 50%;
    padding: 3.5% 2% 3% 3.4%;
}

#topNavTabMenu a {
    margin-bottom: 0;
    background: #89722F;
    color: white;
    font-family: 'Museo-500';
    font-size: 1.875em;
    /*30px;*/
    padding: 5% 0 4% 0;
}

#topNavTabMenu a i {
    float: right;
    color: white;
}


/*
	Mobile Menu
*/


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-img-replace {
    /* replace text with a background-image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.overflow-hidden {
    overflow: hidden;
}


/* -------------------------------- 

Main components 

-------------------------------- */

.cd-main-content {
    /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
    min-height: 100%;
    position: relative;
    background-color: #f5f4e9;
    z-index: 2;
    padding-top: 50px;
    /* Force Hardware Acceleration in WebKit */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.cd-main-content.lateral-menu-is-open {
    /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
}

#cd-logo {
    display: block;
    float: left;
    margin: 12px 0 0 20px;
}

#cd-logo img {
    display: block;
}

@media only screen and (min-width: 768px) {
    .cd-main-content {
        padding-top: 70px;
    }
    .mobile-menu-icon {
        height: 70px;
    }
    #cd-logo {
        margin: 22px 0 0 30px;
    }
    #cd-menu-trigger {
        width: 110px;
        padding-left: 1.25em;
    }
    #cd-menu-trigger .cd-menu-text {
        display: inline-block;
        line-height: 70px;
    }
    #cd-menu-trigger .cd-menu-icon {
        left: auto;
        right: 1.25em;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    #cd-top-nav {
        display: block;
    }
    #cd-lateral-nav .cd-navigation {
        margin: 0 auto;
    }
}

.cd-navigation li {
    border-bottom: 1px solid #89722F;
}

#cd-top-nav {
    position: absolute;
    top: 0;
    right: 120px;
    height: 100%;
    display: none;
}

#cd-top-nav ul {
    height: 100%;
    padding-top: 18px;
}

#cd-top-nav li {
    display: inline-block;
    margin-right: 1em;
}

#cd-top-nav a {
    display: inline-block;
    padding: .5em;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
}

#cd-top-nav a.current {
    background-color: #242e30;
}

.no-touch #cd-top-nav a:hover {
    color: rgba(255, 255, 255, 0.7);
}

#cd-menu-trigger {
    position: absolute;
    right: 2.5vw;
    top: 0;
    height: 100%;
    width: 30px;
    /*background-color: #64807d;*/
}
#cd-menu-trigger {
    margin-top: 20px;
}

#df-inner-header #cd-menu-trigger {
    right: 31px;
    top: -21px;
}

/* #df-inner-header #cd-menu-trigger.is-clicked {
    top: -115px;
} */

#cd-menu-trigger .cd-menu-text {
    height: 100%;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    display: none;
}

#cd-menu-trigger .cd-menu-icon {
    /* this span is the central line in the menu menu */
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 30px;
    height: 4px;
    background-color: #FFF;
    border-radius: 5px;
    /* these are the upper and lower lines in the menu menu */
}

#cd-menu-trigger .cd-menu-icon::before,
#cd-menu-trigger .cd-menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: inherit;
    left: 0;
}

#cd-menu-trigger .cd-menu-icon::before {
    bottom: 8px;
}

#cd-menu-trigger .cd-menu-icon::after {
    top: 8px;
}

#cd-menu-trigger.is-clicked .cd-menu-icon {
    background-color: rgba(255, 255, 255, 0);
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before,
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
    background-color: white;
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#cd-menu-trigger.is-clicked .cd-menu-icon::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#cd-lateral-nav {
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    visibility: hidden;
    /* the secondary navigation is covered by the main element */
    z-index: 11;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    overflow-y: auto;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
    -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
    transition: transform .4s 0s, visibility 0s .4s;
    /* this creates the subtle slide in animation of the navigation */
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

#cd-lateral-nav .cd-navigation {
    margin: 0 auto;
    padding: 0;
}

#cd-lateral-nav .sub-menu {
    padding: 25px 0;
    display: none;
}

#cd-lateral-nav a {
    display: block;
    line-height: 2em;
    padding: 7px 0;
    color: #FFF;
    margin-left: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
}

#cd-lateral-nav li.current {
    background-color: #89722F;
}

#cd-lateral-nav a.current {
    background-color: #89722F;
    color: #FFF;
}

.no-touch #cd-lateral-nav a:hover {
    color: #FFF;
}

#cd-lateral-nav.lateral-menu-is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    /* smooth the scrolling on touch devices - webkit browsers */
    -webkit-overflow-scrolling: touch;
}


/* style menu items which have a submenu  */

#cd-lateral-nav .item-has-children>a {
    position: relative;
    /*text-transform: uppercase;*/
    /*font-weight: 600;*/
    /* this is the right arrow to show that the item has a submenu  */
}

#cd-lateral-nav .item-has-children>a::after {
    content: '';
    display: block;
    /* height: 11px;
    width: 8px; */
    position: absolute;
    top: 50%;
    bottom: auto;
     -webkit-transform: translateY(-50%) rotate( 45deg);
    -moz-transform: translateY(-50%) rotate( 45deg);
    -ms-transform: translateY(-50%) rotate( 45deg);
    -o-transform: translateY(-50%) rotate( 45deg);
    transform: translateY(-50%) rotate( 45deg);
    right: 1em;
   /* background: url("../images/menu-arrow.svg") no-repeat center center;
    background-size: 8px 11px;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s; */
    box-sizing: border-box;
    height: 2vw;
    width: 2vw;
    border-style: solid;
    border-color: white;
    border-width: 0px  2px  2px  0px;
    transition: border-width 150ms ease-in-out;
}

#cd-lateral-nav .item-has-children>a.submenu-open::after {
     -webkit-transform: translateY(-50%) rotate(224deg);
    -moz-transform: translateY(-50%) rotate(224deg);
    -ms-transform: translateY(-50%) rotate(224deg);
    -o-transform: translateY(-50%) rotate(224deg);
    transform: translateY(-50%) rotate(224deg); 
}

.sub-menu {
    background: #2c2c2c;
}

.sub-menu li {
    border-bottom: none;
}

.sub-menu li a {
    padding: 0 !important;
}

@media only screen and (max-width: 767px) {
    .mobile-menu-icon {
        /*position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	
	z-index: 10;*/
        /* Force Hardware Acceleration in WebKit */
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    /* .mobile-menu-icon.lateral-menu-is-open {
        /* translate to show the lateral menu */
    /*-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px);*/
    /* } */
    .mobile-menu-icon.is-fixed {
        position: fixed;
    }
    .wrap-follow-menu {
        padding: 0;
        margin: 0 auto;
        width: 100%;
        background-color: #2c2c2c;
        border: 1px solid #FFF;
    }
    .wrap-follow-menu p {
        width: 90%;
        margin: 15px 5% 10px 5%;
    }
    .wrap-follow-menu p a {
        border: 2px solid #000000;
        padding: 3px !important;
        margin-bottom: 0;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block !important;
        align-items: center;
        text-decoration: none;
        width: 45px;
        margin: 0 2px !important;
    }
    .wrap-follow-menu i {
        padding: 8px;
        background: #000000;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        display: table;
        font-size: 2em;
    }
    .wrap-follow-menu .fa:before {
        display: table-cell;
        vertical-align: middle;
    }
    .wrap-follow-menu .fa-facebook-f:before,
    .wrap-follow-menu .fa-facebook:before {
        padding-left: 2px;
    }
    /*.wrap-follow-menu .fa-instagram-f:before, .wrap-follow-menu .fa-instagram:before {
			padding-left: 5px;
		}*/
    .wrap-follow-menu.fa-youtube:before,
    .wrap-follow-menu .fa-youtube:before {
        padding-left: 2px;
    }
    .wrap-follow-menu .fa-twitter-f:before,
    .wrap-follow-menu .fa-twitter:before {
        padding-left: 1px;
    }
    .wrap-follow-menu .fa-snapchat-ghost:before,
    .wrap-follow-menu .fa-snapchat-ghost:before {
        padding-left: 1px;
    }
    /*.wrap-follow-menu .fa-tripadvisor:before, .wrap-follow-menu .fa-tripadvisor:before {
			padding-left: 3px;
		}*/
    .cd-single-item-wrapper {
        background: rgba(0, 0, 0, 0.7);
    }
    .cd-single-item-wrapper li {
        border: none;
    }
    .menu-lang {
        height: 50px;
        width: 100%;
    }
    /* .menu-shadow {
        background: url(../images/bg_top_menu_shadow.png) repeat-x;
        min-height: 80px;
        background-position: left bottom;
        background-size: cover;
    } */
}


/*end Mobile Menu  */


/*Search icon*/

#search-wrap {
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 60px;
    /* float: right; */
    padding: 0;
    width: 100%;
	flex: 0 0 70%;
    max-width: 70%;
}

#search-wrap input[type="text"] {
    height: 60px;
    font-size: 24px;
    display: inline-block;
    font-weight: normal;
    border: none;
    outline: none;
    color: grey;
    padding: 3px;
    padding-right: 60px;
    width: 100%;
    border-bottom: 1px solid grey;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /* transform: translatex(-50%); */
    background: none;
    z-index: 3;
    -moz-transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    -o-transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    -webkit-transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

#search-wrap input[type="text"]:focus:hover {
    border-bottom: 2px solid #af923d;
}

/* #search-wrap input[type="text"]:focus {
    width: 100%;
    z-index: 1;
    border-bottom: 2px solid #af923d;
    cursor: text;
} */

#search-wrap input[type="submit"] {
    width: 63px;
    display: inline-block;
    /* float: right; */
    background: url(../images/icon-search-black.png) center center no-repeat;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    z-index: 4;
    cursor: pointer;
    opacity: 0.4;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

#search-wrap input[type="submit"]:hover {
    opacity: 0.8;
}


/* End Search*/


/* Custom CSS*/

.top-banner-url {
    visibility: hidden;
}

main.inner {
    background-size: contain;
    background-color: black;
    background-repeat: no-repeat;
}

.breadcrumb li {
    text-transform: capitalize;
}

form label {
    color: #333;
}

#gif.loadingGif {
    display: block;
    width: 50px;
    visibility: hidden;
    margin-left: 50%;
}

.opening-hours p {
    text-align: left;
    line-height: 1;
    color: #000;
}

.opening-hours p strong {
    color: #000;
}

#map div {
    color: #89722F;
}

#block-languageswitcher.language-switcher-language-url {
    display: none;
}

.dropdown-menu>.active>a,
/* .dropdown-menu>.active>a:focus, */
.dropdown-menu>.active>a:hover {
    background: none !important;
}

.nav .dropdown-menu li.active,
.nav .dropdown-menu>li>a:hover {
    background: none;
}

section.content-banner {
    background-position: center;
    min-height: 830px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.section.contact select {
    width: 80%;
    margin-bottom: 34px;
    padding: 20px 22px;
    border: 2px solid #89722F;
    background-color: #fff;
    color: #89722F;
}

.section.contact #txtOther {
    display: none;
}
#request-package-form  span {
    margin-bottom: 20px;
    display: block;
}
#request-package-form  input {
	margin-bottom:0px!important;
}
.section.contact label.errorMsg {
    margin-bottom: 15px;
    color: red;
    position: absolute;
    font-weight: unset;
}
 label.errorMsg {
    margin-bottom: 15px;
    color: red;
    font-weight: unset;
}

.section.contact #contact-us-form[novalidate="novalidate"] select.error,
.section.contact #contact-us-form[novalidate="novalidate"] input.error,
.section.contact #contact-us-form[novalidate="novalidate"] textarea.error {
    border: 1px solid red;
    transition: all 0.3s ease-in;
}

.section.contact textarea.error {
    display: inherit;
}

.loadingGifContact {
    display: inline-flex;
    width: 50px;
    vertical-align: middle;
    visibility: hidden;
}

.section.contact textarea {
    color: #89722F;
}

#map {
    height: 500px;
}

@media (max-width:1024px) {
    .loadingGif {
        margin-left: 0%;
    }
}


/********** Gallery **************/

ol,
ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

@media only screen and (max-width:767px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 7rem;
    }
    .cd-horizontal-timeline .events-content em {
        font-size: 2rem;
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 1.8rem;
    }
    .timeline-gallery {
        display: none !important;
    }
    .logo-icon {
        width: 10%;
    }
    .back {
        width: 15%;
    }
}


/********** Gallery **************/

.events-wrapper .events a {
    margin-bottom: 0;
}

button#submitContact {
    background: transparent;
    border: none;
}

.loadinggif {
    width: 50px;
    position: absolute;
    bottom: 1px;
    left: 40%;
    visibility: hidden;
}

.inner section {
    height: auto;
}

#frameWrapper {
    height: auto;
}

#bottomImgTxt {
    background-image: none;
}

.fancybox-container.fancybox-show-infobar.fancybox-show-nav.fancybox-is-open.fancybox-can-drag .fancybox-content {
    width: 100% !important;
    padding: 2%;
}

.fancybox-container.fancybox-show-infobar.fancybox-show-nav.fancybox-is-open.fancybox-can-drag .fancybox-content img {
    max-width: 100%;
    max-height: 100%;
}

.news-events h4 a {
    text-transform: uppercase;
    line-height: 1;
}

.ulOpeningHours li {
    background: url(../images/aboutus/ico-list.png)no-repeat left 6px;
    padding: 6px 15px 6px 40px;
    font-size: 1.125em;
    /*18px;*/
    text-align: left;
    color: #000;
}

.home_banner {
    background-size: cover;
}

.img-social {
    position: absolute;
    /* display: inline-block; */
    overflow: hidden;
    left:15px;
    top:0;
    right:15px;
    bottom:30px;
}

.wrap-heart {
    position: absolute;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    top: 0;
    width: 100%;
    left: 0;
}

.user-login-form {
    margin: 40px auto;
    text-align: center;
}

.user-login-form input {
    color: #222;
}

.user-login-form label {
    color: #eee;
}

.messages.messages--error {
    position: absolute;
    margin: 40vh;
    text-align: center;
}

.section.content-banner h1 {
    color: #d0bc83;
    font-size: 50px;
    text-align: left;
    font-family: Museo-500;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.map-container:before {
    top: -5px;
    left: -0;
    right: 0;
    height: 0px;
}

.map:before {
    bottom: 0px;
    left: 0;
    right: 0;
    height: 0px;
}

.map-container:before,
.map-container:after,
.map:before,
.map:after {
    position: absolute;
    display: block;
    box-shadow: -10px -10px 75px 50px rgba(0, 0, 0, 1);
    content: '';
    z-index: 5;
}

.map {
    color: #89722F;
}

.general-tmp {
    margin-top: 2%;
}

.general-tmp .middle {
    background: white;
    padding: 3% 10%;
}

.general-tmp .wrap-search_item>* {
    text-align: left;
    color: black;
}

.general-tmp .middle p {
    font-size: 1.125em;
    margin-bottom: 0;
    line-height: 1.4;
    color: #000;
}

.general-tmp .middle h4 {
    margin-bottom: 0.5%;
}

.wrap-search_item {
    padding: 2% 0;
    border-bottom: 1px solid #ddd;
}

.nav li.dropdown.active {
    background: none;
}

#pkg-dtls #bannerInside {
    position: relative;
    height: auto;
}

#pkg-dtls #bannerInside img {
    max-width: 100%;
}

#pkg-dtls #bnrshdwInside {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url(../images/bgShadow.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 400px;
}

#pkg-dtls #bnrHdngInside {
    position: absolute;
    bottom: 5%;
    left: 2.5%;
}

#pkg-dtls #bnrHdngInside h1 {
    position: unset;
    font-size: 45px;
}

#pkg-dtls.packages-dtls.section .top {
    background-image: none;
    min-height: initial;
    padding: 0;
}

#pkg-dtls.packages-dtls.section .top img {
    width: 100%;
}

#pkg-dtls.packages-dtls.section .sbmt {
    margin-right: 20%;
}

#package-detail-submit {
    background: none;
    border: none;
}

.section.packages-dtls .container .col-xs-12.middle p {
    text-align: justify;
    /* display: flex; */
}


/********** news ****************/

#ul-news-list .discover_circle {
    position: relative;
}

#newsSec2 .imgDiv {
    position: relative;
}

#ul-news-list .discover_line::after {
    left: 0;
    width: calc(100% + 200px);
}

#newsSec2 .newsList li:nth-child(3n) .slideImgWrap .discover_circle::after,
#newsSec2 .newsList li:nth-child(3n) .slideImgWrap .discover_line::after {
    display: none;
}

#newsSec2 .textDiv>*>* {
    text-align: left;
    color: white;
}

#newsSec2 .slideImgWrap:hover .textDiv {
    background-color: rgba( 109, 91, 38, 0.102);
    transition: all linear 0.3s;
}

#newsSec2 .textDiv a.read {
    margin-bottom: 5%;
}

#newsSec2 li:last-child .slideImgWrap .discover_line::after,
#newsSec2 li:last-child .slideImgWrap .discover_circle::after {
    display: none;
}

#newsSec2 .slideImgWrap {
    background-color: rgba(137, 114, 47, 0.769);
    padding: 0;
}

#newsSec2 .textDiv:hover,
#newsSec2 .textDiv {
    background-color: transparent !important;
}

#newsSec2 .slideImgWrap:hover {
    background-color: rgba( 109, 91, 38, 0.102);
    transition: all linear 0.3s;
}


/********** news ****************/

.block-content {
    text-align: center;
    padding: 20px 0;
}

.price_time .list-prices>li {
    text-align: left;
}

.wrap-search_item p,
.wrap-search_item b,
.wrap-search_item a,
.wrap-search_item {
    color: #000;
}

.search-result {
    min-height: 500px;
    background-color: #FFF !important;
}

a.dial {
    color: #fff;
}

.fancybox-button.fancybox-button--close {
    display: none;
}

.st-btn[data-network="print"],
.st-btn[data-network="livejournal"],
.st-btn[data-network="odnoklassniki"],
.st-btn[data-network="xing"],
.st-btn[data-network="meneame"],
.st-btn[data-network="mailru"],
.st-btn[data-network="stumbleupon"],
.st-btn[data-network="vk"],
.st-btn[data-network="weibo"],
.st-btn[data-network="blogger"],
.st-btn[data-network="digg"],
.st-btn[data-network="flipboard"] {
    display: none !important;
}

.sitemap-links li {
    line-height: 2;
    background: url(../images/aboutus/ico-list.png)no-repeat left 6px;
    padding: 6px 15px 6px 40px;
    border-bottom: 1px dotted #ccc;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.special-experiences a {
    cursor: default;
}

.sitemap-links li a:hover {
    margin-left: 15px;
    border-bottom: 1px dotted #222;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/* .story-wrap figure img:hover { */
    /* -moz-transform: scale(1.1); */
    /* -ms-transform: scale(1.1); */
    /* -o-transform: scale(1.1); */
    /* -webkit-transform: scale(1.1); */
    /* transform: scale(1.1); */
/* } */

.section.packages-dtls .col-xs-12 .left ul li {
    background: url(../images/aboutus/ico-list.png)no-repeat left 6px;
    padding: 6px 15px 6px 40px;
}

 .blackAndWhiteBg {
    background-color: #000 !important;
}

.blackAndWhiteColor {
    color: #fff !important;
}

.invertBW {
    background-color: #000 !important;
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: greayscale(100%) !important;
}

.invertBW #experiences,
.invertBW #main-news,
.invertBW #newsSec2,
.invertBW #discoverSec2 {
    background-image: none !important;
}

.invertBW .section.news-events,
.invertBW .border,
.invertBW .inner .inner-list-content,
.invertBW .bg-float,
.invertBW #social,
.invertBW #discoverSec2 .bx-wrapper,
.invertBW .bx-wrapper {
    background: none !important;
}

.invertBW .section.packages-dtls>.container>.col-xs-12,
.invertBW .section.packages-dtls .container .middle,
.invertBW figure,
.invertBW .panel,
.invertBW .panel-default>.panel-heading,
.invertBW .share .bg-black {
    background-color: #000 !important;
}



/*White and Black*/

.whiteAndBlackBg {
    background-color: #000 !important;
}

.whiteAndBlackColor {
    color: #FFF !important;
}

.invertWB {
    background-color: #FFF !important;
    -webkit-filter: grayscale(100%) invert(1) !important;
    -moz-filter: grayscale(100%) invert(1) !important;
    -ms-filter: grayscale(100%) invert(1) !important;
    -o-filter: grayscale(100%) invert(1) !important;
    filter: greayscale(100%) invert(1) !important;
}


/*.invertWB #experiences,*/

.invertWB #main-news,
.invertWB #newsSec2,
.invertWB #discoverSec2 {
    background-image: none !important;
}

.invertWB .section.news-events,
.invertWB .border,
.invertWB .inner .inner-list-content,
.invertWB .bg-float,
.invertWB #social,
.invertWB #discoverSec2 .bx-wrapper,
.invertWB .bx-wrapper {
    background: none !important;
}


/*.invertWB #services figure

        {

             background: unset !important;

        }*/

.invertWB .section.packages-dtls>.container>.col-xs-12,
.invertWB .section.packages-dtls .container .middle,
.invertWB figure,
.invertWB .panel,
.invertWB .panel-default>.panel-heading,
.invertWB .share .bg-black {
    background-color: #000 !important;
}


/*End White and */


/* Yellow and Blue*/

.yellowAndBlueBg {
    background-color: #0000FF !important;
}

.yellowAndBlueColor {
    color: #ffff00 !important;
}

.invertYB {
    background-color: #ffff00 !important;
    filter: invert(100%);
}

.invertYB #experiences,
.invertYB #main-news,
.invertYB #newsSec2,
.invertYB #discoverSec2 {
    background-image: none !important;
}

.invertYB .section.news-events,
.invertYB .border,
.invertYB .inner .inner-list-content,
.invertYB .bg-float,
.invertYB #social,
.invertYB #discoverSec2 .bx-wrapper,
.invertYB .bx-wrapper {
    background: none;
}

.invertYB .section.packages-dtls>.container>.col-xs-12,
.invertYB .section.packages-dtls .container .middle,
.invertYB figure,
.invertYB .panel,
.invertYB .panel-default>.panel-heading,
.invertYB .share .bg-black {
    background-color: #0000FF !important;
}

.mob-banner-icons {
    display: none;
}

.banner-icons {
    position: fixed;
    left: 15px;
    top: 35%;
    z-index: 10;
    text-align: left;
}

.banner-icons ul {
    margin: 0;
    padding: 0;
}

.banner-icons ul li {
    overflow: hidden;
    list-style: none;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    display: block;
}

.banner-icons ul li span {
    cursor: pointer;
    background: #89722F;
    border-radius: 100%;
    line-height: normal;
    display: inline-block;
    border: 1px solid #89722F;
    z-index: 10;
    position: relative;
    height: 52px;
    width: 52px;
    padding: 0;
}

.banner-icons ul li span img {
    max-width: 100%;
    z-index: 10;
}

.banner-icons ul li .iconLinks {
    cursor: pointer;
    background: #89722F;
    opacity: 0;
    color: #ffffff;
    max-width: 0;
    display: inline-block;
    text-decoration: none;
    margin: 0;
    transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color;
    padding: 5px 15px 5px 15px;
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    visibility: hidden;
    top: -18px;
    left: -14px;
    position: relative;
}

.banner-icons ul li .iconLinks:hover {
    cursor: pointer;
    opacity: 1;
    max-width: 200px;
    transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s;
    visibility: visible;
}

.banner-icons ul li span:hover+.iconLinks {
    cursor: pointer;
    opacity: 1;
    max-width: 200px;
    transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s;
    visibility: visible;
}

.banner-icons ul li .iconLinks.showName {
    opacity: 1;
    max-width: 500px;
    visibility: visible;
}

#ar_accessibility,
#mob_ar_accessibility {
    display: none;
}

li.dropdown.active a.about-us {
    background: rgba(137, 114, 47, 0.9);
}

body.page_24 .section.packages-dtls ul li p {
    margin-bottom: 0;
    color: #000;
}

.section.contact .gold-bg a {
    color: black;
}

.price_time .border .ticket-price {
    border-left: 2px solid #89722F;
}

.section.weather figure figcaption label {
    color: #a09f99;
    font-weight: 400;
}

body.en.page_2 .wrap-flip .row.top img {
    z-index: 1;
}

.content_min_height {
    min-height: 345px;
}

.content_min_height img {
    max-width: 100%;
}

input[type="range"]::-ms-fill-upper {
    background-color: white;
}

input[type="range"]::-ms-fill-lower {
    background-color: white;
}

#frameWrapper #banner img {
    max-width: 100%;
}

.accessbility_icon {
    max-height: 60px;
}

.blackoverlay {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
}

.noticepanel {
    position: absolute;
    z-index: 1010;
    width: 30vw;
    height: 40vh;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.noticepanel .border.pattern {
    position: relative;
    padding: 50px 50px;
    max-height: 100%;
}

.noticepanel .border.pattern .skewed-border {
    width: 135px;
    right: 65px;
}

body.ar .noticepanel .border.pattern .skewed-border {
    left: 65px;
    right: auto;
}

.noticepanel .closeicon {
    position: absolute;
    right: -20px;
    top: -45px;
    color: #89722F;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
}

.noticepanel .closeicon a {
    line-height: 1;
    display: inline-block;
    margin: 0;
}

.noticepanel .content-area {
    padding: 30px 20px;
}

.noticepanel .content-area h3.txt_title {
    padding: 0;
    margin: 2px 0 20px;
    font-size: 2.5em;
}

div#YourGuid {
    padding-top: 3%;
    padding-bottom: 2%;
    border-top: 2px solid #89722F;
    margin-top: 5%;
}

div#YourGuid h1 {
    text-align: center;
}

div#YourGuid ul {
    text-align: left;
    margin: 0;
    padding: 0;
    display: inline-block;
    column-count: 2;
}

div#YourGuid ul li {
    /* width: 50%;
    display: inline-block; */
    /* float: left; */
    padding-right: 35px;
}

#mob_wrap-accessbility {
    display: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
    .noticepanel {
        width: 50vw;
        height: 50vh;
    }
}

@media only screen and (max-width: 768px) {
    .noticepanel {
        width: 65vw;
        height: 50vh;
    }
}

#footerContactForm label,
#searchForm label,
#request-package-form label,
#contact-us-form label {
    display: none !important;
}

.hiddenspan,
.hiddenLabel {
    display: none !important;
}

li.language_select a.language img {
    height: 28px;
    margin-top: -4px;
}

.nav>li.language_select>a:hover {
    background: none;
}

.book_bf_en>a.btn,
.ticket-xs a.btn.btn-bf {
    background: #89722F url(../images/icon_bf.png) 0% 45% no-repeat;
    background-size: 28%;
    padding: 10px 10px 10px 45px;
}

.ticket-xs a.btn.btn-bf {
    padding: 5px 5px 5px 40px;
}

.book_bf_en {
    float: right;
    margin-right: 1em;
    display: none;
}

.book_bf_en>a {
    font-family: Museo-500;
    font-size: 0.85em;
}

.book_bf_en>a:hover
/* ,.book_bf_en>a:focus  */
{
    color: #fff;
    background-color: #b7a162;
}

#df-headermenu {
    display: none;
    background: white;
}

#banner-menu {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 30px 0;
}

#banner-menu ul {
    align-items: center;
    justify-content: center;
    display: flex;
}

#banner-menu ul li {
    display: block;
    float: left;
    min-width: 200px;
    text-align: center;
}

#banner-menu ul li a {
    color: #000;
    padding: 8px 20px 8px 5px !important;
    display: flex;
    align-items: center;
    height: inherit;
    font-size:20px;
    line-height: 1.1;
    margin-bottom: 0px;
    font-family: 'Dubai Regular';
    display: block;
}

#banner-menu ul li a:hover {
    color: #800823;
}

#banner-menu li a:before {
    background-image: url(../images/Media_Center.png);
}

#banner-menu li.discover a:before {
    background-image: url(../images/Plan_Your_Visit.png);
}

#banner-menu li a:before {
    content: "";
    border: 1px solid #791927;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    margin: 0 auto 15px;
}

#banner-night-menu {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 30px 0;
}

#banner-night-menu ul {
    align-items: center;
    justify-content: center;
    display: flex;
}

#banner-night-menu ul li {
    display: block;
    float: left;
    min-width: 200px;
    text-align: center;
}

#banner-night-menu ul li a {
    color: #000;
    padding: 8px 20px 8px 5px !important;
    display: flex;
    align-items: center;
    height: inherit;
    font-size:20px;
    line-height: 1.1;
    margin-bottom: 0px;
    font-family: 'Dubai Regular';
    display: block;
}

#banner-night-menu ul li a:hover {
    color: #800823;
}

#banner-night-menu li a:before {
    background-image: url(../images/Media_Center.png);
}

#banner-night-menu li.discover a:before {
    background-image: url(../images/Plan_Your_Visit.png);
}

#banner-night-menu li a:before {
    content: "";
    border: 1px solid #791927;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    margin: 0 auto 15px;
}
#banner-day-menu {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 30px 0;
}

#banner-day-menu ul {
    align-items: center;
    justify-content: center;
    display: flex;
}

#banner-day-menu ul li {
    display: block;
    float: left;
    min-width: 200px;
    text-align: center;
}

#banner-day-menu ul li a {
    color: #000;
    padding: 8px 20px 8px 5px !important;
    display: flex;
    align-items: center;
    height: inherit;
    font-size:20px;
    line-height: 1.1;
    margin-bottom: 0px;
    font-family: 'Dubai Regular';
    display: block;
}

#banner-day-menu ul li a:hover {
    color: #800823;
}

#banner-day-menu li a:before {
    background-image: url(../images/Media_Center.png);
}

#banner-day-menu li.discover a:before {
    background-image: url(../images/Plan_Your_Visit.png);
}

#banner-day-menu li a:before {
    content: "";
    border: 1px solid #791927;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    margin: 0 auto 15px;
}
#df-side-menu {
    position: absolute;
    right: 10px;
    bottom: -80px;
    z-index: 9;
	top:200px !important;
}
#df-side-menu li{
	display:block !important;
}
#df-side-menu li a{
	display:block !important;
}
.sticky #df-side-menu {
    display: none;
}
li.language_select {
    position: absolute;
    top: -87%;
    right: 40%;
    /* z-index: 999999; */
}

.ar #df-side-menu {
    position: absolute;
    right: auto;
    left: 10px;
}

.ar #df-side-menu .navbar-nav>li {
    float: right !important;
}



.special-experiences .slick-dots,
#social .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 3rem 0;
    list-style-type: none;
    position: inherit;
}

.special-experiences .prev-arrow,
.special-experiences .next-arrow,
#social .prev-arrow,
#social .next-arrow {
    bottom: 11px;
}

.special-experiences .slick-arrow i,
#social .slick-arrow i {
    color: #800823 !important;
}

.special-experiences .slick-dots li,
#social .slick-dots li {
    margin: 0 10px !important;
}

.special-experiences .slick-dots button,
#social .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #d1d0d0 !important;
    text-indent: -9999px;
}

.special-experiences .slick-dots li.slick-active button,
#social .slick-dots li.slick-active button {
    background-color: #800823 !important;
    color: white !important;
}

.follow-card {
    display: flex;
    justify-content: center;
    padding: 3em 0 5em 0;
}

.follow-card a {
    /* padding:0 4em 0 0; */
    margin: 0 2em 0 2em;
}

.wrap-follow .fb i {
    color: #4267B2;
}

.wrap-follow .insta i {
    color: #fb3958;
}

.wrap-follow .youtube i {
    color: #FF0000;
}

.wrap-follow .twitter i {
    color: #1DA1F2;
}

.wrap-follow .snapchat i {
    color: #FFFC00;
}

.wrap-follow .tripadvisor i {
    color: #00AF87;
}

footer .wrap-follow .fb:hover i {
    background-color: #4267B2;
    color: #fff;
}

footer .wrap-follow .insta:hover i {
    background-color: #fb3958;
    color: #fff;
}

footer .wrap-follow .youtube:hover i {
    background-color: #FF0000;
    color: #fff;
}

footer .wrap-follow .twitter:hover i {
    background-color: #1DA1F2;
    color: #fff;
}

footer .wrap-follow .snapchat:hover i {
    background-color: #FFFC00;
    color: #fff;
}

footer .wrap-follow .tripadvisor:hover i {
    background-color: #00AF87;
    color: #fff;
}

.feedback-container h1 {
    margin-bottom: 60px;
    font-size: 2.5em;
    color: #830823;
    position: relative;
}
.feedback-container > h2 {
    margin-bottom: 60px;
    font-size: 2.5em;
    color: #830823;
    position: relative;
}

.section-subheading {
    margin-bottom: 2vh;
    font-size: 2rem;
    text-align: left;
    color: #404040 !important;
    margin-top: -5px !important;
    opacity: 0.8;
}

.special-experiences,
#instafeed1 {
    margin-top: 40px !important;
}

.feedback-container .default-bg {
    background: #f5f4f9;
    border-radius: 20px;
    padding: 15px 20px;
    position: relative;
}

.feedback-container h2 {
    font-size: 23px;
    color: #772028;
    font-family: 'Dubai Medium';
    width: 85%;
    min-height: 50px;
    line-height: 1.1;
}
.feedback-container .default-bg h2 {
    font-size: 23px;
    color: #772028;
    font-family: 'Dubai Medium';
    width: 85%;
    min-height: 50px;
    line-height: 1.1;
}

.feedback-row {
    padding: 2em 0 3em 0;
}

.view-more-box {
    text-align: right;
    padding: 0 0 4em 0;
}

.feedback-container .default-bg a {
    background: #772028;
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 20px;
    border: 1px solid #772028;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 2;
    box-shadow: 0px 3px 8px #cb9297;
}

.feedback-container .default-bg div {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #772028;
    border-radius: 100%;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    width: 45px;
    height: 45px;
}

.feedback-container .default-bg img:nth-of-type(2) {
    display: none;
}

.feedback-container .default-bg:hover img {
    display: none;
}

.feedback-container .default-bg p {
    line-height: 1.2;
    font-size: 16px;
    min-height: 100px;
    color: #333;
}

.feedback-container .default-bg:hover {
    background: #772028;
}

.feedback-container .default-bg:hover div i {
    color: #772028;
}

.feedback-container .default-bg:hover h1,
.feedback-container .default-bg:hover h2,
.feedback-container .default-bg:hover h3 {
    color: #fff;
}

.feedback-container .default-bg:hover div {
    background: #fff;
}

.feedback-container .default-bg:hover p {
    color: #fff;
}

.feedback-container .default-bg:hover a,
.feedback-container .default-bg a:hover
/* ,.feedback-container .default-bg a:focus  */
{
    background: #fff;
    color: #772028;
    box-shadow: none;
}

#df-inner-header {
    position: absolute;
    /* z-index: 9; */
    min-height: 100px;
    width: 100%;
    bottom: -300px;
    transition: all 0.2s;
}

#df-inner-header #df-side-menu {
    /* display: none !important; */
    top: -255%;
}

.ar #df-inner-header #df-side-menu {
    /* display: none !important; */
    top: -260%;
}

#df-inner-header #df-headermenu {
    display: block;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-animation: slide-down .7s;
    -moz-animation: slide-down .7s;
    animation: slide-down .7s;
}

/* .translate { */
    /* display: inline-block; */
    /* min-width: 50px; */
/* } */

/* .language_select { */
    /* position: absolute !important; */
    /* right: 117px; */
    /* top: -75%; */
    /* z-index: 9999999; */
    /* width: 80px; */
/* } */

/* .ar .language_select { */
    /* position: absolute !important; */
    /* left: 130px; */
    /* top: -85%; */
    /* z-index: 9999999; */
    /* width: 72px; */
    /* right: auto; */
/* } */

#df-inner-header #df-side-menu .dropdown,
#df-inner-header #df-side-menu .side-btn-book,
#df-inner-header .frame-logo-xs,
#df-inner-header .ticket-xs {
    display: none;
}

.my-frame-container .fancybox-content {
    width: 60%;
    height: 70vh !important;
}

/* nav#genesis-nav-primary .wrap { */
	/* display: flex; */
    /* justify-content: start; */
    /* width: 100%; */
    /* position: relative; */
    /* align-items: center; */
/* } */


@media screen and (max-width: 1500px) and (min-width: 1000px) {
    /* .language_select { */
        /* right: 85px; */
        /* top: -93%; */
    /* } */
}

@media (min-width: 1200px) and (max-width: 1600px) {
.great-place-visit .slick-initialized .slick-slide {
    margin-right: 40px;
}

}

@media (min-width: 767px) and (max-width: 991px) {
	/* #header-area .one-half { */
    /* min-height: 172px; */
/* } */
#banner-menu ul li {
    min-width: 100px;
}
#banner-day-menu ul li {
    min-width: 100px;
}
#banner-night-menu ul li {
    min-width: 100px;
}
#services figure {
    margin-bottom: 1em;
}
#services {
    margin: 50px 0 30px 0;
}
footer.footer h1 {
    font-size: 2em;
}
footer.footer h2 {
    font-size: 2em;
}
footer {
    margin-top: 0%;
}
#discoverSec2 {
    max-width: 85vw;
	margin-top: 1em;
}
}

@media (min-width: 992px) and (max-width: 1120px) {
	li.language_select {
    top: -157%;
}
#banner-menu ul li {
    display: block;
    float: left;
    min-width: 100px;
    text-align: center;
}
#banner-night-menu ul li {
    display: block;
    float: left;
    min-width: 100px;
    text-align: center;
}
#banner-day-menu ul li {
    display: block;
    float: left;
    min-width: 100px;
    text-align: center;
}
.slick-initialized .slick-slide {
    margin-right: 30px;
}
.container {
    max-width: 90.7562%;
}
.feedback-container h2 {
    font-size: 17px;
}
.wrap-follow i {
    width: 70px;
    height: 70px;
}
#discoverSec2 {
    max-width: 90vw;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
		li.language_select {
    top: -138%;
	right:36%;
}
.slick-initialized .slick-slide {
    margin-right: 45px;
}
.great-place-visit .img-wrap::before {
    right: -35px;
}
.story-wrap figcaption {
    padding: 20px 8px 23px;
}
#great-place p {
    font-size: 1.15em;
}
.row.top h1 {
    font-size: 2em;
}
.feedback-container h2 {
    font-size: 16px;
}
.wrap-follow i {
    width: 80px;
    height: 80px;
}
.body-inner h1 {
    font-size: 2em;
}
#discoverSec2 {
    max-width: 85vw;
}

}


/* #oldPhotoGallery .item.slick-slide { */
    /* margin:0 !important; */
	/* padding:0 !important; */
/* } */

.fancybox-container div#frameWrapper {
    display: none;
}

.section.packages .container{
    background: url(../images/packages/bg-list-packages.png)no-repeat, rgba( 0, 0, 0, 0.1);
    /* min-height: 866px; */
    padding: 90px 25px 98px 100px;
    background-size: cover;
    background-position: center;
	position:relative;
}

.section.packages .container:before{
    background: url(../images/aboutus/bg-inner-float.jpg);
	    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    opacity: 0.5;
    left: 0;
}

/* Bypass blocks start */
.bypassBlocksMenu{
    top: 0;
    margin: 0;
    left: 0;
}
.bypassBlocksMenu.active{
    position: absolute;
    z-index: 1000;
}
html[lang="ar-AE-u-nu-latn"] .bypassBlocksMenu,
html[lang="ar"] .bypassBlocksMenu{
    left: inherit;
    right:0;
}
.bypassBlocksMenu li{
    height: 0;
    list-style: none;
    width: 0;
    opacity: 0;
}
.bypassBlocksMenu li a{
    padding: 10px;
    display: block;
    color: #fff;
    background: #000;
    font-size: 19px;
}
.bypassBlocksMenu li a:hover,
/* .bypassBlocksMenu li a:focus{text-decoration: none;color: #eee;} */
.bypassBlocksMenu li.active{
    height: inherit;
    width: auto;
    z-index: 1;
    opacity: 1;
}
.bypassBlocksMenu li.active a{
    z-index: 1;
}
/* Bypass blocks end */


/*Contract CSS*/
.contextual .trigger {
    background-color: #fff !important;
    color: black !Important;
}


.masthead-nav-right {
    display: none;
}
.frontpage  .masthead-nav-right {
    display: block;
}
.bubble-icon button {
    padding: 20px 20px;
}
.dv-fares-chat .bubble {
	padding:0;
}
.great-place-visit a:focus-visible {
    outline: 2px solid #fff !important;
}
.great-place-visit .slick-slide:focus-visible {
    outline: 2px solid #fff !important;
}

.great-place-visit .slick-list {
    padding:2px 1px;
}
#services a {
	display:block;
}
#services figure:focus-visible {
    outline: 2px solid #222 !important;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.INDfontsize130 #ubermenu-main-6-primary-2, .INDfontsize140 #ubermenu-main-6-primary-2, .INDfontsize150 #ubermenu-main-6-primary-2 {
    width: 50%;
}
.INDfontsize150 .login #Login tspan {
    font-size: 80%!important;
}
.INDfontsize150 .bubbles h1 {
    right: 138px;
}
.INDfontsize150  .dv-fares-chat h1 {
    left: -200px;
    right:inherit;
}
.ar.INDfontsize150  .dv-fares-chat h1{
    left: -188px;
}

.INDfontsize150 .bubble-icon span.fas,
.INDfontsize150 .bubble-icon span.fa
{
    font-size: 30px !important;
}
.INDfontsize.ar .ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop {
    right: 0 !important;
}
.INDfontsize .ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop {
    width: 100vw!important;
}
.INDfontsize150  section * , .INDfontsize150  .inner *, .INDfontsize150  footer * {
    font-size: 100.5%!important;
    line-height: 1!important;
}
.INDfontsize150 figcaption .read {
    position: inherit; 
}
.INDfontsize150  #df-inner-header{
    bottom: -330px;
}
.INDfontsize150 .copyright {
    padding: 20px;
}
.INDfontsize150 .feedback-container .default-bg {    
    min-height: 275px;
}
.INDfontsize150 .feedback-container .default-bg a {
    margin-top: 10px;
}
.INDfontsize150 #df-side-menu {
	top:230px !important;
}