@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format("truetype")
}

html {
    font-family: Roboto, 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: rgba(0, 0, 0, 0);
    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: "“" "”";
    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=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
    border: 0
}

input[type=submit]:focus,
input[type=button]:focus {
    outline: 0
}

input,
select {
    vertical-align: middle
}

input[type=submit],
input[type=button],
input[type=text],
input[type=password],
input[type=email],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    outline: 0;
    border-radius: 0
}

input[type=submit]:focus,
input[type=button]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]: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: Roboto, sans-serif;
    font-weight: inherit
}

.h1,
h1 {
    font-size: 80px;
    line-height: 1.2
}

.h2,
h2 {
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: 1.8px
}

.h3,
h3 {
    font-size: 50px;
    line-height: 1.3;
    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: 17px;
    line-height: 1.17;
    font-weight: inherit
}

.ptext,
p,
q {
    font-size: 16px;
    line-height: 2.1;
    color: #000 !important;
    letter-spacing: .057em;
    font-family: Roboto, sans-serif !important;
    font-weight: 400 !important
}

a {
    font-size: 15px;
    font-weight: 400;
    cursor: pointer
}

body {
    font-family: Roboto, sans-serif;
    min-width: 320px
}

select:active,
select:hover {
    outline: 0
}

@keyframes fadeInBlur {
    from {
        opacity: .3;
        filter: blur(6px);
        -webkit-filter: blur(6px)
    }

    to {
        opacity: 1;
        filter: blur(0);
        -webkit-filter: blur(0)
    }
}

@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: "";
    font-family: icomoon !important;
    color: #17cdb6;
    position: absolute;
    font-size: 8px;
    right: 6px;
    top: 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
}

.icon-down-arrow:before {
    content: ""
}

.icon-watermark-logo .path1:before {
    content: "";
    color: #fcbf13;
    opacity: .073
}

.icon-watermark-logo .path2:before {
    content: "";
    margin-left: -0.96679687em;
    color: #c7c8c9;
    opacity: .073
}

.icon-watermark-logo .path3:before {
    content: "";
    margin-left: -0.96679687em;
    color: #c7c8c9;
    opacity: .073
}

.icon-watermark-logo .path4:before {
    content: "";
    margin-left: -0.96679687em;
    color: #c7c8c9;
    opacity: .073
}

.icon-watermark-logo .path5:before {
    content: "";
    margin-left: -0.96679687em;
    color: #fcbf13;
    opacity: .073
}

.icon-instagram:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-arrow:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

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;
    color: #000 !important
}

i.b2-icon {
    width: 168px;
    height: 142px;
    display: inline-block
}

i.b2-icon-solution {
    max-width: 450px;
    max-height: 450px;
    display: block;
    margin: auto
}

@media(max-width: 1500px) {
    i.b2-icon-solution {
        max-width: 400px;
        max-height: 400px
    }
}

i.icon-stared {
    width: 81px;
    height: 91px;
    display: inline-block
}

.slide .container {
    height: 100%;
    display: table
}

.web-btn {
    min-width: 235px;
    color: #fff !important;
    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: .5s all ease-in-out
}

.web-btn:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #b58f47 !important
}

@media(max-width: 576.98px) {
    .header_right .web-btn:hover {
        background-color: #b58f47 !important;
        color: #fff !important
    }
}

@media(max-width: 560px) {
    .enquiry-box-tab .web-btn>div {
        border: none !important;
        transition: all .5s ease .85s
    }
}

.web-btn.ui-web-btn {
    border-color: rgba(181, 143, 71, .2);
    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
}

.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, 0.2, 1)
}

.screen-mode.landscape p {
    position: absolute;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    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
}

header {
    position: absolute;
    width: 100%
}

header .scroll_wrap {
    animation: none;
    transform: translateY(-80px);
    z-index: 50;
    background-color: #1f1f1f
}

header .scroll_wrap.fixed-head {
    position: fixed;
    left: 0;
    top: 0;
    transform: translateY(0);
    animation: move-down .2s forwards;
    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: right
}

.header_wrap .header_right .web-btn {
    margin: 8px 0
}

.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: 10px 0 12px 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;
    background-color: #fff
}

.b2-solution .block-b2 {
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: row-reverse
}

.b2-solution .block-b2_image {
    text-align: center;
    padding-left: 170px
}

.b2-solution .h1 {
    font-family: Roboto, sans-serif;
    letter-spacing: .04em;
    color: #000;
    margin-bottom: 50px;
    font-weight: 300
}

.b2-solution i.icon-stared {
    position: relative;
    left: 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;
    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 .f_right {
    padding: 0 40px
}

.slider_banner_g1 .item-slide span.slide_tlt {
    color: #806200;
    font-size: 18px;
    letter-spacing: .05px;
    line-height: 21px;
    font-weight: 700
}

.slider_banner_g1 .item-slide h2 {
    margin-top: 30px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 30px
}

.slider_banner_g1 .item-slide p {
    text-align: left
}

.slider_banner_g1 .item-slide .web-btn {
    margin-top: 45px
}

.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;
    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.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: 77px;
    height: 77px;
    display: inline-block
}

@media(max-width: 1600px) {
    .slider_banner_g1 .site-change.sld1 .block-vs_col-4 i {
        width: 66px;
        height: 66px
    }
}

.slider_banner_g1 .site-change.sld1 .block-vs_col-4 p {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #806200 !important;
    display: inline-block;
    line-height: 1.4;
    vertical-align: top;
    padding: 12px 0 12px 18px !important;
    text-align: left
}

.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: 40%
}

.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-left: 0
}

.slider_banner_g1 .site-change p:nth-of-type(1):after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    height: 30px;
    width: 1px;
    background-color: #9a9a9a;
    transform: rotate(20deg)
}

.block-b2-pdt {
    padding: 0
}

.block-b2-pdt .b2-pdt {
    background-color: #fff;
    margin-bottom: 30px;
    height: 100%
}

.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: #000;
    text-align: center;
    font-family: Roboto, sans-serif;
    letter-spacing: .54px;
    padding: 20px 15px 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-right: 45px
}

.vouchers .full-cover-wrap h3 {
    font-family: Roboto, sans-serif;
    letter-spacing: 1.5px;
    color: #000;
    font-weight: 300
}

.card-row>div {
    margin-bottom: 0px;
    cursor: pointer
}

@media(max-width: 991.98px) {
    .card-row {
        display: flex;
        flex-wrap: wrap
    }

    .card-row>div {
        margin-bottom: 30px
    }
}

.vouchers .full-cover-wrap p {
    font-size: 18px;
    max-width: 500px
}

.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: left
}

.vouchers .block-vs_col-4:last-child>div {
    text-align: right
}

.vouchers .block-vs_col-4 i {
    width: 87px;
    height: 87px;
    display: inline-block
}

.vouchers .block-vs_col-4 p {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #806200 !important;
    display: inline-block;
    line-height: 1.3;
    vertical-align: top;
    padding: 20px 0 20px 32px;
    text-align: left
}

.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: Roboto, sans-serif;
    font-weight: 100
}

.business-key h2+span {
    margin: 40px 0 14px
}

.business-key span {
    font-size: 30px;
    color: #e5e5e5;
    font-family: Roboto, sans-serif;
    display: block
}

.business-key p {
    opacity: .7
}

.enquiry {
    position: relative
}

.enquiry .container {
    position: relative
}

.enquiry .container .vertical-txt {
    left: -245px
}

.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;
    font-weight: 300;
    font-size: 50px
}

@media(max-width: 991.98px) {
    .enquiry .enquiry-box-tab h4 {
        font-size: 40px
    }
}

.enquiry .enquiry-box-tab h6 {
    font-family: Roboto, sans-serif;
    color: #adadad;
    margin-top: 30px
}

.vertical-txt {
    position: absolute;
    left: -35px;
    top: 35%
}

.vertical-txt span {
    position: absolute;
    left: 0;
    font-size: 147px;
    letter-spacing: 8px;
    transform: rotate(-90deg);
    color: #3e3b3b;
    font-family: Roboto, sans-serif;
    top: 0;
    white-space: nowrap;
    font-weight: 100;
    opacity: .3
}

.enquiry-form .select-selected,
.enquiry-form .selectric,
.enquiry-form input[type=text],
.enquiry-form input[type=email],
.enquiry-form input[type=tel],
.enquiry-form input[type=number],
.enquiry-form select,
.enquiry-form textarea {
    height: 50px;
    width: 100%;
    padding: 0 22px;
    background-color: rgba(0, 0, 0, 0);
    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: Roboto, sans-serif;
    letter-spacing: .06em;
    position: relative;
    top: 4px
}

.enquiry-form .intl-tel-input {
    height: 49px
}

.enquiry-form .txt-type {
    height: 170px
}

.enquiry-form .txt-type textarea {
    height: 220px;
    width: 100%;
    padding: 12px 22px;
    font-family: Roboto, sans-serif;
    font-weight: 400
}

.enquiry-form button,
.enquiry-form input[type=submit] {
    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
}

.enquiry-form button,
.enquiry-form input[type=submit]:hover {
    background: #b58f47;
    color: #fff
}

@media(max-width: 576.98px) {

    .enquiry-form button,
    .enquiry-form input[type=submit]:hover {
        background: #a7022b;
        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: Roboto, 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;
    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: 50% 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;
    left: 19%
}

.about .abt-cntnt_box {
    position: relative
}

.about .abt-cntnt_box .vertical-txt {
    left: -140px;
    top: 160px
}

.about .abt-cntnt_para {
    padding: 50px 8% 0 19%
}

.about .abt-cntnt_para p {
    padding-bottom: 40px
}

.contact {
    padding: 100px 0 60px
}

.contact .vertical-txt {
    left: -60px
}

.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 {
    background-color: #0d0d0d;
    padding: 55px 35px;
    position: relative
}

.contact-cntnt_box .cntc-card>div .mv-box {
    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: .07em;
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    opacity: 0 !important;
    transition: all .3s ease-in-out
}

.cntc-card h4,
.cntc-card p {
    font-family: Roboto, sans-serif !important;
    letter-spacing: .06em
}

.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
}

.cntc-card p {
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    color: #727272
}

[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;
    background-color: #fff
}

.map-section .block_mp {
    padding: 45px 0
}

.map-section .block_mp h3 {
    color: #000;
    padding: 50px 0 0;
    width: 88%
}

.map-section .block_mp h3 span {
    border-bottom: 1px solid #8f7239;
    font-size: 48px;
    display: table;
    padding-bottom: 60px;
    font-weight: 200
}

.map-section .block_mp .block_mp_img>div {
    padding-top: 60%;
    background-size: contain;
    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 {
    color: #000;
    font-weight: 300
}

.footer-section h5 {
    margin-bottom: 25px;
    font-size: 18px
}

.footer-section h5>a {
    font-size: 20px;
    letter-spacing: .06em;
    border-bottom: 1px solid #cbcbcb;
    line-height: normal;
    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: 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: 28.33%;
    display: inline-flex;
    line-height: 2
}

.footer-section .footer-nav .footer-nav-menus li a {
    font-size: 16px;
    padding: 3px 0;
    transition: .3s all ease-in-out
}

.footer-section .footer-nav .footer-nav-menus li a:hover {
    color: #806200
}

.footer-section .newsletter form {
    width: 306px;
    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: .03em;
    font-size: 16px;
    padding: 0 50px 0 50px;
    z-index: 2;
    position: relative;
    width: 100%;
    transition: all .3s ease-in-out
}

.footer-section .newsletter form .click_down_btn a:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 16px;
    font-size: 15px;
    color: #896b32;
    line-height: 2.2;
    font-family: icomoon;
    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 {
    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 {
    transform: scaleY(0);
    transform-origin: left top;
    transition-delay: 2s;
    transition-property: transform;
    transition: transform .8s cubic-bezier(0.8, 0, 0, 1)
}

.footer-section .newsletter form>div.click_down_mail.show_mail+.submt-btn:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 16px;
    font-size: 15px;
    color: #896b32;
    line-height: 2.2;
    font-family: icomoon;
    transition: all .3s ease-in-out
}

.footer-section .newsletter form>div.click_down_mail.show_mail+.submt-btn:hover:before {
    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;
    transform: scaleY(1);
    transition: transform .7s cubic-bezier(0.8, 0, 0, 1)
}

.footer-section .newsletter form button,
.footer-section .newsletter form input {
    display: inline-block;
    vertical-align: top;
    background-color: rgba(0, 0, 0, 0)
}

.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: 10px;
    margin-left: -8px
}

.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;
    color: #000;
    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: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer-section .footer-btm:after,
.footer-section .footer-btm:before {
    content: "";
    display: table;
    clear: both;
    display: none
}

.footer-section .footer-btm p>a {
    color: #8c8c8c;
    font-weight: 100;
    font-family: Roboto, sans-serif;
    transition: all .3s ease-in-out
}

.fancybox__container {
    z-index: 1000000 !important
}

.fancybox__nav button {
    color: #dfbb60
}

.fancybox__button--fullscreen {
    display: none !important
}

.fancybox__button--zoom {
    display: none !important
}

.footer-section .footer-btm p {
    font-size: 15px;
    color: #8c8c8c;
    letter-spacing: .06em;
    font-weight: 100;
    font-family: Roboto, sans-serif
}

.footer-section .footer-btm p i {
    width: 12px;
    height: 12px;
    display: inline-block;
    font-style: normal;
    animation: blinker 1s linear infinite;
    transition: all .3s ease-in-out
}

.footer-section .footer-btm p:nth-of-type(1) {
    text-align: center
}

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

.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: Roboto, sans-serif;
    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;
    transform: rotate(45deg);
    background-color: #707070;
    transition: all .3s ease-in-out
}

#modal-container .modal-background .modal .close:after {
    top: 21px;
    left: 7px;
    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(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}

#modal-container.ui-class_popup .modal-background .modal {
    transform: scale(0);
    animation: zoomIn .5s .8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}

#modal-container.ui-class_popup.out {
    transform: scale(1);
    animation: unfoldOut 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}

#modal-container.ui-class_popup.out .modal-background .modal {
    animation: zoomOut .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}

[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

[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%;
    transition: all .2s ease
}

[type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

[type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.custom-select {
    position: relative
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: rgba(0, 0, 0, 0)
}

.select-selected.select-arrow-active:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #9d9d9d rgba(0, 0, 0, 0);
    top: 19px
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 25px;
    right: 25px;
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-color: #9d9d9d rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.select-items div,
.select-selected {
    color: #000000;
    padding: 15px 0;
    font-size: 16px;
    letter-spacing: .03em;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    border: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, .1) rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    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;
    transition: all .3s ease-in-out;
    max-height: 330px;
    overflow-y: auto;
}

.select-hide {
    visibility: hidden;
    top: 40px;
    opacity: 0
}



@keyframes blinker {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.waitingForConnection {
    -animation-name: blinker;
    -animation-iteration-count: infinite;
    -animation-timing-function: cubic-bezier(0.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(0.005) scaleX(0)
    }

    50% {
        transform: scaleY(0.005) scaleX(1)
    }

    100% {
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1)
    }

    50% {
        transform: scaleY(0.005) scaleX(1)
    }

    100% {
        transform: scaleY(0.005) scaleX(0)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translateX(100%)
    }

    50% {
        opacity: 0;
        transform: translateX(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes reveal-text {
    from {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
        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: 300px;
    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: rgba(0, 0, 0, 0);
    color: #b58f47 !important
}

.main_banner .web-btn:hover {
    background-color: #b58f47;
    color: #fff !important
}

@media(max-width: 991.98px) {
    .main_banner .web-btn:hover {
        background-color: unset;
        color: #b58f47 !important
    }
}

.ui_carousel_right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    display: table;
    height: 100vh;
    padding-left: 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: Roboto, sans-serif;
    font-weight: 200;
    line-height: 1.52;
    letter-spacing: 1px;
    text-align: left;
    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;
    transition: all .3s ease-in-out
}

.nxt-arrow:hover:after,
.prev-arrow:hover:after {
    opacity: 1
}

.nxt-arrow:after {
    transform: rotate(45deg) translate(-50%, -50%);
    left: 18%;
    top: 50%
}

.prev-arrow:after {
    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;
    transition: all .5s cubic-bezier(0.77, 0, 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 rgba(0, 0, 0, 0)
}

.fadeOutBlur figcaption,
.fadeOutBlur figure {
    animation-name: fadeOutBlur
}

.blur figcaption,
.blur figure {
    opacity: .3;
    filter: blur(6px);
    -webkit-filter: blur(6px)
}

.fadeInBlur {
    animation-name: fadeInBlur;
    animation-duration: 1s;
    animation-fill-mode: both
}

.fadeOutBlur {
    animation-name: fadeOutBlur;
    animation-duration: 1s;
    animation-fill-mode: both
}

.fadeOutBlur figcaption,
.fadeOutBlur figure {
    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
}

.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(0.075, 0.82, 0.165, 1) forwards;
    transform: translate3d(0, 100%, 0);
    line-height: 1
}

.transition-fade {
    transition: .4s;
    opacity: 1
}

html.is-animating .transition-fade {
    opacity: 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-left: 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: .03em;
    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 .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
}

.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: #efefef
}

.lang-switch {
    margin: 17px 0
}

span.lang {
    position: relative
}

.header_right .lang {
    margin-right: 15px
}

span.lang .line {
    position: relative;
    color: #ffbd23 !important
}

span.lang .line:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -9px;
    width: 2px;
    height: 13px;
    background-color: #968459
}

.header-scrolled span.lang.ml-2 {
    margin-right: 30px
}

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: -1px;
    background-image: url(../img/flags2.png);
    background-repeat: no-repeat;
    background-color: #e3e5e7
}

span.lang i.ar-fl {
    background-position: -81px 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 {
        transform-style: preserve-3d
    }

    .carousel div.item,
    .carousel>div {
        transform-style: preserve-3d
    }
}

@media(min-width: 2100px) {

    .ptext,
    p,
    q {
        color: #000 !important;
        letter-spacing: .12em !important;
        font-family: Roboto, sans-serif !important;
        font-weight: 300 !important;
        font-size: 18px;
        line-height: 2.3
    }

    .vouchers .full-cover-wrap h3 {
        font-family: Roboto, sans-serif;
        letter-spacing: 2.5px;
        color: #000;
        font-weight: 300
    }

    .footer-section .footer-btm p {
        color: #6d6d6d
    }

    .cntc-card p {
        font-weight: 100 !important;
        color: #727272 !important
    }

    .cntc-card address p {
        font-weight: 100 !important;
        color: #e5e5e5 !important
    }
}

@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 {
        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: 260px
    }

    .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: 30px
    }

    .vouchers .full-cover-wrap h3 {
        font-size: 42px
    }

    .vouchers .block-vs_col-4 i {
        width: 66px;
        height: 66px
    }

    .vouchers .block-vs_col-4 p {
        padding: 10px 0 16px 20px;
        font-size: 18px
    }

    .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 {
        left: -160px
    }

    #modal-container .modal-background .modal {
        max-width: 1170px;
        padding: 66px 10%
    }
}

@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: 85px
    }

    .ui_carousel_right i.b2-icon {
        width: 138px;
        height: 122px
    }

    h1.ui_banner_h1 {
        font-size: 45px
    }

    .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: right 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
    }
}

@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%
    }
}

@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
    }

    br {
        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;
        background-color: #1f1f1f
    }

    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.f_right {
        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 0
    }

    .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_right {
        clear: both;
        width: 480px;
        margin: 0 auto
    }

    .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: 100%
    }
}

@media(max-width: 1199px)and (max-width: 1199.98px) {
    .slider_banner_g1 .item-slide {
        width: 100%
    }
}

@media(max-width: 1199px) {
    .slider_banner_g1 .item-slide .f_right {
        width: 100%;
        text-align: left;
        padding: 50px 10%
    }
}

@media(max-width: 1199px) {
    .slider_banner_g1 .slick-dots {
        bottom: 40px !important
    }
}

@media(max-width: 1199px) {
    .gift {
        height: 570px
    }
}

@media(max-width: 1199px) {
    .gift .slide_arr {
        z-index: 11 !important
    }
}

@media(max-width: 1199px) {
    .gift-card {
        height: auto
    }
}

@media(max-width: 1199px) {

    .business-key h2,
    .slider_banner_g1 .item-slide h2 {
        font-size: 42px
    }
}

@media(max-width: 1199px) {
    .business-key {
        height: initial
    }
}

@media(max-width: 1199px) {
    .business-key .block-bk {
        padding: 45px 0
    }
}

@media(max-width: 1199px) {
    .business-key .right-img_wrap {
        height: 100%
    }
}

@media(max-width: 1199px) {
    .slider_banner_g1 .owl-dots {
        bottom: 62px;
        z-index: 12 !important
    }
}

@media(max-width: 1199px) {
    .slider_banner_g1 .item-slide .web-btn {
        margin-top: 50px
    }
}

@media(max-width: 1199px) {
    .enquiry {
        height: initial !important
    }
}

@media(max-width: 1199px) {
    .enquiry i {
        width: 49%
    }
}

@media(max-width: 1199px) {
    .enquiry .vertical-txt {
        display: none
    }
}

@media(max-width: 1199px) {
    .enquiry .enquiry-box-tab {
        padding: 45px 6%;
        display: block
    }
}

@media(max-width: 1199px) {
    .enquiry .enquiry-box-tab h4 {
        text-align: center;
        padding: 0 8%
    }
}

@media(max-width: 1199px) {
    .about .inr_page_banner {
        background-position: 77% center
    }
}

@media(max-width: 1199px) {
    .about .abt-cntnt_para {
        padding: 0 0 0 19%
    }
}

@media(max-width: 1199px) {
    .footer-section .footer-box {
        padding: 45px 0 45px
    }
}

@media(max-width: 1199px) {
    .footer-section .footer-nav:nth-of-type(1) {
        width: 71%
    }
}

@media(max-width: 1199px) {
    .footer-section .footer-nav:nth-of-type(2) {
        width: 24%
    }
}

@media(max-width: 1199px) {
    .footer-section .footer-nav .footer-nav-menus li {
        width: 49%
    }
}

@media(max-width: 1199px) {
    .footer-section .newsletter form {
        width: 100%
    }
}

@media(max-width: 1199px) {
    .footer-section .footer-btm {
        padding: 27px 15px
    }
}

@media(max-width: 1199px) {
    #modal-container .modal-background .modal {
        max-width: 700px;
        padding: 48px 3%
    }
}

@media(max-width: 1199px) {
    #modal-container .modal-background .modal .close {
        top: 3px;
        right: 10px
    }
}

@media(max-width: 1199px) {
    #modal-container .modal-background .modal h3 {
        font-size: 36px
    }
}

@media(max-width: 1199px) {
    #modal-container .modal-background .modal .popup_btns {
        margin-top: 30px
    }
}

@media(max-width: 1199px) {
    header .scroll_wrap .header_left .brand_name {
        padding: 8px 0 5px 0
    }
}

@media(max-width: 1199px) {
    header .scroll_wrap .header_left .brand_name i {
        width: 140px;
        height: 35px
    }
}

@media(max-width: 1199px) {
    header .scroll_wrap .header_right .web-btn {
        min-width: inherit;
        margin: 7px 0;
        font-size: 12px;
        line-height: 2.7;
        letter-spacing: .05em
    }
}

@media(max-width: 1199px) {
    header .scroll_wrap .header_right .web-btn>div {
        padding: 0 15px
    }
}

@media(max-width: 1199px) {
    .contact-cntnt_box .cntc-card {
        width: 50%
    }
}

@media(max-width: 1199px) {
    .map-section .block_mp h3 span {
        font-size: 34px
    }
}

@media(max-width: 991px) {
    header .scroll_wrap .header_right .web-btn {
        min-width: inherit;
        margin: 7px 0;
        font-size: 12px;
        line-height: 2.7;
        letter-spacing: .05em;
        display: none
    }

    .header-scrolled {
        display: flex;
        align-items: center
    }

    header .scroll_wrap .header-scrolled .web-btn {
        display: block
    }

    .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
    }

    header .scroll_wrap {
        position: fixed;
        transform: translateY(0) !important;
        padding: 8px 15px !important
    }

    .header_wrap.sticky_wrap {
        display: none
    }

    .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.f_right {
        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
    }

    .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-box {
        padding: 35px 0 35px
    }

    .footer-section .footer-box>div {
        width: 100%
    }

    .footer-section .footer-box>div:nth-of-type(2) {
        float: none;
        clear: both
    }

    .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: left;
        margin-top: 20px
    }

    .about .inr_page_banner {
        height: 380px
    }

    .about .abt-cntnt_para {
        padding: 0 2% 0 19%
    }

    .map-section .block_mp h3 {
        padding: 28px 0 0
    }

    .map-section .block_mp h3 span {
        font-size: 26px
    }

    .gift-card {
        height: 477px
    }
}

@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: 25px !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: 205px
    }

    .enquiry-form .txt-type textarea {
        height: 200px
    }

    .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: 0 !important;
        top: 0 !important
    }

    .about .vertical-txt span {
        font-size: 27px;
        font-weight: 100;
        letter-spacing: .05em;
        color: #fff;
        transform: rotate(0) !important
    }

    .about .inr_page_banner .banner_icon i.b2-icon {
        left: 0
    }

    .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
    }
}

@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: rgba(0, 0, 0, 0)
    }

    .carousel_left span.before {
        display: none
    }

    h1.ui_banner_h1 {
        font-size: 22px;
        font-family: Roboto, sans-serif;
        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: 450px
    }

    .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: .05em;
        margin-bottom: 30px
    }

    .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
    }

    .header-scrolled span.lang.ml-2 {
        margin-right: 15px
    }

    span.lang a {
        padding: 5px 0 5px 10px;
        font-size: 12px
    }

    span.lang a label {
        display: block
    }

    span.lang .line:after {
        content: "";
        position: absolute;
        top: 6px;
        right: -7px;
        width: 1px;
        height: 11px;
        background-color: #dab359
    }

    header .scroll_wrap .header_right .web-btn>div {
        padding: 0 10px
    }
}

@media(max-width: 560px) {
    .enquiry .enquiry-form .row>div {
        width: 100%;
        float: none
    }

    .enquiry .enquiry-box-tab {
        padding: 45px 0
    }

    .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;
        display: flex;
        align-items: center
    }

    .vouchers .full-cover-wrap .block-vs_col-4 p {
        width: calc(100% - 70px);
        display: inline-block;
        text-align: left;
        padding: 5px 0 5px 15px;
        font-weight: 400 !important
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4 i {
        width: 60px;
        height: 60px
    }

    .vouchers .full-cover-wrap .block-vs_col-4 p br {
        display: none
    }

    .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: 1;
        letter-spacing: .05em;
        padding: 10px 30px;
        max-width: 140px;
        height: 44px;
        font-weight: 400
    }

    .footer-section .footer-btm p {
        letter-spacing: .02em
    }

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

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4>div {
        display: flex;
        align-items: center
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4 p {
        padding: 12px 0 12px 15px !important;
        text-align: left;
        display: block !important;
        width: calc(110% - 55px);
        font-weight: 400 !important
    }

    .block-vs.row {
        margin-right: 0;
        margin-left: 0
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4 p br {
        display: none
    }
}

@media(max-width: 480px) {

    .ptext,
    p,
    q {
        font-size: 16px !important;
        font-family: inherit !important;
        line-height: 1.8;
        letter-spacing: .04em;
        font-weight: 300 !important;
        color: #000 !important;
        text-align: center
    }

    .b2-solution .h1 {
        font-size: 40px;
        text-align: center;
        font-weight: 300;
        color: #000;
        max-width: 260px;
        margin: 15px auto
    }

    .block-b2-pdt .b2-pdt h6 {
        padding: 20px 15px 18px;
        font-size: 14px
    }

    .business-key h2,
    .slider_banner_g1 .item-slide h2 {
        font-size: 29px;
        font-weight: 400;
        text-align: left;
        line-height: 1.4
    }

    .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;
        line-height: 1.5
    }

    .vouchers .block-vs:nth-of-type(2) {
        margin-top: 40px
    }

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

    .vouchers .block-vs_cnt .block-vs:nth-of-type(1)>div.f_right {
        width: 390px
    }

    .vouchers .full-cover-wrap {
        padding: 40px 0 40px
    }

    .vouchers .full-cover-wrap h3 {
        font-size: 30px !important;
        line-height: 1.4;
        padding: 0 0 !important;
        font-weight: 400;
        text-align: left;
        font-family: Roboto, sans-serif
    }

    .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: 5px 0 40px
    }

    .business-key:before {
        display: none
    }

    .business-key h2+span {
        font-size: 18px;
        color: #b58f47;
        display: block;
        text-align: left
    }

    .business-key h2 {
        font-family: Roboto, sans-serif
    }

    .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: 100
    }

    .site-change label:before {
        top: 1px !important
    }

    .site-change label:after {
        top: 5px !important
    }

    .enquiry i {
        width: 83%;
        right: 30px;
        top: 15%
    }

    .enquiry .enquiry-box-tab {
        padding: 0 0 40px
    }

    .enquiry .enquiry-box-tab h4 {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 400;
        font-family: Roboto, sans-serif;
        text-align: left
    }

    .enquiry .enquiry-box-tab h4 br {
        display: block
    }

    .enquiry .vertical-txt {
        display: block;
        left: 15px;
        top: 0
    }

    .enquiry .vertical-txt span {
        font-size: 85px;
        transform: rotate(0);
        left: 0;
        letter-spacing: .05em;
        font-weight: 100;
        font-family: Roboto, sans-serif
    }

    .enquiry .container .vertical-txt {
        left: 15px
    }

    .enquiry .container .vertical-txt span {
        font-size: 88px;
        font-weight: 300;
        margin-bottom: 15px;
        display: block;
        color: #535353;
        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
    }

    .slider_banner_g1 .item-slide {
        height: 670px;
        background-size: 110%;
        background-position: 0 -5%
    }

    .slider_banner_g1 .item-slide:before {
        background-color: rgba(0, 0, 0, 0)
    }

    .slider_banner_g1 .item-slide>div {
        top: auto;
        bottom: 0;
        height: auto
    }

    .slider_banner_g1 .item-slide .f_right {
        padding: 40px 15px !important
    }

    .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: left;
        display: block
    }

    .enquiry-form .select-selected,
    .enquiry-form input[type=text],
    .enquiry-form input[type=email],
    .enquiry-form input[type=tel],
    .enquiry-form input[type=number],
    .enquiry-form select,
    .enquiry-form textarea {
        padding: 0 15px
    }

    .enquiry-form .txt-type textarea {
        padding: 12px 15px
    }

    .footer-section .footer-box {
        padding: 35px 0 18px
    }

    .footer-section .footer-btm {
        padding: 10px 15px
    }

    .footer-section .footer-btm p {
        line-height: 1.8
    }

    .container1 {
        max-width: 275px;
        height: 200px;
        perspective: 6500px
    }

    .carousel {
        left: 0;
        top: 30%
    }

    .ui_carousel_right_inner {
        padding-right: 0 !important
    }

    .ui_carousel_right .web-btn {
        min-width: inherit !important;
        width: 140px;
        display: block;
        padding: 5px 0;
        font-size: 12px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    h1.ui_banner_h1 {
        font-size: 30px;
        text-transform: none;
        letter-spacing: .06em;
        font-weight: 300;
        text-align: center;
        max-width: inherit;
        color: #e2e2e2;
        line-height: 1.3
    }

    .slide {
        height: auto
    }

    #slide-1.slide {
        height: 100vh;
        display: flex;
        flex-direction: column;
        padding-top: 70px
    }

    .item {
        width: 275px;
        height: 275px
    }

    .item figure {
        width: 275px
    }

    .item figure img {
        width: 280px
    }

    .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
    }
}

@media(max-width: 390px) {
    .contact-cntnt_box .cntc-card>div {
        padding: 44px 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_right {
        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
    }
}

.fadeOutBlur figcaption,
_:-ms-lang(x) {
    opacity: .1
}

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

.contact-cntnt_box .cntc-card>div {
    height: 100%
}

.cntc-card p>a {
    color: #cbcbcb !important
}

.cntc-card p>a:hover {
    color: #b58f47 !important
}

.footer-section .footer-nav-about .footer-nav-menus li {
    display: flex;
    flex-direction: column;
    line-height: 2
}

.footer-section .footer-nav-about .footer-nav-menus li a {
    font-size: 16px;
    padding: 3px 0;
    transition: all .3s ease-in-out;
    color: #000;
    font-weight: 300
}

.about.disclaimer .abt-cntnt_box .vertical-txt {
    display: none
}

.about.terms_condition .abt-cntnt_box .vertical-txt {
    display: none
}

.about.privacy .abt-cntnt_box .vertical-txt {
    display: none
}

.about.disclaimer .inr_page_banner .banner_icon i.b2-icon {
    left: 0
}

.about.disclaimer .abt-cntnt_para {
    padding-left: 0
}

.about.terms_condition .inr_page_banner .banner_icon i.b2-icon {
    left: 0
}

.about.terms_condition .abt-cntnt_para {
    padding-left: 0
}

.about.terms_condition .abt-cntnt_para h1.disclaimer-head {
    font-family: Roboto, sans-serif;
    letter-spacing: .04em;
    color: #e5e5e5 !important;
    margin-bottom: 50px;
    font-weight: 300;
    font-size: 60px !important
}

.about.terms_condition .abt-cntnt_para ul {
    list-style: disc !important
}

.about.privacy .abt-cntnt_para ul {
    list-style: disc !important
}

.about.privacy .abt-cntnt_para ul li {
    font-size: 16px;
    line-height: 2;
    color: #cbcbcb !important;
    letter-spacing: .057em;
    font-family: Roboto, sans-serif !important;
    font-weight: 300 !important
}

@media(min-width: 992px) {
    .about.terms_condition .abt-cntnt_para ul {
        margin-left: 20px
    }

    .about.privacy .abt-cntnt_para ul {
        margin-left: 20px;
        margin-bottom: 40px
    }

    .about.terms_condition .abt-cntnt_para ul {
        margin-left: 20px;
        margin-bottom: 40px
    }
}

.about.terms_condition .abt-cntnt_para .terms-hint {
    color: #e5e5e5 !important;
    margin-bottom: 15px;
    font-family: Roboto, sans-serif !important
}

.about.privacy .abt-cntnt_para .terms-hint {
    color: #e5e5e5 !important;
    margin-bottom: 15px;
    font-family: Roboto, sans-serif !important
}

.about.terms_condition .abt-cntnt_para ul li {
    font-size: 16px;
    line-height: 2;
    color: #cbcbcb !important;
    letter-spacing: .057em;
    font-family: Roboto, sans-serif !important;
    font-weight: 300 !important
}

.about.privacy .abt-cntnt_para ul li {
    font-size: 16px;
    line-height: 2;
    color: #cbcbcb !important;
    letter-spacing: .057em;
    font-family: Roboto, sans-serif !important;
    font-weight: 300 !important;
    position: relative;
    list-style: none !important;
    padding-left: 22px
}

.about.privacy .abt-cntnt_para ul li::before {
    background-color: #b58f47;
    border: none;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 8px
}

.about.terms_condition .abt-cntnt_para ul li {
    font-size: 16px;
    line-height: 2;
    color: #cbcbcb !important;
    letter-spacing: .057em;
    font-family: Roboto, sans-serif !important;
    font-weight: 300 !important;
    position: relative;
    list-style: none !important;
    padding-left: 22px
}

.about.terms_condition .abt-cntnt_para ul li::before {
    background-color: #b58f47;
    border: none;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 8px
}

.about.privacy .abt-cntnt_para ul li:last-child {
    margin-bottom: 15px
}

.about.privacy .abt-cntnt_para {
    padding-left: 0
}

.about.privacy .inr_page_banner .banner_icon i.b2-icon {
    left: 0
}

.about.disclaimer .abt-cntnt_para h1.disclaimer-head {
    font-family: Roboto, sans-serif;
    letter-spacing: .04em;
    color: #e5e5e5 !important;
    margin-bottom: 50px;
    font-weight: 300;
    font-size: 60px !important
}

.about.privacy .abt-cntnt_para h1.disclaimer-head {
    font-family: Roboto, sans-serif;
    letter-spacing: .04em;
    color: #e5e5e5 !important;
    margin-bottom: 50px;
    font-weight: 300;
    font-size: 60px !important
}

.about.privacy .abt-cntnt_para .contacting-us p {
    padding-bottom: 5px
}

.about.privacy .abt-cntnt_para .contacting-us p>a {
    color: #cbcbcb !important;
    opacity: .9
}

.about.privacy .abt-cntnt_para .contacting-us p>a:hover {
    color: #b58f47 !important
}

.about .abt-cntnt_para .card-disclaimer p {
    font-size: 16px;
    font-style: initial;
    padding-bottom: 5px
}

.about .abt-cntnt_para .card-disclaimer p>a {
    color: #cbcbcb !important;
    opacity: .9;
    font-weight: 300
}

.about .abt-cntnt_para .card-disclaimer p>a:hover {
    color: #b58f47 !important
}

.footer-section .newsletter .registered-office p {
    padding-top: 3px;
    padding-bottom: 3px
}

.footer-section .footer-nav-about .footer-nav-menus li a:hover {
    color: #b58f47
}

.footer-section .newsletter .registered-office a {
    color: #000;
    opacity: .9
}

.footer-section .newsletter .registered-office p>a:hover {
    color: #b58f47 !important
}

.footer-section .footer-box h5 {
    font-weight: 400 !important
}

.footer-section .footer-box h5>a {
    color: #000;
    font-weight: 400 !important;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 0 !important
}

.footer-section .footer-box h5>a:hover {
    color: #b58f47
}

.footer.slide {
    height: 100vh !important;
    overflow: auto !important
}

@media(max-width: 1199.98px) {
    .footer.slide {
        height: auto !important
    }
}

.footer.slide::-webkit-scrollbar {
    width: 0px
}

.footer.slide ::-webkit-scrollbar {
    display: none
}

@media(max-width: 991.98px) {
    .map-section .block_mp .block_mp_img>div {
        padding-top: 100% !important
    }

    .footer-section .footer-nav {
        margin-bottom: 22px !important
    }

    .footer-section .newsletter {
        padding-top: 15px !important
    }

    .footer-section .newsletter .social-share {
        margin-top: 0 !important;
        margin-bottom: 21px !important
    }

    .footer-section .newsletter .registered-office p {
        font-size: 16px !important
    }

    .about.terms_condition .abt-cntnt_para h1.disclaimer-head {
        font-size: 38px !important;
        margin-bottom: 25px !important
    }

    .about.disclaimer .abt-cntnt_para h1.disclaimer-head {
        font-size: 38px !important;
        margin-bottom: 25px !important
    }

    .about.privacy .abt-cntnt_para h1.disclaimer-head {
        font-size: 38px !important;
        margin-bottom: 25px !important
    }

    .footer-section h5 {
        margin-bottom: 15px !important
    }
}

@media(max-width: 480px) {
    .footer-section .newsletter {
        width: 100% !important
    }
}

@media(min-width: 992px) {
    .footer-section .newsletter .social-share {
        margin-top: 25px;
        margin-left: -12px;
    }

    .footer-section .newsletter .social-share li {
        margin-right: 4px
    }
}

header {
    pointer-events: all !important;
    z-index: 100000 !important
}

#slide-3 {
    background-color: #f7f7f7
}

#slide-1 {
    background-color: #000
}

#slide-1 .carousel {
    transform-style: preserve-3d
}

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

@media(max-width: 1199.98px) {
    .customrow {
        flex-direction: column
    }
}

.content-section {
    max-width: 760px;
    padding-left: 100px !important
}

@media(max-width: 1600.98px) {
    .content-section {
        max-width: 670px;
        padding-left: 50px !important
    }
}

.img-right-row .content-section {
    max-width: 610px
}

@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: 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;
    -o-object-fit: cover;
    object-fit: cover
}

.enquiry-slide {
    background-color: #f7f7f7
}

@media(max-width: 1199.98px) {
    .vouchers .full-cover-wrap p {
        font-size: 16px;
        max-width: 100%;
        padding-right: 0 !important
    }
}

@media(max-width: 991.98px) {
    .b2-block1 .block-b2>div.f_right {
        width: 100% !important
    }

    .b2-solution.b2-block1.slide i.b2-icon-solution {
        margin: 0 auto
    }

    .b2-solution {
        padding: 40px 0 40px
    }

    .gift-card {
        height: auto !important
    }

    .gift-card {
        height: 100% !important
    }

    .slider_banner_g1 .item-slide {
        height: auto
    }

    .slides-container {
        position: unset
    }

    .slider_banner_g1 .item-slide>div {
        position: relative
    }

    .business-key .right-img_wrap {
        width: 100vw !important
    }
}

.fullsize-image-wrap {
    position: relative;
    padding-bottom: 100vh;
    overflow: hidden
}

@media(max-width: 1199.98px) {
    .fullsize-image-wrap {
        padding-bottom: 500px
    }
}

.img-right-row {
    flex-direction: row-reverse
}

@media(max-width: 1199.98px) {
    .img-right-row {
        flex-direction: column
    }
}

.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
    }
}

@media(max-width: 480.98px) {
    .voucher-para {
        text-align: left
    }
}

.enquiry-form .txt-type {
    height: 135px
}

.enquiry-form .txt-type textarea {
    height: 100%;
    width: 100%;
    padding: 12px 22px;
    font-family: Roboto, sans-serif;
    font-weight: 400
}

@media(max-width: 991.98px) {
    .map-section .block_mp .block_mp_img>div {
        padding-top: 45% !important
    }
}

.customrow .web-btn>div::before,
.customrow .web-btn span {
    display: none !important
}

.customrow .web-btn>div::after,
.customrow .web-btn span {
    display: none !important
}

.red-btn {
    background: #a7022b;
    color: #fff;
    padding: 10px 25px;
    height: 57px;
    display: flex;
    align-items: center;
    max-width: 250px;
    align-items: center;
    text-transform: uppercase;
    font-size: 15px;
    justify-content: center;
    letter-spacing: .05em;
    transition: 1s all ease-in-out
}

.red-btn:hover {
    background: #b58f47;
    color: #fff
}

@media(max-width: 576.98px) {
    .red-btn:hover {
        background-color: #a7022b;
        color: #fff
    }
}

.box-type.rd-btn {
    max-width: 250px;
    margin: 0 auto;
    margin-top: 30px;
}

.content-section h2 {
    max-width: 650px;
    line-height: 1.2;
    font-size: 50px
}

@media(min-width: 1920px) {
    .content-section h2 {
        max-width: 485px
    }
}

.deskLogo {
    display: block
}

.mobileLogo {
    display: none
}

@media(max-width: 576px) {
    .footer-box .newsletter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .footer-section .newsletter .social-share li:last-child {
        margin-right: 0
    }

    .footer-nav-menus.secondMenu {
        display: flex;
        align-items: center
    }

    .footer-nav-menus.secondMenu li:last-child {
        text-align: right
    }

    .deskLogo {
        display: none
    }

    .mobileLogo {
        display: block
    }

    header .scroll_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #a7022b
    }

    .header_wrap:after,
    .header_wrap:before {
        display: none
    }

    span.lang .line {
        color: #fff !important
    }

    span.lang .line:after {
        background-color: #fff
    }

    span.lang a {
        color: rgba(215, 215, 215, .9) !important
    }

    .b2-block1 .block-b2>div.f_right {
        width: 75% !important;
        margin: 0 auto
    }

    .b2-solution {
        padding: 40px 10px 40px
    }

    .block-b2-pdt .row>div {
        padding: 0 5px !important
    }

    .card-row {
        display: flex;
        flex-wrap: wrap
    }

    .card-row>div {
        margin-bottom: 10px
    }

    .customrow.row {
        margin-right: 0;
        margin-left: 0
    }

    .red-btn {
        max-width: 140px;
        height: 44px;
        font-size: 12px;
        font-size: 400
    }

    .box-type.rd-btn {
        margin: 25px auto 0
    }

    .footer-section .footer-btm {
        flex-direction: column
    }

    .slider_banner_g1 .site-change.sld1 .block-vs_col-4 {
        width: 100%;
        margin-bottom: 15px
    }

    .enquiry-slide .vertical-txt {
        position: unset
    }

    .enquiry-slide .vertical-txt span {
        position: unset;
        opacity: 1
    }

    .enquiry-slide {
        padding-top: 40px
    }
}

.fancybox__carousel .fancybox__slide .fancybox__content img {
    background: #fff !important
}

.fancybox__toolbar__items--left,
.carousel__button.fancybox__button--slideshow,
.fancybox__toolbar__items.fancybox__toolbar__items--left {
    display: none !important
}

.fancybox__caption {
    font-size: 16px
}

@media(min-width: 1200px) {
    .fancybox__slide {
        padding: 150px 120px !important
    }
}

@media screen and (min-width: 1920.98px)and (max-width: 2600px) {
    .ui_carousel_right {
        width: 47%
    }
}

@media screen and (min-width: 1920.98px)and (max-width: 2600px) {
    .carousel_left span.before {
        left: 28%
    }
}

@media screen and (min-width: 1400.98px)and (max-width: 1500px) {
    .ui_carousel_right {
        width: 48%
    }
}

@media screen and (min-width: 1400.98px)and (max-width: 1500px) {
    .carousel_left span.before {
        left: 27%
    }
}

@media screen and (min-width: 1200.98px)and (max-width: 1300px) {
    .slider_banner_g1 .site-change.sld1 .block-vs_col-4 p {
        font-size: 15px
    }

    .content-section {
        max-width: 590px
    }
}

@media screen and (min-width: 1920.98px)and (max-width: 2400px) {
    .vouchers .block-vs_col-4 p {
        font-weight: 400 !important
    }

    .content-section {
        max-width: 800px
    }
}

.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 icon added july 2025 */

.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-left: 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-last-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-left: 8px;
    letter-spacing: .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;
}

@media only screen and (max-width: 575.98px){
    .enquiry-form .btn-primary{
        height: 50px;
        max-width: 140px;
        margin-inline: auto;
    }
}