/**General**/
body, html { width: 100%; margin: 0; padding: 0; font-size: 20px; position: relative; }
body { color: #000000; font-family: Arial; direction: rtl; -webkit-font-smoothing: subpixel-antialiased !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }

/*body.modal-open { overflow:hidden !important; }*/

p { margin: 0px; }
h1, h2 { margin: 0px; }

h1 { font-size: 4vw; }
h2 { font-size: 3vw; }

@media(max-width:767px) {
    body { font-size: 16px; }
        body.modal-open { /*position:fixed;*/ }
            body.modal-open main { overflow: hidden; }
}

a { color: inherit; }
    a:hover { text-decoration: none; color: inherit; }
    a:focus { text-decoration: none; color: inherit; }

.no-pad { padding: 0; }

.max-width { max-width: 1440px; margin: auto; float: none; }
.no-float { float: none; }

::-webkit-scrollbar { width: 5px; padding-right: 20px; margin-right: 20px; background-color: transparent; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
::-webkit-scrollbar-thumb { background-color: rgba(221, 221, 221, 0.15); width: 5px; outline: 1px solid slategrey; }




#PageBreadCrumps { max-width: 1170px; margin: auto; }
    #PageBreadCrumps a:hover { color: #000000; }
    #PageBreadCrumps span:after { content: ">"; margin-right: 5px; vertical-align: middle; }
    #PageBreadCrumps span:last-child:after { content: ""; }

@media(max-width:1024px) {
    #PageBreadCrumps { padding: 0 10px; margin-bottom: 25px; }
}


/*------------------------------------*\
    WHATSAPP FEATURE
\*------------------------------------*/
#whatAppButton { position: fixed; bottom: 20px; left: 20px; z-index: 9; box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); -webkit-box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); border-radius: 50%; }
    #whatAppButton img { max-width: 60px; }
    #whatAppButton a { display: inline-block; }


@media(max-width:767px) {
    #whatAppButton { bottom: 60px; }
        #whatAppButton img { max-width: 50px; }
}

#SiteGridContainer { padding: 0; overflow: hidden; }

.top-caption { position: absolute; top: 60%; left: 50%; color: #ffffff; z-index: 3; font-size: 350%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

@media(max-width:991px) {
    .top-caption { min-width: 90%; text-align: center; }
}

@media(max-width:767px) {
    .top-caption { font-size: 200%; white-space: normal; text-align: center; width: 90%; }
}

/*------------------------------------*\
    Accessability
\*------------------------------------*/

#accessability h2 { margin: 25px 0px 10px; }
#accessability #text1 { text-align: right; }
#accessability a { text-decoration: underline; }

.scr-reader-only { width: 0px; height: 0px; margin: 0; padding: 0; display: inline-block; overflow: hidden; }
fieldset .scr-reader-only { display: block; }
.media-box .grid-short-box-image .scr-reader-only { display: block; }

.screen-reader-text { color: #323944; display: block; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; text-decoration: none; }
    .screen-reader-text:link, .screen-reader-text:visited:link { -webkit-tap-highlight-color: rgba(0,0,0,0.3); }
    .screen-reader-text:hover, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-weight: 700; height: auto; left: 0; line-height: normal; padding: 15px 25px; text-decoration: none; top: 0; width: auto; z-index: 100010; outline: 0; color: #000000; font-size: 100%; }
/*.scr-reader-only            { visibility: hidden;width: 0px; height: 0px;display:block; }*/

button.ContrastInit:after { content: "\f042"; position: absolute; width: 100%; top: 50%; right: 0px; font-family: 'FontAwesome'; color: #fff; line-height: 50px; font-size: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
button.ContrastInit { background: #000000; border: 0; width: 50px; height: 50px; border: 2px solid #000000; }
    button.ContrastInit.open { border: 2px solid blue; }
    button.ContrastInit.open { background: #ffffff; }
        button.ContrastInit.open:After { color: #000000; }

.AccessabilityLink { position: absolute; right: 30px; display: inline-block; top: 50%; font-size: 70%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #000000; -webkit-appearance: none; border: 0; background: transparent; z-index: 1; }
    .AccessabilityLink:hover { color: inherit; text-decoration: underline; }
    .AccessabilityLink span:hover { text-decoration: underline; }
    .AccessabilityLink svg { width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin-left: 3px; }
    .AccessabilityLink span { display: inline-block; vertical-align: middle; }
.site-credit.alternative.row { position: relative; }
#multi-content-modal.AccessabilityDeclaration #text1 { background: #ffffff; border-radius: 0; padding: 20px 50px; }
    #multi-content-modal.AccessabilityDeclaration #text1 h2 { font-size: 150%; }
#accessability #text1 a { margin: 0; background: transparent; color: inherit; display: inline-block; width: auto; height: auto; }
header ul.menu li.social-links .social-links span.scr-reader-only { display: block; }

@media(max-width:991px) {
    #multi-content-modal.AccessabilityDeclaration #text1 h2 { font-size: 180%; }
}

@media(max-width:767px) {
    .AccessabilityLink { width: 100%; position: relative; right: auto; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); top: auto; margin-bottom: 10px; }
    #multi-content-modal.AccessabilityDeclaration #text1 { max-height: 80vh; overflow: auto; padding-bottom: 50px; padding: 20px 30px 50px; }

    #PopUpData #accessability #headline h1 { font-size: 170%; }
}

.waze-navigation path.st0 { fill: transparent; }
/*------------------------------------*\
    Header
\*------------------------------------*/

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after,
#nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 35px; background: #fff; position: absolute; display: block; content: ''; margin-left: 0% !important; margin-right: 0 !important; display: block !important; }
.nav-menu-anim { width: 35px; height: 23px; position: relative; margin-left: 10px; display: inline-block; vertical-align: text-bottom; }
#nav-toggle, #nav-toggle-mobile { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1 }
    #nav-toggle span, #nav-toggle-mobile span { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
        #nav-toggle span:before, #nav-toggle-mobile span:before { top: -10px; }
        #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -10px; }
        #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after,
        #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; }
    #nav-toggle.active span, #nav-toggle-mobile.active span { background-color: transparent; }
        #nav-toggle.active span:before, #nav-toggle.active span:after,
        #nav-toggle-mobile.active span:before, #nav-toggle-mobile.active span:after { top: 0; }
        #nav-toggle.active span:before, #nav-toggle-mobile.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
        #nav-toggle.active span:after, #nav-toggle-mobile.active span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }


.fa-angle-up:before { vertical-align: super; }

#header .nav-menu-anim { display: none; }
#header .max-width { max-width: 1170px; }
#header #header-container { display: table; width: 100%; }

#header .menu-nav { width: 100%; margin-top: 1%; }

.headerInner { position: relative; margin: auto; }

header#header { position: fixed; top: 0; width: 100%; z-index: 10; padding: 35px 20px; background: transparent; transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; }
    header#header.bg { background: #000000; padding: 25px 20px; }
header ul.menu { list-style: none; padding: 0; margin: 0; text-align: center; color: #ffffff; text-align: center; font-size: 1.2vw; }
    header ul.menu li { display: inline-block; vertical-align: middle; margin-left: 25px; position: relative; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }
        header ul.menu li.social-links { VERTICAL-ALIGN: TOP; }
            header ul.menu li.social-links svg { width: 23px; height: 20px; fill: #ffffff; vertical-align: text-bottom; }
header #player-controls { position: relative; bottom: inherit; right: inherit; }

#header ul.menu li:hover { color: #999999; }
#header ul.menu li a { color: inherit; display: inline-block; vertical-align: middle; }
#header ul.menu li.active { }
#header-logo img { transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }



.LogoCentered #header-logo { position: relative; left: auto; top: auto; transform: translate(0,0); -webkit-transform: translate(0,0); }
header .LogoCentered ul.menu li.social-links { vertical-align: middle; }


@media(min-width:1024px) {
    #header ul.menu > li.active:after { content: ""; border-bottom: 1px solid; width: 40%; display: block; padding-top: 5px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
    header#header.vertical-header { background: transparent; padding: 45px 0px; }
}

@media(max-width:1024px) {
    .headerInner { position: static; }
    #header ul.menu { overflow: auto; max-height: 100vh; }
}

@media(min-width:991px) {
    #header-logo { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
        #header-logo img { max-height: 60px; width: auto; max-width: none; }

    .headerInner.vertical-menu { position: fixed; direction: ltr; }
        .headerInner.vertical-menu ul.menu li { display: block; }
        .headerInner.vertical-menu ul.menu { width: initial; display: inline-block; direction: rtl; width: 100%; margin-top: 30px; }
        .headerInner.vertical-menu #header-logo { position: relative; display: inline-block; left: auto; top: auto; transform: translateY(0); -webkit-transform: translateY(0); width: 100%; text-align: center; }
            .headerInner.vertical-menu #header-logo img { max-height: 150px; }
        .headerInner.vertical-menu .social-links { width: 100%; }
}



#header .menu-sub { position: absolute; padding: 15%; background: #999999; width: auto; min-width: 100%; text-align: right; top: 100%; display: none; z-index: 1; padding-bottom: 5%; }
#header ul.menu .menu-sub li { font-size: 90%; width: 100%; color: #ffffff; margin-bottom: 3px; margin-left: 0; white-space: nowrap; }
    #header ul.menu .menu-sub li:hover { color: #CCCCCC; }
#header ul.menu li .menu-sub a { padding: 0px 5px; width: 100%; float: right; }
.has-sub i.opensub { display: inline-block; margin-right: 5px; vertical-align: middle; font-weight: bold; font-size: 95%; }

#header ul.menu li.social-mobile { display: none; }
#header .mobile-middle-kdm { display: none; }
#header .phone-icon { display: none; }
#header .languages { display: inline-block; border-right: 1px solid #fff; margin-right: 5px; }
#header .menu-nav .opened { display: none; }
#header .menu-nav .closed { display: none; }


@media(max-width:1100px) {
    #header .max-width { width: 95%; }
    #header ul.menu li { margin-left: 3%; }
}

@media(max-width:1024px) {
    header#header { padding: 25px 20px; }
        header#header.bg { padding: 15px 20px; }
    #header-logo { display: table-cell; vertical-align: middle; max-width: 15%; text-align: left; }
        #header-logo a { width: 100%; display: block; }
        #header-logo img { max-width: 100%; max-height: 70px; }
    #header ul.menu { position: absolute; top: 0; width: auto; background: #CCCCCC; display: none; right: 0; text-align: center; padding: 90px 0px 0px 0px; z-index: 0; min-width: 280px; font-size: 4vw; }
        #header ul.menu > li { width: 100%; padding: 15px 0; white-space: nowrap; }
            #header ul.menu > li:before { border-top: 0; }
    #header .menu-sub { position: relative; width: 100%; min-width: 100%; padding-top: 0; float: right; width: 100%; padding: 0; text-align: center; margin-bottom: -1px; }
    #header .nav-menu-anim { display: inline-block; cursor: pointer; width: 55px; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { width: 55px; }
        #nav-toggle span:before, #nav-toggle-mobile span:before { top: -12px; }
        #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -12px; }
    #header ul.menu li.active { color: #ffffff; background: #000000; }
        #header ul.menu li.active.open { padding-bottom: 0; }
    #header ul.menu li:hover { color: #999999; }
    #header .max-width { max-width: 90%; width: 90%; }
    #header ul.menu .menu-sub li { float: right; }
    #header ul.menu li.social-mobile { display: inline-block; }
    #header { z-index: 10; padding-top: 2%; padding-bottom: 2%; }
        #header .menu-nav .languages { position: absolute; bottom: -100%; left: -200%; z-index: 10; }
        #header .address { display: none; }
        #header .languages { position: absolute; left: -100%; /*bottom: -90%;*/ z-index: 10; display: none; border-right: 0; }
        #header ul.menu .social-links a { font-size: 130%; padding: 5px; }
            #header ul.menu .social-links a svg { fill: #fff; width: 23px; vertical-align: middle; height: 20px; }
        #header .social-links { float: none !important; }
            #header .social-links img { vertical-align: top; margin-top: 7px; }
        #header .menu-nav .closed { display: inline; }
        #header .header-right-section { width: 14%; }
    .mobile-menu { display: table !important; width: 100%; }
    #header .menu-nav { margin-top: 0; width: 35px; display: table-cell; vertical-align: middle; }
    .right-header { display: table-cell; vertical-align: middle; width: 85%; }
    #header ul.menu { width: 100%; }
        #header ul.menu.MenuFadeIn { height: 100vh; }
            #header ul.menu.MenuFadeIn li { opacity: 0; transform: translateY(10px); -webkit-transform: translateY(10px); transition: all 1000ms cubic-bezier(.17,.67,.83,.67); -webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67); }
                #header ul.menu.MenuFadeIn li.showItem { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: opacity 500ms ease-in, transform 400ms ease-in; -webkit-transition: opacity 500ms ease-in, transform 400ms ease-in; }
}

@media(max-width:991px) {
    #header > #header-logo { display: none; }
    #mobileKidumBtn { display: table-cell; padding-right: 260px; color: #ffffff; vertical-align: middle; }
        #mobileKidumBtn a { padding: 5px 15px; background: #ffffff; border-radius: 4px; color: #000000; font-size: 130%; }
    /*#header ul.menu.MenuFadeIn.showMenu li       { animation:fadeElementsMoveUp 0.5s forwards; }*/
    li#header-logo.hidden-sm { display: none; }
}

@media(max-width:767px) {
    header#header, header#header.bg { padding: 10px 20px; }
    #header .nav-menu-anim { width: 35px; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { width: 35px; }
        #nav-toggle span:before, #nav-toggle-mobile span:before { top: -10px; }
        #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -10px; }
    #header .nav-menu-anim { margin-left: 0; }
    .has-sub i.opensub { margin-right: 10px; }
    #header .languages { left: -200%; }
    #header .menu-nav { padding-left: 15px; }
    #header { background: #000; padding-bottom: 3%; }
        #header ul.menu li > a { font-size: 5vw; }
        #header ul.menu .social-links a { font-size: 150%; }
        #header .social-links img { margin-top: 2px; }
    .waze-navigation { display: table-cell !important; width: 42px; padding-right: 10px; vertical-align: middle; }
        .waze-navigation img, .waze-navigation svg { max-width: 70%; }

    #header .phone-icon { font-size: 170%; display: table-cell !important; width: 25px; padding-left: 5px; }
        #header .phone-icon a { color: #fff; vertical-align: middle; }
    #header ul.menu { top: 0; width: 100vw; padding-top: 65px; overflow-y: auto; max-height: 100vh; }
    #header .max-width { max-width: 95%; width: 95%; }
    #header .menu-sub { padding: 15px 0px; margin-top: 5px; }
    #header ul.menu .menu-sub li { padding: 5px 0px; }
    #mobileKidumBtn { padding-right: 30px }
}

@media(max-width:360px) {

    #mobileKidumBtn { padding-right: 10px; }
}


/* Hamburger-Header */
#header.hamburger-header .menu-nav { padding: 10px; background: #CCCCCC; color: #fff; cursor: pointer; transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; vertical-align: middle; display: table-cell; float: none !important; }
#header.hamburger-header .nav-menu-anim { width: 35px; height: 23px; position: relative; margin-left: 10px; display: inline-block; vertical-align: text-bottom; }

#header.hamburger-header #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after,
#header.hamburger-header #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 35px; background: #fff; position: absolute; display: block; content: ''; margin-left: 0% !important; margin-right: 0 !important; display: block !important; }
#header.hamburger-header #nav-toggle, #nav-toggle-mobile { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1 }
#header.hamburger-header #nav-toggle span, #nav-toggle-mobile span { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#header.hamburger-header #nav-toggle span:before, #nav-toggle-mobile span:before { top: -10px; }
#header.hamburger-header #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -10px; }
#header.hamburger-header #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after,
#header.hamburger-header #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; }
#header.hamburger-header #nav-toggle.active span, #nav-toggle-mobile.active span { background-color: transparent; }
#header.hamburger-header #nav-toggle.active span:before, #nav-toggle.active span:after,
#header.hamburger-header #nav-toggle-mobile.active span:before, #nav-toggle-mobile.active span:after { top: 0; }
#header.hamburger-header #nav-toggle.active span:before, #nav-toggle-mobile.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
#header.hamburger-header #nav-toggle.active span:after, #nav-toggle-mobile.active span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

#header.hamburger-header { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; padding: 15px; position: fixed; width: 100%; z-index: 999; color: #fff; display: table; }

#header.hamburger-header.bg { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; background-color: #000; /*padding:0;*/ }
#header.hamburger-header #header-right { /*width:22%; */ width: auto; display: table-cell; vertical-align: middle; float: none !important; height: 100%; }
#header.hamburger-header #header-right .closed { font-size: 120%; }
#header.hamburger-header.bg #header-left img { max-width: 55px; display: block; }
#header.hamburger-header.bg #header-left { visibility: visible !important; }
#header.hamburger-header.bg #header-center-kdm { padding: 10px; }

#header.hamburger-header .menu-nav { padding: 10px; background: #CCCCCC; color: #fff; cursor: pointer; transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; vertical-align: middle; display: table-cell; float: none !important; }
#header.hamburger-header .menu-nav .open { display: block;/* z-index: 1; z-index: 1; margin-right: 100%; float: right; padding-right: 16px; font-size: 120%; margin-top: -5px;*/ }
/*#header .menu-nav { pointer-events: none; }*/
#header.hamburger-header #nav-toggle, #nav-toggle-mobile { pointer-events: all; }
#header.hamburger-header .menu li a, #header .menu li i { pointer-events: all; }
#header.hamburger-header .menu-sub {position: unset;}

#header.hamburger-header .nav-menu-anim { display: block; }
#header.hamburger-header .max-width { max-width: 1170px; }
#header.hamburger-header #header-container { display: table; width: 100%; }
#header.hamburger-header .menu-nav { width: 100%; margin-top: 1%; }
#header.hamburger-header .menu { display:none; }
#header.hamburger-header ul.menu li {display:block; text-align:right;}

@media(max-width: 768px){
    .mobile-menu .headerInner > .nav-menu-anim { display: none !important; }
    #header.hamburger-header .desktopMenu { display: none; }
}

/* ==========================================================================
   Promotion Window
   ========================================================================== */

/* fix for modal movement when its open */

body.modal-open { overflow: hidden !important;; }

#promotionWindow { position: fixed; bottom: 0px; z-index: 200; max-width: 450px; right: 10%; }

#promotionWindow-first { max-width: 300px; }
    #promotionWindow-first a { background: #666666; border-radius: 5px 5px 0px 0px; display: block; color: #ffffff; padding: 10px 15px 10px 15px; cursor: pointer; }

#promotionWindow-second { background-color: White; border-radius: 5px 5px 0px 0px; text-align: center; border: 1px solid #666666; }
    #promotionWindow-second > div { padding: 10px; }
    #promotionWindow-second .promotionWindow-second-close { text-align: left; }
        #promotionWindow-second .promotionWindow-second-close a { color: #000000; cursor: pointer; }
    #promotionWindow-second h3 { color: #000000; font-size: 1.3em; }
    #promotionWindow-second .promotionWindow-second-text { color: #000000; padding-top: 10px; padding-bottom: 10px; /*background-color:#ffffff;*/ }
    #promotionWindow-second .promotionWindow-second-button { background: #666666; color: #ffffff !important; padding: 10px; display: inline-block; text-decoration: none !important; margin-top: 5px; border-radius: 5px; }

#multi-content-modal .modal-content { max-width: 1170px; position: relative; }
    #multi-content-modal .modal-content.smallPop { max-width: 700px; }
/***change for scroll in modal 26/9***/
#multi-content-modal .modal-content { margin-top: 10vh; margin-bottom: 5vh; }
/*.modal-content .section-content     { margin-bottom: 5vh; }*/
.modal.blog-gallery#multi-content-modal .modal-content { max-width: 95vw; }
#video-modal-home.blog-video .modal-content { max-width: 1150px; }
div#video-modal-home a.close { display: inline-block; margin-bottom: 10px; }
.modal.blog-gallery#multi-content-modal .modal-content #PopUpData img { max-width: 100%; }
.modal.blog-gallery#multi-content-modal .modal-content a.close { top: -60px; left: auto; }

/*#multi-content-modal .owl-carousel .owl-stage-outer { left:8px; }*/
.form-modal .modal-content, #multi-content-modal .form-modal .modal-content { max-width: 800px; position: relative; }

#multi-content-modal.modal .close, .form-modal .close { position: absolute; left: 0; width: auto; font-size: 320%; z-index: 1; }
.modal .close svg { fill: #ffffff; width: 50px; vertical-align: top; display: inline-block; height: 50px; }
#multi-content-modal.modal.gallery .close { position: absolute; font-size: 320%; z-index: 1; width: auto; left: 10px; }
#multi-content-modal.modal.gallery .section-content.gallery .galleryview { margin-left: 10px; }
#multi-content-modal.modal.gallery .modal .close { width: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 150%; top: -10%; }
#multi-content-modal.modal.gallery .modal .modal-content { max-height: 90%; overflow: visible; }

.modal.gallery-cubes-modal .close svg { margin-bottom: 10px; }

#multi-content-modal.modal.gallery.hasOwl .section-content.gallery .galleryview { margin-left: 0; }
#multi-content-modal.modal.gallery.hasOwl .modal-content > .close { display: block; top: -40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

#multi-content-modal.modal.gallery.hasOwl .section-content.gallery .galleryview .section-animation-item { transform: translateY(40px); -webkit-transform: translateY(40px); }


#popup-modal .modal-body.modal-no-pad { width: auto; display: inline-block; }
#popup-modal .vertical-align-center .modal-content { display: inline-block; width: auto; }




@media (min-width: 767px) {
    body.modal-open { padding-right: inherit !important; }
}

@media (max-width: 1440px) {
    .modal .close svg { width: 40px; height: 40px; }
}

@media (max-width: 1170px) {
    #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content { max-width: 90vw; position: relative; max-height: 90vh; overflow: auto; border-radius: 0; }
    #PopUpData #ContentRegularModule { max-width: 100%; }
    #multi-content-modal.modal .close { line-height: 95px; }
}

@media (max-width: 767px) {
    #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content { max-height: 80vh; }
    #multi-content-modal.modal.gallery .modal .modal-content, #multi-content-modal.gallery .modal-content { max-height: none; }
    #promotionWindow { right: 0px; max-width: 0px; }
    .modal .close svg { width: 30px; height: 38px; }
    #multi-content-modal.modal.gallery .modal .close { top: -20%; }
    /*#multi-content-modal .modal-content {  margin-top: 5vh;max-width: 95vw; margin-right: 1vw; }*/
    #multi-content-modal .modal-content { margin-top: 5vh; max-width: 95vw; /*margin-right: 1vw;*/ overflow: hidden; }
        #multi-content-modal .modal-content.smallPop { max-width: 95vw; }
    #multi-content-modal.gallery.hasOwl .modal-content { margin-top: 35%; height: 50vh; }
    #multi-content-modal.modal.gallery.hasOwl .modal-content > .close { top: 0px; }
}

#promotionWindow-modal.modal.myfade { -webkit-transition: opacity 0.6s linear; -moz-transition: opacity 0.6s linear; -ms-transition: opacity 0.6s linear; -o-transition: opacity 0.6s linear; transition: opacity 0.6s linear; top: 0%; }

#promotionWindow-modal .modal-dialog { -webkit-transition: -webkit-transform 0s ease-out; -o-transition: -o-transform 0s ease-out; transition: transform 0s ease-out; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }

#promotionWindow-modal.modal.fade.in { background: rgba(0,0,0,0.8); }

#promotionWindow-modal .modal-vertical-align { display: table; height: 100%; width: 100%; pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */ }
#promotionWindow-modal .vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; }
#promotionWindow-modal .modal-content { width: 680px; height: inherit; margin: 0 auto; padding: 30px; background-color: #ffffff; pointer-events: all; box-shadow: 0px 0px 0px; border: none; position: relative; }
#promotionWindow-modal .close { font-size: 30px; font-weight: lighter; line-height: 1; text-shadow: none; filter: alpha(opacity=100); opacity: 1; position: absolute; left: 10px; top: 10px; color: black; width: auto; }

#promotionWindow-modal #DynamicFormObject { padding: 0px; }


.vertical-alignment-helper { display: table; height: 100vh; width: 100%; pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */ }

.vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; pointer-events: none; }
/*
.modal-content {  width: inherit; height: inherit; /* To center horizontally */ /*margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; border: none; }
                                                                                    */
/*.modal-content {  width: 100%; height: inherit;  margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; border: none; }*/

.modal-item-image { position: relative; padding-bottom: 56%; background-size: cover; overflow: hidden; }


.close { float: none; font-size: 21px; font-weight: 700; line-height: 1; filter: alpha(opacity=100); opacity: 1; width: 100%; color: #fff; }

    .close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; filter: alpha(opacity=100); opacity: 1; }

@media(max-width:767px) {
    .modal-dialog { width: 90vw; }
}




/*------------------------------------*\
    Home Top Slider
\*------------------------------------*/
#home-gallery { border: 0; overflow: hidden; width: 100%; height: 90%; height: calc(100% - 30px); height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); position: relative; /*margin-bottom:40px;*/ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
    #home-gallery img { min-width: 100%; height: 100%; }
    #home-gallery .slides { width: 100%; height: 100%; padding: 0; margin: 0; }

        #home-gallery .slides.showInIpad { display: block !important; }

        #home-gallery .slides .slider-item { /*-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;transition: opacity 1s ease;*/ height: 100%; display: none; /*initial state modified by the fadeIn function*/ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-font-smoothing: antialiased; -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(0); }
    #home-gallery .gallery-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%)); -o-transform: translate(-50%,-50%); z-index: 2; }
        #home-gallery .gallery-caption .gallery-text { font-size: 1.5vw; color: #ffffff; direction: rtl; text-align: center; margin-top: 20px; }
    #home-gallery .scroll-down { color: #fff; font-size: 400%; position: absolute; bottom: 20px; z-index: 9; width: 100%; text-align: center; cursor: pointer; }
    #home-gallery ol.flex-control-nav.flex-control-paging { position: absolute; width: auto; bottom: 100px; z-index: 9; color: #fff; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    #home-gallery .flex-control-paging li a { background: #ffffff; }
        #home-gallery .flex-control-paging li a.flex-active { background: #999999; }
    #home-gallery .slider-bg.stellar-bg { min-height: 100vh; background-repeat: no-repeat; padding: 0; background-size: cover; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; background-attachment: fixed; position: relative; backface-visibility: hidden; background-position: center center; }
    #home-gallery .opacity-layer { width: 100%; height: 100%; float: right; position: absolute; background: rgba(0, 0, 0, 0.3); opacity: 1; z-index: 1; }
    #home-gallery.video-slider .opacity-layer { z-index: 1 !important; }
    #home-gallery .gallery-logo { width: 50%; margin: auto; }
        #home-gallery .gallery-logo img { min-width: 100%; height: auto; max-width: 100%; }
    #home-gallery .flex-control-nav li { display: inline-block; margin-bottom: 10px; }
.gallery-text.visible-xs { text-align: center; padding: 15px 0px; max-width: 90%; margin: auto; }

#home-gallery .photoCaption { position: absolute; top: 50%; width: 100%; text-align: center; color: #000000; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    #home-gallery .photoCaption .photoCaptionText { max-width: 30%; margin: auto; padding: 25px; background: #ffffff; position: relative; direction: rtl; }
        #home-gallery .photoCaption .photoCaptionText:after { content: ""; position: absolute; border: 1px solid #000000; top: 8px; bottom: 8px; right: 8px; left: 8px; pointer-events: none; }
        #home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 250%; margin-bottom: 5px; }
        #home-gallery .photoCaption .photoCaptionText p { font-size: 150%; margin-bottom: 10px; }
        #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink { background: #000000; color: #ffffff; border: 1px solid #000000; padding: 10px 25px; display: inline-block; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
            #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:hover { background: #ffffff; color: #000000; }


#home-gallery .flex-direction-nav a { display: inline-block; width: auto; height: auto; }
    #home-gallery .flex-direction-nav a.flex-prev:before { background-size: cover; display: block; width: 67px; height: 8px; content: "" !important; background-image: url(../../../Content/images/thinArrowLeft.png); }
#home-gallery .flex-direction-nav .flex-prev { left: 60px; }
#home-gallery .flex-direction-nav a.flex-next { right: 60px; }
    #home-gallery .flex-direction-nav a.flex-next:before { content: "" !important; background-image: url(../../../Content/images/thinArrowRight.png); width: 67px; height: 8px; background-size: cover; }

@media(max-width:1440px) {
    #home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 210%; }
    #home-gallery .photoCaption .photoCaptionText p { font-size: 120%; }
}

@media(max-width:1170px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 3vw; }
    #home-gallery .gallery-caption { transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; }
}

@media(max-width:1024px) {
    #home-gallery .gallery-logo { width: 35%; margin: auto; }
    #home-gallery .slider-bg.stellar-bg { background-attachment: scroll; }
    #home-gallery .photoCaption .photoCaptionText { max-width: 45%; }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation: landscape) {
    #home-gallery .gallery-caption { top: 40%; }
        #home-gallery .gallery-caption .gallery-text { max-width: 50%; margin: 20px auto 0; line-height: 1; font-size: 3vw; }
    #text1 { font-size: 2.3vw; }
    #multi-content-modal.modal .close, .form-modal .close { font-size: 6vw; }
    .playIcon { position: absolute; top: 65%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 3; color: #ffffff; text-align: center; font-size: 350%; }
}

@media(max-width:991px) {
    #home-gallery .gallery-caption { top: 45%; }
        #home-gallery .gallery-caption .gallery-text { max-width: 80%; margin: 20px auto 0; line-height: 1; font-size: 4vw; }
    .playIcon { position: absolute; top: 65%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 3; color: #ffffff; text-align: center; font-size: 350%; }
    #video-modal iframe, #video-modal-home iframe { width: 90%; height: 390px; border: 0; }
}

@media(max-width:767px) {
    #home-gallery .opacity-layer { display: none; }
    #home-gallery .gallery-logo { width: 50%; }
    #home-gallery .slider-bg.stellar-bg { background-position: top; background-attachment: initial; backface-visibility: initial; min-height: 95vh; }
    #home-gallery { height: 90%; height: calc(100% - 100px); height: -webkit-calc(100% - 100px); height: -moz-calc(100% - 100px); position: relative; }
        #home-gallery .scroll-down { bottom: 8%; }
        #home-gallery .gallery-caption { left: 5%; width: 90%; }
            #home-gallery .gallery-caption .gallery-text { font-size: 8vw; }
        #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 17%; }
    #video-modal iframe, #video-modal-home iframe { width: 100%; height: 190px; border: 0; max-width: 90vw; }
    #home-gallery .photoCaption .photoCaptionText { max-width: 65%; }
}

@media(max-width:550px) {
    #home-gallery .flex-control-paging li a { width: 9px; height: 9px; }
    #home-gallery .slider-bg.stellar-bg { background-position: top; background-attachment: initial; backface-visibility: initial; min-height: 95vh; }
    #home-gallery { height: 90%; height: calc(100% - 100px); height: -webkit-calc(100% - 100px); height: -moz-calc(100% - 100px); position: relative; }
}

@media(max-width:320px) {
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 30%; }
}

.TopVideo { height: 100vh; }
    .TopVideo iframe { width: 100%; height: 100%; }
.html5-main-video { height: 100% !important; top: 0 !important; bottom: 0; left: 0; right: 0; }

.VideoOnGallery .VideoContainer { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
#TopVideo.smallVideo, .TopVideo.smallVideo { position: absolute; width: 100%; height: 100% !important; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 3; }
    #TopVideo.smallVideo iframe, .TopVideo.smallVideo iframe { width: 100%; height: 100%; position: relative; top: auto; left: auto; right: auto; bottom: auto; }
#home-gallery ul.slides.slidesBehindVideo .slider-bg.stellar-bg { z-index: 1; }
.VideoOnGallery .playLayer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; pointer-events: all; }
/*button#play-player:after            { content: "\f028"; font-family: 'FontAwesome'; color: #ffffff; font-size: 140%; content: "\f04b"; font-family: 'FontAwesome'; color: #ffffff; z-index: 3; display: block; position: absolute;    bottom: 0; font-size: 140%; }*/
.playLayer button { width: 45px; height: 55px; position: relative; background: transparent; border: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.VideoOnGallery .playLayer button svg { width: 60px; height: 60px; }
.videoOnGalleryImage { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; transition: all 650ms ease-in-out; -webkit-transition: all 650ms ease-in-out; background-size: cover; background-position: center center; }
    .videoOnGalleryImage.hideImg { opacity: 0; }
.VideoOnGallery .VideoContainer .videoHolder { position: absolute; width: 34vw; height: 385px !important; top: 50%; left: 15vw; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 3; }
.VideoOnGallery .textNextToVideo { position: absolute; position: absolute; width: 34vw; top: 50%; right: 15vw; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: right; z-index: 3; }
    .VideoOnGallery .textNextToVideo h1.animated.fadeInUp { animation-delay: 3s; animation-duration: 2s; }


#player-controls { position: absolute; bottom: 3%; right: 3%; z-index: 10; color: #ffffff; }
button#mute-player { display: none; }
    button#mute-player:after { content: "\f026"; font-family: 'FontAwesome'; color: #ffffff; font-size: 130%; }
button#unmute-player:after { content: "\f028"; font-family: 'FontAwesome'; color: #ffffff; font-size: 130%; }
#player-controls span { vertical-align: middle; }
#player-controls button { background: transparent; border: 0; -webkit-appearance: none; vertical-align: middle; width: 40px; height: 44px; margin-right: 6px; }
button#stop-player:after { content: "\f04c"; font-family: 'FontAwesome'; }
button#play-player:After { content: "\f04b"; font-family: 'FontAwesome'; }


.iconsBoxLeft { position: absolute; left: 3%; bottom: 5%; z-index: 10; }
.iconsBoxRight { position: absolute; right: 3%; bottom: 5%; z-index: 10; }
.iconBox { display: inline-block; margin-right: 7px; }

@media(min-width:768px) {
    .iconBox.hideDesktop { display: none; }
}



@media(max-width:1440px) {
    .VideoOnGallery .VideoContainer .videoHolder { height: 295px !important; }
}

@media(max-width:1280px) {
    .VideoOnGallery .VideoContainer .videoHolder { height: 262px !important; }
}

@media(max-width:1024px) {
    .VideoOnGallery .VideoContainer { display: none; }
}


@media(max-width:767px) {
    .iconsBoxLeft, .iconsBoxRight { display: block; }
    .iconsBoxRight, .iconsBoxLeft { bottom: 50px; }
    .TopVideo { height: 95vh; }
    .iconBox { display: none; }
        .iconBox.showMobile { display: inline-block; }
            .iconBox.showMobile img { max-height: 50px; max-width: 50px; }
}



/*------------------------------------*\
   Grid Boxes Content
\*------------------------------------*/


.grid-boxes { text-align: center; }
    .grid-boxes .grid-box { -webkit-transition: opacity 4s ease-in-out; -moz-transition: opacity 1ms ease-in-out; -o-transition: all 0.9ms ease-in-out; -ms-transition: all 0.9ms ease-in-out; margin-top: 0; display: inline-block; float: none !important; margin-right: -6px; vertical-align: top; padding: 0; }
    .grid-boxes .grid-box-image { padding-bottom: 73%; overflow: hidden; position: relative; }
    .grid-boxes .grid-box-image-container { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
    .grid-boxes .box-image-animation img { width: 100%; display: block; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
    .grid-boxes .box-image-animation { position: relative; overflow; display: block; }

    .grid-boxes.animateRow { opacity: 0; -webkit-transition: opacity 4s ease-in-out; -moz-transition: opacity 1ms ease-in-out; -o-transition: all 0.9ms ease-in-out; -ms-transition: all 0.9ms ease-in-out; }
.lobbyview.shown .grid-boxes.animateRow, .LobbyModule.shown .grid-boxes.animateRow { animation: fadeElements 1.5s forwards; }

.grid-row-text { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.grid-boxes .grid-box-title h3 { font-size: 150%; margin-bottom: 1%; margin-top: 0px; }
    .grid-boxes .grid-box-title h3 a { color: #999999; }
.grid-boxes .grid-box-subtitle { color: #000; font-size: 120%; }

.grid-boxes .grid-box-image:hover .hideUntilHover { opacity: 1; }




@media(min-width:767px) {
    .grid-box.textOnHover .grid-box-image-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); font-size: 150%; color: #ffffff; z-index: 2; pointer-events: none; }
    .grid-box.textOnHover .grid-box-opacity-layer { background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; pointer-events: none; }
    .grid-box.textOnHover { cursor: pointer; }
    .grid-box-image .hideUntilHover { opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }
}

@media(min-width:1024px) {
    .grid-boxes .box-image-animation:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
}

@media(max-width:767px) {
    .grid-box.col-xs-6 { padding-right: 5px; padding-left: 5px; }
    .grid-boxes .grid-box .grid-box-title h3 { font-size: 170%; margin-bottom: 1%; margin-top: 3%; }
    .grid-box.col-xs-6 .grid-box-title h3 { font-size: 150%; }
    .grid-content-section { margin: 0 auto 50px auto; }
    .grid-box.textOnHover .grid-box-image .box-image-animation { overflow: visible; }
    .grid-box.textOnHover .grid-box-image-text { position: relative; }
    .grid-box.textOnHover .grid-box-opacity-layer { display: none; }
    .grid-box.textOnHover .grid-box-title { display: none; }
    .grid-boxes .grid-box.textOnHover .grid-box-image { overflow: visible; }
}








/*------------------------------------*\
   Grid Form Section
\*------------------------------------*/
.grid-form-section { max-width: 1170px; margin: 0 auto 80px auto; }


/*------------------------------------*\
   Grid Gallery Section
\*------------------------------------*/
.grid-gallery-section { padding: 0; }
.gallery-cubes { padding: 0; margin: 0px; }
    .gallery-cubes > div.added-img { animation: fadeElements .5s forwards; }
    .gallery-cubes > div { padding: 0; transition: opacity 500ms ease-in-out; -webkit-transition: opacity 500ms ease-in-out; }
    .gallery-cubes .boxes-images-outer-image { cursor: pointer; position: relative; padding-bottom: 100%; background-size: cover; overflow: hidden; height: 0px; }
        .gallery-cubes .boxes-images-outer-image:hover .image-link-container { opacity: 1; background: rgba(0, 0, 0, 0.55); }
    .gallery-cubes .image-link-container { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block; height: 100%; width: 100%; opacity: 0; -webkit-transition: opacity 500ms ease-in-out 2ms; -moz-transition: opacity 500ms ease-in-out 2ms; -o-transition: opacity 500ms ease-in-out 2ms; -ms-transition: opacity 500ms ease-in-out 2ms; transition: opacity 500ms ease-in-out 2ms; }
    .gallery-cubes .image-link-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); display: block; color: #000; background: #fff; border-radius: 50%; width: 70px; height: 70px; }
    .gallery-cubes .plus-sign { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); font-size: 200%; height: 70px; }
    .gallery-cubes .image-link-inner svg { max-width: 40px; max-height: 70px; }
    .gallery-cubes .image-link-container > .p-vert { height: 100%; width: 100%; }
    .gallery-cubes .image-link-outer { padding-top: 3%; color: #fff; width: 80%; margin-left: 10%; margin-right: 10%; text-align: center; }
    .gallery-cubes h4 { color: #999999; font-size: 120%; margin-bottom: 5%; }
    .gallery-cubes .image-link-inner { display: inline-block; }
    .gallery-cubes .image-link-content { display: inline-block; cursor: pointer; float: right; width: 100%; height: 100%; position: relative; z-index: 9; }
    .gallery-cubes .mobile-desc { display: none; }

.gallery-cubes-modal button.close { width: auto; top: -40px; }
.gallery-cubes-modal .flexslider .slides img { max-width: 90vw; max-height: 80vh; }
.gallery-cubes-modal .flexslider .slides h3 { display: block; clear: both; color: #ffffff; margin-top: 15px; }
.gallery-cubes .flexslider .flex-direction-nav a { color: #BA975D !important; }
    .gallery-cubes .flexslider .flex-direction-nav a:before { color: #BA975D !important; text-shadow: 0px 0px 0px; }
.modal-content { width: 100%; height: inherit; margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; border: none; z-index: 11; }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: 1px solid blue; }
.modal-backdrop.in { opacity: 0.8; }
/***change for scroll in modal 26/9**/
.modal-backdrop.in { height: 100% !important; position: fixed; }


.modal.fade { overflow-y: hidden; }

    .modal.fade.gallery { overflow-y: hidden; }

    /***change for modal scroll 26/9**/
    .modal.fade, .modal.fade.gallery { overflow-y: auto; }
        .modal.fade.gallery button.popupBtn.loadMore { display: none; }
        .modal.fade.gallery .gallery-cubes { display: none; }
        .modal.fade.gallery #headline, .modal.fade.gallery .headline { display: none; }

#multi-content-modal.modal.gallery .modal-content > .close { display: none; }

.modal.gallery .modal-content { max-height: 80vh; /*overflow-y: auto;overflow-x: hidden;*/ }

/**gallery in content**/
.galleryview { max-width: 1170px; margin: auto; margin-bottom: 20px; }

/**gallery in content with promo**/
.layout-2sides .gallery #GridWrapInner, .layout-2sides-right .gallery #GridWrapInner { max-width: 1170px; margin: auto; }
#SiteGrid.layout-2sides #ContentRegularModule .gallery-cubes .image-link-inner { width: 55px; height: 55px; }
#SiteGrid.layout-2sides #ContentRegularModule .gallery-cubes .gallery-cubes .plus-sign { font-size: 150%; }


/****NEW 14/11/19*/
#multi-content-modal.gallery .gallery-container { width: 100%; }
#multi-content-modal.modal.gallery .section-content.gallery .galleryview { margin: 0; }
#multi-content-modal.modal.gallery .modal-content > .close { display: block; top: -60px; }
#multi-content-modal.modal.gallery .modal-content { margin-top: 0; }
.gallery-cubes-modal { z-index: 1050; }
.modal.fade.gallery .gallery-cubes { display: block; }


@media(max-width:767px) {
    .gallery-cubes .image-link-inner { width: 50px; height: 50px; }
    .gallery-cubes .mobile-desc { display: block; width: 90%; margin-right: 5%; margin-bottom: 15%; float: right; }
    .gallery-cubes.image-link-container { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
    .gallery-cubes .boxes-images-outer-image:hover .image-link-container { background: transparent; opacity: 0; }
    .gallery-cubes h4, #cubes-gallery-section .image-link-outer p, #cubes-gallery-section .image-link-inner { display: none; }
    .gallery-cubes h4 { font-size: 170%; }
    .gallery-cubes .mobile-desc p { font-size: 130%; }
    .gallery-cubes .boxes-images-container > div { padding: 1%; }
    .flex-direction-nav .flex-next { right: 20px; text-align: center; }
    .flex-direction-nav .flex-prev { left: 20px; }
    body.modal-open { padding: 0 !important; }
    .modal.gallery-cubes-modal { padding: 0 !important; }
    /**NEW**/
    /*.gallery-cubes-modal .flexslider .slides img    { max-height: none;}*/
    /*.gallery-cubes-modal  .flexslider .slides h3 { position: absolute;bottom: -40px;width: 100%; }*/

}

@media(max-width:991px) {
    .img-background-flex > div { padding: 0; }
}


/**Random Gallery**/

.grid-gallery-section .random-gallery { max-width: 1440px; margin: 100px auto 0 auto; }
.random-gallery .gallery-box { padding: 0; }
    .random-gallery .gallery-box.col-md-6 .boxes-images-outer-image { padding-bottom: 50%; }
    .random-gallery .gallery-box.bigger-pic .boxes-images-outer-image { padding-bottom: 100%; position: relative; }
.random-gallery .boxes-images-outer-image { padding-bottom: 100%; }
.random-gallery .image-link-container { color: #fff; cursor: pointer; opacity: 0; position: absolute; width: 100%; height: 100%; -webkit-transition: all 500ms ease-in-out 2ms; -moz-transition: all 500ms ease-in-out 2ms; -o-transition: all 500ms ease-in-out 2ms; -ms-transition: all 500ms ease-in-out 2ms; transition: all 500ms ease-in-out 2ms; }
    .random-gallery .image-link-container h4 { color: #F8992F; font-size: 120%; margin-bottom: 20px; }
.random-gallery .gallery-box.col-md-12 .boxes-images-outer-image { padding-bottom: 40%; }

.random-gallery .image-link-container { opacity: 0; }
.random-gallery .boxes-images-outer-image:hover > .image-link-container { opacity: 1; background: rgba(60, 59, 59, 0.75); }
.random-gallery .image-link-outer { max-height: 100%; overflow: hidden; color: #fff; top: 50%; left: 50%; position: absolute; width: 80%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); text-align: center; }
.random-gallery #boxes-gallery .section-item { float: right; width: 100%; }
.random-gallery .section-item { margin-top: 100px; opacity: 0; /*transition: all .9s ease-in-out;-webkit-transition: all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition: all .9s ease-in-out;*/ }
.random-gallery .image-link-content { width: 100%; height: 100%; float: right; }


@media(max-width:767px) {
    .random-gallery .gallery-box { width: 100%; }
        .random-gallery .gallery-box .boxes-images-outer-image { padding-bottom: 50%; }
    .random-gallery .boxes-images-outer-image:hover > .image-link-container { opacity: 0; }
}

/** OWL CAROUSEL  Gallery**/
.owl-carousel .owl-item .item { padding: 0px 5px; }
.owl-carousel .owl-item a.slide-bg-layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.owl-carousel .owl-item .item .plus-sign { opacity: 0; transition: all 500ms ease-in-out; color: #ffffff; background: #000000; border-radius: 50%; width: 60px; height: 60px; }
    .owl-carousel .owl-item .item .plus-sign span { font-size: 120%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.owl-carousel .owl-item .item:hover .plus-sign, .owl-carousel .owl-item .item:focus .plus-sign { opacity: 1; }
.owl-carousel .owl-prev:after { content: ""; background-image: url(../../../Content/images/arrow_R.png); width: 60px; height: 60px; display: block; background-size: cover; }
.owl-carousel .owl-nav div { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.owl-carousel .owl-next:after { content: ""; background-image: url(../../../Content/images/arrow_L.png); width: 60px; height: 60px; display: block; background-size: cover; }
.owl-carousel .owl-prev { right: 10px; }
.owl-carousel .owl-next { left: 10px; }

.owl-carousel.section-animation-item { margin-top: 0px; }
.blueimp-gallery > .next, .blueimp-gallery > .prev { display: block; opacity: 1; }
.blueimp-gallery > .close, .blueimp-gallery > .title { display: block; }
.modal .owl-carousel .owl-item { opacity: 0; transition: opacity 100ms ease-in-out; -webkit-transition: opacity 100ms ease-in-out; }
    .modal .owl-carousel .owl-item.active { opacity: 1; }

.owl-carousel .owl-dots { position: absolute; bottom: 10px; width: 100%; z-index: 9; }
.owl-carousel .owl-dot { width: 12px; height: 12px; background: #ffffff; border-radius: 50%; margin: 5px; display: inline-block; }
    .owl-carousel .owl-dot.active { background: #000000; }

@media(max-width:991px) {
    .owl-carousel .owl-item .item .plus-sign { width: 35px; height: 35px; font-size: 140%; }
    #gridshort-view-media .owl-dots { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
        #gridshort-view-media .owl-dots .owl-dot { width: 14px; height: 14px; border-radius: 50%; background: #ffffff; display: inline-block; margin-left: 8px; }
            #gridshort-view-media .owl-dots .owl-dot.active { background: #dddddd; }
}

@media(max-width:767px) {
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 40px; height: 40px; }
}
/**Modal**/
/*.modal .close {font-size: 30px;font-weight: 700;line-height: 1;color: #fff;text-shadow: none;filter: alpha(opacity=100);opacity: 1;display: block;width: 100%;margin-bottom: 10px;}*/
/*.modal .close:focus {outline: none;}*/
.vertical-alignment-helper { display: table; height: 100vh; width: 100%; pointer-events: none; max-width: 100%; }
/*.modal.fade.in .modal-dialog { -webkit-transform: translate(0,0);-o-transform: translate(0,0); transform: translate(0,0); }*/
/*.modal.fade .modal-dialog {transform: translate(0, 0%);-webkit-transform:  translate(0, 0%);-moz-transform: translate(0, 0%);-ms-transform: translate(0, 0%);-o-transform: translate(0, 0%);transition: transform 0.3s ease-out;-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;}*/
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; }
.flex-direction-nav a.flex-next:before { font-family: "FontAwesome"; font-size: 350%; content: '\f105' !important; }
.flexslider:hover .flex-next { opacity: 0.7; right: 20px; }
.flexslider:hover .flex-prev { left: 20px; }



.modal-vertical-align { display: table; height: 100%; width: 100%; pointer-events: none; }
/*.vertical-alignment-helper { display: table;height: 100vh;width: 100%;}*/
.vertical-align-center { display: table-cell; vertical-align: middle; /*pointer-events: none;*/ text-align: center; }

#mrw-modal-1 { }
    #mrw-modal-1 .modal-content { border-radius: 0px; background-color: transparent; display: inline-block; pointer-events: all; }

.vertical-align-center .modal-header { padding: 0; background: transparent; border-bottom: 0; }
.vertical-align-center button.close { font-size: 200%; color: #ffffff; opacity: 1; /* margin-right: 5px; */ position: absolute; top: -50px; cursor: pointer; }
.vertical-align-center .modal-content { background: transparent; box-shadow: none; border: 0; }
.vertical-align-center .modal-body { padding: 0; }
.vertical-align-center button.close:hover { opacity: 1; color: #ffffff; }
.vertical-align-center .modal-footer { display: none; }








.flex-direction-nav { top: 50%; position: absolute; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 2; }

    .flex-direction-nav a { overflow: visible; width: 40px; height: 85px; }
        .flex-direction-nav a.flex-prev:before { font-family: "FontAwesome"; font-size: 350%; content: '\f104' !important; }
    .flex-direction-nav .flex-disabled { opacity: 1 !important; cursor: pointer; }
    .flex-direction-nav a { color: #fff; opacity: 1 !important; }

.flex-control-paging li a { background: #ffffff; }
    .flex-control-paging li a.flex-active { background: #000000; }

/*.flexslider .slides img             {height: 85vh;width: auto;max-width: none;}*/
.flexslider .slides img { width: auto; }

.img-background-flex .col-xs-12 { padding: 0; }

.flexslider.modal-slider { max-height: 90vh; }


#video-modal .modal-body { text-align: center; }

@media(max-width:991px) {
    .flexslider.modal-slider, .flexslider .slides img { max-height: 60vh; }
}

@media(max-width:767px) {
    .vertical-align-center button.close { font-size: 140%; }
    .img-background-flex.slider > div { margin-top: 0px; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }
    .flex-direction-nav a.flex-prev:before, .flex-direction-nav a.flex-next:before { font-size: 220%; }
    .flexslider:hover .flex-prev { left: 10%; }
    .flexslider:hover .flex-next { right: 10%; }
    .flexslider.modal-slider, .flexslider .slides img { max-height: 60vh; }

    .img-background-flex.slider > div { /*padding-bottom: 60%;*/ position: relative; }
    .flex-container { padding: 0; }
    .modal-open .modal { padding-right: 0; }
    /***NEW****/
    /*.img-background-flex.slider > div img { position: absolute;top: 0;left: 0;right: 0;height: 100%; }*/
    #multi-content-modal.modal.gallery .modal .modal-content, #multi-content-modal.gallery .modal-content { margin-top: 50%; /*overflow:hidden;*/ }
    .gallery-cubes-modal .flexslider .slides img { max-height: 50vh; }
    #multi-content-modal.gallery .modal-content { height: 100vh; }
    .flex-direction-nav { top: 50%; }
    .flex-viewport { overflow: visible !important; }
    #multi-content-modal.gallery .modal-content { margin-top: 0; }
}


.blueimp-gallery > .close { font-size: 40px; text-align: center; opacity: 1; width: 40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

/*------------------------------------*\
   MasterSlider
\*------------------------------------*/
#masterslider { margin-bottom: 0; }
    #masterslider .ms-slide { height: 100vh; }
    #masterslider .photoCaption { position: absolute; z-index: 1; color: #ffffff; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-transform: uppercase; font-family: Heebo-Medium,Heebo; font-weight: 600; }
        #masterslider .photoCaption .photo-caption-title { font-size: 460%; text-align: center; line-height: 100%; font-family: Academic-M54; font-weight: normal; margin-bottom: 15px; }
        #masterslider .photoCaption .photo-caption-subtitle { font-size: 200%; text-align: center; }

.master-slider button#stop-slider, .master-slider button#play-slider { background: rgba(0, 0, 0, 0.24); border: 0; -webkit-appearance: none; vertical-align: middle; width: 30px; height: 34px; font-size: 70%; margin-right: 6px; position: absolute; bottom: 10px; right: 20px; z-index: 99999; color: #ffffff; }
    .master-slider button#stop-slider:after { content: "\f04c"; font-family: 'FontAwesome'; }
    .master-slider button#play-slider:After { content: "\f04b"; font-family: 'FontAwesome'; }



/*------------------------------------*\
   Map Section
\*------------------------------------*/

section#contact { padding-top: 0; background: #403836; }
#map-section { padding: 0; }
    #map-section #map-holder { float: right; width: 100%; position: relative; min-height: 450px; }
        #map-section #map-holder iframe { position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; }

@media(max-width:767px) {
    #map-section #map-holder iframe { height: 350px; }
    #map-section #map-holder .overlay { max-height: 350px; }
    #map-section #map-holder { min-height: 350px; }
}


/*------------------------------------*\
   Footer Logos
\*------------------------------------*/
#partners-section { direction: rtl; margin-bottom: 20px; }
    #partners-section .logo-box, #partners-section a { display: inline-block; padding: 0 3%; }

@media(max-width:767px) {
    #partners-section .logo-box, #partners-section a { max-width: 22%; margin: 1%; display: inline; }
        #partners-section .logo-box img, #partners-section a img { max-width: 100%; height: auto; }
    #partners-section a { display: inline-block; }
    #partners-section { padding-bottom: 15%; }
}


/*------------------------------------*\
   Contact Form Section
\*------------------------------------*/



#FormResultPage #text1 { text-align: center; }
/**side contact form**/
#side-contact-form { max-width: 250px; position: absolute; top: 25%; left: 2%; z-index: 9; display: block; display: table; direction: rtl; text-align: right; }
.layout-2sides-right #side-contact-form { left: initial; right: 2%; top: 15%; }
#side-contact-form.mobile-form { display: none; }




@media(max-width:970px) {
    #side-contact-form { display: none; }
}

@media(max-width:767px) {
    #side-contact-form { display: block; position: relative; width: 100%; max-width: none; left: 0; }
    #home-gallery #side-contact-form { display: none; }
    #DynamicFormObject { /*max-width: 97% !important;*/ margin: auto; }
    #side-contact-form.mobile-form { display: block; width: 70%; margin: auto; }
}

/**Top and bottom Form**/
#SiteGrid.layout-top #GridPromo, #SiteGrid.layout-bottom #GridPromo { max-width: 1170px; margin: auto; float: none; width: 100%; margin-bottom: 3%; clear: both; }
#SiteGrid.layout-bottom #GridPromo { padding-top: 20px; }

@media(max-width:767px) {
    #SiteGrid.layout-top #GridPromo, #SiteGrid.layout-bottom #GridPromo { padding: 0; }
}


/**Contact info box**/
#contact-details-box { top: 20%; left: 4%; position: absolute; color: #fff; z-index: 11; }
.contact-info-box { position: absolute; z-index: 9; background: rgba(255, 255, 255, 0.82); color: #000; padding: 20px 10px; text-align: center; direction: rtl; width: 250px; display: none; top: 45%; }
    .contact-info-box #contact-info-right h3 { margin-top: 0; position: relative; text-align: center; padding-bottom: 7%; font-size: 150%; }
        .contact-info-box #contact-info-right h3:after { border-bottom: 3px solid #000; content: ""; width: 80px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
    .contact-info-box h4 { margin-bottom: 0; margin-top: 10%; font-size: 120%; }
#contact-info-middle:after { border-bottom: 3px solid #000; content: ""; width: 80px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
#contact-info-middle { position: relative; padding-bottom: 10%; }
#contact-info-bottom h4 { margin-bottom: 10%; }
#contact-info-bottom ul { list-style-type: none; text-align: center; padding: 0; margin: 0; }
    #contact-info-bottom ul li { float: right; width: 50%; position: relative; text-align: right; padding-right: 20px; }
        #contact-info-bottom ul li:before { content: ""; position: absolute; height: 8px; width: 8px; border: 1px solid #000; background: #000; right: 0; top: 30%; }
#contact-details-box a { clear: both; width: 100%; float: left; background: #fff; color: #000; padding: 4%; font-size: 110%; text-align: center; }
#contact-details-box .open-info { font-size: 120%; }
#contact-details-box i.fa-angle-left { margin-left: -3%; display: none; }
#contact-details-box i { cursor: pointer; }
.button-holder { float: left; width: 100%; cursor: pointer; }

@media(max-width:970px) {
    #contact-details-box { display: none; }
}

/*------------------------------------*\
   Grid Top
\*------------------------------------*/

#GridTop { height: 500px; background-size: cover; position: relative; /*visibility:hidden;*/ background-position: center center; }
    #GridTop.noTopImage { height: 70px; }
        #GridTop.noTopImage.longer { height: 120px; }
    /**if header2**/
    #GridTop.blog { height: 300px; visibility: visible; }
    #GridTop.noTopImage.blog { height: 70px; }
    #GridTop.blog .gallery-caption { display: block; width: 10%; top: 40%; }
    #GridTop.blog .scroll-down { display: none; }
    #GridTop .gallery-caption { position: absolute; top: 30%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 2; display: none; }
    #GridTop .gallery-logo { width: 70%; margin: auto; }
        #GridTop .gallery-logo img { min-width: 100%; height: auto; max-width: 100%; }
    #GridTop .scroll-down { color: #fff; font-size: 400%; position: absolute; bottom: 2%; z-index: 9; width: 100%; text-align: center; cursor: pointer; }
        #GridTop .scroll-down img { max-width: 60px; }

@media(max-width:1600px) {
    #GridTop { height: 420px; }
}

@media(max-width:1200px) {
    #GridTop { height: 350px; }
}

@media(max-width:992px) {
    #GridTop { height: 350px; }
}

@media(max-width:767px) {
    #GridTop { height: 300px; }
        #GridTop.blog { height: 200px; }
            #GridTop.blog .gallery-caption { width: 15%; top: 50%; }
}


/*------------------------------------*\
   Grid Top Gallery
\*------------------------------------*/

#top-gallery { border: 0; overflow: hidden; width: 100%; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; }
    #top-gallery .opacity-layer { width: 100%; height: 100%; float: right; position: absolute; background: #000; opacity: 0; z-index: 9; }
    #top-gallery .slider-bg.stellar-bg { background-repeat: no-repeat; padding: 0; background-size: cover; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; /*background-attachment: fixed;*/ position: relative; backface-visibility: hidden; background-position: center center; height: 100%; width: 100%; }
    #top-gallery .slides { width: 100%; height: 100%; }
    #top-gallery li.slider-item { width: 100%; height: 100%; }
    #top-gallery ol.flex-control-nav { z-index: 10; }
    #top-gallery .flex-control-paging li a { background: #ffffff; }
        #top-gallery .flex-control-paging li a.flex-active { background: #000000; }





/*------------------------------------*\
   Grid Content
\*------------------------------------*/

#headline, .headline { text-align: center; margin-bottom: 20px; }
    #headline h1, .headline h1 { font-size: inherit; margin-bottom: 0; }
#subheadline { text-align: center; }
    #subheadline h2 { font-size: 180%; margin-top: 0; margin-bottom: 3%; }
h2.subheadline { max-width: 1170px; margin: auto; }
#text1, #text2 { direction: rtl; line-height: 1.5; text-align: center; max-width: 90%; margin: auto; }

    #text1 p, #text2 p { margin-bottom: 0; max-width: 100%; overflow: hidden; white-space: normal; width: 100%; position: relative; z-index: 1; }
        #text1 p:last-child { margin-bottom: 20px; }
    #text1 img { max-width: 100%; height: auto; }
    #text1 ul li { clear: both; }
#GridBottom { clear: both; }

.GridBottomGallery { padding-top: 50px; padding-bottom: 50px; }


@media(max-width:1024px) {
    h2.subheadline { max-width: 80%; }
    #text1 { max-width: 90%; margin: auto; }
}

@media(max-width:767px) {
    #text1 { max-width: 95%; margin: auto; }
    #subheadline h2 { font-size: 150%; }
}

#SiteGrid { position: relative; }
/*#GridWrapInner          { padding-top:45px; margin-bottom:45px; overflow:auto; }*/
/*------------------------------------*\
   Regular Page View
\*------------------------------------*/
#ContentRegularModule { text-align: center; }
#GridPromo { float: left; margin-top: 5%; margin-bottom: 3%; }
    #GridPromo.affix { top: 0; position: fixed; z-index: 1; width: 292px; margin-top: 0; }

.blog-grid #GridPromo { padding: 0; }
    .blog-grid #GridPromo.affix { width: 230px; }

#GridWrapInner { direction: ltr; }

#GridContent { float: right; width: 100%; margin-bottom: 0; direction: rtl; }
#SiteGrid.layout-2sides #GridContent { width: 75%; /*border-left: 1px solid #cccccc;*/ padding-left: 2.5%; text-align: right; }
#SiteGrid.layout-bottom #GridContent { border-left: 0; text-align: center; }
#SiteGrid.layout-2sides-right #GridPromo { float: right; }
#SiteGrid.layout-2sides-right #GridContent { width: 73%; padding-right: 2.5%; padding-left: 0; border-left: 0; /*border-right: 1px solid #cccccc;*/ margin-right: 1%; }
#SiteGrid.layout-top #GridContent { border-left: 0; text-align: center; }
#GridPage { padding-top: 40px; }
    #GridPage .max-width, #GridPage .max-width-center { max-width: 1170px; margin: auto; }
.lobby-grid #GridPage .max-width { max-width: 100%; padding: 0px 15px; }


@media(max-width:1170px) {
    #GridPage .max-width { width: 90%; }
    #GridPage .max-width-center { max-width: 90%; }
    #GridPage.gallery .max-width { max-width: 100%; width: 100%; }
}

@media(max-width:1024px) {
    #GridPromo.affix { top: 40px; width: 25%; }
}

@media(max-width:991px) {
    #SiteGrid.layout-2sides #GridContent { width: 100%; text-align: center; border: 0; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; float: none; }
    #GridWrapInner { display: -webkit-box; -webkit-flex-direction: column; display: -moz-box; -moz-flex-direction: column; display: -ms-flexbox; -ms-flex-direction: column; display: -webkit-flex; display: flex; flex-direction: column; }
    #SiteGrid.layout-2sides #GridContent { padding-left: 0%; }
    #GridPage .max-width { width: 95%; }
}


#lobbyText { max-width: 1170px; margin: auto; text-align: center; }

/*------------------------------------*\
  Grid
\*------------------------------------*/
#grid-view .grid-short-box-text { font-size: 130%; margin-top: 10px; }


/*------------------------------------*\
   Short Grid
\*------------------------------------*/
#GridContent.short-grid { display: block; visibility: visible; }
.grid-short-box { text-align: center; margin-bottom: 5%; }
.grid-short-box-image { padding-bottom: 100%; position: relative; overflow: hidden; }
    .grid-short-box-image .image-container { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
/*.grid-short-box-image img {height: 100%;min-width:100%;margin-left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform:translateX(-50%);-o-transform: translateX(-50%);}*/
.grid-short-box .grid-short-box-label { padding-top: 3%; font-size: 130%; }


/*#gridshort-view > div {opacity:0;transition:opacity 500ms ease-in-out;} 
#gridshort-view.shown > div{animation: fadeElements .5s forwards;}*/

#ContentGridShortModule .grid-short-box.box { padding-bottom: 0; padding: 10%; }
#ContentGridShortModule a.grid-short-box.box { display: block; }
/*#ContentGridShortModule #gridshort-view {-webkit-column-count: 4;-webkit-column-gap: 0px;-moz-column-count: 4;-moz-column-gap: 0px;column-count: 4;column-gap: 0px;}
#ContentGridShortModule #gridshort-view > div {vertical-align: text-top;-webkit-column-break-inside: avoid;}
@media(max-width:991px) {
    #ContentGridShortModule #gridshort-view {-webkit-column-count: 2;-webkit-column-gap: 0px;-moz-column-count: 2;-moz-column-gap: 0px;column-count: 2;column-gap: 0px;}
    .grid-short-box {margin-bottom: 10%;}
}
@media(max-width:767px) {
    #ContentGridShortModule #gridshort-view {-webkit-column-count: 1;-webkit-column-gap: 0px;-moz-column-count: 1;-moz-column-gap: 0px;column-count: 1;column-gap: 0px;}
    #gridshort-view > div {padding-right:8px;padding-left:8px;}

}*/
#ContentGridShortModule .gridshort-view-item { display: inline-block; float: none !important; width: 33%; vertical-align: top; margin-bottom: 15px; }
#ContentGridShortModule .grid-short-box-image a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.grid-short-box-image img { max-width: 100%; }


@media(max-width:991px) {
    #ContentGridShortModule .gridshort-view-item { width: 32%; }
}

@media(max-width:767px) {
    #ContentGridShortModule .gridshort-view-item { width: 49%; }
}

/*------------------------------------*\
   Short Grid Read More
\*------------------------------------*/

#ContentGridReadMoreModule .grid-short-box.box a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: inherit; }
.grid-short-box.box { padding-bottom: 85%; background: #F2F2F2; color: #000; position: relative; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; }
    .grid-short-box.box:hover { background: #666666; color: #fff; }
    .grid-short-box.box a:focus, #ContentGridReadMoreModule .grid-short-box.box a:focus { background: #666666; color: #fff; }
    .grid-short-box.box .grid-short-box-subtitle { border-bottom: 1px solid; padding-bottom: 10%; }
    .grid-short-box.box .text-caption { position: absolute; width: 80%; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); direction: rtl; font-size: 110%; }
    .grid-short-box.box .grid-short-box-text { padding-top: 10%; color: #666666; }
    .grid-short-box.box:hover .grid-short-box-text { color: #fff; }
    .grid-short-box.box a:focus .grid-short-box-text { color: #fff; }
/*#ContentGridReadMoreModule #pageview {margin-bottom: 5%;}*/

/*------------------------------------*\
   Media Grid Read More
\*------------------------------------*/
#gridshort-view-media { max-width: 70%; margin: auto; display: -webkit-box; /*overflow:hidden;*/ }
    #gridshort-view-media .grid-short-box-label { font-size: 105%; }
    #gridshort-view-media .owl-item > div { padding: 40px; }
.modal #gridshort-view-media .owl-item > div { padding: 25px; }
#gridshort-view-media.owl-carousel .owl-prev, #gridshort-view-media .owl-carousel .owl-prev { right: -60px; }
#gridshort-view-media.owl-carousel .owl-next, #gridshort-view-media .owl-carousel .owl-next { left: -60px; }
    #gridshort-view-media.owl-carousel .owl-next:after, #gridshort-view-media .owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/brin/hez_b_left_x2.png); width: 19px; height: 34px; content: ""; }
#gridshort-view-media.owl-carousel .owl-prev:after, #gridshort-view-media .owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/brin/hez_b_right_x2.png); width: 19px; height: 34px; content: ""; }

#PopUpData #gridshort-view-media { background: #ffffff; max-width: 100%; padding: 45px 30px 30px 30px; }
    #PopUpData #gridshort-view-media > .slider-item { width: 25%; }

.owl-carousel .owl-item .item .plus-sign.photo-text { top: 100%; left: 25px; right: 25px; bottom: 20px; transform: translate(0,0); -webkit-transform: translate(0,0); width: calc(100% - 50px); height: calc(100% - 40px); border-radius: 0; background: #121212; opacity: 0.9; }
.owl-carousel .owl-item .item:hover .plus-sign.photo-text, .owl-carousel .owl-item .item .slide-bg-layer:focus .plus-sign.photo-text { top: 20px; }



@media (max-width: 991px) {
    #gridshort-view-media { padding-bottom: 30px; }
}



/*------------------------------------*\
  Content Grid Row
\*------------------------------------*/
#ContentGridRowModule .grid-row { display: table; text-align: center; max-width: 900px; margin: auto; }
    #ContentGridRowModule .grid-row .grid-row-cell { display: table-cell; float: none; vertical-align: middle; }
        #ContentGridRowModule .grid-row .grid-row-cell.grid-row-cell-text { text-align: right; }
            #ContentGridRowModule .grid-row .grid-row-cell.grid-row-cell-text h2 { margin-bottom: 30px; }
        #ContentGridRowModule .grid-row .grid-row-cell.flexslider-box { text-align: left; }

@media (max-width: 767px) {
    #ContentGridRowModule .grid-row { display: block; }
        #ContentGridRowModule .grid-row .grid-row-cell { display: block; }
            #ContentGridRowModule .grid-row .grid-row-cell.flexslider-box { text-align: center; }
}


/*------------------------------------*\
   Grid Row
\*------------------------------------*/
.grid-row-section { padding-bottom: 0; }
    .grid-row-section .grid-rows { height: 100%; display: table; vertical-align: middle; width: 100%; margin-right: 0; margin-left: 0; }
        .grid-row-section .grid-rows .grid-row { vertical-align: middle; height: auto; padding: 0; position: relative; width: 100%; display: table; background-color: #ffffff; color: #000000; }
        .grid-row-section .grid-rows .grid-row-cell { display: table-cell !important; vertical-align: middle; height: 100%; padding: 0; position: relative; float: none !important; }
    .grid-row-section .flexslider-box ol.flex-control-nav.flex-control-paging { z-index: 2; }
    .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { background-size: cover; background-position: center center; background-repeat: no-repeat; }
    /*.grid-rows .grid-row-text   { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,50%);-o-transform:translate(-50%,-50%);text-align: right;/*direction:rtl;*/ /*}*/
    /*.grid-rows .grid-row-text {    position: relative;margin-top: 30%;margin-left: 50%;transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,50%);-o-transform: translate(-50%,-50%);/* text-align: right; */ /* direction: rtl; */ /*display: inline-block;vertical-align: text-top;}*/
    .grid-row-section .grid-rows .grid-row-text { position: relative; /*margin-top: 35%;*/ left: 0%; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); -moz-transform: translate(0%,0%); -ms-transform: translate(0%,0%); -o-transform: translate(0%,0%); text-align: right; direction: rtl; display: inline-block; vertical-align: text-top; width: 50%; }
        .grid-row-section .grid-rows .grid-row-text img { display: block; }
        .grid-row-section .grid-rows .grid-row-text h2 { font-size: 240%; margin-bottom: 3%; }
        .grid-row-section .grid-rows .grid-row-text h3 { margin-top: 0; margin-bottom: 5%; font-size: 180%; }
        .grid-row-section .grid-rows .grid-row-text p { font-weight: normal; margin-bottom: 0; }
        .grid-row-section .grid-rows .grid-row-text a.grid-row-button { padding: 0.5% 7%; border: 1px solid #000000; color: #000000; border-radius: 5px; /* height: 20px; */ font-size: 110%; background: transparent; margin-top: 25px; display: inline-block; }
            .grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover { background: #000000; color: #ffffff; }
    .grid-row-section .grid-row li.slider-item { padding-bottom: 66%; overflow: hidden; }
    .grid-row-section .grid-row .grid-row-image-container { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
        .grid-row-section .grid-row .grid-row-image-container .plus-sign.play-sign { max-width: 70px; }

@media(min-width:1320px) {
    .grid-row-section .grid-rows .grid-row-text { position: relative; left: 0%; transform: translate(0%,0%); -webkit-transform: translate(0%,-0%); -moz-transform: translate(0%,0%); -ms-transform: translate(0%,0%); -o-transform: translate(0%,0%); text-align: right; direction: rtl; display: inline-block; vertical-align: text-top; }
}

@media(max-width:1320px) {
    .grid-row-section .grid-rows .grid-row-text { width: 70%; }
}

@media(max-width:1170px) {
    .grid-row-section .grid-rows .grid-row-text { position: relative; top: auto; left: auto; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); margin: auto; margin-top: 10%; width: 80%; }
        .grid-row-section .grid-rows .grid-row-text p { font-size: 90%; }
        .grid-row-section .grid-rows .grid-row-text h2 { font-size: 180%; }
        .grid-row-section .grid-rows .grid-row-text a { font-size: 100%; }
}

@media (min-width:768px) and (max-width:991px) {
    /*.grid-rows .grid-row    { display: block !important;height:auto;width:100%;}*/
    /*.grid-rows .grid-row-text  { padding: 5% 0;margin-bottom: 10%;}*/
    .grid-row-section .grid-rows .grid-row-text a.grid-row-button { margin-top: 20px; padding: 1% 7%; }
    .grid-row-section .grid-rows .grid-row-text h2 { margin-bottom: 1%; font-size: 160%; }
    .grid-row-section .grid-rows .grid-row-text { margin-top: 5%; }
    .grid-row-section .grid-row li.slider-item { padding-bottom: 86%; }
    .grid-row-section .grid-rows .grid-row-text img { margin-bottom: 10px; }
}

@media(max-width:767px) {
    .grid-row-section { padding: 0; }
        .grid-row-section .grid-rows .grid-row-text p { font-size: 110%; }
        .grid-row-section .grid-rows .grid-row-text { padding: 2% 0; padding-bottom: 10%; overflow: hidden; }
            .grid-row-section .grid-rows .grid-row-text h2 { font-size: 200%; }
        .grid-row-section .grid-rows .grid-row { display: block !important; height: auto; width: 100%; overflow: auto; }
        .grid-row-section .grid-rows .grid-row-text a { margin-right: 5px; }
        .grid-row-section .grid-rows .grid-row-cell { float: left !important; }
        .grid-row-section .grid-rows .grid-row-text img { margin-bottom: 10px; }
}

/*------------------------------------*\
   New Tabs Grid
\*------------------------------------*/
.media-box { padding: 0; }
    .media-box .grid-short-box-image { padding: 0; }
    .media-box .blog-post-content { background: #dddddd; text-align: right; padding: 5px 15px; }
        .media-box .blog-post-content .blog-post-text { border: 0; }
    .media-box .grid-short-box-image svg { width: 35px; height: 35px; position: absolute; bottom: 15px; left: 15px; }
        .media-box .grid-short-box-image svg#PlayIcon { width: 85px; height: 85px; position: absolute; bottom: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    .media-box .grid-short-box-image:hover .blog-overlay-bg { opacity: 1; }
    .media-box .grid-short-box-image:hover > a img { transform: scale(1.01); -webkit-transform: scale(1.01); }
.grid-short-box-image img { transition: all 850ms ease-in-out; -webkit-transition: all 850ms ease-in-out; }
.media-box-container .grid-short-box { margin-bottom: 0; }
.media-box-hidden { display: none; }

/*------------------------------------*\
   Load More Contents Grid
\*------------------------------------*/
.categoryContents .grid .media-box.hideItemBox { width: 0px; height: 0px; opacity: 0; overflow: hidden; transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; padding: 0px; }
.categoryContents .grid .media-box { transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; padding: 15px; width: 100%; }
.categoryContents .grid { display: grid; grid-gap: 0px; grid-template-columns: repeat(auto-fill, minmax(33.33%,1fr)); /*grid-auto-rows: 50%;*/ direction: ltr; grid-auto-rows: 100%; grid: 0% 0% /33.33% 33.33%; grid-template-rows: repeat(auto-fill, minmax(5%,1fr)); grid-template-columns: 33.33% 33.33% 33.33%; }
.categoryContents { width: 100%; text-align: center; }
    .categoryContents .grid .media-box .grid-short-box { margin-bottom: 0; }


@media (max-width: 991px) {
    .categoryContents .grid { grid-template-columns: repeat(auto-fill, minmax(50%,1fr)); grid: 0% 0% /50% 50%; grid-template-rows: repeat(auto-fill, minmax(255px,1fr)); grid-template-columns: 50% 50%; }
}

@media (max-width: 767px) {
    .categoryContents .grid { grid-template-columns: repeat(auto-fill, minmax(100%,1fr)); grid: 0% 0% /100% 100%; grid-template-rows: repeat(auto-fill, minmax(255px,1fr)); grid-template-columns: 100%; }
}

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

#ContentFaqModule { }

#faqview { }
.faq-item { margin-bottom: 20px !important; text-align: center; border: 0px; border-top: 0px solid black; border-bottom: 0px solid black; }
.faq-headline { color: black; font-size: 1.3em; padding: 10px 20px; background-color: #F2F2F2; cursor: pointer; position: relative; text-align: right; }
    .faq-headline.open { background-color: #D2D2D2; }
    .faq-headline .button-open { position: absolute; left: 25px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: 100; }
.faq-body { color: black; background-color: #F2F2F2; text-align: right; }
    .faq-body > div { max-width: 720px; padding: 20px; }

@media (max-width: 767px) {
    .faq-item { margin-bottom: 10px !important; }
    .faq-headline { font-size: 1em; }
}
/* ==========================================================================
   Content Nav
   ========================================================================== */
.contentModuleNav { text-align: center; margin-bottom: 40px; font-size: 120%; }
    .contentModuleNav a { text-decoration: none; color: inherit; display: inline-block; margin-left: 10px; margin-right: 10px; }
        .contentModuleNav a:hover { opacity: 0.8; }
        .contentModuleNav a.selected { text-decoration: underline; color: #000000; }
/*------------------------------------*\
   Gallery View
\*------------------------------------*/
#GridPage.gallery .max-width { max-width: 100%; }
.gallery-lightbox-item { cursor: pointer; }
    .gallery-lightbox-item:after { content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #fff; z-index: 1; }
#gallery-lightbox > div { padding: 0; }
.gallery-lightbox-text { z-index: 2; position: absolute; top: 0; left: 0; white-space: nowrap; opacity: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); transition: opacity 500ms ease-in-out; -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; }
.gallery-lightbox-item:hover > .gallery-lightbox-text { opacity: 1; }
.gallery-lightbox-text span { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); white-space: nowrap; color: #F8992F; }
.gallery-lightbox-text p { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); white-space: normal; color: #fff; width: 90%; text-align: center; }
.image-link-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); display: block; color: #000; background: #fff; border-radius: 50%; width: 70px; height: 70px; }
.plus-sign { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); font-size: 200%; }

.gallery-container { clear: both; width: 100vw; }

/**GALLERY SLIDER**/
.gallery-slider { max-width: 900px; margin: auto; }
    .gallery-slider.flexslider .slides img { margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    .gallery-slider .flex-direction-nav { top: 45%; }
        .gallery-slider .flex-direction-nav a.flex-next:before { color: #000000; background-image: url(/warehouse/temp/story/next-arrow.svg); content: "" !important; width: 60px; height: 60px; background-size: contain; }
        .gallery-slider .flex-direction-nav a.flex-prev:before { color: #000000; background-image: url(/warehouse/temp/story/prev-arrow.svg); content: "" !important; width: 60px; height: 60px; background-size: contain; }
    .gallery-slider.flexslider .flex-next, .gallery-slider.flexslider:hover .flex-next { right: -12%; }
    .gallery-slider.flexslider:hover .flex-prev, .gallery-slider.flexslider .flex-prev { left: -10%; }

#SiteGrid.layout-2sides #GridContent .gallery-slider.flexslider .slides img { max-width: 100%; height: auto; }
#SiteGrid.layout-2sides #GridContent .gallery-slider.flexslider:hover .flex-prev, #SiteGrid.layout-2sides #GridContent .gallery-slider.flexslider .flex-prev { left: -1%; }
#SiteGrid.layout-2sides #GridContent .gallery-slider.flexslider .flex-next, #SiteGrid.layout-2sides #GridContent .gallery-slider.flexslider:hover .flex-next { right: -9%; }

@media(max-width:1170px) {
    .gallery-slider.flexslider .flex-next, .gallery-slider.flexslider:hover .flex-next { right: 0%; }
    .gallery-slider.flexslider:hover .flex-prev, .gallery-slider.flexslider .flex-prev { left: 2%; }
    .gallery-slider .flex-direction-nav a.flex-next:before, .gallery-slider .flex-direction-nav a.flex-prev:before { width: 40px; height: 40px; }
}

.contentTextOnGallery { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 0; background: #ffffff; max-width: 35%; padding: 100px 20px; z-index: 1; }

@media(max-width:1280px) {
    .contentTextOnGallery { max-width: 50%; }
}

@media(max-width:991px) {
    .contentTextOnGallery { position: relative; top: auto; left: auto; transform: translateX(0%); -webkit-transform: translateX(0%); bottom: auto; background: #ffffff; max-width: 100%; }
}


.section-animation-item { transform: translateY(40px); opacity: 0; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; }
    .section-animation-item.shown { transform: translateY(0px); opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; }

.modal .section-animation-item { opacity: 1; }
.modal iframe { width: 100%; border: 0; }

/* ==========================================================================
   MENU MODULE
   ========================================================================== */

#MenuModule { direction: rtl; text-align: center; }
    #MenuModule .menuModuleNav { text-align: center; padding-bottom: 25px; padding-top: 10px; }
        #MenuModule .menuModuleNav a { color: #ffffff; display: inline-block; margin-left: 10px; margin-right: 10px; border-radius: 0px; margin-bottom: 10px; font-size: 135%; position: relative; }
            #MenuModule .menuModuleNav a.selected { border-bottom: 1px solid; }
    #MenuModule #subheadline h2 { font-size: 100%; text-align: center; }
    #MenuModule #subheadline { color: #ffffff; }
.menuModuleBoxes { text-align: center; }
    .menuModuleBoxes img { margin-left: 15px; margin-right: 15px; }


.menuModuleContent { direction: ltr; display: inline-block; width: 1170px; max-height: 60vh; min-height: 60vh; background: #ffffff; overflow-x: hidden; }
.menuModuleContentPart { float: right; padding: 10px 50px; position: relative; margin-bottom: 0px; width: 100%; direction: rtl; }
    .menuModuleContentPart.no-items { border: 0; }
        /*.menuModuleContentPart:after    {content: ""; border: 1px solid #666666; z-index:-1; top: 8px;left: 8px;bottom: 8px;right: 8px;position: absolute;}*/
        .menuModuleContentPart.no-items:after { border: 0; }
.menuModuleTextItemSubject { margin-bottom: 50px; text-align: center; clear: both; }
.menuModuleTextItemSubjectTitle { font-size: 130%; margin-bottom: 5px; }
.menuModuleTextItem0 { position: relative; border-bottom: 1px dotted #ffffff; display: block; float: right; width: 47%; margin-left: 2%; margin-bottom: 40px; height: 75px; }
.menuModuleTextItem1 { position: relative; border-bottom: 1px dotted #ffffff; display: block; float: right; width: 47%; margin-right: 2%; margin-bottom: 40px; height: 75px; }
.menuModuleTextItemTitle { margin-bottom: 3px; text-align: right; float: right; margin-top: 0; font-size: 100%; }
.menuModuleTextItemDescription { margin-bottom: 10px; text-align: right; float: right; width: 100%; }
.menuModuleTextItemPrice { float: left; }
    .menuModuleTextItemPrice:before { content: "\f20b"; font-family: 'FontAwesome'; font-weight: normal; margin-right: 5px; font-size: 80%; }
.menuModulePhotoItem img { max-width: 100%; }

.menuModuleTextItemTitle svg { width: 15px; height: 15px; margin-right: 5px; }
.menuModuleContentPart .IconsExplanation svg { width: 25px; height: auto; }
.menuModuleContentPart .IconsExplanation { list-style: none; display: inline-block; width: 100%; text-align: right; }
    .menuModuleContentPart .IconsExplanation span { font-size: 70%; display: inline-block; vertical-align: middle; }
.menuModuleContentPart .menuIconExp { display: inline-block }

.menuModuleContentPart .no-subject { margin-top: 20px; }

.moduleLayout .categories-strip { max-width: 90%; margin: auto; padding-top: 10px; margin-bottom: 15px; background: transparent; }


/***change for scroll in modal 26/9**/
#PopUpData .menuModuleContentSection { background: transparent; /*overflow-y: auto; max-height: 85vh;*/ /*overflow-x: hidden;*/ }
#PopUpData #MenuModule .menuModuleNav a { color: #ffffff; }
#PopUpData #MenuModule #text1 { color: #ffffff; }
#PopUpData .menuModuleTextItem0 { border-bottom-color: #000000; }
#PopUpData .menuModuleTextItem1 { border-bottom-color: #000000; }



.categories-strip { background: #666666; color: #fff; text-align: center; }
    .categories-strip ul { padding: 0; list-style: none; margin: 0; }
        .categories-strip ul li { display: inline-block; padding: 15px; }
.moduleLayout .categories-strip li.menu-tag { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.5); }

.categories-strip ul li.active { background: #000000; }
.categories-strip ul li:hover > a { color: inherit; }

.mobile-strip .select-wrapper { display: none; float: right; position: relative; clear: both; width: 100%; padding-bottom: 15px; }
.mobile-strip select { background: transparent; border: 0; -webkit-appearance: none; padding: 15px 0px 15px 25px; width: 100%; font-size: 120% !important; }
.mobile-strip option { background: #004029; }
.mobile-strip .select-wrapper:after { display: none; }
.mobile-strip { text-align: right; padding: 0px 25px; display: table; width: 100%; position: relative; }
    .mobile-strip span { font-size: 120%; float: right; padding: 15px 0px; }
    .mobile-strip .select-wrapper li.strip-item { background: transparent; color: #ffffff; font-size: 120%; width: 100%; }

    .mobile-strip:after { content: "\f0d7"; position: absolute; /*transform: translateY(-50%);-webkit-transform: translateY(-50%);*/ font-family: 'FontAwesome'; top: 10px; left: 15px; font-size: 140%; }

.categories-strip .mobile-strip ul li { padding: 5px; }


@media (max-width: 1440px) {
    .menuModuleContent { max-height: 70vh; min-height: 70vh; }
}

@media (max-width: 1170px) {
    .menuModuleContent { width: 100%; }
    #PopUpData #MenuModule { max-width: 100%; }
}

@media (max-width: 991px) {
    .moduleLayout .categories-strip { max-width: 95%; }
}



@media (max-width: 767px) {
    .menuModuleTextItem0 { float: none; margin-left: 0%; width: auto; height: auto; margin-bottom: 25px; overflow: auto; }
    .menuModuleTextItem1 { float: none; margin-right: 0%; width: auto; height: auto; margin-bottom: 25px; overflow: auto; }
    .menuModuleContentPart { float: none; padding: 5px 25px; }
    .mobile-strip span { margin-right: 5px; }
    .menuModuleTextItemSubject { margin-bottom: 20px; }
    .moduleLayout .categories-strip span { margin-right: 0; padding-bottom: 0; }
    .mobile-strip .select-wrapper li.strip-item { font-size: 100%; padding: 5px; }
    .moduleLayout .categories-strip { max-width: 90%; }
}

/*------------------------------------*\
   LOBBY MODULE
\*------------------------------------*/

.lobbyview .grid-boxes, .LobbyModule .grid-boxes { padding-top: 30px; max-width: 1440px; margin: auto; }
.lobbyview .grid-box, .LobbyModule .grid-box { float: none !important; display: inline-block; opacity: 0; margin-bottom: 30px; font-size: 1rem; margin-right: -4px; vertical-align: top; background: #dddddd; /*padding:0 1.5%;*/ /*width:22.75%;*/ margin-left: 3%; }

.lobbyview.shown .grid-box, .LobbyModule.shown .grid-box { animation: fadeElements .5s forwards; }
.lobbyview .grid-boxes .grid-box-image, .LobbyModule .grid-boxes .grid-box-image { margin-bottom: 10px; }
.lobbyview .grid-boxes .grid-box-title h3, .LobbyModule .grid-boxes .grid-box-title h3 { font-size: 110%; }
.grid-box-title { display: inline-table; }
.lobbyview .grid-box:last-child, .LobbyModule .grid-box:last-child { margin-left: 0; }


@media (min-width: 992px) {
    /*.lobbyview .grid-box:nth-child(4n) { margin-left: 0;}*/
    .lobbyview .grid-box.col-md-4, .LobbyModule .grid-box.col-md-4 { width: 30.3%; }
    .lobbyview .grid-box.col-md-3, .LobbyModule .grid-box.col-md-3 { width: 22.75%; }
    .lobbyview .grid-box.col-md-6, .LobbyModule .grid-box.col-md-6 { width: calc(50% - 40px); }
    .lobbyview .grid-box.col-md-2, .LobbyModule .grid-box.col-md-2 { width: 16.66%; }
}

@media (max-width:991px) {
    .lobbyview .grid-box, .LobbyModule .grid-box { width: 47.5%; margin-left: 5%; }
        .lobbyview .grid-box:nth-child(even), .LobbyModule .grid-box:nth-child(even) { margin-left: 0; }
}


@media (max-width: 991px) {
    .grid-box-title { display: block; }
}


/*--------------------------------------------*\
   Internal Form (members club+order table)
\*--------------------------------------------*/
/*.internal-form {text-align: center;direction: rtl;margin-bottom: 5%;margin-top:2%;}*/

.normal-form { border: 0; max-width: 1170px; margin: auto; padding: 0; }

    .normal-form input { background: transparent; color: #ffffff; border: 1px solid #ffffff; border-radius: 5px; padding-right: 15px; margin-bottom: 8%; width: 99%; height: 40px; font-size: inherit; }
        .normal-form input[type='checkbox'] { display: inline; width: initial; height: initial; margin-bottom: 0; }
    .normal-form textarea { background: transparent; color: #ffffff; border: 1px solid #ffffff; border-radius: 5px; padding-right: 15px; margin-bottom: 20px; width: 99%; font-size: inherit; }

.must:before { content: "*"; position: absolute; top: 5px; right: 22px; }
/*.normal-form input:focus{border: 1px solid #000 !important;}*/
.normal-form select:focus, .normal-form textarea:focus { border-color: #ffffff; }
.normal-form input:focus { border-color: #ffffff; }
.normal-form input::-webkit-input-placeholder, .internal-form textarea::-webkit-input-placeholder { color: #ffffff; font-size: 100%; }
.normal-form input:-moz-placeholder, .internal-form textarea::-webkit-input-placeholder { color: #ffffff; opacity: 1; }
.normal-form input::-moz-placeholder, .internal-form textarea::-webkit-input-placeholder { color: #ffffff; opacity: 1; }
.normal-form input:-ms-input-placeholder, .internal-form textarea::-webkit-input-placeholder { color: #ffffff; }
.normal-form input[type="submit"] { padding-right: 0; padding: 0 4%; background-color: #999999; color: #fff; border: 0; margin-bottom: 0; font-size: 120%; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
    .normal-form input[type="submit"]:hover { background: transparent; border: 1px solid #000; color: #000; }
.normal-form-confirm { padding: 2%; }
    .normal-form-confirm input#approve { height: auto; width: auto; margin-bottom: 0; }
    .normal-form-confirm label { font-weight: normal; display: initial; }
.normal-form-submit { width: 22%; margin: auto; margin-bottom: 5px; }
.normal-form-comment { text-align: right; }
.normal-form select { background: transparent; color: #ffffff; border: 1px solid #ffffff; border-radius: 5px; padding-right: 5%; height: 40px; margin-bottom: 10px; font-size: 100%; width: 99%; -webkit-appearance: none; }
.select-wrapper:after { content: "\f0d7"; position: absolute; top: 40%; left: 25px; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-family: 'FontAwesome'; }
.normal-form select:focus, .internal-form textarea:focus, .internal-form textarea:focus { outline: 0; border-color: #ffffff; box-shadow: none; }
.normal-form .input-time-wrapper select { width: 47%; margin-left: 1.5%; margin-bottom: 8%; }
.normal-form select .placeholder { display: none; }
.normal-form .comment-line { margin-bottom: 15px; font-size: 100%; }
    .normal-form .comment-line .normal-form-comment { text-align: center; }
.normal-form .checkbox-field { text-align: right; margin-bottom: 15px; }

.fileUploaderWrapper:after { content: "\f0c6"; position: absolute; font-family: 'FontAwesome'; top: 7px; left: 30px; color: #000000; font-size: 120%; pointer-events: none; }

label.error, span.error { position: absolute; top: 0; left: 25px; font-size: 90%; color: #df2424; }
.dynamicFormObjectField.checkboxField .error { top: auto; bottom: -15px; left: auto; right: 25px; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: inherit; background-color: inherit; }

@media(max-width:1170px) {
    .normal-form textarea { max-width: 99%; }
    .normal-form input { max-width: 95%; margin-right: auto; margin-left: auto; }
    .normal-form .input-time-wrapper select { width: 46%; }
    .normal-form { max-width: 90%; }
}

@media(max-width:991px) {
    .normal-form input { max-width: 99%; }
    .normal-form .input-time-wrapper select { width: 47%; padding-left: 8px; }
        .normal-form .input-time-wrapper select:last-child { margin-left: 0; }
}

@media(max-width:767px) {
    .normal-form input[type="text"], .internal-form .normal-form input[type="email"], .internal-form .normal-form input[type="tel"] { width: 100%; }
    .normal-form .input-time-wrapper select { margin-left: 2%; }
    .normal-form-submit { width: 35%; }
    .must:before { right: 15px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 28px; }
    .normal-form input { padding-right: 15px; }
    form .row > div { padding-right: 5px; padding-left: 5px; }
    .fileUploaderWrapper:after { font-size: 150%; }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select:focus, textarea:focus, input:focus { font-size: 16px; }
}

@media(min-width:767px) {
    select:focus, textarea:focus, input:focus { font-size: inherit; }
}

@media(max-width:320px) {
    .normal-form select { margin-bottom: 8%; }
    .normal-form .input-time-wrapper select:last-child { margin-left: 0; }
    .normal-form .col-xs-6 { width: 100%; }
    .normal-form select { width: 100%; }
}


#DynamicFormObject { display: block; display: table; direction: rtl; text-align: center; position: relative; padding: 7% 3%; color: #ffffff; }
    /*#DynamicFormObject:after {content: "";position: absolute;top: 8px;bottom: 8px;left: 8px;right: 8px;border: 1px solid #666666;z-index: -1;}*/
    #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; text-align: center; font-size: 220%; margin-bottom: 20px; margin-top: 0px; line-height: 1; }
    #DynamicFormObject .dynamicFormObjectText { font-size: 60%; margin-top: 4%; }
    #DynamicFormObject .dynamicFormObjectFields { width: 100%; margin: 0; margin-bottom: 20px; position: relative; }
        #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 1.5vw; margin-bottom: 20px; }
    #DynamicFormObject .dynamicFormObjectField { z-index: 9; }
    #DynamicFormObject .dynamicFormObjectSubmit { z-index: 8; }
    #DynamicFormObject input[type="submit"] { transition: all .5s ease-in-out; cursor: pointer; background: #999999; color: #fff; border: 1px solid transparent; width: 99%; height: 40px; border-radius: 4px; padding: 0; font-size: 120%; }
        #DynamicFormObject input[type="submit"]:hover { background: #fff; border: 1px solid #000; color: #000; }

.spinner { position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); left: 50%; color: #000000; }

#DynamicFormObject .checkboxField label { display: inline; margin-right: 5px; text-align: right; font-weight: normal; }
#DynamicFormObject .dynamicFormObjectField.checkboxField { margin-bottom: 15px; z-index: -1; }

#side-contact-form .button-holder { text-align: left; position: relative; left: -10%; min-width: 250px; }
    #side-contact-form .button-holder a { display: none; clear: both; width: 150px; float: left; background: #fff; color: #000; padding: 4%; font-size: 110%; text-align: center; }

    #side-contact-form .button-holder i { color: #ffffff; font-size: 200%; display: inline-block; }
        #side-contact-form .button-holder i.fa-angle-left { margin-left: -20%; }
#side-contact-form span.open-info { float: left; direction: ltr; }
#side-contact-form .button-holder.LeftVer { left: auto; right: -10%; }
    #side-contact-form .button-holder.LeftVer .open-info { float: right; }

.button-holder#FixFormOuter { cursor: pointer; left: 0; width: 75px; background-color: #A3A551; border-radius: 0 3px 3px 0px; color: #FBFBF7; text-align: center; padding: 5px; border-radius: 0px 5px 5px 0px; display: inline-block; vertical-align: top; float: none; min-width: 0; }
    .button-holder#FixFormOuter svg.FixFormOuterImg { min-width: 0; max-width: 35px; height: auto; margin: 5px; }

@media(min-width:991px) {
    #DynamicFormObject.fixedWithBtn { left: -1%; width: 280px; border-radius: 0 3px 3px 0px; text-align: center; padding: 15px; display: inline-block; margin-right: -5px; vertical-align: top; }
    #GridPromo.fixedLayoutForm #DynamicFormObject { left: auto; }
    #GridPromo.fixedLayoutForm { width: 356px; max-width: 356px; direction: rtl; z-index: 1000; top: 45vh; }
        #GridPromo.fixedLayoutForm.form-open { max-height: 100% !important; }
        #GridPromo.fixedLayoutForm.affix { width: 356px; top: 45vh; }
    #side-contact-form.fixedLayoutForm, .fixedLayoutForm { max-width: 350px; position: fixed; z-index: 10; padding: 0; }
}

@media(min-width:767px) {
    .form-container-wide #DynamicFormObject { max-width: initial; padding: 3%; display: table; }
        .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { z-index: 2; width: 22%; margin-top: 0; margin-bottom: 0; display: table-cell; position: relative; padding: 2%; vertical-align: middle; }
            .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: ' '; display: block; position: absolute; top: 50%; margin-top: -83px; left: 0px; width: 13px; height: 166px; background-size: cover; background-position: center center; }
        .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 56%; display: table-cell; padding: 0 2%; position: relative; }
            .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 150%; margin-bottom: 2%; }
            .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { content: ' '; display: block; position: absolute; top: 50%; margin-top: -83px; left: 0px; width: 13px; height: 166px; background-size: cover; background-position: center center; }
        .form-container-wide #DynamicFormObject .dynamicFormEndText { display: table-cell; width: 22%; vertical-align: middle; }
    .blog-grid .form-container-wide #DynamicFormObject .dynamicFormEndText { display: table-cell; width: 19%; vertical-align: middle; padding-right: 2%; }
    .blog-grid .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { left: -30%; }
    .blog-grid .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { left: -14%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%; float: right; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 50%; float: right; }
}

@media(max-width:991px) {
    #GridPromo #DynamicFormObject { margin: auto; }
    #GridPromo { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { left: -8%; }
}

@media(max-width:767px) {
    .form-container-wide #DynamicFormObject { margin: auto; }
    #side-contact-form .button-holder { display: none; }
    #DynamicFormObject .dynamicFormObjectField.checkboxField { z-index: 0; }
}

/**TEST***/
@media(min-width:767px) {
    .form-container-wide#DynamicFormObject { max-width: initial; padding: 3%; display: table; }
        .form-container-wide#DynamicFormObject .dynamicFormObjectTitleAndText { z-index: 2; width: 22%; margin-top: 0; margin-bottom: 0; display: table-cell; position: relative; padding: 2%; vertical-align: middle; }
            .form-container-wide#DynamicFormObject .dynamicFormObjectTitleAndText:after { content: ' '; display: block; position: absolute; top: 50%; margin-top: -83px; left: 0px; width: 13px; height: 166px; background-size: cover; background-position: center center; }
        .form-container-wide#DynamicFormObject .dynamicFormObjectFields { width: 56%; display: table-cell; padding: 0 2%; position: relative; }
            .form-container-wide#DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 150%; margin-bottom: 2%; }
            .form-container-wide#DynamicFormObject .dynamicFormObjectFields:after { content: ' '; display: block; position: absolute; top: 50%; margin-top: -83px; left: 0px; width: 13px; height: 166px; background-size: cover; background-position: center center; }
        .form-container-wide#DynamicFormObject .dynamicFormEndText { display: table-cell; width: 22%; vertical-align: middle; }
        .form-container-wide#DynamicFormObject .dynamicFormObjectField { width: 50%; float: right; }
        .form-container-wide#DynamicFormObject .dynamicFormObjectSubmit { width: 50%; float: right; }
}

@media(max-width:991px) {
    .form-container-wide#DynamicFormObject .dynamicFormObjectTitleAndText:after { left: -8%; }
}

@media(max-width:767px) {
    .form-container-wide#DynamicFormObject { margin: auto; }
}
/**TEST***/

/*------------------------------------*\
   Members Club
\*------------------------------------*/
#clubform { text-align: center; }
    #clubform .normal-form-comment a { color: #999999; }
    #clubform #text1 { margin-bottom: 20px; position: relative; z-index: 2; }
form#club-form { position: relative; z-index: 2; }
#clubform label.error, #clubform span.error { display: block; position: absolute; left: 25px; margin: 0; top: 0; }

#thanks-msg { direction: rtl; line-height: 1.5; text-align: center; max-width: 90%; margin: auto; }

/*@media(max-width:991px) {
    #clubform  {padding: 5% 5% 6%;}
}

@media(max-width:767px) {
    #clubform  {padding: 5% 7% 10%;}
}*/

/*------------------------------------*\
   Order Table
\*------------------------------------*/
#TableOrderModule { margin-top: 2%; border: 0; padding: 0; }
#tableorderform { text-align: center; direction: rtl; margin-bottom: 5%; margin-top: 2%; position: relative; }
    #tableorderform label.error, #tableorderform span.error { display: block; position: absolute; left: 25px; margin: 0; top: 0; }

/* Bootstrap date picker style */
.bootstrap-datetimepicker-widget { color: #000; z-index: 200; }
    .bootstrap-datetimepicker-widget > ul.list-unstyled { padding: 0px; }
        .bootstrap-datetimepicker-widget > ul.list-unstyled .datepicker .datepicker-days .table-condensed thead tr { direction: ltr; }
            .bootstrap-datetimepicker-widget > ul.list-unstyled .datepicker .datepicker-days .table-condensed thead tr th.picker-switch { direction: rtl; }
    .bootstrap-datetimepicker-widget a { color: #F8992F; }
    .bootstrap-datetimepicker-widget .datepicker table tr td.active:active,
    .bootstrap-datetimepicker-widget .datepicker table tr td.active.highlighted:active,
    .bootstrap-datetimepicker-widget .datepicker table tr td.active.active,
    .bootstrap-datetimepicker-widget .datepicker table tr td.active.highlighted.active { background-color: #F8992F; }

@media(min-width:992px) and (max-width:1025px) {
    #tableorderform label.error, #tableorderform span.error { left: 15px; font-size: 80%; }
    form .row > div { padding-right: 5px; padding-left: 5px; }
    .must:before { right: 17px; }
    #DynamicFormObject .must:before { right: 24px; }
}

@media(max-width:767px) {
    #TableOrderModule { margin-top: 0; padding: 10px 20px; }
        #TableOrderModule form .row { margin: 0; }
}
/*------------------------------------*\
   Blog
\*------------------------------------*/

#BlogModule { direction: rtl; overflow: hidden; }
.blog-tags-list ul { padding: 0; margin: 0; list-style: none; color: #000; direction: rtl; text-align: center; }
    .blog-tags-list ul li.blog-tag { display: inline-block; margin-left: 2%; }
        .blog-tags-list ul li.blog-tag:last-child { margin-left: 0; }
        .blog-tags-list ul li.blog-tag a { color: inherit; }
            .blog-tags-list ul li.blog-tag a:hover, .blog-tags-list ul li.blog-tag.active a { color: #999999; }
.blog-posts { direction: rtl; -webkit-column-count: 3; -webkit-column-gap: 0px; -moz-column-count: 3; -moz-column-gap: 0px; column-count: 3; column-gap: 0px; }
.blog-post { direction: rtl; padding-bottom: 5%; float: none !important; -webkit-column-break-inside: avoid; }
    .blog-post.oneItem { display: inline-block; }
.blog-post-title { font-size: 130%; padding: 2% 0; color: inherit; margin-top: 0; margin-bottom: 0px; }
.blog-post-image img { width: 100%; display: block; transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; }
.blog-post-title a { color: inherit; }
.blog-post-text { padding-bottom: 5%; border-bottom: 1px solid #000; margin-bottom: 2%; }
.blog-post-icons span { display: inline-block; margin-left: 5%; }
    .blog-post-icons span i { margin-left: 10px; }
.blog-post-icons .blog-post-date { margin-left: 0; }
.blog-tags { padding: 3% 0 5%; }

.blog-overlay-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; z-index: 1; }
.blog-post-image { position: relative; }
    .blog-post-image:hover .blog-overlay-bg { opacity: 1; }
    .blog-post-image:hover img { transform: scale(1.04); -webkit-transform: scale(1.04); }

.blog-grid #GridPage .max-width { max-width: 925px; }

#BlogMain { max-width: 1200px; margin: auto; }

@media(max-width:767px) {
    .blog-post { padding: 5px; }
    .blog-grid #GridPage .max-width { max-width: 95%; width: 95%; }
    .blog-related-posts .col-sm-4.col-xs-6:nth-child(3) { display: block; }
    .blog-related-posts .col-sm-4.col-xs-6 { display: none; }
        .blog-related-posts .col-sm-4.col-xs-6:nth-child(4) { display: block; }
}

/**Blog Pagination**/
.pagination > li > a, .pagination > li > span { border-radius: 50%; margin-right: 5px; padding: 6px 14px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 50%; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 50%; }




/**Blog View**/
.blog-view-image { width: 100%; margin-top: 5%; max-height: 50vh; overflow: hidden; }
    .blog-view-image img { width: 100%; }
#BlogView .share-strip { float: right; width: 100%; text-align: center; margin: 2% 0; position: relative; direction: ltr; }
    #BlogView .share-strip a.share-icon { display: inline-block; color: inherit; margin-left: 1%; }
    #BlogView .share-strip span { display: inline-block; }
    #BlogView .share-strip:before { border-top: 1px solid #ddd; content: ""; width: 37%; position: absolute; right: 0; top: 80%; }
    #BlogView .share-strip:after { border-top: 1px solid #ddd; content: ""; width: 37%; position: absolute; left: 0; top: 80%; }
#BlogView #text1, #BlogView #text2 { /*float: right;*/ text-align: right; }
#BlogView #text1 { margin-bottom: 20px; }
#BlogView #text2 { margin-top: 20px; }
#BlogView h2 { font-size: 120%; }
#BlogView #text1 ol { overflow: hidden; }

.blog-post-icons { margin-top: 35px; margin-bottom: 20px; }

.blog-related-posts { }
    .blog-related-posts > div { float: right; }

.blog-related-post { background-color: rgba(255,255,255,0.8); }
.blog-related-post-image { /*padding-bottom:66%;*/ background-size: cover; background-position: top center; cursor: pointer; display: block; }
.blog-related-post-title { padding: 10px; text-align: center; }
    .blog-related-post-title a { text-decoration: none; }
.blog-related-post img { width: 100%; }
#BlogView .blog-related-posts h2 { margin: 3% 0; font-size: 180%; }



@media(max-width:1170px) {
    #BlogView .share-strip:before { width: 35%; }
    #BlogView .share-strip:after { width: 35%; }
}

@media(max-width:900px) {
    #BlogView .share-strip:before { width: 30%; }
    #BlogView .share-strip:after { width: 30%; }
}
/**Tag View**/
.blog-grid #TagView #headline, .blog-grid #TagView .headline { padding-bottom: 2%; }



/* ==========================================================================
   Contact Module
   ========================================================================== */
#ContactModule { text-align: center; position: relative; max-width: none; max-width: none; top: auto; left: auto; transform: translate(0,0); -webkit-transform: translate(0,0); }
#contactview { margin-bottom: 50px; overflow: hidden; clear: both; }
#ContactModule .contactMap { border: 1px solid #D8E3E5; background-color: White; position: relative; padding-bottom: 40%; min-height: 250px; }
    #ContactModule .contactMap iframe { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; width: 100% !important; padding: 5px; height: 100% !important; }

#map-section #map-holder .overlay { background: transparent; position: relative; width: 100%; height: 450px; top: 0px; z-index: 2; }
#map-section .map-cover { directionrtl; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background: rgba(62, 62, 62, 0.88); color: #fff; z-index: 3; padding: 25px 45px; }
    #map-section .map-cover:after { content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #fff; z-index: 1; }
    #map-section .map-cover .open-map { background: #fff; color: #000; padding: 5px 20px; width: 100%; border-radius: 5px; white-space: nowrap; font-size: 110%; }
    #map-section .map-cover h4 { font-size: 2vw; margin-top: 0; }

@media(max-width:1170px) {
    #map-section .map-cover h4 { font-size: 150%; margin-top: 0; }
}

@media(max-width:900px) {
    #map-section .map-cover { padding: 6%; }
}

@media(max-width:767px) {
    #map-section .section-title { display: none; }
    #map-section .map-cover { padding: 12% 6%; }
    #ContactModule { padding: 0; }
}





#ContactModule #map-section .section-title { display: none; }
#ContactModule #map-section #map-holder { margin-bottom: 80px; }
#contactDetails { direction: rtl; font-size: 110%; }
    #contactDetails h3 { font-size: 110%; margin-bottom: 20px; }
    #contactDetails .contactDetailsPhone1 { /*margin-bottom:10px;*/ font-size: 140%; }
        #contactDetails .contactDetailsPhone1 a:hover { color: inherit; }
    #contactDetails .contactDetailsPhone2 { margin-bottom: 10px; }
    #contactDetails .contactDetailsAddress { margin-bottom: 2px; }
    #contactDetails .contactDetailsEMail { margin-bottom: 10px; }
        #contactDetails .contactDetailsEMail a { color: inherit; font-weight: 600; text-transform: uppercase; font-size: 80%; }
    #contactDetails .contactDetailsText1 { margin-bottom: 3%; line-height: 1.4; font-size: 0.9em; margin-top: 2%; }
        #contactDetails .contactDetailsText1 p { margin-bottom: 1%; font-size: 120%; }

#contact-boxes { direction: rtl; margin-bottom: 5%; }
    #contact-boxes a { display: inline-block; vertical-align: text-top; margin-left: 1.5%; background: #000; color: #fff; padding: 0% 3%; border-radius: 5px; border: 1px solid #000; font-size: 110%; }
        #contact-boxes a:hover { background: #fff; color: #000; }


#form-thanks p { font-size: 170%; }
#DynamicFormObject #form-thanks p { font-size: 110%; line-height: 1; }
#DynamicFormObject #form-thanks h3 { font-size: 2vw; }

@media (max-width: 991px) {

    #ContactModule #headline, #ContactModule .headline { margin-bottom: 0px; }
}

@media (max-width: 767px) {
    .contact-form-wrap { border-right: 0px solid #eeeeee; border-left: 0px solid #eeeeee; }
    #contact-boxes { margin-bottom: 5%; }
    #contactDetails .contactDetailsPhone1 a { text-decoration: underline; }
    #contactDetails .contactDetailsText1 a { text-decoration: underline; }
    #ContactModule #map-section #map-holder { margin-bottom: 30px; }
}

form#contact-form { position: relative; z-index: 2; }
#contactform textarea { width: 100%; margin-bottom: 2%; margin-top: 15px; }
#contactform h3 { font-size: 120%; margin-bottom: 3%; }
#contactform .contact-form-submit { text-align: left; margin-bottom: 10%; }
#contactform .submit-btn > div { float: none !important; margin: auto; }
#contactform .contact-form-comment { margin-bottom: 5px; text-align: right; }

@media (max-width: 767px) {
    #contactform { margin-top: 30px; }
        #contactform h3 { margin: 5% auto; max-width: 90%; }
        #contactform textarea { width: 100%; margin-top: 0px; }
        #contactform .contact-form-submit { text-align: center; }
}

@media (max-width: 550px) {
    #contactform .contact-form-comment { max-width: 95%; margin: 2% auto; }
}

#follow-us-box h3 { font-size: 1.3em; margin-bottom: 15px; }

#follow-us-box .follow-us-box-icons { font-family: Arial; }

#follow-us-box a[data-icon="facebook"],
#follow-us-box a[data-icon="facebook"]:focus,
#follow-us-box a[data-icon="facebook"]:hover { padding: 5px 10px !important; background-color: #2A4886 !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; margin-left: 5px; color: #ffffff; }

#follow-us-box a[data-icon="instagram"],
#follow-us-box a[data-icon="instagram"]:focus,
#follow-us-box a[data-icon="instagram"]:hover { padding: 5px 10px !important; background-color: #335C7C !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; color: #ffffff; margin-left: 5px; }

#text1 iframe, #text2 iframe { position: relative; z-index: 1; }


/*------------------------------------*\
    Footer
\*------------------------------------*/
#SiteFooter { float: right; width: 100%; }
    #SiteFooter img { max-width: 100%; height: auto; }
    #SiteFooter #partners-section { margin-bottom: 0; padding-top: 5%; padding-bottom: 10px; }
    #SiteFooter .footer-address { font-size: 120%; margin-top: 15px; }
    #SiteFooter .section.section-animation-list { max-width: 1440px; margin: auto; overflow: hidden; }
    #SiteFooter .mobile-seperator { display: none; }
    #SiteFooter #partners-section a { font-size: 90%; }
.footer-text { padding: 15px 0px; }

#SiteFooter .footer-text .menu-nav a { font-size: 90%; }

@media (max-width: 767px) {
    #SiteFooter #partners-section { padding-bottom: 15%; padding-right: 0; padding-left: 0; }
    #SiteFooter .mobile-seperator { display: block; float: right; width: 100%; text-align: center; background: #000; color: #fff; font-size: 120%; direction: rtl; position: fixed; bottom: 0; z-index: 15; }
        #SiteFooter .mobile-seperator img { width: 5%; display: inline-block; }
        #SiteFooter .mobile-seperator span { display: inline-block; /* direction: ltr; */ margin-left: 15px; vertical-align: middle; }
        #SiteFooter .mobile-seperator a { float: right; width: 100%; padding: 4% 0; }
            #SiteFooter .mobile-seperator a:hover, #SiteFooter .mobile-seperator a:focus { color: inherit; }
}


#externalview iframe { width: 100%; border: 0px; margin-top: 20px; }
#externalText { text-align: center; }
.site-credit.alternative { clear: both; padding: 15px 0; margin: 0; }


/*------------------------------------*\
    Animations
\*------------------------------------*/

/**scroll down arrow animation**/
@-webkit-keyframes upAnddown {
    from { transform: translateY(0); }
    50% { transform: translateY(15px); }
    to { transform: translateY(0); }
}

@keyframes upAnddown {
    from { transform: translateY(0); }
    50% { transform: translateY(15px); }
    to { transform: translateY(0); }
}

/**Fade In elements on scroll**/

@keyframes fadeElements {
    100% { opacity: 1; }
}

@-webkit-keyframes fadeElements {
    100% { opacity: 1; }
}

@keyframes fadeElementsMoveUp {
    100% { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes fadeElementsMoveUp {
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

.scroll-down { animation-iteration-count: 5 !important; -webkit-animation: upAnddown 1s infinite !important; animation: upAnddown 1s infinite !important; -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; }
#home-gallery .scroll-down img, #home-gallery .scroll-down svg { width: 60px; min-width: 60px; height: auto; }


@media (max-width: 767px) {
    select:focus,
    textarea:focus,
    input:focus { font-size: 16px !important; }
}

@media (max-width: 767px) {
    select, textarea, input:not(.form-submit) { font-size: 16px !important; }
}








#home-gallery { width: 100%; height: 100vh; }
.TopVideo { height: 100vh; width: 100%; overflow: hidden; }
    .TopVideo iframe { height: 125vh; width: 130%; position: absolute; top: -10%; left: -15%; right: 0; bottom: 0; }


section { padding: 40px 0px; background-size: cover !important; background-position: center center !important; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: scale(1); }
    section.hideBody { display: none; overflow: hidden; }
    section.home-module { padding: 0; }
    section.min-height { min-height: 100vh; position: relative; padding: 0; /*overflow:hidden;*/ }
    section.altr-color { background: #000000; color: #ffffff; }

.SectionTopImage { height: 600px; background-size: cover; background-position: center center; margin-bottom: 50px; overflow: hidden; position: relative; }
    .SectionTopImage .section-slider { height: 100%; }
        .SectionTopImage .section-slider .gallery-item { height: 100% !important; }
        .SectionTopImage .section-slider ul.slides.carousel-inner { height: 100%; }
            .SectionTopImage .section-slider ul.slides.carousel-inner li { height: 100%; }




section h2,
section #headline h1, section .headline h1 { font-size: 4vw; position: relative; display: inline-block; }

/**CONTENT SECTION*/
.section-content { max-width: 1170px; margin: auto; text-align: center; }
section.min-height .section-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%; z-index: 3; }
    section.min-height .section-content.gallery { position: relative; top: auto; transform: translate(0,0); -webkit-transform: translate(0,0); left: auto; }
.section-content.gallery { max-width: none; padding: 0; }
    .section-content.gallery .galleryview { max-width: none; margin-bottom: 0; }
/*.section-content.gallery #headline            { display: none; }*/
section.min-height #ContentGridReadMoreModule { position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
section > .btnsContainer { background: inherit; text-align: center; max-width: 800px; margin: auto; }

@media (max-width: 1440px) {
    .SectionTopImage { height: 500px; }
}

@media (max-width: 1366px) and (min-width:1024px) {
    .SectionTopImage.ipadPro { background-attachment: unset !important; height: 500px; background-position-y: 0 !important; }
}

@media (max-width: 1024px) and (min-width:991px) and (orientation:landscape) {
    .TopVideo iframe { height: 145vh; width: 190%; position: absolute; top: -25%; left: -45%; right: 0; bottom: 0; }
}




@media (max-width: 991px) {
    .SectionTopImage { height: 400px; background-attachment: unset !important; }
}

@media (min-width: 992px) {
    #home-gallery.video-slider ol.flex-control-nav.flex-control-paging { display: none; }
}

@media (max-width: 767px) {
    section.min-height .section-content { position: relative; top: auto; left: auto; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); width: 100%; z-index: 3; display: table-cell; vertical-align: middle; padding: 0 20px; }
    section.min-height { padding: 20px 0; display: table; width: 100%; }
    .SectionTopImage { height: 250px; background-attachment: unset !important; }
}


/**SUBCATEGORIES SECTION*/
.popupBtn { padding: 10px 10px; background: #ffffff; color: #000000; border: 0; font-size: 120%; width: 100%; margin-left: 3%; margin-bottom: 25px; }
    .popupBtn:last-child, .popupBtn:nth-child(4n) { margin-left: 0; }
    .popupBtn:hover, .popupBtn:focus { background: #000000; }
.subCategories { display: inline-block; text-align: center; width: 70%; margin-top: 25px; list-style: none; padding: 0; margin-bottom: 0; }
    .subCategories li { display: inline-block; width: 20%; margin-left: 5%; }
        .subCategories li:last-child { margin-left: 0; }
ul.subCategories.media-boxes-filter li { white-space: nowrap; }
ul.subCategories.media-boxes-filter li { width: auto; }

.subCategoriesBG { width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; pointer-events: none; }
.btnHoverBG { opacity: 0; transition: all 450ms ease-in; -webkit-transition: all 450ms ease-in; width: 100%; height: 100%; position: absolute; }
    .btnHoverBG.shown { opacity: 1; }
.btnsContainer .popupBtn { width: 20%; }

@media (max-width: 991px) {
    .subCategories li { width: 22%; }
    .btnsContainer .popupBtn { width: 30%; }
}

@media (max-width: 767px) {
    .subCategories li { width: 45%; }
    .btnsContainer .popupBtn { width: 45%; }
}


/**GALLERY SECTION**/
section.gallery { padding: 0; }
    section.gallery #headline, section.gallery .headline { display: none; }
button.popupBtn.loadMore { background: #000000; color: #ffffff; margin-top: 25px; }
/**SECTION SLIDER**/
.gallery-item { height: 100vh; background-size: cover; }
.section-slider { z-index: 1; }
    .section-slider .flex-control-nav { z-index: 3; }

/**POPUP CONTENT**/
.popup-text { background: #ffffff; color: #000000; padding: 30px; }
#PopUpData #headline, #PopUpData .headline { color: #ffffff; }
    #PopUpData #headline h1, #PopUpData .headline h1 { font-size: 3vw; }
.modal #PopUpData #headline, .modal #PopUpData .headline { transform: translate(0,0); -webkit-transform: translate(0,0); }
.btnsContainer { width: 100%; background: #ffffff; }

.modal .popup-text.section-animation-item { transform: translate(0,0); -webkit-transform: translate(0,0); }

/**POPUP CONTACT**/
#PopUpData #ContactModule #map-section { display: none; }
#PopUpData #ContactModule .row.no-pad { background: #ffffff; }


/**POPUP FORM**/
.formSection { background: #ffffff; }
    .formSection #DynamicFormObject.normal-form { max-width: 50%; padding: 20px; color: #000000; }
    .formSection .normal-form input { color: #000000; border-color: #000000; }
.form-modal #DynamicFormObject { padding: 0; width: 100%; }
.form-modal .dynamicFormObjectTitle { font-size: 3vw; color: #ffffff; }
.form-modal #DynamicFormObject .dynamicFormObjectFields { background: #ffffff; color: #000000; padding: 30px; margin-bottom: 0; }
.form-modal .dynamicFormEndText { background: #ffffff; color: #000000; padding: 0px 15px 15px; }
.form-modal .normal-form input { border-color: #000000; color: #000000; }
    .form-modal .normal-form input::-webkit-input-placeholder, .form-modal .internal-form textarea::-webkit-input-placeholder { color: #000000; font-size: 100%; }
    .form-modal .normal-form input:-moz-placeholder, .form-modal .internal-form textarea::-webkit-input-placeholder { color: #000000; opacity: 1; }
    .form-modal .normal-form input::-moz-placeholder, .form-modal .internal-form textarea::-webkit-input-placeholder { color: #000000; opacity: 1; }
    .form-modal .normal-form input:-ms-input-placeholder, .form-modal .internal-form textarea::-webkit-input-placeholder { color: #000000; }
.form-modal #PopUpData #form-thanks #headline, .form-modal #PopUpData #form-thanks .headline { color: inherit; }
    .form-modal #PopUpData #form-thanks #headline h3, .form-modal #PopUpData #form-thanks .headline h3 { font-size: 200%; }
.form-modal #PopUpData #form-thanks #text1 { font-size: 150%; }
.form-modal .formSection #DynamicFormObject.normal-form { max-width: 100%; padding-top: 0; padding-right: 0; padding-left: 0; }
.form-modal .formSection { background: transparent; }
/**FORMS**/

form { max-width: 780px; margin: auto; }
#PopUpData .normal-form { background: grey; padding: 20px; }
.form-modal #PopUpData .normal-form { background: transparent; }
.form-modal #DynamicFormObject .dynamicFormObjectFields form { max-width: 500px; }
.form-modal #PopUpData .normal-form.form-container-wide { background: #ffffff; color: #000000; }
select option { color: #000000; }
/**FOOTER**/

section.footer-elements { padding: 0; }
.footer-address { background: transparent; position: fixed; bottom: 0; text-align: left; z-index: 2; padding: 0px 35px 10px 35px; color: #ffffff; pointer-events: none; }
section.footer-elements .grid-box-title h3 { font-size: 4.5vw; line-height: 70px; margin-bottom: 30px; }
section.footer-elements .grid-box-title a { color: #ffffff; }
section.footer-elements .grid-boxes .grid-box-subtitle { color: #ffffff; font-size: 2vw; }
section.footer-elements .grid-row-text { color: #ffffff; }

@media (max-width: 1170px) {
    .section-content, #contactview, #gridshort-view-media { max-width: 90%; margin: auto; }
        #gridshort-view-media .owl-item > div, .modal #gridshort-view-media .owl-item > div { padding: 0px 20px; }
    section h2, section h1, section #headline h1, h2, .form-modal .dynamicFormObjectTitle { font-size: 6vw; line-height: 50px; }
    #multi-content-modal.modal .close, .form-modal .close { font-size: 10vw; }
    .subCategories { width: 80%; }
}

@media (min-width:768px) and (max-width: 1024px) and (orientation: landscape) {
    section h2, section h1, h2 { font-size: 7vw; }
    #side-contact-form { display: none; }
    header#header.bg { padding: 35px 20px; }
}

@media (max-width: 991px) {
    .subCategories { width: 100%; }
    #text1 p, #text2 p { font-size: 3.5vw; }
    #MenuModule { max-width: 100%; }
    .form-modal .modal-content { max-width: 90%; }
    #player-controls { display: none; }
    .right-header > .languageLinkHolder { font-size: 120%; display: table-cell !important; width: 25px; padding-right: 10px; vertical-align: middle; }
    /*section h2 , h2,.form-modal .dynamicFormObjectTitle    { font-size:10vw; }*/

    /*.gallery-cubes-modal button#modal-project-close { left: 0; }*/
}

@media (max-width: 767px) {
    #text1 p, #text2 p { font-size: 100%; }
    .popupBtn { font-size: 110%; /*width:45%;*/ margin-left: 8%; }
        .popupBtn:nth-child(even) { margin-left: 0; }
    #gridshort-view-media .owl-item > div, .modal #gridshort-view-media .owl-item > div { padding: 0px 10px; }
    #multi-content-modal.modal .close { line-height: 45px; }
    #multi-content-modal .section-content { max-width: 100%; }
    #multi-content-modal .normal-form { max-width: 100%; }
    section h2, section h1, h2, .form-modal .dynamicFormObjectTitle, section #headline h1, section .headline h1 { font-size: 10vw; max-width: 85%; line-height: 1; }
}

/*------------------------------------*\
    Content Grid Read More In PopUp
\*------------------------------------*/

#multi-content-modal.GridReadMorePopUp .modal-content { max-width: 1170px; position: relative; }
    #multi-content-modal.GridReadMorePopUp .modal-content.smallPop { max-width: 700px; }
#multi-content-modal.GridReadMorePopUp .modal-content { margin-top: 10vh; margin-bottom: 5vh; background: #ffffff; border-radius: 0; padding: 50px; }
#multi-content-modal.GridReadMorePopUp.videoInPop .modal-content { max-width: 900px; }
    #multi-content-modal.GridReadMorePopUp.videoInPop .modal-content iframe { width: 100%; height: 450px; }
#multi-content-modal.GridReadMorePopUp .close { position: absolute; left: 0; width: auto; font-size: 320%; z-index: 1; top: -60px; }
.modal.GridReadMorePopUp .close svg { fill: #ffffff; width: 50px; vertical-align: top; display: inline-block; height: 50px; }
.GridReadMorePopUp .modal-vertical-align { display: table; height: 100%; width: 100%; pointer-events: none; }
.GridReadMorePopUp .modal-text.displayTable { display: table-cell; width: 50%; vertical-align: top; }
.GridReadMorePopUp .modal-image { display: table-cell; width: 50%; vertical-align: top; background-size: cover; background-position: center center; }
    .GridReadMorePopUp .modal-image img { max-width: 100%; }
.GridReadMorePopUp .modal-text #text1 { max-height: 25vh; overflow-y: auto; direction: ltr; padding-right: 10px; }
    .GridReadMorePopUp .modal-text #text1 p { direction: rtl; }
    .GridReadMorePopUp .modal-text #text1::-webkit-scrollbar { width: 3px; }
    .GridReadMorePopUp .modal-text #text1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); }
    .GridReadMorePopUp .modal-text #text1::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.7); }
.GridReadMorePopUp #multi-content-modal.textInPop #PopUpData { max-height: 40vh; overflow: auto; direction: ltr; padding-right: 40px; }
#multi-content-modal.GridReadMorePopUp.textInPop .modal-content { max-width: 800px; }
#multi-content-modal.GridReadMorePopUp.textInPop #PopUpData * { direction: rtl; }
#multi-content-modal.GridReadMorePopUp #PopUpData { display: table; width: 100%; min-height: 300px; }
    #multi-content-modal.GridReadMorePopUp #PopUpData #headline, #multi-content-modal.GridReadMorePopUp #PopUpData .headline { color: inherit; }

@media(max-width: 1170px) {
    #multi-content-modal.GridReadMorePopUp .modal-content { max-width: 95vw; }
    #multi-content-modal.GridReadMorePopUp .modal-content { padding: 40px 25px; }
}

@media(max-width: 991px) {
    #multi-content-modal.GridReadMorePopUp.videoInPop .modal-content { max-width: 700px; }
        #multi-content-modal.GridReadMorePopUp.videoInPop .modal-content iframe { height: 365px; }
    #multi-content-modal.GridReadMorePopUp.textInPop .modal-content { max-width: 90vw; }
}

@media(max-width: 767px) {
    .GridReadMorePopUp .modal-image { padding-bottom: 22vh; width: 100%; margin-bottom: 25px; }
    .GridReadMorePopUp .modal-text.displayTable { display: block; width: 100%; }
    #multi-content-modal.GridReadMorePopUp.videoInPop .modal-content { max-width: 300px; padding: 15px; }
        #multi-content-modal.GridReadMorePopUp.videoInPop .modal-content iframe { height: 150px; }
}

/*------------------------------------*\
    STICKY BUTTON FEATURE
\*------------------------------------*/
.stickyButton { position: fixed; bottom: 20px; left: 20px; z-index: 9; box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); -webkit-box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); border-radius: 50%; }
    .stickyButton img { max-width: 60px; }
    .stickyButton a { display: inline-block; }


@media(max-width:767px) {
    .stickyButton { bottom: 60px; }
        .stickyButton img { max-width: 50px; }
}