@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700 rel="stylesheet');

@font-face {

    font-family: noto_sans_arabicregular;

    src: url(fonts/notosansarabic-regular-webfont.woff2) format('woff2'), url(fonts/notosansarabic-regular-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal
}



@font-face {

    font-family: noto_sans_arabicthin;

    src: url(fonts/notosansarabic-thin-webfont.woff2) format('woff2'), url(fonts/notosansarabic-thin-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal
}



@font-face {

    font-family: noto_sansregular;

    src: url(fonts/notosans-regular-webfont.woff2) format('woff2'), url(fonts/notosans-regular-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal
}



@font-face {

    font-family: noto_sanslight;

    src: url(fonts/notosans-light-webfont.woff2) format('woff2'), url(fonts/notosans-light-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal
}



html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%
}



a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

p,

pre,

q,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline
}



* {

    -webkit-tap-highlight-color: transparent;

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}



article,

aside,

details,

figcaption,

figure,

footer,

header,

img,

menu,

nav,

section {

    display: block
}



ol,

ul {

    list-style: none
}



html {

    -webkit-text-size-adjust: none
}



a {

    display: inline-block
}



a,

a:hover {

    text-decoration: none;

    color: #000;

    outline: 0
}



a:focus {

    text-decoration: none
}



:active,

:focus {

    outline: 0 !important
}



p:empty {

    margin: 0 !important;

    padding: 0 !important
}



q {

    quotes: "\00201c" "\00201d";

    display: inline-block
}



q:before {

    content: open-quote !important
}



q:after {

    content: close-quote !important
}



table {

    border-collapse: collapse;

    border-spacing: 0;

    table-layout: fixed
}



input[type=button]::-moz-focus-inner,

input[type=submit]::-moz-focus-inner {

    border: 0
}



input[type=button]:focus,

input[type=submit]:focus {

    outline: 0
}



input,

select {

    vertical-align: middle
}



input[type=button],

input[type=email],

input[type=password],

input[type=submit],

input[type=text],

textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    appearance: none;

    box-shadow: none;

    outline: 0;

    border-radius: 0
}



input[type=button]:focus,

input[type=email]:focus,

input[type=password]:focus,

input[type=submit]:focus,

input[type=text]:focus,

textarea:focus {

    outline: 0
}



[placeholder]:focus::-webkit-input-placeholder {

    transition: opacity .5s ease;

    -moz-transition: opacity .5s ease;

    -ms-transition: opacity .5s ease;

    -webkit-transition: opacity .5s ease;

    opacity: 0
}



[placeholder]:focus::-moz-placeholder {

    transition: opacity .5s ease;

    -moz-transition: opacity .5s ease;

    -ms-transition: opacity .5s ease;

    -webkit-transition: opacity .5s ease;

    opacity: 0
}



[placeholder]:focus::-ms-input-placeholder {

    transition: opacity .5s ease;

    -moz-transition: opacity .5s ease;

    -ms-transition: opacity .5s ease;

    -webkit-transition: opacity .5s ease;

    opacity: 0
}



::-webkit-input-placeholder {

    color: #727272
}



::-moz-placeholder {

    color: #727272
}



:-ms-input-placeholder {

    color: #727272
}



:-moz-placeholder {

    color: #727272
}



img {

    width: 100%;

    display: block
}



h1,

h2,

h4 {

    font-family: noto_sans_arabicthin;

    font-weight: inherit
}



.h1,

h1 {

    font-size: 60px;

    line-height: 1.2
}



.h2,

h2 {

    font-size: 50px;

    line-height: 1.2;

    letter-spacing: 1.8px
}



.h3,

h3 {

    font-size: 50px;

    line-height: 1.5;

    font-weight: inherit
}



.h4,

h4 {

    font-size: 40px;

    line-height: 1.5
}



.h5,

h5 {

    font-size: 20px;

    line-height: 1.5;

    font-weight: inherit
}



.h6,

h6 {

    font-size: 18px;

    line-height: 1.17;

    font-weight: inherit
}



#slide-2 .b2-icon {

    max-width: 450px;

    max-height: 450px;

    width: 100%;

    height: 100%;

}



@media (max-width:1500px) {

    #slide-2 .b2-icon {

        max-width: 400px;

        max-height: 400px;

    }

}



.ptext,

p,

q {

    font-size: 18px;

    line-height: 2;

    color: #000 !important;

    letter-spacing: .057em;

    font-family: noto_sans_arabicregular, sans-serif !important;

    font-weight: 400 !important
}



a {

    font-size: 15px;

    font-weight: 400;

    cursor: pointer
}



body {

    font-family: noto_sans_arabicregular, sans-serif;

    min-width: 320px
}



select:active,

select:hover {

    outline: 0
}



@-webkit-keyframes fadeInBlur {

    from {

        opacity: .3;

        filter: blur(6px);

        -webkit-filter: blur(6px)
    }

    to {

        opacity: 1;

        filter: blur(0);

        -webkit-filter: blur(0)
    }

}



@keyframes fadeInBlur {

    from {

        opacity: .3;

        filter: blur(6px);

        -webkit-filter: blur(6px)
    }

    to {

        opacity: 1;

        filter: blur(0);

        -webkit-filter: blur(0)
    }

}



@-webkit-keyframes fadeOutBlur {

    from {

        opacity: 1;

        filter: blur(0);

        -webkit-filter: blur(0)
    }

    to {

        opacity: .3;

        filter: blur(6px);

        -webkit-filter: blur(6px)
    }

}



@keyframes fadeOutBlur {

    from {

        opacity: 1;

        filter: blur(0);

        -webkit-filter: blur(0)
    }

    to {

        opacity: .3;

        filter: blur(6px);

        -webkit-filter: blur(6px)
    }

}



svg {

    width: 100%;

    height: 100%
}



.full-content-link {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1
}



.selectric {

    background: 0 0;

    border-radius: 5px;

    position: relative
}



.selectric:before {

    content: "\e901";

    font-family: icomoon !important;

    color: #17cdb6;

    position: absolute;

    font-size: 8px;

    right: 6px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)
}



.selectric b.button {

    display: none
}



@font-face {

    font-family: icomoon;

    src: url(fonts/icomoon.eot?hn4cwg);

    src: url(fonts/icomoon.eot?hn4cwg#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?hn4cwg) format('truetype'), url(fonts/icomoon.woff?hn4cwg) format('woff'), url(fonts/icomoon.svg?hn4cwg#icomoon) format('svg');

    font-weight: 400;

    font-style: normal
}



[class*=" icon-"],

[class^=icon-] {

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}



.fancybox__container {

    z-index: 1000000 !important;

}



.fancybox__button--fullscreen {

    display: none !important;

}



.fancybox__button--zoom {

    display: none !important;

}



.card-row>div {

    cursor: pointer;

}



.icon-down-arrow:before {

    content: "\e909"

}



.icon-watermark-logo .path1:before {

    content: "\e904";

    color: #fcbf13;

    opacity: .0730
}



.icon-watermark-logo .path2:before {

    content: "\e905";

    margin-left: -.96679687em;

    color: #c7c8c9;

    opacity: .0730
}



.icon-watermark-logo .path3:before {

    content: "\e906";

    margin-left: -.96679687em;

    color: #c7c8c9;

    opacity: .0730
}



.icon-watermark-logo .path4:before {

    content: "\e907";

    margin-left: -.96679687em;

    color: #c7c8c9;

    opacity: .0730
}



.icon-watermark-logo .path5:before {

    content: "\e908";

    margin-left: -.96679687em;

    color: #fcbf13;

    opacity: .0730
}



.icon-instagram:before {

    content: "\e900"

}



.icon-twitter:before {

    content: "\e901"

}



.icon-arrow:before {

    content: "\e902"

}



.icon-facebook:before {

    content: "\e903"

}



body {

    -webkit-overflow-scrolling: touch
}



.container {

    width: 1400px;

    margin: 0 auto
}



.f_right {

    float: right !important
}



.pad-right_45 {

    padding-right: 45px
}



.block-b2,

.block-bk {

    padding: 0 74px
}



h2+p,

h3+p,

h4+p {

    margin: 22px 0 26px;

    opacity: .9
}



i.b2-icon {

    width: 168px;

    height: 142px;

    display: inline-block
}



i.icon-stared {

    width: 81px;

    height: 91px;

    display: inline-block
}



.slide .container {

    height: 100%;

    display: table
}



.web-btn {

    min-width: 235px;

    color: #fff;

    text-align: center;

    line-height: 3.18;

    letter-spacing: .15em;

    text-transform: uppercase;

    position: relative;

    box-sizing: border-box;

    border: 1px solid #b58f47;

    background-color: #b58f47;

    transition: all .5s ease-in-out;

}



.web-btn:hover {

    background-color: transparent !important;

    color: #b58f47;

}





/* .web-btn>div{

    border:1px solid #b58f47!important;

} */





/* .web-btn>div:hover{

    border-color:rgba(181,143,71,.2)!important;

    transition:all .5s ease 0s

} */



.web-btn.ui-web-btn {

    border-color: rgba(181, 143, 71, .2);

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    -ms-transition: all .2s linear;

    transition: all .2s linear
}



.web-btn span {

    display: block;

    padding: 0 0
}





/* .web-btn>div::after,.web-btn>div::before{

    content:"";

    width:0;

    height:1px;

    position:absolute;

    transition:all .2s linear;

    background:#b58f47

}

.web-btn span::after,.web-btn span::before{

    content:"";

    width:1px;

    height:0;

    position:absolute;

    transition:all .2s linear;

    background:#b58f47

} */



#slide-1 {

    background-color: #000;

}



.web-btn>div:hover::after,

.web-btn>div:hover::before {

    width: 100%
}



.web-btn>div:hover span::after,

.web-btn>div:hover span::before {

    height: 104%
}



.web-btn>div::after {

    left: 0;

    top: -1px;

    transition-delay: .6s
}



.web-btn span::after {

    transition-delay: .4s;

    right: -1px;

    top: -1px
}



.web-btn>div::before {

    right: 0;

    bottom: -1px;

    transition-delay: .2s
}



.web-btn span::before {

    transition-delay: 0s;

    left: -1px;

    bottom: -1px
}



.web-btn>div:hover::after {

    transition-delay: .3s
}



.web-btn>div:hover span::after {

    transition-delay: .5s
}



.web-btn>div:hover::before {

    transition-delay: .7s
}



.web-btn>div:hover span::before {

    transition-delay: .9s
}



.screen-mode {

    display: none
}



.screen-mode.landscape {

    background-color: #000;

    position: fixed;

    height: 100%;

    width: 100%;

    display: table;

    z-index: 100
}



.screen-mode.landscape p,

.screen-mode.landscape p::after {

    animation-delay: .2s;

    animation-iteration-count: 1;

    animation-duration: .8s;

    animation-fill-mode: both;

    animation-timing-function: cubic-bezier(0, 0, .2, 1)
}



.screen-mode.landscape p {

    position: absolute;

    font-size: 17px;

    user-select: none;

    animation-name: reveal-text;

    color: #fff;

    white-space: nowrap;

    font-weight: 400;

    font-family: Roboto, sans-serif;

    height: 37px;

    width: 380px;

    margin: 0 auto;

    transform: translate(-50%, -50%);

    top: 50%;

    left: 50%
}



.screen-mode.landscape p::after {

    content: "";

    position: absolute;

    z-index: 999;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #1f1f1f;

    transform: scaleX(0);

    transform-origin: 0 50%;

    pointer-events: none;

    animation-name: revealer-text
}



.desktop-logo {

    display: block;

}



.mobile-logo {

    display: none;

}



@media (max-width:575.98px) {

    .mobile-logo {

        display: block;

    }

    .desktop-logo {

        display: none;

    }

}



header {

    position: absolute;

    width: 100%
}



header .scroll_wrap {

    animation: none;

    -webkit-transform: translateY(-80px);

    transform: translateY(-80px);

    z-index: 50;

    background-color: #1f1f1f
}



@media (max-width:575.98px) {

    header .scroll_wrap {

        background-color: #991E2F;

    }

}



header .scroll_wrap.fixed-head {

    position: fixed;

    left: 0;

    top: 0;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -webkit-animation: move-down .2s forwards;

    animation: move-down .2s forwards;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.header_wrap {

    width: 100%;

    padding: 8px 160px
}



.header_wrap:after,

.header_wrap:before {

    content: '';

    display: table;

    clear: both
}



.header_wrap .header_right {

    float: left
}



.header_wrap .header_right .web-btn {

    margin: 8px 0
}



@media (max-width:575.98px) {

    /* .header_wrap .header_right .web-btn{

        display: none;

    } */

    /* .header_right{

        padding-top: 10px;

    } */

    .header_right a {

        color: white !important;

        font-size: 12px !important;

    }

}



.header_left {

    float: left
}



.header_left a,

.header_left i {

    display: inline-block;

    vertical-align: bottom;

    padding-top: 4px
}



.header_left .brand_name {

    vertical-align: top;

    padding: 16px 0 14px 0
}



.header_left .brand_name i {

    width: 181px;

    height: 35px
}



.header_wrap.sticky_wrap {

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 12
}



.b2-solution {

    position: relative
}



.b2-solution .full-cover-wrap {

    position: absolute;

    top: 0;

    left: 0;

    padding-top: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%
}



.b2-solution .block-b2 {

    display: table-cell;

    vertical-align: middle
}



.b2-solution .block-b2.flexWrap {

    display: flex;

    align-items: center;

    height: 100%;

    flex-direction: row-reverse;

}



@media (max-width:575.98px) {

    .b2-solution .block-b2.flexWrap {

        flex-direction: column;

    }

}



.b2-solution .block-b2_image {

    text-align: center;

    padding: 25% 0
}



.b2-solution .h1 {

    font-family: noto_sans_arabicthin;

    letter-spacing: .040em;

    color: #000;

    margin-bottom: 50px;

    font-weight: 300;

}



.b2-solution i.icon-stared {

    position: relative;

    right: 145px
}



.b2-solution .web-btn {

    margin: 0 auto;

    display: table
}



.b2_block2-solution .full-cover-wrap {

    padding-top: 100%
}



.gift .next,

.gift .prev {

    width: 10%;

    height: 100%;

    bottom: 0
}



.gift .next i,

.gift .prev i {

    top: 50%;

    position: absolute;

    transform: translate(-50%, -50%) !important;

    opacity: 0;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.gift .next:hover i,

.gift .prev:hover i {

    opacity: 1
}



.gift .next i {

    left: 49%
}



.gift .next:hover i {

    left: 50%
}



.gift .prev {

    right: inherit;

    left: 0
}



.gift .prev i {

    left: 50%
}



.gift .prev i:after {

    opacity: 1;

    left: 50%
}



.gift .prev:hover i {

    left: 49%
}



.slider_banner_g1 {

    padding: 0 0
}



.slider_banner_g1 .container>.row {

    display: table-cell;

    vertical-align: middle
}



.slider_banner_g1 .item-slide {

    padding-top: 100vh;

    position: relative;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



@media screen and (min-width: 1920.98px) and (max-width: 2600px) {

    .carousel_left span.before {

        left: 28%;

    }

}



@media screen and (min-width: 1920.98px) and (max-width: 2600px) {

    .ui_carousel_right {

        width: 47%;

    }

}



.slider_banner_g1 .item-slide .f_right {

    padding: 0 40px
}



.slider_banner_g1 .item-slide span.slide_tlt {

    color: #b58f47;

    font-size: 18px;

    letter-spacing: .054px;

    line-height: 21px;

    font-weight: 700;

}



.slider_banner_g1 .item-slide h2 {

    color: #000;

    margin-top: 30px
}



.slider_banner_g1 .item-slide .web-btn {

    margin-top: 45px
}



.slider_banner_g1 .item-slide>div {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%
}



@media (max-width:1199.98px) {

    .slider_banner_g1 .item-slide>div {

        position: static !important;

    }

    .slider_banner_g1 .item-slide {

        height: initial !important;

    }

    .gift-card-image img {

        position: static !important;

    }

}



.slider_banner_g1 .slick-dots {

    text-align: center;

    position: absolute;

    bottom: 80px;

    width: 100%
}



.slider_banner_g1 .slick-dots li {

    padding: 20px 5px !important;

    margin: 0 6px;

    border-radius: 1px;

    cursor: pointer;

    display: inline-block
}



.slider_banner_g1 .slick-dots li button {

    display: block;

    width: 15px;

    height: 3px;

    background-color: #494949;

    border: none;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.slider_banner_g1 .slick-dots li.slick-active button,

.slider_banner_g1 .slick-dots li:hover button {

    background-color: #b58f47
}



.slider_banner_g1 .site-change.sld2 {

    overflow: hidden
}



.slider_banner_g1 .site-change.sld1 .block-vs {

    padding-top: 15px
}



.slider_banner_g1 .site-change.sld1 .block-vs_col-4 {

    width: 50%;

    float: left;

    min-width: inherit;

    display: inline-block
}



.slider_banner_g1 .site-change.sld1 .block-vs_col-4 i {

    width: 56px;

    height: 56px;

    display: inline-block
}



@media (max-width: 480px) {

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4 i {

        width: 60px;

        height: 60px;

    }

}



.slider_banner_g1 .site-change.sld1 .block-vs_col-4 p {

    font-family: noto_sans_arabicregular, sans-serif;

    font-size: 18px;

    color: #a88442 !important;

    display: inline-block;

    line-height: 1.2;

    vertical-align: top;

    padding: 12px 18px 12px 0 !important;

    text-align: right
}



.slider_banner_g1 .site-change.sld1 .block-vs_col-4 p:after {

    display: none
}



.slider_banner_g1 .site-change.sld1 .block-vs_col-4:nth-of-type(1) {

    width: 50%;

}



.slider_banner_g1 .site-change.sld1 .block-vs_col-4:nth-of-type(2) {

    width: 50%
}



.slider_banner_g1 .site-change p {

    display: inline-block;

    padding: 0 30px;

    position: relative
}



.slider_banner_g1 .site-change p:nth-of-type(1) {

    padding-right: 0
}



.slider_banner_g1 .site-change p:nth-of-type(1):after {

    content: '';

    position: absolute;

    left: 0;

    top: 5px;

    height: 30px;

    width: 1px;

    background-color: #9a9a9a;

    -webkit-transform: rotate(20deg);

    -ms-transform: rotate(20deg);

    -moz-transform: rotate(20deg);

    transform: rotate(20deg)
}



.block-b2-pdt {

    padding: 0
}



#slide-3 {

    background-color: #F7F7F7;

}



.block-b2-pdt .b2-pdt {

    background-color: #fff;

    margin-bottom: 30px
}



.block-b2-pdt .b2-pdt .pdt_img {

    padding-top: 99%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}



.block-b2-pdt .b2-pdt h6 {

    color: #000000;

    text-align: center;

    font-family: noto_sans_arabicregular, sans-serif;

    letter-spacing: .54px;

    padding: 20px 0 32px
}



.block-b2-pdt .web-btn {

    margin-top: 20px
}



.vouchers .full-cover-wrap {

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%
}



.vouchers .full-cover-wrap h3,

.vouchers .full-cover-wrap p {

    padding-left: 45px
}



.vouchers .full-cover-wrap h3 {

    font-family: noto_sans_arabicregular;

    letter-spacing: 1.5px;

    color: #000;

    font-weight: 300;

}



#enquiry {

    background-color: #F7F7F7;

}



.vouchers .full-cover-wrap p {

    font-size: 18px
}



.vouchers .block-vs_cnt {

    display: table-cell;

    vertical-align: middle
}



.vouchers .block-vs_cnt .mob-btn {

    display: none
}



.vouchers .block-vs:nth-of-type(2) {

    margin-top: 99px
}



.vouchers .block-vs .block-vs_image {

    margin-top: 25px
}



.vouchers .block-vs_col-4 {

    width: 33%;

    float: none;

    display: inline-block;

    min-width: 248px;

    padding: 0 15px
}



.vouchers .block-vs_col-4:nth-child(n+1)>div {

    text-align: center
}



.vouchers .block-vs_col-4:first-child>div {

    text-align: right
}



.vouchers .block-vs_col-4:last-child>div {

    text-align: left
}



.vouchers .block-vs_col-4 i {

    width: 87px;

    height: 87px;

    display: inline-block
}



.vouchers .block-vs_col-4 p {

    font-family: noto_sans_arabicregular, sans-serif;

    font-size: 18px;

    color: #a88442 !important;

    display: inline-block;

    line-height: 1.2;

    vertical-align: top;

    padding: 20px 32px 20px 0;

    text-align: right
}



.business-key {

    position: relative
}



.business-key .row>div {

    padding: 0 15px;

    z-index: 1
}



.business-key .block-bk {

    display: table-cell;

    vertical-align: middle
}



.business-key .right-img_wrap {

    position: absolute;

    top: 0;

    right: 0;

    height: 100vh;

    width: 60vw !important;

    z-index: 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%
}



.business-key h2,

.business-key p {

    color: #e5e5e5;

    font-family: noto_sans_arabicregular
}



.business-key h2+span {

    margin: 40px 0 14px
}



.business-key span {

    font-size: 30px;

    color: #e5e5e5;

    font-family: 'Helvetica Neue Light';

    display: block
}



.business-key p {

    opacity: .7
}



.business-key h2 {

    padding-right: 45px
}



.enquiry {

    position: relative
}



.enquiry .container {

    position: relative
}



.enquiry .container .vertical-txt {

    right: -175px
}



.enquiry i {

    display: inline-block;

    width: 41%;

    position: absolute;

    right: 45px;

    top: 8%
}



.enquiry .enquiry-box-tab {

    height: 100%;

    padding: 0 14%;

    position: relative;

    z-index: 1;

    display: table-cell;

    vertical-align: middle
}



.enquiry .enquiry-box-tab h4 {

    color: #8b6f3d;

    letter-spacing: .05em;

    margin-bottom: 50px
}



.enquiry .enquiry-box-tab h6 {

    font-family: noto_sans_arabicthin;

    color: #adadad;

    margin-top: 30px
}



.vertical-txt {

    position: absolute;

    right: -35px;

    top: 35%
}



.vertical-txt span {

    position: absolute;

    right: 0;

    font-size: 147px;

    letter-spacing: 8px;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    color: #3e3b3b;

    opacity: 0.3;

    font-family: noto_sans_arabicregular;

    top: 0;

    white-space: nowrap
}



.enquiry-form .select-selected,

.enquiry-form .selectric,

.enquiry-form input[type=email],

.enquiry-form input[type=number],

.enquiry-form input[type=tel],

.enquiry-form input[type=text],

.enquiry-form select,

.enquiry-form textarea {

    height: 50px;

    width: 100%;

    padding: 0 22px;

    background-color: transparent;

    border-radius: 0;

    border: 1px solid rgba(124, 124, 124, .7);

    font-size: 16px;

    font-weight: 300;

    color: rgba(0, 0, 0, 0.9);

    resize: none;

    overflow: auto
}



.enquiry-form .box-type {

    height: 85px
}



.enquiry-form .box-type.web-btn {

    height: 50px;

    width: 235px;

    margin: 35px auto 0;

    padding: 0 0
}



.enquiry-form .box-type label.error {

    color: #da7e7e;

    font-size: 14px;

    font-family: helveticaneuethin;

    letter-spacing: .060em;

    position: relative;

    top: 4px
}



.enquiry-form .intl-tel-input {

    height: 49px
}



.enquiry-form .txt-type {

    height: 135px
}



.enquiry-form .txt-type textarea {

    height: 135px;

    width: 100%;

    padding: 12px 22px;

    font-family: noto_sans_arabicregular, sans-serif;

    font-weight: 400
}



.enquiry-form button,

.enquiry-form input[type=submit] {

    background-color: #B2283D;

    color: #fff;

    width: 100%;

    border: 0;

    text-transform: uppercase;

    line-height: 3.18;

    letter-spacing: .15em;

    font-size: 15px;

    cursor: pointer;

    height: 57px;

    transition: 1s all ease-in-out;

}



.enquiry-form button,

.enquiry-form input[type=submit]:hover {

    background: #b58f47;

    color: #fff;

}



.mail-box_sent {

    padding: 20px 0
}



.mail-box_sent .box-type {

    display: inline-block;

    padding: 0 60px;

    position: relative
}



.mail-box_sent .box-type label {

    font-family: noto_sans_arabicregular, sans-serif;

    font-size: 18px;

    color: #adadad;

    letter-spacing: .36px;

    line-height: 30px;

    font-weight: 400 !important
}



.mail-box_sent .box-type label span {

    color: #9a7e4b;

    display: block;

    font-size: 16px;

    font-weight: 400
}



.mail-box_sent .box-type:first-child {

    padding-left: 0
}



.mail-box_sent .box-type:first-child:after {

    content: '';

    position: absolute;

    right: 0;

    top: -2px;

    height: 64px;

    width: 1px;

    background-color: #707070;

    opacity: .6;

    -webkit-transform: rotate(10deg);

    -ms-transform: rotate(10deg);

    -moz-transform: rotate(10deg);

    transform: rotate(10deg)
}



.mail-box_sent .box-type:last-child {

    padding-right: 0
}



.form-result {

    font-size: 16px;

    color: #9a7e4b;

    text-align: center;

    position: absolute;

    bottom: -40px;

    width: 100%
}



.inr_page_banner {

    position: relative;

    height: 530px
}



.about {

    padding-bottom: 50px
}



.about .inr_page_banner {

    background-repeat: no-repeat;

    background-position: -457px center
}



.about .inr_page_banner .banner_icon,

.about .inr_page_banner .container {

    height: 100%
}



.about .inr_page_banner .banner_icon {

    position: relative
}



.about .inr_page_banner .banner_icon i.b2-icon {

    width: 138px;

    height: 126px;

    position: absolute;

    bottom: 70px;

    right: 19%
}



.about .abt-cntnt_box {

    position: relative
}



.about .abt-cntnt_box .vertical-txt {

    right: -30px;

    top: 112px
}



.about .abt-cntnt_para {

    padding: 0 19% 0 8%
}



.about .abt-cntnt_para p {

    padding-bottom: 40px
}



.contact {

    padding: 100px 0 60px;

    background-color: #F7F7F7;

}



.contact .vertical-txt {

    right: -240px;

    top: 25%
}



.contact .container {

    position: relative
}



.contact-cntnt_box:after,

.contact-cntnt_box:before {

    content: '';

    display: table;

    clear: both
}



.contact-cntnt_box .cntc-card {

    margin-top: 30px
}



.contact-cntnt_box .cntc-card>div {

    padding: 55px 35px;

    position: relative
}



.contact-cntnt_box .cntc-card>div .mv-box {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    position: relative
}



.contact-cntnt_box .cntc-card>div:hover .mv-box {

    transform: translateY(-25px)
}



.contact-cntnt_box .cntc-card>div:hover .web-btn {

    opacity: 1 !important;

    bottom: 28px
}



.cntc-card .web-btn {

    min-width: 120px;

    line-height: 2.7;

    letter-spacing: .070em;

    display: inline-block;

    font-size: 14px;

    margin-top: 15px;

    position: absolute;

    bottom: 0;

    opacity: 0 !important;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.cntc-card>div {

    background-color: #fff;

}



.cntc-card.sg-ad p:last-child {

    letter-spacing: .02em
}



.cntc-card h4,

.cntc-card p {

    font-family: noto_sans_arabicregular, sans-serif !important;

    letter-spacing: .060em
}



.cntc-card h4 {

    color: #9a7e4b;

    font-weight: 400;

    font-size: 24px
}



.cntc-card address {

    margin: 10px 0
}



.cntc-card address p {

    font-weight: 300;

    color: #e5e5e5;

    font-size: 17px
}



.cntc-card p {

    font-style: normal;

    font-size: 16px;

    font-weight: 300;

    color: #727272
}



.cntc-card p:last-child {

    letter-spacing: .01em !important
}



[class*=emp_tag-],

[class^=emp_tag-] {

    visibility: hidden
}



footer {

    display: table;

    height: 100%;

    width: 100%
}



footer .foot-tab-sec {

    display: table-cell;

    vertical-align: middle;

}



.map-section .block_mp {

    padding: 45px 0
}



.map-section .block_mp h3 {

    padding: 50px 0 0;

    width: calc(100% - 12%)
}



.map-section .block_mp h3 span {

    border-bottom: 1px solid #8f7239;

    font-size: 48px;

    display: table;

    padding-bottom: 60px;

    font-weight: 300
}



.map-section .block_mp .block_mp_img>div {

    padding-top: 46%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%
}



.footer-section .footer-box {

    padding: 60px 0 60px;

    border-bottom: 1px solid rgba(77, 77, 77, .35)
}



.footer-section .footer-box:after,

.footer-section .footer-box:before {

    content: '';

    display: table;

    clear: both
}



.footer-section .h6,

.footer-section h5,

.footer-section h5>a,

.footer-section ul li a {

    font-weight: 300
}



.footer-section h5 {

    margin-bottom: 25px;

    font-size: 18px;

    font-weight: 500
}



.footer-section h5>a {

    font-size: 20px;

    letter-spacing: .060em;

    border-bottom: 1px solid #cbcbcb;

    line-height: normal;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.footer-section h5>a:hover {

    color: #b58f47;

    border-color: #b58f47
}



.footer-section .footer-nav {

    float: left
}



.footer-section .footer-nav:nth-of-type(1) {

    width: 79%
}



.footer-section .footer-nav:nth-of-type(2) {

    width: calc(21%)
}



.footer-section .footer-nav:nth-of-type(2) .footer-nav-menus li {

    display: block;

    width: 100%
}



.footer-section .footer-nav .footer-nav-menus li {

    width: 24.5%;

    display: inline-flex;

    line-height: 2
}



.footer-section .footer-nav .footer-nav-menus li a {

    font-size: 16px;

    padding: 3px 0;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.footer-section .footer-nav .footer-nav-menus li a:hover {

    color: #b58f47;

    margin-left: 3px
}



.footer-section .newsletter form {

    width: 100%;

    margin-top: 38px;

    position: relative;

    border: 1px solid rgba(207, 163, 66, .6);

    overflow: hidden
}



.footer-section .newsletter form label.error {

    font-size: 0;

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    border: 1px solid #ff6363
}



.footer-section .newsletter form .click_down_btn {

    color: #cfcfcf;

    line-height: 3;

    overflow: hidden
}



.footer-section .newsletter form .click_down_btn a {

    color: #cfcfcf;

    font-weight: 100;

    letter-spacing: .030em;

    font-size: 16px;

    padding: 0 50px 0 50px;

    text-align: center;

    z-index: 2;

    position: relative;

    width: 100%;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.footer-section .newsletter form .click_down_btn a:before {

    content: '\e909';

    position: absolute;

    top: 7px;

    right: 16px;

    font-size: 15px;

    color: #896b32;

    line-height: 2.2;

    font-family: icomoon;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.footer-section .newsletter form .click_down_btn a:hover {

    color: #a58b5b
}



.footer-section .newsletter form .click_down_btn a:hover:before {

    -webkit-animation: toBottomFromTop .3s forwards;

    -moz-animation: toBottomFromTop .3s forwards;

    animation: toBottomFromTop .3s forwards
}



.footer-section .newsletter form>div {

    position: relative;

    display: inline-block;

    vertical-align: top;

    width: 100%
}



.footer-section .newsletter form>div.click_down_mail {

    display: none
}



.footer-section .newsletter form>div.click_down_mail.show_mail {

    display: inline-block
}



.footer-section .newsletter form>div.click_down_mail.show_mail>.trans_box.trans_add {

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: left top;

    transform-origin: left top;

    transition-delay: 2s;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    transition: -webkit-transform .8s cubic-bezier(.8, 0, 0, 1);

    transition: transform .8s cubic-bezier(.8, 0, 0, 1);

    transition: transform .8s cubic-bezier(.8, 0, 0, 1), -webkit-transform .8s cubic-bezier(.8, 0, 0, 1)
}



.footer-section .newsletter form>div.click_down_mail.show_mail+.submt-btn:before {

    content: '\e902';

    position: absolute;

    top: 7px;

    right: 16px;

    font-size: 15px;

    color: #896b32;

    line-height: 2.2;

    font-family: icomoon;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.footer-section .newsletter form>div.click_down_mail.show_mail+.submt-btn:hover:before {

    -webkit-animation: toRightFromLeft .3s forwards;

    -moz-animation: toRightFromLeft .3s forwards;

    animation: toRightFromLeft .3s forwards
}



.footer-section .newsletter form .trans_box {

    background: #1f1f1f;

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    top: 0;

    z-index: 10;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    transition: -webkit-transform .7s cubic-bezier(.8, 0, 0, 1);

    transition: transform .7s cubic-bezier(.8, 0, 0, 1);

    transition: transform .7s cubic-bezier(.8, 0, 0, 1), -webkit-transform .7s cubic-bezier(.8, 0, 0, 1)
}



.footer-section .newsletter form button,

.footer-section .newsletter form input {

    display: inline-block;

    vertical-align: top;

    background-color: transparent
}



.footer-section .newsletter form input[type=email] {

    border: none;

    width: 100%;

    font-size: 16px;

    line-height: 3;

    font-weight: 300;

    padding: 0 60px 0 10px;

    color: rgba(124, 124, 124, .8)
}



.footer-section .newsletter form .submt-btn {

    position: absolute;

    border: 0;

    width: 48px;

    height: 48px;

    right: 0;

    bottom: 0;

    cursor: pointer;

    vertical-align: top;

    border-left: 1px solid rgba(207, 163, 66, .6);

    overflow: hidden
}



.footer-section .newsletter .social-share {

    margin-top: 45px;

    margin-left: -8px;
    margin-right: -16px;
}



.footer-section .newsletter .social-share li {

    display: inline-block;

    margin-right: 4px
}



.footer-section .newsletter .social-share li a {

    padding: 2px 4px
}



.footer-section .newsletter .social-share li a i {

    font-size: 22px;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.footer-section .newsletter .social-share li a:hover i {

    color: #b58f47
}



.footer-section .form-result2 {

    font-size: 13px;

    color: #bf9657;

    position: relative;

    top: 8px
}



.footer-section .footer-btm {

    padding: 31px 0
}



.footer-section .footer-btm:after,

.footer-section .footer-btm:before {

    content: '';

    display: table;

    clear: both
}



.footer-section .footer-btm p>a {

    color: #8c8c8c;

    font-weight: 100;

    font-family: noto_sans_arabicregular, sans-serif;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.footer-section .footer-btm p {

    font-size: 15px;

    color: #8c8c8c;

    letter-spacing: .06em;

    font-weight: 100;

    font-family: noto_sans_arabicregular, sans-serif
}



.footer-section .footer-btm p i {

    width: 12px;

    height: 12px;

    display: inline-block;

    font-style: normal;

    animation: blinker 1s linear infinite;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.footer-section .footer-btm p:nth-of-type(1) {

    float: right
}



.footer-section .footer-btm p:nth-of-type(2) {

    float: left
}



.footer-section .footer-btm p:nth-of-type(2) a:hover {

    color: #fff
}



#modal-container {

    position: fixed;

    display: table;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    transform: scale(0);

    z-index: 100
}



#modal-container .modal-background {

    display: table-cell;

    background: rgba(0, 0, 0, .6);

    text-align: center;

    vertical-align: middle
}



#modal-container .modal-background .modal {

    background: #1f1f1f;

    padding: 160px 14%;

    display: inline-block;

    border-radius: 3px;

    font-weight: 300;

    position: relative;

    max-width: 1370px;

    z-index: 2
}



#modal-container .modal-background .modal h3,

#modal-container .modal-background .modal p {

    color: #e5e5e5
}



#modal-container .modal-background .modal h3 {

    font-family: noto_sans_arabicregular;

    line-height: 1.2;

    letter-spacing: 1.5px
}



#modal-container .modal-background .modal .popup_btns {

    margin-top: 60px
}



#modal-container .modal-background .modal a {

    margin: 0 15px
}



#modal-container .modal-background .modal .close {

    display: block;

    width: 45px;

    height: 45px;

    position: absolute;

    top: 30px;

    right: 35px;

    cursor: pointer
}



#modal-container .modal-background .modal .close:after,

#modal-container .modal-background .modal .close:before {

    content: '';

    position: absolute;

    top: 21px;

    left: 7px;

    width: 30px;

    height: 2px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transform: rotate(45deg);

    background-color: #707070;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



#modal-container .modal-background .modal .close:after {

    top: 21px;

    left: 7px;

    -webkit-transform: rotate(-225deg);

    -ms-transform: rotate(-225deg);

    -moz-transform: rotate(-225deg);

    transform: rotate(-225deg)
}



#modal-container .modal-background .modal .close:hover:after,

#modal-container .modal-background .modal .close:hover:before {

    background-color: #b58f47
}



#modal-container.ui-class_popup {

    transform: scaleY(.01) scaleX(0);

    animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards
}



#modal-container.ui-class_popup .modal-background .modal {

    transform: scale(0);

    animation: zoomIn .5s .8s cubic-bezier(.165, .84, .44, 1) forwards
}



#modal-container.ui-class_popup.out {

    transform: scale(1);

    animation: unfoldOut 1s .3s cubic-bezier(.165, .84, .44, 1) forwards
}



#modal-container.ui-class_popup.out .modal-background .modal {

    animation: zoomOut .5s cubic-bezier(.165, .84, .44, 1) forwards
}



[type=radio]:checked,

[type=radio]:not(:checked) {

    position: absolute;

    left: 0;

    top: -28px
}



[type=radio]:checked+label,

[type=radio]:not(:checked)+label {

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    display: inline-block;

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: .15em
}



[type=radio]:checked+label:before,

[type=radio]:not(:checked)+label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 5px;

    width: 18px;

    height: 18px;

    border: 1px solid #b58f47;

    border-radius: 100%;

    background: 0 0
}



[type=radio]:checked+label:after,

[type=radio]:not(:checked)+label:after {

    content: '';

    width: 10px;

    height: 10px;

    background: #b58f47;

    position: absolute;

    top: 9px;

    left: 4px;

    border-radius: 100%;

    -webkit-transition: all .2s ease;

    transition: all .2s ease
}



[type=radio]:not(:checked)+label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0)
}



[type=radio]:checked+label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)
}



.custom-select {

    position: relative
}



.custom-select select {

    display: none
}



.select-selected {

    background-color: transparent
}



.select-selected.select-arrow-active:after {

    border-color: transparent transparent #9d9d9d transparent;

    top: 19px
}



.select-selected:after {

    position: absolute;

    content: "";

    top: 25px;

    left: 25px;

    width: 0;

    height: 0;

    border: 4px solid transparent;

    border-color: #9d9d9d transparent transparent transparent
}



.select-items div,

.select-selected {

    color: #000000;

    padding: 15px 0;

    font-size: 16px;

    letter-spacing: .030em;

    font-family: noto_sans_arabicregular, sans-serif;

    font-weight: 400;

    border: 1px solid transparent;

    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;

    cursor: pointer;

    user-select: none;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.select-items div {

    border-bottom: 1px solid rgba(124, 124, 124, .46)
}










.select-items div:last-child {

    border-bottom: 0
}



.select-selected {

    letter-spacing: inherit;

    font-family: inherit;

    font-weight: 400 !important;

    line-height: 3
}



.select-items {

    position: absolute;

    background-color: #ffffff;

    ;

    top: 49px;

    left: 0;

    right: 0;

    z-index: 99;

    border: 1px solid rgba(124, 124, 124, .6);

    padding: 0 15px;

    visibility: visible;

    opacity: 1;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;
    max-height: 360px;
    overflow-y: auto;
 
}



.select-hide {

    visibility: hidden;

    top: 40px;

    opacity: 0
}





/* .same-as-selected,.select-items div:hover{

    background-color:rgba(0,0,0,.1)

} */



@keyframes blinker {

    from {

        opacity: .4
    }

    to {

        opacity: 1
    }

}



.waitingForConnection {

    -animation-name: blinker;

    -animation-iteration-count: infinite;

    -animation-timing-function: cubic-bezier(.5, 0, 1, 1);

    -animation-duration: 1.7s
}



@keyframes slide-down {

    0% {

        opacity: 0;

        transform: translateY(-100%)
    }

    100% {

        opacity: .9;

        transform: translateY(0)
    }

}



@keyframes unfoldIn {

    0% {

        transform: scaleY(.005) scaleX(0)
    }

    50% {

        transform: scaleY(.005) scaleX(1)
    }

    100% {

        transform: scaleY(1) scaleX(1)
    }

}



@keyframes unfoldOut {

    0% {

        transform: scaleY(1) scaleX(1)
    }

    50% {

        transform: scaleY(.005) scaleX(1)
    }

    100% {

        transform: scaleY(.005) scaleX(0)
    }

}



@keyframes zoomIn {

    0% {

        transform: scale(0)
    }

    100% {

        transform: scale(1)
    }

}



@keyframes zoomOut {

    0% {

        transform: scale(1)
    }

    100% {

        transform: scale(0)
    }

}



@-webkit-keyframes fadeOut {

    from {

        opacity: 1
    }

    to {

        opacity: 0
    }

}



@keyframes fadeOut {

    from {

        opacity: 1
    }

    to {

        opacity: 0
    }

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut
}



@-webkit-keyframes fadeIn {

    from {

        opacity: 0
    }

    to {

        opacity: 1
    }

}



@keyframes fadeIn {

    from {

        opacity: 0
    }

    to {

        opacity: 1
    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn
}



@-webkit-keyframes toBottomFromTop {

    49% {

        -webkit-transform: translateY(100%)
    }

    50% {

        opacity: 0;

        -webkit-transform: translateY(-100%)
    }

    51% {

        opacity: 1
    }

}



@-moz-keyframes toBottomFromTop {

    49% {

        -moz-transform: translateY(100%)
    }

    50% {

        opacity: 0;

        -moz-transform: translateY(-100%)
    }

    51% {

        opacity: 1
    }

}



@keyframes toBottomFromTop {

    49% {

        transform: translateY(100%)
    }

    50% {

        opacity: 0;

        transform: translateY(-100%)
    }

    51% {

        opacity: 1
    }

}



@-webkit-keyframes toRightFromLeft {

    49% {

        -webkit-transform: translateX(100%)
    }

    50% {

        opacity: 0;

        -webkit-transform: translateX(-100%)
    }

    51% {

        opacity: 1
    }

}



@-moz-keyframes toRightFromLeft {

    49% {

        -moz-transform: translateX(100%)
    }

    50% {

        opacity: 0;

        -moz-transform: translateX(-100%)
    }

    51% {

        opacity: 1
    }

}



@keyframes toRightFromLeft {

    49% {

        transform: translateX(100%)
    }

    50% {

        opacity: 0;

        transform: translateX(-100%)
    }

    51% {

        opacity: 1
    }

}



@keyframes reveal-text {

    from {

        clip-path: inset(0 100% 0 0)
    }

    to {

        clip-path: inset(0 0 0 0)
    }

}



@keyframes revealer-text {

    0%,

    50% {

        transform-origin: 0 50%
    }

    100%,

    60% {

        transform-origin: 100% 50%
    }

    60% {

        transform: scaleX(1)
    }

    100% {

        transform: scaleX(0)
    }

}



@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {

    body {

        -webkit-overflow-scrolling: touch
    }

}



.container1 {

    margin: 0 auto;

    width: 100%;

    max-width: 475px;

    height: 200px;

    position: relative;

    perspective: 1500px;

    transform-style: preserve-3d;

    z-index: 3
}



.carousel {

    height: 100%;

    width: 100%;

    position: absolute;

    transform-style: preserve-3d;

    transition: transform 1.5s;

    left: -35%;

    top: 35%
}



.carousel>div.active {

    position: relative;

    z-index: 3
}



.carousel div.item,

.carousel>div {

    transform-style: preserve-3d
}



.item {

    display: block;

    position: absolute;

    width: 475px;

    height: 60vh;

    text-align: center;

    color: #fff;

    opacity: .95;

    transition: transform 1.5s;

    display: table
}



.item figure {

    display: table-cell;

    vertical-align: middle;

    width: 475px
}



.item figure img {

    width: 350px;

    margin: 0 auto
}



.item figcaption {

    font-size: 14px;

    color: #9a7e4b;

    width: 100%;

    position: absolute;

    bottom: 50px;

    left: 0;

    text-align: center;

    padding: 0 30px
}



.item>div {

    display: table;

    height: 100%
}



.a {

    transform: rotateY(0) translateZ(450px)
}



.b {

    transform: rotateY(72deg) translateZ(450px) rotateY(-72deg)
}



.c {

    transform: rotateY(144deg) translateZ(450px) rotateY(-144deg)
}



.d {

    transform: rotateY(216deg) translateZ(450px) rotateY(-216deg)
}



.e {

    transform: rotateY(288deg) translateZ(450px) rotateY(-288deg)
}



.next,

.prev {

    color: #444;

    position: absolute;

    bottom: 30px;

    cursor: pointer;

    z-index: 5
}



.next:hover,

.prev:hover {

    color: #000
}



.next {

    right: 0
}



.prev {

    right: 7em
}



.main_banner {

    position: relative;

    height: 100vh
}



.main_banner .web-btn {

    background-color: transparent;

    color: #b58f47 !important;

}



.main_banner .web-btn:hover {

    background-color: #b58f47 !important;

    color: #fff !important;

}



.ui_carousel_right {

    width: 50%;

    position: absolute;

    right: 0;

    top: 0;

    display: table;

    height: 100vh;

    padding-right: 148px;

    z-index: 4;

    background-color: rgba(13, 13, 13, .4)
}



.ui_carousel_right .ui_carousel_right_inner {

    display: table-cell;

    vertical-align: middle
}



pre {

    background: 0 0
}



h1.ui_banner_h1 {

    font-family: noto_sans_arabicregular;

    font-weight: 200;

    line-height: 1.52;

    letter-spacing: 3px;

    text-align: right;

    color: #fff;

    opacity: .95;

    max-width: 600px;

    margin: 45px 0;

    text-transform: uppercase
}



.nxt-arrow,

.prev-arrow {

    position: relative;

    width: 70px;

    height: 60px;

    display: block
}



.nxt-arrow:after,

.prev-arrow:after {

    position: absolute;

    content: '';

    border-width: 2px 2px 0 0;

    border-color: #dfbb60;

    border-style: solid;

    width: 18px;

    height: 18px;

    opacity: .8;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.nxt-arrow:hover:after,

.prev-arrow:hover:after {

    opacity: 1
}



.nxt-arrow:after {

    -webkit-transform: rotate(45deg) translate(-50%, -50%);

    -ms-transform: rotate(45deg) translate(-50%, -50%);

    -moz-transform: rotate(45deg) translate(-50%, -50%);

    transform: rotate(45deg) translate(-50%, -50%);

    left: 18%;

    top: 50%
}



.prev-arrow:after {

    -webkit-transform: rotate(-135deg) translate(-50%, -50%);

    -ms-transform: rotate(-135deg) translate(-50%, -50%);

    -moz-transform: rotate(-135deg) translate(-50%, -50%);

    transform: rotate(-135deg) translate(-50%, -50%);

    left: 65%;

    top: 9%
}



.carousel_left {

    position: relative;

    height: 100vh
}



.carousel_left span.before {

    position: absolute;

    content: '';

    left: 25%;

    top: 0;

    width: 25%;

    height: 100vh;

    background-color: #121212;

    z-index: 3
}



.carousel_left:after {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 50%;

    height: 100vh;

    background-color: rgba(13, 13, 13, .4);

    z-index: 2
}



nav.slider-dots {

    position: fixed;

    top: 50%;

    right: 0;

    z-index: 100;

    transform: translateY(-50%)
}



nav.slider-dots ul {

    list-style: none;

    text-align: center
}



nav.slider-dots ul li {

    display: block;

    margin-right: 15px;

    margin-bottom: 15px
}



nav.slider-dots ul li span {

    position: relative;

    top: 0;

    width: 12px;

    height: 12px;

    font-weight: 400;

    text-align: center;

    border-radius: 50%;

    cursor: pointer
}



nav.slider-dots ul li span.active .filter-proj-item-bullet-circle-hover {

    stroke-dashoffset: 0
}



nav.slider-dots ul li span .filter-proj-item-bullet-circle-hover {

    stroke-dasharray: 31.4;

    stroke-dashoffset: 31.4;

    -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1);

    transition: all .5s cubic-bezier(.77, 0, .175, 1)
}



nav.slider-dots ul li:last-child {

    margin-bottom: 0
}



.inner {

    background: #ccc;

    background: #000;

    width: 450px;

    height: 90vh;

    text-align: center;

    opacity: .95;

    display: table
}



.demoWrapper {

    width: 100%;

    height: 400px;

    -webkit-font-smoothing: antialiased;

    margin: auto;

    transform-style: preserve-3d;

    transform: rotate(-1deg, 90deg)
}



.stage {

    position: relative;

    perspective: 2000px;

    transform-style: preserve-3d;

    height: 370px;

    margin: 15px;

    color: #ddd;

    transform: rotateX(-12deg) rotateY(0)
}



.box {

    position: absolute;

    display: inline-block;

    perspective: 0;

    transform-style: preserve-3d;

    width: 450px;

    height: 200px;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto
}



.box img {

    width: 300px;

    height: auto;

    border: 1px solid #ddd;

    outline: 0 solid transparent
}



.fadeOutBlur figcaption,

.fadeOutBlur figure {

    -webkit-animation-name: fadeOutBlur;

    animation-name: fadeOutBlur
}



.blur figcaption,

.blur figure {

    opacity: .3;

    filter: blur(6px);

    -webkit-filter: blur(6px)
}



.fadeInBlur {

    -webkit-animation-name: fadeInBlur;

    animation-name: fadeInBlur;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both
}



.fadeOutBlur {

    -webkit-animation-name: fadeOutBlur;

    animation-name: fadeOutBlur;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both
}



.fadeOutBlur figcaption,

.fadeOutBlur figure {

    -webkit-animation-name: fadeOutBlur;

    animation-name: fadeOutBlur
}



#loader {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #0e0e0e;

    background-image: url(../img/loader.gif);

    background-position: center center;

    background-repeat: no-repeat;

    z-index: 9999
}



#loader.fade {

    opacity: 0;

    visibility: hidden;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out
}



.slides-container {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    z-index: 10
}



@media (max-width:1199.98px) {

    .slides-container {

        position: static;

    }

}



.slide {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden
}



h1 span,

li span,

p span {

    display: inline-block;

    overflow: hidden;

    vertical-align: middle;

    line-height: 1
}



h1 span>span,

li span>span,

p span>span {

    display: block;

    animation: slideUp .2s cubic-bezier(.075, .82, .165, 1) forwards;

    transform: translate3d(0, 100%, 0);

    line-height: 1
}



.transition-fade {

    transition: .4s;

    opacity: 1
}



html.is-animating .transition-fade {

    opacity: 0
}



@-moz-keyframes slideUp {

    0% {

        transform: translate3d(0, 100%, 0)
    }

    100% {

        transform: translate3d(0, 0, 0)
    }

}



@-webkit-keyframes slideUp {

    0% {

        transform: translate3d(0, 100%, 0)
    }

    100% {

        transform: translate3d(0, 0, 0)
    }

}



@-o-keyframes slideUp {

    0% {

        transform: translate3d(0, 100%, 0)
    }

    100% {

        transform: translate3d(0, 0, 0)
    }

}



@keyframes slideUp {

    0% {

        transform: translate3d(0, 100%, 0)
    }

    100% {

        transform: translate3d(0, 0, 0)
    }

}



.about .container>* :not(div),

.b2-block1 :not(div),

.b2_block2-solution .row>div,

.b2_block2-solution .web-btn,

.business-key .col-sm-6 :not(div),

.contact .container .contact-cntnt_box>* :not(div),

.enquiry .vertical-txt,

.enquiry-box-tab>*,

.enquiry>:not(div),

.gift :not(div),

.inr_page_banner,

.ui_carousel_right_inner>:not(div),

.vouchers :not(div),

span.before {

    opacity: 0
}



.site-change p label {

    font-weight: 400 !important
}



.ctphone {

    padding-right: 102px !important
}



.country .dropdown {

    border: 1px solid rgba(124, 124, 124, .7);

    max-height: 200px;

    overflow-y: scroll;

    z-index: 125;

    background-color: #efefef;

    ;

    position: relative;

    display: none
}



.country .dropdown li {

    padding: 0 20px 0 50px;

    line-height: 36px;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: .030em;

    font-family: Roboto, sans-serif;

    color: #000000;

    cursor: pointer;

    position: relative
}



.country .dropdown li:first-child {

    margin-top: 12px
}



.country .dropdown li:last-child {

    margin-bottom: 12px
}



.country .dropdown li:hover {

    font-weight: 400;

    color: #000;

}



.country .dropdown li.open {

    display: block
}



.country {

    position: relative;

    margin: 0 auto;

    width: 100%
}



.country .select {

    position: relative;

    padding: 0 5px 0 45px;

    height: 50px;

    line-height: 50px;

    border-right: 1px solid rgba(124, 124, 124, .7);

    background: 0 0;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    cursor: pointer;

    color: rgba(124, 124, 124, .9);

    font-size: 16px;

    width: 94px;

    position: absolute;

    top: 0
}



.country .select:after {

    position: absolute;

    content: "";

    top: 25px;

    left: 5px;

    width: 0;

    height: 0;

    border: 4px solid transparent;

    border-color: #9d9d9d transparent transparent transparent
}



.country .dropdown .flagstrap-icon,

.country .select i.flagstrap-icon {

    box-sizing: border-box;

    display: inline-block;

    margin-right: 10px;

    width: 18px;

    height: 13px;

    right: inherit;

    left: 21px;

    top: 12px;

    background-image: url(../img/flags2.png);

    background-repeat: no-repeat;

    background-color: #e3e5e7
}



.country .select span {

    display: none
}



.country .select i.flagstrap-icon {

    top: 18px
}



.country .select .flagstrap-icon.flagstrap-bh {

    background-position: 2px 0
}



.country .select .flagstrap-icon.flagstrap-in {

    background-position: -20px 0
}



.country .select .flagstrap-icon.flagstrap-kw {

    background-position: -40px 0
}



.country .select .flagstrap-icon.flagstrap-ma {

    background-position: -60px 0
}



.country .select .flagstrap-icon.flagstrap-sa {

    background-position: -81px 0
}



.country .select .flagstrap-icon.flagstrap-us {

    background-position: -102px 0
}



.country .select .flagstrap-icon.flagstrap-qa {

    background-position: -121px 0
}



.country .select .flagstrap-icon.flagstrap-uae {

    background-position: -144px 0
}



.country .select .flagstrap-icon.flagstrap-om {

    background-position: -165px 0
}



.country .select .flagstrap-icon.flagstrap-uk {

    background-position: -186px 0
}



.country .select .flagstrap-icon.flagstrap-sg {

    background-position: -208px 0
}



.country .dropdown .flagstrap-icon.flagstrap-bh {

    background-position: 2px 0
}



.country .dropdown .flagstrap-icon.flagstrap-in {

    background-position: -20px 0
}



.country .dropdown .flagstrap-icon.flagstrap-kw {

    background-position: -40px 0
}



.country .dropdown .flagstrap-icon.flagstrap-ma {

    background-position: -60px 0
}



.country .dropdown .flagstrap-icon.flagstrap-sa {

    background-position: -81px 0
}



.country .dropdown .flagstrap-icon.flagstrap-us {

    background-position: -102px 0
}



.country .dropdown .flagstrap-icon.flagstrap-qa {

    background-position: -121px 0
}



.country .dropdown .flagstrap-icon.flagstrap-uae {

    background-position: -144px 0
}



.country .dropdown .flagstrap-icon.flagstrap-om {

    background-position: -165px 0
}



.country .dropdown .flagstrap-icon.flagstrap-uk {

    background-position: -186px 0
}



.country .dropdown .flagstrap-icon.flagstrap-sg {

    background-position: -208px 0
}



.dropdown::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);

    border-radius: 3px;

    background-color: #999797
}



.dropdown::-webkit-scrollbar {

    width: 9px;

    background-color: #999797
}



.dropdown::-webkit-scrollbar-thumb {

    border-radius: 3px;

    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);

    background-color: #555
}



.lang-switch {

    margin: 15px 0
}



span.lang {

    position: relative
}



span.lang .line {

    position: relative;

    color: #ffbd23 !important
}



@media (max-width:575.98px) {

    span.lang .line {

        color: white !important
    }

}



span.lang .line:after {

    content: '';

    position: absolute;

    top: 10px;

    right: -9px;

    width: 2px;

    height: 13px;

    background-color: #968459
}



span.lang.ml-2 {

    margin-left: 15px
}



@media (max-width:575.98px) {

    span.lang.ml-2 {

        margin-left: 5px;

    }

}



span.lang a {

    color: #ab8939;

    padding: 5px 0 5px 14px
}



span.lang a label {

    font-weight: 400;

    cursor: pointer
}



span.lang i {

    position: absolute;

    margin-right: 10px;

    width: 18px;

    height: 13px;

    left: 0;

    top: 0;

    background-image: url(../img/flags2.png);

    background-repeat: no-repeat;

    background-color: #e3e5e7
}



span.lang i.eng-fl {

    background-position: -186px 0
}



@media all and (-ms-high-contrast:none),

(-ms-high-contrast:active) {

    .browser-mode {

        height: 100vh;

        width: 100%;

        background-color: #000;

        display: block !important;

        position: fixed;

        z-index: 200
    }

    .browser-mode i.b2-icon {

        width: 95px;

        height: 85px;

        display: block;

        text-align: center;

        margin: 0 auto
    }

    .browser-mode p {

        color: #fff;

        font-size: 20px;

        text-align: center;

        font-weight: 600
    }

    .browser-mode>div {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%)
    }

    .item-data {

        height: 42vh;

        position: relative
    }

    .item-data>div {

        width: 160px;

        margin: 0 auto
    }

    .blur figcaption,

    .blur figure {

        opacity: 1
    }

    .ui_carousel_right {

        width: 50vw
    }

    figcaption {

        color: #9a7e4b;

        font-size: 18px;

        font-weight: 300;

        position: absolute;

        bottom: 15px
    }

    .carousel_left .container1 {

        max-width: inherit !important
    }

    .container1 {

        width: 50vw;

        margin: 0 !important;

        padding: 15% 3% 15% 6%;

        height: auto
    }

    .carousel2 {

        -webkit-transform-style: preserve-3d;

        -moz-transform-style: preserve-3d;

        -o-transform-style: preserve-3d;

        transform-style: preserve-3d
    }

    .carousel div.item,

    .carousel>div {

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d
    }

}



@media (min-width:2100px) {

    .ptext,

    p,

    q {

        color: #000 !important;

        letter-spacing: .12em !important;

        font-family: helvetica_neueregular !important;

        font-weight: 600 !important
    }

    .vouchers .full-cover-wrap h3 {

        font-family: helvetica_neueregular;

        letter-spacing: 2.5px;

        color: #000;

        font-weight: 600
    }

    .footer-section .footer-btm p {

        color: #6d6d6d
    }

    .cntc-card p {

        font-weight: 300 !important;

        color: #727272 !important
    }

    .cntc-card address p {

        font-weight: 300 !important;

        color: #e5e5e5 !important
    }

    .about .inr_page_banner {

        background-position: -157px center
    }

}



@media (max-width:1440px) and (min-width:550px) {

    .cntc-card address p {

        font-size: 14px
    }

    .cntc-card address p br {

        display: block
    }

}



@media (max-width:1200px) and (min-width:768px) {

    .contact-cntnt_box .cntc-card.uk-ad>div {

        padding: 53px 20px
    }

}



@media (min-width:1200px) {

    .header-hide {

        -webkit-transform: translateY(-80px) !important;

        transform: translateY(-80px) !important
    }

}



@media (max-width:1880px) {

    .block-b2,

    .block-bk {

        padding: 0 24px
    }

    .b2-solution .block-b2_image {

        padding: 33% 0
    }

    .block-b2-pdt .b2-pdt {

        padding-top: 14%
    }

    .block-b2-pdt .b2-pdt .pdt_img {

        padding-top: 90%;

        background-size: contain
    }

    .vouchers .full-cover-wrap h3 {

        font-size: 45px
    }

    .business-key h2,

    .slider_banner_g1 .item-slide h2 {

        font-size: 55px
    }

    .enquiry .enquiry-box-tab {

        padding: 0 10%
    }

    .footer-section .footer-nav .footer-nav-menus li {

        width: 33%
    }

    .contact .vertical-txt {

        display: none
    }

}



@media (max-width:1680px) {

    .container {

        width: 1370px
    }

    .header_wrap {

        padding: 8px 100px
    }

    .container1 {

        max-width: 400px
    }

    .carousel {

        left: -31%
    }

    .item {

        width: 400px
    }

    .item figure {

        width: 400px
    }

    .item figure img {

        width: 280px;

    }

    .ui_carousel_right {

        padding-left: 118px
    }

    h1.ui_banner_h1 {

        font-size: 48px
    }

    .b2-solution .h1 {

        font-size: 68px
    }

    .b2-solution .block-b2_image {

        padding: 26% 0
    }

    .block-b2,

    .block-bk {

        padding: 0 0
    }

    .block-b2-pdt .b2-pdt .pdt_img {

        padding-top: 96%
    }

    .block-b2-pdt .row>div {

        width: 25%
    }

    .vouchers .full-cover-wrap h3,

    .vouchers .full-cover-wrap p {

        padding-right: 0
    }

    .vouchers .full-cover-wrap h3 {

        font-size: 38px
    }

    .vouchers .block-vs_col-4 i {

        width: 66px;

        height: 66px
    }

    .vouchers .block-vs_col-4 p {

        padding: 16px 20px 16px 0;

        font-size: 15px
    }

    .slider_banner_g1 .item-slide {

        background-position: left center
    }

    .slider_banner_g1 .item-slide .f_right {

        padding: 0 20px
    }

    .block-b2-pdt .b2-pdt .pdt_img {

        padding-top: 67%
    }

    .business-key h2,

    .slider_banner_g1 .item-slide h2 {

        font-size: 48px
    }

    .enquiry .vertical-txt {

        left: -9%
    }

    .enquiry .vertical-txt span {

        font-size: 117px
    }

    .enquiry .container .vertical-txt {

        right: -125px
    }

    #modal-container .modal-background .modal {

        max-width: 1170px;

        padding: 66px 10%
    }

    .about .inr_page_banner {

        background-position: -557px center
    }

}



@media (max-width:1440px) {

    .container1 {

        max-width: 360px;

        perspective: 1800px
    }

    .item {

        width: 360px
    }

    .item figure {

        width: 360px
    }

    .container {

        width: 1270px !important
    }

    .header_wrap {

        padding: 8px 60px
    }

    .ui_carousel_right {

        padding-left: 108px
    }

    .ui_carousel_right i.b2-icon {

        width: 138px;

        height: 122px
    }

    h1.ui_banner_h1 {

        font-size: 45px
    }

    .block-b2-pdt .b2-pdt {

        margin-bottom: 16px
    }

    .block-b2-pdt .b2-pdt .pdt_img {

        padding-top: 77%
    }

    .vouchers .block-vs:nth-of-type(2) {

        margin-top: 59px
    }

    .about .inr_page_banner {

        background-position: -624px center
    }

    .footer-section .footer-box {

        padding: 75px 0 65px
    }

    #modal-container .modal-background .modal {

        max-width: 1100px;

        padding: 66px 10%
    }

    .map-section .block_mp h3 {

        padding: 71px 0 0
    }

    .map-section .block_mp h3 span {

        font-size: 40px;

        padding-bottom: 40px
    }

    .contact-cntnt_box .cntc-card>div {

        padding: 55px 26px
    }

}



@media (max-width:1360px) {

    .container1 {

        max-width: 300px;

        height: 200px;

        perspective: 12500px
    }

    .a {

        transform: rotateY(0) translateZ(380px)
    }

    .b {

        transform: rotateY(72deg) translateZ(360px) rotateY(-72deg)
    }

    .c {

        transform: rotateY(144deg) translateZ(360px) rotateY(-144deg)
    }

    .d {

        transform: rotateY(216deg) translateZ(360px) rotateY(-216deg)
    }

    .e {

        transform: rotateY(288deg) translateZ(360px) rotateY(-288deg)
    }

    .carousel {

        left: -44%
    }

    .item {

        width: 300px
    }

    .item figure {

        width: 300px
    }

    .item figcaption {

        bottom: 0
    }

    .container {

        width: 1170px !important
    }

    .ui_carousel_right {

        padding-left: 90px
    }

    .ui_carousel_right i.b2-icon {

        width: 118px;

        height: 100px
    }

    h1.ui_banner_h1 {

        font-size: 36px;

        margin: 15px 0
    }

    .business-key .right-img_wrap {

        width: 75vw !important
    }

    .enquiry .vertical-txt span {

        font-size: 100px
    }

    .contact-cntnt_box .cntc-card>div {

        padding: 55px 20px
    }

    .block-b2-pdt .row>div {

        width: 25%
    }

    .about .inr_page_banner {

        background-position: -724px center
    }

    .contact-cntnt_box .cntc-card>div {

        padding: 55px 12px
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4:nth-of-type(1) {

        width: 52%
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4:nth-of-type(2) {

        width: 48%
    }

    .block-b2-pdt {

        padding: 0 1%
    }

    .enquiry .container .vertical-txt {

        right: -110px
    }

    .vouchers .full-cover-wrap h3,

    .vouchers .full-cover-wrap p {

        padding-right: 30px
    }

    .vouchers .block-vs:nth-of-type(2) {

        padding: 0 30px
    }

}



@media (min-width:1200px) and (max-width:1440px) {

    .header_wrap {

        padding-bottom: 0;

        padding-top: 0
    }

    .footer-section .footer-box {

        padding: 0 0 15px
    }

    .map-section .block_mp {

        padding: 0 0
    }

    .footer-section .footer-btm {

        padding: 12px 0
    }

    .slider_banner_g1 .item-slide {

        background-position: -124px center
    }

}



@media (max-width:1199px) {

    .slider-dots {

        display: none
    }

    .contact-cntnt_box .cntc-card>div {

        padding: 55px 20px
    }

    .slides-container {

        overflow: auto
    }

    /* .ui_carousel_right_inner h1{

        display:none

    } */

    .container1 {

        max-width: 270px;

        height: 200px;

        perspective: 12500px
    }

    .a {

        transform: rotateY(0) translateZ(300px)
    }

    .b {

        transform: rotateY(72deg) translateZ(300px) rotateY(-72deg)
    }

    .c {

        transform: rotateY(144deg) translateZ(300px) rotateY(-144deg)
    }

    .d {

        transform: rotateY(216deg) translateZ(300px) rotateY(-216deg)
    }

    .e {

        transform: rotateY(288deg) translateZ(300px) rotateY(-288deg)
    }

    .container {

        width: 970px !important
    }

    .header_wrap {

        padding: 8px 40px
    }

    h1.ui_banner_h1 {

        font-size: 30px
    }

    .ui_carousel_right {

        padding-left: 50px
    }

    .b2-block1 .block-b2 {

        display: block
    }

    .b2-block1 .block-b2>div {

        width: 70%
    }

    .b2-block1 .block-b2>div.b2-logo {

        width: 30%
    }

    .b2-solution {

        padding: 40px 0 13px;

        height: initial !important
    }

    .b2-solution .block-b2_image {

        padding: 45% 0
    }

    .b2-solution .block-b2_image i.b2-icon {

        width: 123px;

        height: 110px
    }

    .b2-solution .h1 {

        font-size: 54px;

        margin-bottom: 20px
    }

    .b2_block2-solution {

        padding: 26px 0 40px
    }

    .block-b2-pdt .row {

        padding: 0 6%
    }

    .block-b2-pdt .row>div {

        width: 33.3%
    }

    .block-b2-pdt .b2-pdt .pdt_img {

        padding-top: 92%
    }

    .block-vs .block-vs_col-4 br {

        display: block
    }

    .vouchers {

        height: initial
    }

    .vouchers .full-cover-wrap {

        padding: 40px 0 60px
    }

    .vouchers .block-vs_cnt .block-vs:nth-of-type(1)>div {

        width: 100%;

        margin-bottom: 40px;

        text-align: center;

        float: none !important
    }

    .vouchers .block-vs_cnt .block-vs:nth-of-type(1)>div h3 {

        padding: 0 5%
    }

    .vouchers .block-vs_cnt .block-vs:nth-of-type(1)>div.f_image {

        clear: both;

        width: 480px;

        margin: 0 auto
    }

    .vouchers .block-vs:nth-of-type(2) {

        padding: 0 0
    }

    .slider_banner_g1 .site-change p:nth-of-type(2) {

        padding-right: 0
    }

    .slider_banner_g1 .container>.row {

        display: block
    }

    .slider_banner_g1 .item-slide {

        padding-top: 0;

        height: 620px;

        width: 100%;

    }

    /* .slider_banner_g1 .item-slide:before{

        content:'';

        position:absolute;

        height:100%;

        width:100%;

        background-color:rgba(0,0,0,.7);

        top:0;

        left:0

    } */

    .slider_banner_g1 .item-slide .f_right {

        width: 100%;

        text-align: right;

        padding: 50px 10%
    }

    .slider_banner_g1 .slick-dots {

        bottom: 40px !important
    }

    .gift {

        height: auto;

    }

    .gift .slide_arr {

        z-index: 11 !important
    }

    .gift-card {

        height: auto;

    }

    .business-key h2,

    .slider_banner_g1 .item-slide h2 {

        font-size: 42px
    }

    .business-key {

        height: initial
    }

    .business-key .block-bk {

        padding: 45px 0
    }

    .fullsize-image-wrap {

        position: relative !important;

        padding-bottom: 500px;

        overflow: hidden;

    }

    .fullsize-image-wrap img {

        position: absolute !important;

    }

    .business-key .right-img_wrap {

        height: 100%
    }

    .slider_banner_g1 .owl-dots {

        bottom: 62px;

        z-index: 12 !important
    }

    .slider_banner_g1 .item-slide .web-btn {

        margin-top: 50px
    }

    .enquiry {

        height: initial !important
    }

    .enquiry i {

        width: 49%
    }

    .enquiry .vertical-txt {

        display: none
    }

    .enquiry .enquiry-box-tab {

        padding: 45px 6%;

        display: block
    }

    .enquiry .enquiry-box-tab h4 {

        text-align: center;

        padding: 0 8%
    }

    .about .inr_page_banner {

        background-position: 77% center
    }

    .about .abt-cntnt_para {

        padding: 0 19% 0 0
    }

    .footer-section .footer-box {

        padding: 45px 0 45px
    }

    .footer-section .footer-nav:nth-of-type(1) {

        width: 71%
    }

    .footer-section .footer-nav:nth-of-type(2) {

        width: 24%
    }

    .footer-section .footer-nav .footer-nav-menus li {

        width: 49%
    }

    .footer-section .newsletter form {

        width: 100%
    }

    .footer-section .footer-btm {

        padding: 27px 15px
    }

    #modal-container .modal-background .modal {

        max-width: 700px;

        padding: 48px 3%
    }

    #modal-container .modal-background .modal .close {

        top: 3px;

        right: 10px
    }

    #modal-container .modal-background .modal h3 {

        font-size: 36px
    }

    #modal-container .modal-background .modal .popup_btns {

        margin-top: 30px
    }

    .header_wrap.sticky_wrap {

        display: none
    }

    header .scroll_wrap {

        position: fixed;

        transform: translateY(0) !important;

        padding: 8px 15px !important
    }

    header .scroll_wrap .header_left .brand_name {

        padding: 8px 0 5px 0
    }

    header .scroll_wrap .header_left .brand_name i {

        width: 140px;

        height: 35px
    }

    header .scroll_wrap .header_right .web-btn {

        min-width: inherit;

        margin: 7px 0;

        font-size: 12px;

        line-height: 2.7;

        letter-spacing: .05em
    }

    header .scroll_wrap .header_right .web-btn>div {

        padding: 0 11px
    }

    .contact-cntnt_box .cntc-card {

        width: 50%
    }

    .map-section .block_mp h3 span {

        font-size: 34px
    }

    .about .abt-cntnt_box .vertical-txt {

        right: -50px
    }

    .footer-section .footer-box>div:nth-child(1) {

        width: 70%
    }

    .footer-section .footer-box>div:nth-child(2) {

        width: 30%
    }

    .footer-section .footer-box {

        padding: 12px 0 20px
    }

    .footer {

        height: auto
    }

    .map-section .block_mp {

        padding: 45px 0 10px
    }

    .vouchers .block-vs_col-4 p {

        padding-right: 0
    }

}



@media (max-width:991px) {

    .carousel_left span.before {

        left: 0;

        width: 50%
    }

    .container {

        width: 768px !important
    }

    .ui_carousel_right {

        padding-right: 25px
    }

    .container1 {

        max-width: 300px;

        height: 200px;

        perspective: 1800px
    }

    .carousel_left:before {

        background-color: #0d0d0d
    }

    .item {

        width: 300px;

        height: 45vh
    }

    .item figure {

        width: 300px
    }

    .item figcaption {

        font-size: 16px
    }

    .a {

        transform: rotateY(0) translateZ(500px)
    }

    .b {

        transform: rotateY(72deg) translateZ(500px) rotateY(-72deg)
    }

    .c {

        transform: rotateY(144deg) translateZ(500px) rotateY(-144deg)
    }

    .d {

        transform: rotateY(216deg) translateZ(500px) rotateY(-216deg)
    }

    .e {

        transform: rotateY(288deg) translateZ(500px) rotateY(-288deg)
    }

    .b2-solution .h1 {

        font-size: 45px;

        margin: 15px 0
    }

    .b2-solution .block-b2_image {

        padding: 0 0
    }

    .block-b2-pdt .row {

        padding: 0 4%
    }

    .b2-block1 .block-b2>div {

        width: 100%;

        text-align: center
    }

    .b2-block1 .block-b2>div i.icon-stared {

        display: none
    }

    .b2-block1 .block-b2>div.b2-logo {

        width: 152px;

        float: none !important;

        margin: 0 auto
    }

    .slider_banner_g1 .slick-dots {

        bottom: 25px !important
    }

    .vouchers .block-vs_col-4>div {

        text-align: center !important
    }

    .vouchers .block-vs_col-4 p {

        display: block;

        text-align: center;

        padding-left: 0
    }

    .business-key {

        position: relative
    }

    .business-key:before {

        content: '';

        position: absolute;

        height: 100%;

        width: 100%;

        background-color: rgba(0, 0, 0, .7);

        top: 0;

        left: 0;

        z-index: 1
    }

    .business-key h2,

    .business-key p {

        opacity: 1;

        color: #fff
    }

    .business-key .block-bk {

        position: relative;

        z-index: 5;

        text-align: center
    }

    .business-key .row>div {

        width: 100%;

        float: none
    }

    .enquiry .enquiry-box-tab {

        padding: 45px 25px
    }

    .foot-tab-sec .f_right h3 br {

        display: none
    }

    .footer-section .emp_tag-space {

        margin-bottom: 0
    }

    .footer-section .footer-nav:nth-of-type(1) {

        width: 79%
    }

    .footer-section .footer-nav:nth-of-type(2) {

        width: 21%
    }

    .footer-section .footer-nav .footer-nav-menus li {

        width: 33%
    }

    .footer-section .footer-nav .footer-nav-menus.mt-5 {

        margin-top: 28px
    }

    .footer-section .footer-box {

        padding: 35px 0 35px
    }

    .footer-section .footer-box>div {

        width: 100%
    }

    .footer-section .footer-box>div:nth-child(1) {

        width: 100%
    }

    .footer-section .footer-box>div:nth-of-type(2) {

        float: none;

        clear: both;

        width: 100%
    }

    .footer-section .newsletter {

        width: 100%;

        padding-top: 30px;

        margin: 0 auto
    }

    .footer-section .newsletter form {

        margin-top: 0
    }

    .footer-section .newsletter form .click_down_btn a {

        font-size: 15px;

        padding: 0 34px 0 15px
    }

    .footer-section .newsletter form .click_down_btn a:before {

        font-size: 14px
    }

    .footer-section .newsletter .social-share {

        text-align: right;

        margin-top: 20px
    }

    .about .inr_page_banner {

        height: 380px
    }

    .about .abt-cntnt_para {

        padding: 0 19% 0 2%
    }

    .about .abt-cntnt_box .vertical-txt {

        right: -73px
    }

    .map-section .block_mp h3 {

        padding: 28px 0 0
    }

    .map-section .block_mp h3 span {

        font-size: 26px
    }

    .gift-card {

        height: 100%;

    }

    .contact-cntnt_box .cntc-card>div {

        padding: 55px 12px
    }

    .cntc-card p:last-child {

        letter-spacing: 0 !important
    }

}



@media (max-width:767px) {

    .container {

        width: 100% !important
    }

    .ptext,

    p,

    q {

        font-size: 18px
    }

    .header_wrap.sticky_wrap {

        display: none
    }

    .main_banner .carousel_left .next,

    .main_banner .carousel_left .prev {

        bottom: 10px
    }

    .main_banner .carousel_left .next {

        right: -2em
    }

    .main_banner .carousel_left .prev {

        right: 5em
    }

    .ui_carousel_right i.b2-icon {

        display: none
    }

    .carousel_main_height h1.ui_banner_h1 {

        font-size: 20px
    }

    .carousel_main_height .item {

        height: 50vh
    }

    .carousel_main_height .item figure img {

        width: 100px
    }

    .carousel_main_height .item figcaption {

        bottom: -15px
    }

    .b2-solution .block-b2_image i.b2-icon {

        width: 103px;

        height: 90px
    }

    .b2-solution .h1 {

        font-size: 36px
    }

    .block-b2-pdt .row>div {

        width: 50%;

        float: left
    }

    .block-vs_cnt .desk-btn {

        display: none
    }

    .block-vs_cnt .mob-btn {

        display: table !important;

        margin: 40px auto 20px
    }

    .vouchers .block-vs_col-4 {

        min-width: 207px;

        padding: 0 5px;

        margin-bottom: 28px !important
    }

    .vouchers .block-vs_col-4:last-child {

        margin-bottom: 14px !important
    }

    .vouchers .full-cover-wrap {

        padding: 40px 0 40px
    }

    .vouchers .full-cover-wrap h3 {

        font-size: 35px
    }

    .business-key .row>div {

        padding: 0 0
    }

    .business-key h2,

    .slider_banner_g1 .item-slide h2 {

        font-size: 35px
    }

    .business-key .block-bk>div p {

        padding-right: 0
    }

    .business-key h2+span {

        margin: 20px 0 26px;

        font-size: 25px
    }

    .enquiry .enquiry-box-tab {

        padding: 45px 5px
    }

    .enquiry .enquiry-box-tab h4 {

        font-size: 35px;

        margin-bottom: 30px
    }

    .enquiry .enquiry-form .row>div {

        width: 50%;

        float: left
    }

    .enquiry .enquiry-form .row>div.col-sm-12 {

        clear: both;

        text-align: center;

        width: 100%;

        float: none
    }

    .vouchers .block-vs_col-4 {

        min-width: 182px
    }

    .vouchers .block-vs_col-4 i {

        width: 60px;

        height: 60px
    }

    .vouchers .block-vs_col-4 p {

        font-size: 15px
    }

    .enquiry-form .box-type {

        height: 75px
    }

    .enquiry-form .txt-type {

        height: 150px
    }

    .enquiry-form .txt-type textarea {

        height: 124px
    }

    .vouchers .full-cover-wrap p {

        padding-right: 0
    }

    .gift .slide_arr {

        top: inherit;

        bottom: 25px;

        right: 0;

        width: 137px
    }

    .slider_banner_g1 .item-slide .f_right {

        padding: 50px 15px
    }

    .slider_banner_g1 .slick-arrow {

        display: none !important
    }

    .footer-section .newsletter .social-share {

        margin-left: 0
    }

    .footer-section .footer-nav .footer-nav-menus li {

        width: 49%
    }

    #modal-container .modal-background {

        padding: 0 15px
    }

    #modal-container .modal-background .modal {

        max-width: 100%
    }

    .about .abt-cntnt_para {

        padding: 46px 0 0 !important
    }

    .about .vertical-txt {

        left: inherit !important;

        right: 0 !important;

        top: 0 !important
    }

    .about .vertical-txt span {

        font-size: 27px;

        font-weight: 700;

        letter-spacing: .050em;

        color: #fff;

        transform: rotate(0) !important
    }

    .about .inr_page_banner .banner_icon i.b2-icon {

        right: 0 !important
    }

    .about .abt-cntnt_para p:last-child {

        padding-bottom: 0
    }

    .map-section .block_mp {

        padding: 15px 0 40px
    }

    .map-section .block_mp h3 {

        padding-top: 0;

        margin-bottom: 25px
    }

    .map-section .block_mp h3 span {

        padding-bottom: 0;

        font-size: 28px;

        border-bottom: 0;

        line-height: 1.4
    }

    .contact-cntnt_box .cntc-card {

        width: 50%;

        padding: 0 10px;

        float: left
    }

    .contact-cntnt_box .cntc-card>div {

        padding: 55px 20px;

        height: 355px
    }

    .block_mp .f_right {

        float: none !important
    }

    .block_mp .f_right h3 {

        width: calc(100%)
    }

    .footer-section .footer-btm {

        padding: 12px 15px
    }

}

.contact-cntnt_box {
    display: flex;
    flex-wrap: wrap;
}

.cntc-card-content {
    height: 100%;
}

@media (max-width:640px) {

    .ie-slider .container1 {

        width: 100vw !important;

        padding-top: 22% !important
    }

    .ie-slider .container1 .item-data {

        height: 330px !important
    }

    .ui_carousel_right {

        background-color: transparent
    }

    .carousel_left span.before {

        display: none
    }

    h1.ui_banner_h1 {

        font-size: 22px;

        font-family: helveticaneuethin;

        margin-bottom: 25px;

        margin-top: 0;

        max-width: 320px;

        margin-right: auto;

        margin-left: auto
    }

    .ui_carousel_right .web-btn {

        margin-bottom: 30px
    }

    /* .slide{

        height:auto

    } */

    .carousel {

        left: 0;

        top: 35px
    }

    .item {

        height: 348px
    }

    .item figcaption {

        font-size: 21px
    }

    .main_banner .carousel_left .prev {

        right: auto;

        left: -2em
    }

    .main_banner .carousel_left .next,

    .main_banner .carousel_left .prev {

        bottom: 50%;

        transform: translateY(50%)
    }

    .ui_carousel_right .web-btn {

        min-width: inherit !important;

        width: 146px;

        display: block;

        font-size: 14px;

        margin: 0 auto
    }

    h1.ui_banner_h1 {

        text-align: center
    }

    .container1 {

        perspective: 8500px
    }

    .carousel_left {

        height: 420px;

    }

    .ui_carousel_right {

        position: relative;

        padding-right: 15px
    }

    .carousel_left:before {

        background-color: #000
    }

    .carousel_left:after {

        background-color: #000
    }

    .ui_carousel_right .web-btn {

        font-size: 14px;

        vertical-align: middle;

        letter-spacing: .050em
    }

    .ui_carousel_right {

        width: 100%;

        height: 96px;

        padding-left: 15px;

        top: inherit;

        bottom: 0
    }

    .ui_carousel_right .ui_carousel_right_inner {

        padding-right: 0
    }

    .b2-solution {

        padding: 20px 0 25px
    }

    .gift .slide_arr {

        display: none
    }

    .enquiry .enquiry-form .row {

        margin-left: -7px;

        margin-right: -7px
    }

    .enquiry .enquiry-form .row>div {

        padding: 0 7px
    }

    .footer-section .footer-btm {

        padding: 16px 15px
    }

    .footer-section .footer-btm p {

        float: none !important;

        text-align: center
    }

    #modal-container .modal-background .modal .web-btn {

        margin-bottom: 18px
    }

    #modal-container .modal-background .modal .web-btn:last-child {

        margin-bottom: 0
    }

    .about .inr_page_banner {

        height: 310px;

        background-size: cover;

        background-position: 70% center
    }

    .about .inr_page_banner .banner_icon i.b2-icon {

        width: 98px;

        height: 84px;

        bottom: 30px;

        left: 0
    }

    .gift .next,

    .gift .prev {

        display: none
    }

    .contact-cntnt_box .cntc-card {

        width: 100%;

        float: none;

        padding: 0 0;

        margin-top: 15px
    }

    .contact-cntnt_box .cntc-card>div {

        padding: 44px 20px;

        height: auto
    }

    .contact-cntnt_box .cntc-card>div:hover .web-btn {

        bottom: 10px
    }

    header .scroll_wrap .header_left .brand_name i {

        width: 120px;

        height: 35px
    }

    span.lang.ml-2 {

        margin-right: 5px
    }

    span.lang a {

        padding: 5px 0 5px 10px;

        font-size: 11px
    }

    span.lang a label {

        display: block
    }

    span.lang .line:after {

        content: '';

        position: absolute;

        top: 8px;

        right: -7px;

        width: 1px;

        height: 11px;

        background-color: #dab359
    }

    header .scroll_wrap .header_right .web-btn>div {

        padding: 0 5px
    }

}



@media (max-width:560px) {

    .enquiry .enquiry-form .row>div {

        width: 100%;

        float: none
    }

    .enquiry .enquiry-box-tab {

        padding: 45px 0
    }

    span.lang .line:after {

        background-color: #fff;

    }

    .enquiry .enquiry-box-tab h4 {

        padding: 0 0
    }

    .vouchers .block-vs_col-4 {

        min-width: 100%;

        margin-bottom: 18px
    }

    .web-btn {

        min-width: 204px
    }

    .enquiry-form .box-type.web-btn {

        width: 204px;

        margin: 20px auto 0
    }

    .about {

        padding-bottom: 30px
    }

    .about .abt-cntnt_para p {

        padding-bottom: 30px
    }

    .vouchers .block-vs_col-4:nth-of-type(2) p {

        padding: 8px 0 8px 15px
    }

    .vouchers .block-vs_col-4:nth-of-type(2) p br {

        display: none
    }

    .vouchers .block-vs_col-4>div {

        text-align: left !important;

        width: 290px;

        margin: 0 auto
    }

    .vouchers .full-cover-wrap .block-vs_col-4 p {

        width: calc(100% - 70px);

        display: inline-block;

        text-align: left;

        padding: 9px 0 9px 15px
    }

    .footer-section .footer-nav:nth-of-type(1) {

        width: 74%
    }

    .footer-section .footer-nav:nth-of-type(2) {

        width: 26%
    }

    .b2-solution {

        padding: 46px 0 13px
    }

    .slider_banner_g1 .item-slide .web-btn {

        width: 114px
    }

    #modal-container .modal-background .modal h3 {

        font-size: 26px
    }

    #modal-container .modal-background .modal p {

        font-size: 15px
    }

    .web-btn {

        min-width: inherit;

        margin: 5px 0;

        font-size: 12px;

        line-height: 2.7;

        letter-spacing: .05em
    }

    .web-btn>div {

        padding: 0 11px
    }

    .enquiry-form .box-type.web-btn {

        width: initial;

        display: table;

        height: auto
    }

    .enquiry-form input[type=submit] {

        min-width: inherit;

        font-size: 12px;

        line-height: 2.7;

        letter-spacing: .05em;

        padding: 0 0
    }

    .footer-section .footer-btm p {

        letter-spacing: .02em
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4:nth-of-type(1) {

        width: 50%
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4 p {

        padding: 12px 12px 12px 0 !important;

        text-align: center;

    }

}



@media (max-width:640px) {

    .slide {

        height: auto
    }

    #slide-1 {

        height: 100vh;

        display: flex;

        flex-direction: column;

        padding-top: 70px;

    }

    .ui_carousel_right .web-btn {

        min-width: inherit !important;

        width: 115px;

        display: block;

        font-size: 12px;

        margin: 0;

        margin-bottom: 30px;

        margin: auto;

    }

}



@media (max-width:480px) {

    .ptext,

    p,

    q {

        font-size: 16px !important;

        font-family: inherit !important;

        line-height: 1.5;

        letter-spacing: .040em;

        font-weight: 400;

    }

    .b2-solution .h1 {

        font-size: 40px;

        /* text-align:right;

        font-weight:600; */

        color: #000;

        max-width: 230px;

        margin: auto;

    }

    .block-b2-pdt .b2-pdt h6 {

        padding: 20px 0 18px;

        font-size: 14px
    }

    .business-key h2,

    .slider_banner_g1 .item-slide h2 {

        font-size: 30px;

        font-weight: 400;

        text-align: right
    }

    .slider_banner_g1 .item-slide .f_right {

        padding: 40px 15px
    }

    .block-b2-pdt .b2-pdt h6 {

        font-size: 14px
    }

    .b2-block1 .block-b2>div.f_right {

        margin: 0
    }

    .vouchers .block-vs_col-4:last-child {

        margin-bottom: 0
    }

    .vouchers .block-vs_col-4>div {

        width: 350px
    }

    .vouchers .block-vs_col-4 p {

        font-size: 17px !important
    }

    .vouchers .block-vs:nth-of-type(2) {

        margin-top: 40px
    }

    .vouchers .block-vs_cnt .block-vs:nth-of-type(1)>div {

        text-align: right
    }

    .vouchers .block-vs_cnt .block-vs:nth-of-type(1)>div.f_image {

        width: 390px
    }

    .vouchers .full-cover-wrap {

        padding: 25px 0 30px
    }

    .vouchers .full-cover-wrap h3 {

        font-size: 30px !important;

        line-height: 1.2;

        padding: 0 0 !important;

        font-weight: 400;

        text-align: center;

        font-family: noto_sans_arabicthin
    }

    .vouchers .full-cover-wrap p {

        text-align: center;

        padding-left: 0;

    }

    .b2-solution {

        padding: 20px 0 13px
    }

    .b2-solution .block-b2_image i.b2-icon {

        margin-left: -20px
    }

    .block-b2-pdt .row {

        padding: 0 0
    }

    .b2_block2-solution {

        padding: 40px 10px 40px;

    }

    .vouchers .full-cover-wrap .block-vs_col-4 p {

        text-align: right;

        padding-right: 15px;

        font-weight: 400 !important;

    }

    .business-key h2 {

        padding-right: 0
    }

    .business-key:before {

        display: none
    }

    .business-key h2+span {

        font-size: 18px;

        color: #b58f47;

        display: block;

        text-align: right
    }

    .business-key h2 {

        font-family: noto_sans_arabicthin
    }

    .business-key p {

        padding-right: 0
    }

    .business-key .right-img_wrap {

        height: 260px;

        position: relative;

        width: 100% !important;

        top: 0;

        background-position: top center
    }

    .business-key .block-bk {

        padding: 15px 0 15px;

        box-shadow: 20px -35px 68px 0 rgba(0, 0, 0, .95)
    }

    .slider_banner_g1 .item-slide .web-btn {

        margin-top: 38px
    }

    .slider_banner_g1 .site-change p:nth-of-type(1):after {

        top: 0 !important
    }

    .site-change p {

        display: inline-block !important
    }

    .site-change label {

        font-size: 13px !important;

        font-weight: 400
    }

    .site-change label:before {

        top: 1px !important
    }

    .site-change label:after {

        top: 5px !important
    }

    .cntc-card p {

        text-align: right
    }

    .enquiry i {

        width: 83%;

        right: 30px;

        top: 15%
    }

    .enquiry .enquiry-box-tab {

        padding: 90px 0 40px;

    }

    .enquiry .enquiry-box-tab h4 {

        font-size: 20px;

        line-height: 1.2;

        font-weight: 600;

        font-family: noto_sans_arabicthin;

        text-align: right
    }

    .enquiry .enquiry-box-tab h4 br {

        display: block
    }

    .enquiry .vertical-txt {

        display: block;

        right: 15px;

        top: 0
    }

    .enquiry .vertical-txt span {

        font-size: 85px;

        transform: rotate(0);

        left: 0;

        letter-spacing: .050em;

        font-weight: 600;

        font-family: noto_sans_arabicthin
    }

    .enquiry .container .vertical-txt {

        right: 15px;

        top: 5px;

    }

    .enquiry .container .vertical-txt span {

        font-size: 55px;

        opacity: .4;

    }

    .footer-section .footer-nav:nth-of-type(1) {

        width: 100%
    }

    .footer-section .footer-nav:nth-of-type(2) {

        width: 100%;

        margin-top: 20px;

        padding-top: 25px;

        border-top: 1px solid rgba(77, 77, 77, .35);

    }

    .footer-section .footer-nav:nth-of-type(2) h5 {

        display: none
    }

    .footer-section .newsletter {

        width: 360px
    }

    .footer-section .newsletter form .click_down_btn a {

        padding: 0 50px 0 15px;

        text-align: center
    }

    /* .gift{

        height:490px

    } */

    .slider_banner_g1 .item-slide h2 {

        margin-top: 12px
    }

    .slider_banner_g1 .slick-dots {

        bottom: 30px
    }

    .gift-card .slider_banner_g1 .item-slide {

        height: 550px
    }

    .gift-card .slider_banner_g1 .item-slide>div {

        bottom: 0
    }

    .e-gft .slider_banner_g1 .item-slide {

        height: 555px
    }

    .e-gft .slider_banner_g1 .item-slide>div {

        bottom: 0
    }

    .slider_banner_g1 .site-change.sld1 .block-vs {

        margin: 0 0
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4:nth-of-type(2) {

        width: 50%
    }

    .slider_banner_g1 .item-slide {

        background-size: 110%;

        background-position: 0 -5%
    }

    .slider_banner_g1 .item-slide:before {

        background-color: transparent
    }

    /* .slider_banner_g1 .item-slide>div{

        box-shadow:0 -59px 70px 0 rgba(0,0,0,.95);

        background-color:#070401;

        top:auto;

        bottom:54px;

        height:300px;

    } */

    .slider_banner_g1 .item-slide .f_right {

        padding: 10px 15px 30px;

        padding-top: 30px;

    }

    .slider_banner_g1 .item-slide .f_right h2,

    .slider_banner_g1 .item-slide .f_right p,

    .slider_banner_g1 .item-slide .f_right span.slide_tlt {

        text-align: right;

        display: block
    }

    .enquiry-form .select-selected,

    .enquiry-form input[type=email],

    .enquiry-form input[type=number],

    .enquiry-form input[type=tel],

    .enquiry-form input[type=text],

    .enquiry-form select,

    .enquiry-form textarea {

        padding: 0 15px
    }

    .enquiry-form .txt-type textarea {

        padding: 12px 15px
    }

    .footer-section .footer-box {

        padding: 5px 0 18px
    }

    .footer-section .footer-btm {

        padding: 10px 15px
    }

    .footer-section .footer-btm p {

        line-height: 1.8
    }

    .about .abt-cntnt_para p {

        text-align: right
    }

    .map-section .block_mp h3 {

        margin-bottom: 5px
    }

    .container1 {

        max-width: 275px;

        height: 200px;

        perspective: 6500px
    }

    .carousel {

        left: 0;

        top: 30%
    }

    .ui_carousel_right_inner {

        padding-right: 0 !important
    }

    /* h1.ui_banner_h1{

        font-size:30px;

        text-transform:none;

        letter-spacing:.060em;

        font-weight:700;

        text-align:right;

        max-width:inherit;

        color:#e2e2e2

    } */

    .item {

        width: 275px;

        height: 275px
    }

    .item figure {

        width: 275px
    }

    /* .item figure img{

        width:100px

    } */

    .item figcaption {

        bottom: -14px;

        color: #d8b36f;

        font-size: 17px
    }

    /* .carousel_left{

        height:420px

    } */

    .carousel_left:after,

    .carousel_left:before {

        display: none
    }

    .main_banner .carousel_left .next,

    .main_banner .carousel_left .prev {

        bottom: 50%;

        transform: translateY(50%)
    }

    .main_banner .carousel_left .prev {

        right: auto;

        left: -2em
    }

    .ui_carousel_right {

        bottom: 18px;

        position: relative
    }

    .footer-section .footer-nav .footer-nav-menus.mt-5 {

        margin-top: 0
    }

}

@media (max-width:576px) {

    .block-b2-pdt .row>div {

        padding: 0 5px
    }

}

@media (max-width:390px) {

    .contact-cntnt_box .cntc-card>div {

        padding: 32px 12px
    }

    .block-b2-pdt .row>div {

        padding: 0 5px
    }

    .block-b2-pdt .b2-pdt {

        padding-top: 7%;

        margin-bottom: 10px
    }

    .vouchers .block-vs_cnt .block-vs:nth-of-type(1)>div.f_image {

        width: 100%
    }

    .vouchers .block-vs_col-4 {

        padding: 0 15px
    }

    .vouchers .block-vs_col-4>div {

        width: 100% !important
    }

    .footer-section .newsletter {

        width: 100%
    }

    .footer-section .footer-btm p {

        font-size: 15px !important
    }

    .popup_btns .web-btn {

        min-width: inherit;

        width: 120px;

        display: inline-block;

        font-size: 12px;

        padding: 0 0;

        margin: 0 8px !important
    }

    .slider_banner_g1 .slick-dots {

        bottom: 12px !important
    }

}



@media (max-width:359px) {

    .block-b2-pdt .b2-pdt h6 {

        font-size: 12px
    }

}



_:-ms-lang(x),

.fadeOutBlur figcaption {

    opacity: .1
}



.customrow {

    display: flex;

    align-items: center;

}



@media (max-width:1199.98px) {

    .customrow {

        flex-direction: column !important;

        height: 100% !important;

    }

}



.gift-card-image {

    padding: 0;

}



.gift-card-image img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

}



.img-right-row .content-section {

    margin-right: auto;

    margin-left: 180px;

    padding-left: 0 !important;

}



@media (max-width:1566.98px) {

    .img-right-row .content-section {

        margin-left: 0;

        padding-left: 70px !important;

    }

}



@media (max-width:767.98px) {

    .img-right-row .content-section {

        padding-left: 30px !important;

    }

}



.content-section {

    max-width: 720px;

    padding-right: 100px !important;

}



@media (max-width:576.98px) {

    .content-section {

        padding-right: 40px !important;

    }

}



@media (max-width:1600.98px) {

    .content-section {

        max-width: 720px;

    }

}



.img-right-row .content-section {

    max-width: 720px;

}



@media (max-width:1600.98px) {

    /* .img-right-row .content-section{

        max-width: 490px;

    } */

}



@media (max-width:1500.98px) {

    /* .img-right-row .content-section{

        max-width: 564px;

    } */

}



@media (max-width:1400.98px) {

    .content-section {

        padding-left: 100px !important;

    }

}



@media (max-width:1199.98px) {

    .content-section {

        max-width: 100%;

    }

    .img-right-row .content-section {

        max-width: 100%;

    }

}



@media (max-width:767.98px) {

    .content-section {

        padding-left: 30px !important;

    }

}



.gift-card-image {

    padding: 0;

}



.gift-card-image img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

}



.img-right-row {

    flex-direction: row-reverse;

}



.red-btn {

    background: #B2283D;

    color: #fff;

    height: 57px;

    padding: 10px 25px;

    display: flex;

    align-items: center;

    max-width: 230px;

    align-items: center;

    text-transform: uppercase;

    font-size: 15px;

    justify-content: center;

    letter-spacing: 3.2px;

    transition: 1s all ease-in-out;

    margin-top: 30px;

}



@media (max-width: 480px) {

    .red-btn {

        height: 44px;

        font-size: 12px;

        max-width: 140px;

    }

}



@media (max-width:1199.98px) {

    .red-btn {

        margin-top: 10px;

    }

}



.red-btn:hover {

    background: #b58f47;

    color: #fff;

}



.box-type.rd-btn {

    max-width: 250px;

    margin: 0 auto;
    margin-top: 30px;
}





/* @media (max-width:1600px) {

    .img-right-row .content-section{

        padding-right: 0!important;

    }

} */



@media (max-width:767.98px) {

    .gift-content-wrap {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

    }

    .gift-content {

        width: 100% !important;

        margin-bottom: 10px !important;

    }

}



.fancybox__carousel .fancybox__slide .fancybox__content img {

    background: #FFFFFF !important;

}



.fancybox__toolbar__items--left,

.carousel__button.fancybox__button--slideshow,

.fancybox__toolbar__items.fancybox__toolbar__items--left {

    display: none !important;

}



.fancybox__nav button {

    color: #dfbb60;

}





/* .fancybox__carousel .fancybox__slide .fancybox__content,.fancybox__carousel .fancybox__slide .fancybox__content img{

    max-width: 700px !important;

    max-height:700px !important;

} */



.fancybox__caption {

    font-size: 16px;

}






@media (min-width:1200px) {

    .fancybox__slide {

        padding: 150px 120px !important;

    }

}



@media (max-width:576px) {

    .footer-section .newsletter {

        display: flex;

        align-items: center;

        justify-content: space-between;
        flex-direction: column;

    }

    .footer-section .newsletter h5 {

        margin-bottom: 0 !important;

    }

}


/* 13-march-2024 */

.contact-bar {
    padding: 17px 20px;
    background-color: #f4f3ee;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 992px) {
    .contact-bar {
        flex-direction: column;
        margin-bottom: 20px;
        padding: 16px 20px;
    }
}

.contact-bar .contact-item {
    display: flex;
    align-items: center;
    padding: 0 36px;
    position: relative;
    flex-wrap: wrap;
}

.contact-bar .contact-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 21px;
    background: #e5e5e5;
}

.whatsapp {
    position: fixed;
    right: 40px;
    bottom: 100px;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background-color: #0CC042;
    display: grid;
    place-items: center;
    z-index: 100;
    cursor: pointer;


}

.whatsapp a {
    font-size: 0 !important;
}

.whatsapp:hover {
    background-color: #0A8F2B;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp svg {
    width: 28px;
    height: 28px;
    fill: #fff;
}

@media (max-width: 1400px) {
.contact-bar .contact-item{
    padding: 0 8px;
}
}


@media (max-width: 992px) {
    .contact-bar .contact-item::after {
        content: none;
    }
}

@media (max-width: 992px) {
    .contact-bar .contact-item {
        padding: 7px 0px;
    }
}


.contact-bar .contact-item:nth-child(1) {
    padding-right: 0px;
}

@media (max-width: 992px) {
    .contact-bar .contact-item:nth-child(1) {
        padding-top: 0px;
    }
}

@media (max-width: 992px) {
    .contact-bar .contact-item:nth-last-child(1) {
        padding-bottom: 0px;
    }

    .whatsapp{
        right: 20px;
        bottom: 20px;
    }
}



.contact-bar .contact-item:nth-child(1)::after {
    content: none;
}

.contact-bar .contact-item span img {
    max-width: 19px;
    max-height: 19px;
    width: 100%;
    height: 100%;
}

.contact-bar .contact-item a {
    color: #185bdd;
    font-size: 14px;
    font-weight: 500;
    padding-right: 8px;
    letter-spacing: 0.5px;
}

.color-gray{
    color: #727272;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-inline-start: 15px;
}

@media (max-width: 500px) {
    .color-gray {
         margin-inline-start: 24px;
    }
}



/* Form Updations 19-08-2025  */
.checkbox{
    margin-top: 12px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.checkbox input[type="checkbox"] {
    margin: 0;
    accent-color: #a7022b;
}

.checkbox input[type="checkbox"]:checked {
    background-color: #a7022b;
    border-color: #a7022b;
}

.checkbox label{
    font-size: 14px;
    font-weight: 500;
    padding-inline-start: 8px;
    letter-spacing: .5px;
    text-align: start;
    font-family: Roboto, sans-serif;
    cursor: pointer;
}
.checkbox label.error{
    position: absolute;
    bottom: -20px;
    font-weight: 500;
    color: #da7e7e;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    letter-spacing: .06em;
    inset-inline-start: 0;
    padding: 0;
}

/* contact form success popup  */

.form-result.popup.show .popup_wrap{
    pointer-events: all;
    opacity: 1 !important;
}
.form-result.popup.show .popup_overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #01010200;
    z-index: 9999;

}
.form-result.popup .popup_wrap{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    bottom: unset;
    pointer-events: none;
    transition: 0.3s all ease-in-out;
    opacity: 0;
    background-color: #fff;
    z-index: 55;
    width: max-content;
    height: max-content;
    max-width: 80%;
    padding: 20px;
    box-shadow: 0 0 32px 5px #0000001f;
}
@media only screen and (max-width: 991.98px){
    .form-result.popup .popup_wrap{
        top: 30%;
    } 
    .form-result.popup .popup_wrap p{
        max-width: 100%;
    }
}
.form-result.popup .popup_wrap img{
    width: 70px;
    height: 70px;
    max-width: 70px;
    margin-inline: auto;
}
.form-result.popup .popup_wrap p{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    letter-spacing: .06em;
    margin-top: 16px;
    max-width: 80%;
    margin-inline: auto;
    line-height: 1.5;
}

/* Form Submit Loader  */

.enquiry-form .box-type.rd-btn.loading input[type="submit"] {
    opacity: 0;
}

.enquiry-form .box-type.rd-btn .spinner {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    border: 3px solid #FFF;
    border-top: none;
    border-right: none;
    animation: spin .8s linear infinite;
    opacity: 0;
    transition: 0.3s opacity ease-in-out;
    display: block;
    position: absolute;
    top: calc(50% - 11px);
    left: calc(50% - 11px);
    z-index: 3;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.enquiry-form .box-type.rd-btn.loading .spinner {
    opacity: 1;
}

.enquiry-form .btn-primary {
    background-color: #a7022b;
    color: #fff;
    width: 100%;
    border: 0;
    text-transform: uppercase;
    line-height: 3.18;
    letter-spacing: .15em;
    font-size: 15px;
    cursor: pointer;
    height: 57px;
    transition: 1s all ease-in-out;
    display: block;
    position: relative;
}