html            { font-size:17px; }
body            { direction:rtl; margin:0px; font-family:Arial; color:#000000; font-size:17px; line-height:1.3em; overflow-x:hidden; }

table			{ padding: 0px; margin: 0px; }
td				{ vertical-align: top; padding: 0px; }
p				{ direction: rtl; margin-top: 0px; margin-bottom: 0px; }

a:link			{ color: Blue; text-decoration: underline; }
a:visited		{ color: Blue; text-decoration: underline; }
a:hover			{ color: Blue; text-decoration: underline; }
h1, h2, h3, h4  { margin:0px; padding:0px; }

.max-width      { max-width:1180px; }
.no-pad         { padding:0px; }

#SiteContainer  {  }
#GridContent    { direction:rtl; }


header          { padding-top:10px; margin-bottom:10px; }
.LayoutGalleryBackground header { background-color:rgba(0,0,0,0.7); padding-top:20px; padding-bottom:15px; color:White; }

#SiteHeader     { }

#SiteGridContainer  { margin-bottom:40px; }
.LayoutGalleryBackground #SiteGridContainer  { min-height:18vw; }
@media (min-width: 1450px)  { .LayoutGalleryBackground #SiteGridContainer   { min-height:25vw; } }
@media (max-width: 768px)   { .LayoutGalleryBackground #SiteGridContainer   { min-height:0px; } }

.headerText     { margin-bottom:15px; margin-top:10px; }
a.headerPhone   { color:Blue; text-decoration:none; font-weight:normal; }
a.footerPhone   { color:Blue; text-decoration:none; font-weight:normal; display:inline-block; margin-top:8px; }

#SiteHeader .socialIcons { display:inline-block; margin-right:20px; }
a.facebookButton        { background-image:url('../../images/facebook-bt.png'); width:30px; height:30px; background-size:cover; display:inline-block; vertical-align:middle; }
a.instagramButton        { background-image:url('../../images/instagram-bt.png'); width:30px; height:30px; background-size:cover; display:inline-block; vertical-align:middle; margin-right: 10px; }
span.tripAdvisotButton  { display:inline-block; vertical-align:middle; margin-right:20px; }
a.linkedinButton        { background-image:url('../../images/linkedin.png'); width:30px; height:30px; background-size:cover; display:inline-block; vertical-align:middle; margin-right: 10px; }

.SiteMenuMobileOnly .mobileBtns {position: absolute;left: 3%;top: 3%;display:table;}
.SiteMenuMobileOnly a.wazeLink {display: table-cell;width: 40px;height: 40px;vertical-align: middle;background: rgba(255, 255, 255, 0.65);border-radius:4px;}
.SiteMenuMobileOnly a.wazeLink svg {width: 30px;vertical-align: middle;}
.SiteMenuMobileOnly .phone-icon {display: table-cell;vertical-align: middle;width: 40px;background: rgba(255, 255, 255, 0.65);text-align: center;border-radius: 4px;}
.SiteMenuMobileOnly .phone-icon i {font-size: 150%;vertical-align:text-top;}



#SiteLinksButtons       { float:left; }
#SiteLinksButtons a     { display:inline-block; background-color:#ffffff; margin-left:15px; padding:2px 5px 2px 5px; color:gray; font-size:0.8em; font-family: Lucida Sans; } 

@media (max-width: 768px) { #SiteLinksButtons { position: absolute; top: 20px; left: 10px; z-index:20000; } }

ul#SiteMenu                 { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; }
ul#SiteMenu > li            { display:inline-block; margin-left:5px; padding:0; position:relative; }
ul#SiteMenu > li a          { display:inline-block; background-color:#F0F0F0; color:#874B46; text-decoration:none; padding:5px 10px 5px 10px; }
ul#SiteMenu > li a.category-block-button { pointer-events: none; cursor: default; }
/*ul#SiteMenu > li a.disable-link { pointer-events: none; }*/
ul#SiteMenu > li a:hover    { color:#ffffff; background-color:red; }
ul#SiteMenu > li a.selected { color:#ffffff; background-color:red; }
ul#SiteMenu > li:hover .site-drop-down,ul#SiteMenu > li:focus .site-drop-down { /*display:block;*/ width:140px;opacity:1;pointer-events:all; }
ul#SiteMenu .site-drop-down.opened { width:140px;opacity:1;pointer-events:all; }
ul#SiteMenu .site-drop-down.open-newpage { opacity: 0; pointer-events: none; }
ul#SiteMenu .site-drop-down.open    { display:block;  }
ul#SiteMenu .site-drop-down     { position:absolute; /*display:none;*/ z-index:1000;opacity:0; pointer-events:none; }
ul#SiteMenu .site-drop-down ul  { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; }
ul#SiteMenu .site-drop-down li a { display:block; font-size:0.8em; }
ul#SiteMenu i.opensub       {display:none;}

.SiteMenuMobileOnly { display:none; border-top:10px solid gray; }

#LogoContainer  { float:left; width:230px; height:96px; display:block;  margin-right:0px; }


@media (max-width: 768px)
{
    .SiteMenuMobileOnly { display:block; position:fixed; top:0px; right:0px; left:0px; text-align:center; z-index:10001; }
    .sitemenu-toggle    { background-color:Gray; border:5px solid gray; margin:0px; display:inline-block; cursor:pointer;  }
    .sitemenu-toggle > div { border:1px solid white; padding: 8px 8px; }    
    .sitemenu-toggle .icon-bar    { display: block; width: 28px; height: 4px; border-radius: 1px; background-color:White; margin-bottom:5px; }
    .sitemenu-toggle .icon-bar:last-child { margin-bottom:0px; }
    .sitemenu-toggle.selected           { background-color:white; border-color:White; }
    .sitemenu-toggle.selected > div     { border-color:Gray; }
    .sitemenu-toggle.selected .icon-bar { background-color:Gray; }
    ul#SiteMenu         { position:fixed; top:0px; right:0px; left:0px; display:none; background-color:Gray; z-index:10000; padding-top:70px; padding-bottom:10px; }
    ul#SiteMenu li      { display:block; text-align:center; margin-bottom:2px; margin-left:0px; }
    ul#SiteMenu li a    { color:White; }
    #LogoContainer      { float:none; width:230px; height:96px; margin-left:auto; margin-right:auto; margin-top:60px; }
    /*ul#SiteMenu .site-drop-down { position:static;}*/
    ul#SiteMenu > li:hover .site-drop-down { display:none; width:auto; text-align:center; }
    ul#SiteMenu > li .site-drop-down.open    { display:block !important;position:relative;  }
    ul#SiteMenu > li a.category-block-button { pointer-events:auto; }
    ul#SiteMenu i.opensub {display:inline-block;margin-right: 5px;vertical-align: middle;font-weight: bold;font-size: 140%;}
}


#PageBreadCrumps        { margin-bottom:20px;direction:rtl; }
#PageBreadCrumps span   { font-size:0.65em; display:inline-block; margin-left:10px; color:#000000; }
#PageBreadCrumps span::before { content:">"; margin-left:10px; color:#000000; }
#PageBreadCrumps a      { color:#000000; text-decoration:none; }

.affix {top: 0px;}

@media (min-width: 767px) {
    #GridWrap {direction:ltr;}
}
@media (min-width: 991px) {
    ul#SiteMenu .site-drop-down { top:30px; }
}
form {direction: rtl;}

.homepage-grid #PageBreadCrumps     { display:none; }

#SiteGrid               { position:relative; }
/*#SiteGrid.layout-2sides { overflow:auto; }*/
#SiteGrid.layout-2sides #GridContent    { margin-left:280px; position:relative;  }
#SiteGrid.layout-2sides #GridPromo      { width:250px; float:left; direction:rtl;}
#GridPromo                              {overflow:visible;}
.LayoutGalleryBackground #GridWrap      { margin-top:60px; }
.LayoutGalleryBackground #GridContent   { background-color:rgba(0,0,0,0.7); max-width:980px; padding-right:60px; padding-left:60px; margin-right:auto; margin-left:auto; }
.LayoutGalleryBackground #SiteGrid.layout-2sides #GridPromo     {  }
.LayoutGalleryBackground #GridContent > div { padding-bottom:40px; }
.LayoutGalleryBackground #GridContent #PageBreadCrumps { height:40px; margin-bottom:0px; padding-bottom:0px; padding-top:10px; }
#FormResultPage { padding-top:30px; }

@media (max-width: 768px) 
{
    .LayoutGalleryBackground #GridWrap      { margin-top:0px; }
    .LayoutGalleryBackground #GridContent   { padding-right:0px; padding-left:0px; margin-top:0px; width:100%; }
    #SiteGrid.layout-2sides #GridContent    { margin-left:0px; position:relative; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
    #SiteGrid.layout-2sides #GridPromo      { width:auto; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
    #GridWrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
    .homepage-grid #GridWrap { display: block !important; }
}

@media (max-width: 767px){
    #GridPromo.affix {position: relative !important;top: 0;}
    #SiteGrid.layout-2sides #GridPromo.affix, #SiteGrid.layout-2sides-right #GridPromo.affix{top:0;}
}


button.controlSlider            { position: absolute;bottom: 3%;left: 5px;-webkit-appearance: none; border: 0; background: 0; width: 25px; height: 27px; z-index: 999; display: none; }
button.controlSlider.pause:after { content: "\f04c"; font-family: 'FontAwesome';color: #fff;z-index: 3; display: block; position: absolute; bottom: 0; font-size: 90%; }
button.controlSlider.play:after {  content: "\f04b"; font-family: 'FontAwesome'; color: #fff;z-index: 3; display: block; position: absolute; bottom: 0; font-size: 90%; }
button.controlSlider { display: block; }


/* ==========================================================================
   Accessability style
   ========================================================================== */

a.AccessabilityLink         { position: absolute;right: 30px;display: inline-block;top: 50%;font-size: 70%;transform: translateY(-50%);-webkit-transform:translateY(-50%);color:#ffffff; }
a.AccessabilityLink:hover   { color: inherit;text-decoration: underline; }
a.AccessabilityLink span:hover   { text-decoration: underline; }
a.AccessabilityLink svg     { width: 22px;height: 22px;display: inline-block;vertical-align: middle;margin-left:3px; }
a.AccessabilityLink span    { display: inline-block;vertical-align: middle; }
#SiteFooter .site-credit.alternative svg { height: 22px;display: inline-block; vertical-align: middle; }
footer .footerText a.AccessabilityLink:link, footer .footerText a.AccessabilityLink:visited, footer .footerText a.AccessabilityLink:hover { color: #ffffff; }

#accessability a            { color: inherit; }
#accessability p            { margin-bottom: 20px; }
#accessability h2           { margin-top: 20px; }
a.AccessabilityLink svg path                { fill: #ffffff; }
.footerCredit  { position:relative; }
@media(max-width:767px) {
    a.AccessabilityLink { right:auto; font-size: 90%;top:auto;position:relative;transform: translateY(0%);-webkit-transform:translateY(0%);margin-bottom:15px; }
}

.scn-reader-only { width: 0px;height: 0px;overflow: hidden;position: absolute; }
.scr-reader-only { width:0px; height:0px; margin: 0;padding: 0;display:inline-block;overflow:hidden; }
.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; }*/




#SiteFooter { overflow:hidden; padding-right:10px; padding-left:10px; }

footer      { margin-top:10px; }
footer .row { margin-left:-10px; margin-right:-10px; }
footer .col-xs-6, #projects .col-md-4 { padding: 10px; }
footer .footerBox       { position:relative; padding-bottom:100%; overflow:hidden; background-color:#CCCCCC; }
footer .footerBox > div { position:absolute; top:5px; bottom:5px; left:5px; right:5px; background-color:transparent; background-size:cover; }
footer .footerBoxLink      { color:Black; font-size:1.6em; text-decoration:none; }

.footerBoxElements              { margin-bottom:40px; max-width:980px; margin-left:auto; margin-right:auto;  }
.footerBox .top                 { position:absolute; top:15px; right:0px; left:0px; }
.footerBox .bottom              { position:absolute; bottom:15px; right:0px; left:0px; }

footer .footerBoxElements.centrelize            { text-align:center; }
footer .footerBoxElements.centrelize .pull-right  { float:none !important; display:inline-block; max-width:45%; }



.footerBoxLinks             { text-align:center; }
.footerBoxLinks > div       { display:table; width:100%; height:100%; }
.footerBoxLinks > div > div { display:table-cell; vertical-align:middle; }
.footerBoxLinks .footerBoxButton    { background-color:Silver; color:Black; display:block; width:80%; padding-top:3px; padding-bottom:3px; font-size:1.1em; margin-left:auto; margin-right:auto; margin-bottom:2px; text-decoration:none; }

@media (max-width: 768px)
{
    .footerBoxLinks .footerBoxButton    { font-size:1em; }
    footer .footerBoxLink      { font-size:1.1em; }
    .footerBox .top                 { top:5px; }
    .footerBox .bottom              { bottom:5px; }
    .footerBoxText .footerBoxFreeText   { line-height:1.1em; font-size:0.8em; margin-top:5px; }
}

.footerBoxPhoto     { text-align:center; }

.footerBoxPhoto a   { display:block; width:100%; height:100%; }

.footerBoxText      { text-align:center; }
.footerBoxText > div       { display:table; width:100%; height:100%; }
.footerBoxText > div > div { display:table-cell; vertical-align:middle; }
.footerBoxText .footerBoxFreeText   { width:80%; margin-left:auto; margin-right:auto; }


.facebookLikeBox    { margin-bottom:40px; text-align:center; }

.footerText         { text-align:center; color:blue; margin-bottom:30px; font-size:0.9em; }
.footerText a       { color:blue; text-decoration:none; }

.footerMobile1      { text-align:justify; margin-bottom:4px; }
.footerMobile2      { font-size:2.3em; }

#SiteFooter .socialIcons { float:left; margin-right:20px; }
#SiteFooter .creditLogo { margin-top: 20px; text-align: center;  }

#SiteFooter .wazeLink    { display:none;/*display:inline-block;*/ width:40px; height:40px; vertical-align:middle; background-image:url('../../images/waze.png'); background-size:cover;  }
#SiteFooter .facebookButton { width:40px; height:40px; } 
#SiteFooter .instagramButton { width:40px; height:40px; margin-right: 0px; } 

#pageview   { margin-left:auto; margin-right:auto; padding-right:10px; padding-left:10px; }
#headline   { text-align:center; overflow:hidden; }
h1, .home-page-content-headline          { text-align:center; margin:0px; padding:0px 15px 0px 15px; margin-bottom:15px; font-size:3em; position:relative; display:inline-block; }
h1:before,.home-page-content-headline:before   { content: ""; position: absolute; width: 150px; height: 1px; background: black; top: 50%; right: -150px; }
h1:after,.home-page-content-headline:after    { content: ""; position: absolute; width: 150px; height: 1px; background: black; top: 50%; left: -150px; }
h2          { text-align:center; margin:0px; padding:0px; margin-bottom:15px; font-size:1.5em; }
#text1      { font-size:1em; text-align:center; margin-bottom:15px;direction:rtl; }
#text2      { font-size:1em; text-align:center; margin-bottom:15px;direction:rtl; }
#text1 img, #text2 img          { max-width:100%; height:auto; }
#text1 iframe, #text2 iframe    { max-width:100%; min-height:220px; }
@media (max-width: 768px) {
    #text1 iframe, #text2 iframe    { max-width:100%; max-height:220px; }
    }
.panel      { background-color:transparent; }

#gallery-home-page      {  }
#gallery-home-page .homepage-gallery-item   { display:block; min-height:200px; padding-bottom:40%; background-size:cover; background-position:center center; }


.LayoutGalleryBackground #home-page-content { position:absolute; max-width:700px; left:5%; right:5%; max-height:500px; margin-top: 15px; z-index: 10; margin-left:280px; }
.LayoutGalleryBackground .home-page-content { background-color:rgba(0,0,0,0.7); padding:20px; /*display:none;*/ text-align:center; }
.toggle-content     { display:none; cursor:pointer; }
.LayoutGalleryBackground .toggle-content    { width:30px; height:30px; display:block; background-image:url('../../images/open-content.png'); background-size:cover; position:absolute; top:-15px; right:50%; margin-right:-15px; padding:0px !important; }
.LayoutGalleryBackground .toggle-content.home-content-close { background-image:url('../../images/close-content.png'); }
.LayoutGalleryBackground .home-page-content h1::before,.LayoutGalleryBackground .home-page-content .home-page-content-headline:before { display:none; }
.LayoutGalleryBackground .home-page-content h1::after,.LayoutGalleryBackground .home-page-content .home-page-content-headline:after  { display:none; }
.image-home-page    { text-align:center; }

button#dropdownMenuButton {width: 30px;height: 30px;display: block;background: #ffffff;background-image: url(../../images/open-content.png); background-size: cover;position: absolute;border:0;top: -15px;right: 50%; margin-right: -15px;padding: 0px !important; cursor: pointer; z-index: 6; border-radius:50%; }
button#dropdownMenuButton.open  { background-image: url(../../images/close-content.png) !important; }
button#dropdownMenuButton:focus { outline: 1px solid blue; }

@media (max-width: 768px) 
{
    .LayoutGalleryBackground #home-page-content { display:none; }
    .image-home-page    { display:none; }
}


.carousel-indicators        { padding-right:0px; }

.contentModuleNav               { text-align:center; margin-bottom:20px; }
.contentModuleNav a             { text-decoration:none; color:Gray; display:inline-block; margin-left:10px; margin-right:10px; }
.contentModuleNav a.selected    { text-decoration:underline; color:Gray; }

.menuModuleNav              { text-align:center; margin-bottom:20px; }
.menuModuleNav a            { text-decoration:none; color:Gray; display:inline-block; margin-left:10px; margin-right:10px; }
.menuModuleNav a.selected   { text-decoration:underline; color:Gray; }

.menuModuleBoxes              { text-align:center; }
.menuModuleBoxes img          { margin-left:15px; margin-right:15px; }

.menuModuleContent          { max-width:980px; margin-right:auto; margin-left:auto; }
.menuModuleTextItemSubject  { margin-bottom:20px; text-align:center; margin-top:20px; }
.menuModuleTextItemSubjectTitle { font-size:1.5em; margin-bottom:5px; }
.menuModuleTextItemSubjectDescription {  }
.menuModuleTextItem0        { padding:15px; background-color:#EEEEEE; margin-bottom:2px; position:relative; }
.menuModuleTextItem1        { padding:15px; background-color:#DDDDDD; margin-bottom:2px; position:relative; }
.menuModuleTextItemTitle    { color:Black; max-width:600px;float:right; }
.menuModuleTextItemDescription    { color:Gray; font-size:0.9em; /*max-width:600px;*/width:100%;display:inline-block; }
.menuModuleTextItemPrice    { color:Black; float:left; font-size:1em; }
.menuModulePhotoItem img    { max-width:100%; }

.menuModuleContentPart      { padding: 0; list-style: none; }

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

    /* fix for modal movement when its open */

body.modal-open { overflow:inherit; padding-right:inherit !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; }



@media (max-width: 767px) {
    #promotionWindow    { right: 0px; max-width: 0px; }
    .accessabilityWrapper { text-align: center; }
    .accessabilityWrapper a.AccessabilityLink { color: #ffffff; font-size: 15px; }
        .accessabilityWrapper a.AccessabilityLink { width: 100%; color: #000000; }

    a.AccessabilityLink svg * { fill: #000000; }
    a.AccessabilityLink svg path { fill: #000000; }
}

#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: 100%; 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 { /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */ width: inherit; height: inherit; /* To center horizontally */ 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;
    }
}




/* FORMS */
.normal-form {  }
.normal-form input[type='text'] { width:100%; padding:8px; margin-bottom:20px; border:2px solid silver; border-radius:5px; }
.normal-form textarea           { width:100%; padding:8px; margin-bottom:20px; border:2px solid silver; border-radius:5px; }
.normal-form select             { width:100%; padding:8px; margin-bottom:20px; border:1px solid black; border-radius:5px; color:black; }
.normal-form input[type='checkbox'] { display:inline; }
.normal-form input[type='text']::-webkit-input-placeholder { color:Black; }
.normal-form input[type='text']:-moz-placeholder { color:Black; opacity:1; }
.normal-form input[type='text']::-moz-placeholder { color:Black; opacity:1; }
.normal-form input[type='text']:-ms-input-placeholder { color:Black; }
.normal-form textarea::-webkit-input-placeholder { color:Black; }
.normal-form textarea:-moz-placeholder { color:Black; opacity:1; }
.normal-form textarea::-moz-placeholder { color:Black; opacity:1; }
.normal-form textarea:-ms-input-placeholder { color:Black; }
.normal-form .must::before  { content:"*"; position:absolute; top:3px; right:18px; color:Gray; }
.normal-form .checkbox-field { text-align:right; }
.normal-form .checkbox-field label { display:inline; width:auto; font-weight:normal; }

.normal-form h3,.normal-form h2                     { font-size:1.3em; }
.submit-wrapper                     { text-align: left; }
.normal-form input[type='submit']   { background-color:silver; color:Black;  border:2px solid transparent; border-radius:5px; padding:0px 15px 0px 15px; }
.normal-form .normal-form-submit    { display:inline-block; position:relative; }
.normal-form .normal-form-comment   { color:Gray; margin-bottom:20px; }
.normal-form .normal-form-confirm   { color:Gray; font-size:0.8em; line-height:1; text-align:right; }


#clubview       { max-width:900px; margin-left:auto; margin-right:auto; margin-bottom:50px; }

#contactview    { max-width:900px; margin-left:auto; margin-right:auto; }
#contactview h1 { margin-bottom:30px; }
#contactview .contactMap    { border:1px solid #D8E3E5; background-color:White; padding:5px; position:relative; }
#contactview .contactMap iframe { width:100%; } 

#contactDetails { max-width:360px; }
#contactDetails h2  { font-size:1.3em; margin-bottom:20px;text-align:right; }
#contactDetails .contactDetailsPhone1   { border-bottom:1px solid silver; padding-bottom:10px; margin-bottom:10px; }
#contactDetails .contactDetailsAddress  { border-bottom:1px solid silver; padding-bottom:10px; margin-bottom:10px; }
#contactDetails .contactDetailsEMail    { border-bottom:1px solid silver; padding-bottom:10px; margin-bottom:10px; }
#contactDetails .contactDetailsText1    { margin-bottom:10px; }

#contactform    { margin-top:50px; max-width:900px; padding:0px 10px 0px 10px; margin-left:auto; margin-right:auto; text-align:center; }
#clubform       { max-width:900px; padding:0px 10px 0px 10px; margin-left:auto; margin-right:auto; text-align:center; }

#tableorderform .input-time-wrapper select {width: 50%;float: left;}
#tableorderform label.error,#tableorderform span.error {display: block;position: absolute;left: 25px;margin: 0;top: 0;}

#externalview    { max-width:900px; margin-left:auto; margin-right:auto; }
#externalview h1 { margin-bottom:30px; }
#externalview iframe { width:100%; } 


#galleryview            { margin-right:10px; margin-left:10px; }
.gallery-container      { margin-bottom:15px; }
#gallery-lightbox       { max-width:980px; }
.gallery-lightbox-item  { margin-bottom:10px; }
.gallery-lightbox-element   { position:relative; padding-bottom:100%; background-size:cover; background-position:center center; background-color:transparent; border:3px solid silver; cursor:pointer; }
.gallery-lightbox-text  { text-align:center; font-size:1em;display: inline-block;width: 100%; }
#gallery-lightbox-modal .modal-body     { display:inline-block; }
#gallery-lightbox-modal .modal-content  { background-color:transparent; -webkit-box-shadow: 0 0px 0px; box-shadow: 0 0px 0px rgba(0,0,0,0); border:0px; text-align:center; }
#gallery-lightbox-modal .modal-backdrop { background:#ffffff; }
#gallery-lightbox-modal .carousel-control   { color:#ffffff; }
#gallery-lightbox-modal .modal-body button  { position:absolute; z-index:100; top:-20px; right:50%; margin-right:-16px; color:black; opacity:1; font-size:32px; }
#gallery-lightbox .row  { margin:0px -5px; }
#gallery-lightbox .row > div { padding:0px 5px; }

#gallery-lightbox ul.row     { list-style: none; padding: 0; }


#faqview            {  }
.faq-item           { margin-bottom:1px; text-align:center; border:0px; }
.faq-headline       { color:black; font-size:1.3em; padding:20px 0px 20px 0px; background-color:#CCCCCC; cursor:pointer; }
.faq-headline.open  { background-color:#D6D6D6; }
.faq-headline .button-open  { float:left; margin-left:25px; }
.faq-body           { color:black; background-color:#D6D6D6; }
.faq-body > div     { max-width:720px; margin-left:auto; margin-right:auto; padding:20px 20px 20px 20px; }
.LayoutGalleryBackground .faq-body { background-color:rgba(0,0,0,0.7); }

.fb-like-box,
.fb_iframe_widget span,
.fb_iframe_widget iframe { width:100% !important; }

/* LayoutGalleryTop */
.LayoutGalleryTop #CategoryInnerGallery     { margin-bottom:20px; }
.LayoutGalleryTop #category-top-gallery     {  }
.LayoutGalleryTop #category-top-gallery .category-top-gallery-item  { min-height:200px; padding-bottom:27%; background-size:cover; background-position:center center; }

.LayoutGalleryTop #ContentRegularModule { }
.LayoutGalleryTop #ContentRegularModule #pageview { max-width:640px; }


.LayoutGalleryBackground .flex-viewport         { height: 85vh; }

@media (min-width: 769px) 
{
    .LayoutGalleryBackground #CategoryInnerGallery  { position:fixed; z-index:-1; top:0px; left:0px; right:0px; bottom:0px; }
    .LayoutGalleryBackground #category-top-gallery  { height:100%; width:100%; }
    .LayoutGalleryBackground .carousel-inner        { height:100%; width:100%; }
    .LayoutGalleryBackground #CategoryInnerGallery .flex-control-nav { display:none; }
    .LayoutGalleryBackground #category-top-gallery .category-top-gallery-item  { height:100%; width:100%; background-size:cover; background-position:center center; }
    .LayoutGalleryBackground .flex-viewport         { position:fixed; }
    .LayoutGalleryBackground #CategoryInnerGallery li      { height:100%; }    

    .LayoutGalleryBackground #category-top-video            { height:100vh; }
    .LayoutGalleryBackground #category-top-video iframe     { width:100%; height:100%; }
}

@media (max-width: 768px) 
{
.LayoutGalleryBackground #CategoryInnerGallery     { margin-bottom:0px; }
.LayoutGalleryBackground #category-top-gallery     {  }
.LayoutGalleryBackground #category-top-gallery .category-top-gallery-item  { min-height:250px; padding-bottom:27%; background-size:cover; background-position:center center; }
.LayoutGalleryBackground #category-top-gallery .flex-control-nav    { z-index:5; }
}


#DynamicFormObject  { background-color:rgba(0,0,0,0.7); padding:20px; text-align:center; color:#ffffff; }
#DynamicFormObject .dynamicFormObjectTitle  { margin-bottom:15px; font-size:1.7em; }
#DynamicFormObject .dynamicFormObjectText   { margin-bottom:15px; font-size:1em; }
#DynamicFormObject .dynamicFormObjectFields { margin-bottom:15px; }
#DynamicFormObject .dynamicFormEndText      { margin-bottom:15px; font-size:1.2em; }
#DynamicFormObject .dynamicFormObjectField  { margin-bottom:10px; }
#DynamicFormObject .dynamicFormObjectField input { margin-bottom:0px; }
#DynamicFormObject .dynamicFormObjectField textarea { margin-bottom:0px; }
#DynamicFormObject .dynamicFormObjectField select { margin-bottom:0px; }
#DynamicFormObject input[type='submit'] { width:100%; font-size:1.2em;  padding:8px; }

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


/*#DynamicFormObject input[type=checkbox] {display: inline;}
#DynamicFormObject .checkboxField label {display: inline;margin-right: 5px;text-align: right;}*/

label.error,span.error {position: absolute;left: 25px;color: #df2424;font-size: 90%;}


@media (max-width: 768px) 
{
    #DynamicFormObject { background-color:#eeeeee; }
}

/* Bootstrap date picker style */
.bootstrap-datetimepicker-widget {color:#000;} 
.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; }
span.input-group-addon {display: none;}

/* Modal */

.vertical-alignment-helper {
    display: table;
    height: 100%;
    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 {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    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;
    }
    .close { position: absolute;top: 7%;left: 50%;transform: translateX(-50%);  -webkit-transform:translateX(-50%);-moz-transform: translateX(-50%);-ms-transform:translateX(-50%);-o-transform: translateX(-50%);z-index:1;}
}

/* ==========================================================================
   FlexSlider
   ========================================================================== */

.flexslider     { border: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0); }
.flexslider .slides { height: 100%; }
.img-background-flex.slider { height: 100%; }
.img-background-flex.slider > div { height: 100%; }
.flexslider .slides img { height: auto; -moz-user-select: none; max-height: 100%; width: auto !important; position: relative; top: 50%; transform: translateY(-50%); }

.flex-direction-nav a { opacity: 1; }
.flex-direction-nav .flex-next  { right: 10px; }
.flex-direction-nav .flex-prev  { left: 10px; }
.flex-direction-nav a:before    { margin-top: 0px; }
.flex-direction-nav a:before    { color: rgba(255, 255, 255, 0.8); }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: 1px solid #ffffff; }



/* ==========================================================================
   Gallery
   ========================================================================== */

/* Gallery randomizer */

#gallery-randomizer .grid-item {
    width: 25%;
    padding: 5px;
    overflow: hidden;
}

/* 2 columns */
#gallery-randomizer .grid-item-2 {
    padding: 5px;
    width: 50%;
    overflow: hidden;
}

#gallery-randomizer .grid-item-2.go-right {
    float: right;
}

#gallery-randomizer .gallery-randomizer-item {
    overflow: hidden;
    position: relative;
    padding-bottom: 57%;
    cursor: pointer;
}

#gallery-randomizer .gallery-randomizer-item .gallery-randomizer-element {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

#gallery-randomizer .gallery-randomizer-item:hover .gallery-randomizer-element { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 480px) {
    #gallery-randomizer .grid-item {
        width: 50%;
        padding: 5px;
        overflow: hidden;
    }

    /* 2 columns */
    #gallery-randomizer .grid-item-2 {
        padding: 5px;
        width: 50%;
        overflow: hidden;
    }

    #gallery-randomizer .grid-item-2.go-right {
        float: none;
    }
}

/* gallery lightbox*/

.gallery-lightbox-item { padding: 5px; }




/* ==========================================================================
   Grid Short
   ========================================================================== */

#ContentGridShortModule   { }

#gridshort-view         { max-width:970px; margin-left:auto; margin-right:auto; padding:0px 15px; }
.grid-short-box         { margin-bottom:40px;  }
.grid-short-box-image   { padding-bottom:100%; margin-bottom:10px; overflow:hidden; position:relative; }
.grid-short-box-image img   { width:100%; position:absolute; }
.grid-short-box-label       { font-size:1em; color:red; }
.grid-short-box-text        { font-size:0.9em; height:50px; overflow:hidden; }
.grid-short-box-link        { font-size:0.8em; }
.grid-short-box-link a:link,
.grid-short-box-link a:visited { color:blue; }

@media (max-width: 767px) {
    .grid-short-box-text    { height:50px; font-size:0.9em; }
}




/* ==========================================================================
   BLOG MODULE
   ========================================================================== */

#SiteGrid.blog-grid     { background-color:transparent; max-width:1040px; margin:0 auto; padding-right:30px; padding-left:30px; }
#SiteGrid.blog-grid #GridHeader     { background-color:rgba(255,255,255,0.8); margin-bottom:30px; overflow:auto; }
#SiteGrid.blog-grid #GridContent    { background-color:transparent; padding:0px; }
#SiteGrid.blog-grid #GridContent #PageBreadCrumps { background-color: rgba(255,255,255,0.8); padding: 3px 10px 0px 10px; height: auto; }

#BlogModule         {  }
#BlogMain           {  }

@media (max-width: 991px) {
    #SiteGrid.blog-grid #GridHeader     { width:100%; }
    #SiteGrid.blog-grid #CategoryInnerGallery   { display:none; }

}
@media (max-width: 767px) {
    #SiteGrid.blog-grid { padding:0px; }
}

.blogmain-header    { }
.blogmain-header #headline  { margin-bottom:10px; margin-top:10px; }
.blogmain-header #headline h1, .blogmain-header #headline span   { font-size:2em; margin-bottom:0px; display:block; margin-top:10px; }

@media (max-width: 767px) {
    #SiteGrid.blog-grid { padding:0px; }
    #SiteGrid.blog-grid #GridHeader    { background-color:#eeeeee; margin-bottom:15px; width:100%; }
    #SiteGrid.blog-grid #CategoryInnerGallery   { display:none; }
}


.blog-tags              { margin-bottom:20px; }
.blog-tags-list         {  direction:rtl; }
.blog-tags-list ul      { list-style:none; padding:0px; margin:0px; text-align:center; }
.blog-tags-list ul li       { display:inline-block; margin-left:15px; margin-right:15px;}
/*.blog-tags-list ul li:after { content:"\f111"; display:inline-block; margin-right:15px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5px; vertical-align: middle; }*/
.blog-tags-list ul li:last-child:after { display:none; }
.blog-tags-list ul li a     { text-decoration:none; }
.blog-tags-list ul li a.selected     { text-decoration:none; color:black; }

#BlogModule #TagView        { background-color:rgba(255,255,255,0.8); padding:20px; margin-bottom:30px; }
#BlogModule #TagView h1     { text-align:right; margin-bottom:5px; font-size:2em; }
#BlogModule #TagView #text1 { text-align:center; margin-bottom:0px; }


.blog-post          { background-color:rgba(255,255,255,0.8); margin-bottom:30px; padding:15px; }
.blog-post .blog-post-image { max-height:400px; overflow:hidden; margin:0px; margin-bottom:10px; }
.blog-post .blog-post-image img { width:100%; }
.blog-post .blog-post-title     { margin-bottom:10px; font-size:1.3em; }
.blog-post .blog-post-title a   { text-decoration:none; }
.blog-post .blog-post-text      { margin-bottom:10px; }

.blog-view      { background-color:rgba(255,255,255,0.8); padding:15px; text-align:center; margin-bottom:30px; }
.blog-view .blog-view-image { max-height:400px; overflow:hidden; margin:0px; margin-bottom:15px; }
.blog-view .blog-view-image img { width:100%; }
.blog-view h1   { font-size:2em; margin-bottom:10px; }  
.blog-view h2   { font-size:1.1em; text-align:center; margin-bottom:15px; }
.blog-view #text1   { text-align:right; }

.blog-post-icons     { margin-bottom:15px; font-size:0.9em; text-align:right; }
.blog-post-writer    { display:inline-block; margin-left:20px; }
.blog-post-date      { display:inline-block; margin-left:20px; }
.blog-post-like      { display:inline-block; }
.blog-post-like iframe { vertical-align:bottom; }
.blog-post-date .fa, .blog-post-writer .fa   { margin-left:5px; color:#e74c3c; }
.blog-post-share-buttons    { float:left; }
.blog-post-share-buttons a  { text-decoration:none; }
.blog-post-share-buttons svg { width:25px; }

@media (max-width: 767px) {
    .blog-view  { overflow:hidden; padding:5px; }
    .blog-post-share-buttons    { margin-top:15px; float:none; }
    .blog-post  { padding:10px; border-bottom:1px solid #5F8455; }
    .blog-post .blog-post-image { max-height:250px; margin:-5px; margin-bottom:10px; }
}


.blog-related-posts     {  }
.blog-related-posts h2  { font-size: 1.7em; }
.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; }

#BlogView .share-strip {float: right;width: 100%;text-align: center;margin: 2% 0 4%;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 #000000;content: "";width: 37%;position: absolute;right: 0;top: 50%;}
#BlogView .share-strip:after {border-top: 1px solid #000000;content: "";width: 37%;position: absolute;left: 0;top: 50%;}

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


/*------------------------------------*\
    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; }
}