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


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: none; }
h1, h2, h3, h4  { margin:0px; padding:0px; }

/* ==========================================================================
   General Classes
   ========================================================================== */

.max-width      { max-width:1180px; }
.no-pad         { padding:0px; }
.p-vert         { display:table; width:100%; height:100%; }
.c-vert         { display:table-cell; vertical-align: middle; }
.brand-logo     { max-height: 100%; }

#SiteContainer  {  }

.mobile body { overflow: hidden; }

.mobile #wrapper { position: absolute; top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* ==========================================================================
   Header - navigation
   ========================================================================== */

header              { width:100%; z-index:999; padding:0px; margin:0px;position:fixed;  background:rgba(0, 0, 0, 0.75);}
header.affix-top    { position:fixed; background:rgba(0, 0, 0, 0.75); }
header.affix        { background: rgba(0, 0, 0, 0.75); }

header #SiteMenu    { position: relative; min-height: 50px; margin-bottom: 0; border: none; height: 0px; }
header #SiteMenu    { background: none; }
header #SiteMenu .navbar-container .navbar-header { height: 100% !important; }
header #SiteMenu .navbar-container .navbar-collapse .navbar-nav { padding: 0px; }

header #SiteMenu .dropdown-menu ul li   { margin-bottom:0px; text-align: right; }
header #SiteMenu .dropdown-menu ul li a { color: #fff; text-decoration: none; padding: 2px 0px; margin: 2px 15px; display:inline-block; border-bottom: 1px solid transparent; }
header #SiteMenu .dropdown-menu ul li a:hover,header #SiteMenu .dropdown-menu ul li a:focus { border-bottom: 1px solid #fff; }

header #SiteMenu .navbar-nav > .active > a,
header #SiteMenu .navbar-nav > .active > a:hover,
header #SiteMenu .navbar-nav > .active > a:focus {
        background: none;
    }
header #SiteMenu .navbar-nav > .active > a { color: #666666; }

header #SiteMenu .navbar-nav > li > a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 5px 0px; margin: 0px 15px; }
header #SiteMenu .navbar-nav > li > a:focus,
header #SiteMenu .navbar-nav > li > a:hover,
header #SiteMenu .navbar-nav > li.open > a { 
        color: #ffffff;
        border-top: none;
        border-bottom: none;
        background: none;
    }
    
header #SiteMenu .navbar-nav > li.desk-icons > a,
header #SiteMenu .navbar-nav > li.desk-icons > a:focus,
header #SiteMenu .navbar-nav > li.desk-icons > a:hover {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
        color: #fff;
        display:inline-block;
        margin:0px 5px;
        font-size:15px;
    }
header #SiteMenu .navbar-nav > li.desk-icons > a:focus { outline: 2px solid #ffffff; }
header #SiteMenu a[data-icon="facebook"],
header #SiteMenu a[data-icon="facebook"]:focus,
header #SiteMenu 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;
    -webkit-box-shadow: 1px 2px 5px #0f0f0f !important;
    -moz-box-shadow: 1px 2px 5px #0f0f0f !important;
    box-shadow: 1px 2px 5px #0f0f0f !important;*/
}

header #SiteMenu a[data-icon="instagram"],
header #SiteMenu a[data-icon="instagram"]:focus,
header #SiteMenu 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;
}



header #SiteMenu .navbar-nav > li.desk-icons > a svg { width: 19px; height: 17px; fill: #ffffff; display: inline-block;vertical-align: bottom; }
header #SiteMenu .navbar-nav > li.desk-icons > a[data-icon="youtube"] { background: #FF0000;padding: 3px 7px;-webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; color: #ffffff; margin-left: 5px; margin: 0; height: 32px; display: inline-block; vertical-align: bottom; }



header #SiteMenu .navbar-toggle .icon-bar { 
    position: absolute;
    margin: 0px;
    background-color: #fff; 
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
    -webkit-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0s;
    transition-delay: .3s,0s; 
}

header #SiteMenu .navbar-toggle .icon-bar:not(.up):not(.down) { 
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s;
}

header #SiteMenu .navbar-toggle .icon-bar.up { 
    top: -7.5px;
}

header #SiteMenu .navbar-toggle .icon-bar.down { 
    top: 7.5px;
}

header #SiteMenu .navbar-toggle .icon-bar:not(.up):not(.down) { 
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s;
}

header #SiteMenu .navbar-toggle[aria-expanded=true] .icon-bar:not(.up):not(.down) { 
    background: 0 0;
}

header #SiteMenu .navbar-toggle[aria-expanded=true] .icon-bar.up { 
    top: 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-property: -webkit-transform,top;
    transition-property: transform,top;
}

header #SiteMenu .navbar-toggle[aria-expanded=true] .icon-bar.down { 
    top: 0px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
     -webkit-transition-property: -webkit-transform,top;
    transition-property: transform,top;
}


@media (min-width: 768px) {
    header #SiteMenu .navbar-nav > .active > a { color: #999; border-top: 1px solid #999; border-bottom: 1px solid #999; }
    header #SiteMenu .navbar-nav > .open > a { background: none; color: #fff; }

    header #SiteMenu .navbar-nav > .open > a:focus,
    header #SiteMenu .navbar-nav >p .open > a:hover {
        background: none;
        color: #787878;
    }



    header #SiteMenu.navbar { height: 85px; }
    header #SiteMenu .navbar-header { /*width: 100%;*/ max-width: 100%; }
    header #SiteMenu .navbar-container { height: 100%; position: static; }

    header #SiteMenu .navbar-container .navbar-collapse.collapse,
    header #SiteMenu .navbar-container .navbar-brand { height: 100% !important; width: 100%; padding: 15px 15px; margin: 0 auto; }
    header #SiteMenu .navbar-container .navbar-collapse .navbar-nav { height: 100%; display: table; padding: 0px; /*width: 100%;*/ margin: 0 auto; }
    header #SiteMenu .navbar-container .navbar-nav > li { display: table-cell; vertical-align: middle; float: none; text-align: center; }
    header #SiteMenu .navbar-container .navbar-nav > li.dropdown { position: relative; }
    header #SiteMenu .navbar-nav > li > a.category-block-button { cursor: default; }
    header #SiteMenu .dropdown-menu { left: 0px; right: 0px; width: 100%; text-align: center; background:rgba(120, 120, 120, 0.8); border: none; }
    header #SiteMenu  li.dropdown.open:after { content: ""; width: 0; height: 0; display: inline-block; bottom: 0px; position: absolute; margin-right: -5px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid rgba(120, 120, 120, 0.8); }
    header #SiteMenu .dropdown-menu ul { display: inline-block; vertical-align: middle; height: 100%; width:100%; }
    header #SiteMenu .dropdown-menu ul li { }
    
     header #SiteMenu .navbar-nav > li > i  {display:none;}
    #LogoContainer img  { max-height:100%; }
    #LogoContainer      { height:52px; }   
}

@media (max-width: 767px) {
    header #SiteMenu { min-height: 60px; }
    header #SiteMenu .navbar-container { height: 100%; }
    header #SiteMenu .navbar-container .navbar-collapse .navbar-nav { text-align: right; margin: 0px; padding-bottom: 10px; }
    header #SiteMenu .navbar-nav > li+li:not(.desk-icons):not(.mobile-item) { border-top: 1px solid #666666; padding-bottom:2px; padding-top:2px;text-align:right; }
    header #SiteMenu .navbar-nav > li > a { margin: 0px; border: none; text-align: right; display:inline-block;}
    header #SiteMenu .navbar-nav > li > i{color:#ffffff;margin-right:10px;}
    header #SiteMenu .mobile-icons  { float: right; display: table !important; position: relative; padding: 0px; color: #fff; margin: 0px !important; height: 100%; }
    header #SiteMenu .mobile-icons li { display: table-cell; vertical-align: middle; }
    header #SiteMenu .mobile-icons a { color:White; }
    header #SiteMenu .mobile-icons a img { max-width: 30px; }
    header #SiteMenu .mobile-icons .mobile-icons-waze svg { width:25px; margin-top:6px; }
    header #SiteMenu .mobile-icons .mobile-icons-waze svg .waze-svg-fill { fill:rgb(200,200,200); }
    header #SiteMenu .dropdown-menu { text-align: center; }
    header #SiteMenu .navbar-brand { float: left; height: 50px; padding: 10px 10px; font-size: 18px; line-height: 20px; }
    header #SiteMenu .navbar-collapse { border: none; box-shadow: none; background: rgba(0,0,0,0.9); }
    header #SiteMenu .dropdown-menu ul li a { color: #A3A3A3; }
    header #SiteMenu .navbar-nav .mobile-item .tripAdvisotButton       { text-align: center; margin-top: 12px; color: #fff; direction: ltr; }
    header #SiteMenu .navbar-nav .mobile-item .tripAdvisotButton > *   { display: inline-block; margin: 0px 10px; vertical-align: top; }
    header #SiteMenu .navbar-nav > li > a.category-block-button:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; left: 0px; top: 8px; }
    header #SiteMenu  li.dropdown.open a.category-block-button:before  { content: ""; }
    
    header #SiteMenu .navbar-toggle { margin:0px; border: none; background: none; height: 100%; padding-top: 0px; padding-bottom: 0px; display: table; width: 42px; }
    header #SiteMenu .navbar-toggle > div { display: table-cell; vertical-align: middle; position: relative; }
    header #SiteMenu .mobile-icons  { margin-top:19px; }
        
}

@media (min-width: 1200px) {
    header #SiteMenu .navbar-header { max-width: 22.5%; }
    header #SiteMenu .navbar-container .navbar-collapse .navbar-nav { width: auto; margin: 0px -15px 0px 0px; }
}

@media (min-width: 768px) and (max-width: 1200px) {
    header #SiteMenu .navbar-container .navbar-brand { margin: 0 auto !important; }
    header #SiteMenu .navbar-container .navbar-collapse .navbar-nav { position: relative; }

    header #SiteMenu .navbar-container,
    header #SiteMenu .navbar-container .navbar-collapse.collapse {
        padding: 0px;
    }
}
/* ==========================================================================
   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 a.AccessabilityLink:link, footer a.AccessabilityLink:visited, footer 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; }


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

ul.accessability-list           { text-align: right; }

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

/* ==========================================================================
   Breadcrumbs style
   ========================================================================== */

#PageBreadCrumps        { margin-top:10px; direction:rtl;}
#PageBreadCrumps span   { font-size:0.8em; display:inline-block; margin-left:0px; }
#PageBreadCrumps span:first-child::before { content:""; }
#PageBreadCrumps span::before { content:">"; margin-left:5px; color:#666666; }
#PageBreadCrumps a      { color:blue; text-decoration:none; }


/* ==========================================================================
   Home Video style
   ========================================================================== */
    #TopVideo {height: 100vh;width:100%;}
    #TopVideo iframe {width: 100%;height: 100%;}
    #player-controls #pause-player {width: 50px;height: 50px;cursor: pointer;z-index: 2;background: transparent;border: 0;}
    #player-controls #play-player {width: 50px;height: 50px;cursor: pointer;z-index: 2;background: transparent;border: 0;display:none;}
    .home-flexslider.video #player-controls #play-player { width:25px;height: 44px;}
    #player-controls #pause-player:after {content: "\f04c";font-family: 'FontAwesome';color: #ffffff;font-size: 180%;}
    #player-controls #play-player:after {content: "\f04b";font-family: 'FontAwesome';color: #ffffff;font-size: 130%;}
    #player-controls {position: absolute;bottom: 55px;left:1%;z-index: 2;}
    /*#TopVideo iframe .player .controls,.player.with-sticky-custom-logo .controls.hidden {display: none !important;}*/
    
#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: 160%;}
button#unmute-player:after {content: "\f028";font-family: 'FontAwesome';color: #ffffff;font-size: 160%;}
#player-controls span {vertical-align: middle;}
#player-controls button {background: transparent;border: 0;-webkit-appearance: none;vertical-align:middle;width: 25px;height: 44px;margin-right: 6px;}
button#stop-player:after        { content: "\f04c"; font-family: 'FontAwesome'; }
button#play-player:After        { content: "\f04b"; font-family: 'FontAwesome'; }

.TopVideo { height: 100vh;overflow: hidden;position:relative; }

iframe#youtube-player-container { height: 180vh;top: -40%;position: absolute; width: 120vw; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #fff; }
#youtube-player-container iframe { height: 180vh;top: -40%;position: absolute;width: 120vw;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #fff; }
/* ==========================================================================
   GRID LAYOUT
   ========================================================================== */

#SiteGridContainer      { padding:0px; }
#SiteGrid               { position:relative; /*padding-top:85px;*/}
#SiteGrid.layout-2sides { overflow:auto; }
#SiteGrid.layout-bottom { overflow:auto; }

#GridTop        { position: relative; overflow: hidden; padding-bottom: 21%; min-height:150px; }
#GridTopGallery { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; min-height: 0px; height: 100%; background-size:auto; max-height: 400px; }

#Site-Inner-Nav { position:absolute; bottom:0px; width:100%; }
#Site-Inner-Nav .inner-navigation   { background-color:rgba(120, 120, 120, 0.8); }
#Site-Inner-Nav .inner-navigation ul    { margin-bottom:0px; text-align:center; }
#Site-Inner-Nav .inner-navigation ul li { display:inline-block; padding-top:10px; padding-bottom:10px; margin-right:10px; margin-left:10px; color:#ffffff; }
#Site-Inner-Nav .inner-navigation ul li a   { color:#ffffff; text-decoration:none; }
#Site-Inner-Nav .inner-navigation ul li.active a { border-bottom: 1px solid #fff; }

#GridBottom         { position: relative; overflow: hidden; padding-bottom: 45%; min-height:350px; }
#GridBottomGallery  { position: absolute; top: 0px; left: 0px; bottom: 0px; height: 100%; right: 0px; min-height: 0px; }


@media (min-width: 767px) {
    #GridWrap {direction:ltr;}
}

form {direction: rtl;}


#GridWrap:before,#GridWrap:after    { content: " "; display: table; }
#GridWrap:after                     { clear: both; }
#GridWrapInner          { padding-top:45px; margin-bottom:45px; /*overflow:auto;*/ }
#GridContent     { padding-top: 0px; padding-bottom: 45px; direction:rtl;}

#SiteGrid.layout-2sides #GridWrap       {}
#SiteGrid.layout-2sides #GridContent    { margin-left:280px; position:relative; float:none; width:auto; }
#SiteGrid.layout-2sides #GridPromo,
#SiteGrid.layout-2sides-right #GridPromo    { width:250px; float:left; padding-top: 0px; direction:rtl;position:relative; }

#SiteGrid.layout-2sides #GridPromo.affix,
#SiteGrid.layout-2sides-right #GridPromo.affix  {z-index: 1;top:87px;position:fixed;}

#SiteGrid.layout-2sides-bottom          { max-width:970px; }

#SiteGrid.layout-bottom #GridContent    { margin-left:0px; margin-right:0px; width:100%; position:relative; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
#SiteGrid.layout-bottom #GridPromo      { width:auto; max-width:750px; margin-left:auto; margin-right:auto; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } 
#SiteGrid.layout-bottom #GridWrapInner  { 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; }

#SiteGrid.layout-2sides.homepage-grid #GridPromo        { position:absolute; top:50%; transform:translate3d(0,-50%,0); z-index:200; direction:rtl; left:25px; }
#SiteGrid.layout-2sides-right.homepage-grid #GridPromo  { position:absolute; top:50%; transform:translate3d(0,-50%,0); z-index:200; direction:rtl; right:25px; }

#SiteGrid.layout-bottom.homepage-grid #GridPromo { position:absolute; bottom:5%; left:50%; transform:translate3d(-50%,0,0); width:100%; max-width:970px; z-index:102; direction:rtl; }



@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #SiteGrid.layout-2sides.homepage-grid #GridPromo    { transform:translate3d(0,-30%,0); } 
}
@media (max-width: 1200px) 
{
#SiteGrid.layout-2sides #GridPromo.affix,
#SiteGrid.layout-2sides-right #GridPromo.affix  {top:167px;}
}
@media (max-width: 767px) 
{
    #SiteGrid.layout-2sides #GridContent    { margin-left:5px; width:auto; 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; } 
    #SiteGrid.layout-2sides #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; }
    #GridContent { margin-left:5px; margin-right:5px; }
    #Site-Inner-Nav { display:none; }
    #SiteGrid.layout-2sides.homepage-grid #GridPromo    { position:static; transform:none; top:auto; left:auto; } 
    #SiteGrid.layout-bottom.homepage-grid #GridPromo    { position:static; transform:none; top:auto; left:auto; float:left; } 
    #GridTopGallery { background-size:cover; }
    #GridTop        { margin-top:52px; }
}
@media (max-width: 767px){
    #GridPromo.affix {position: relative !important;top: 0;}
    #SiteGrid.layout-2sides #GridPromo.affix, #SiteGrid.layout-2sides-right #GridPromo.affix{top:0;}
}



#additonal-services { position:absolute; top:120px; left:0px; width:100%; z-index:5; }
#additonal-services .services-list { float: left; padding: 0px 20px; text-shadow: 3px 3px 3px #000; direction:ltr; }
#additonal-services .services-list li { color: #fff; position: relative; }
#additonal-services .services-list li+li:before { position: relative; content: ""; display: block; min-width: 50px; height: 1px; background: #fff; margin: 10px auto 10px 0px; width: 40%; clear: both; box-shadow: 3px 2px 3px #000; }

@media (max-width: 767px) 
{
    #GridTop #additonal-services .services-list { padding: 0px; }
    #section-0 #additonal-services { top:80px; }
}


/* ==========================================================================
   Footer
   ========================================================================== */

footer { background: #000000; }
footer #SiteFooter { padding-bottom: 35px; padding-top: 25px; color: #fff; }
footer #SiteFooter .footer-title    { margin-top: 15px; }
footer #SiteFooter .footer-text     { margin-top: 15px; font-size:0.9em; }
footer #SiteFooter img              { max-width: 100% !important; margin: 0 auto !important; height: auto; }
footer #SiteFooter .footer-links    { margin-top: 15px; font-size:0.9em; color:Silver; }
footer a:link, footer a:visited, footer a:hover     { text-decoration:none; }
footer .site-credit { background:gray; padding: 35px 0px; color:silver; }

footer #arrow-up     { display:inline-block; background-color: #fff; min-width: 60px; min-height: 60px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-top: -30px; position: relative; z-index: 1; }
footer #arrow-up a   { color: #0f0f0f; text-decoration: none; font-size: 13px; }
footer #arrow-up a i { margin-top: 11px; }

/* ==========================================================================
   Stellar stylepo
   ========================================================================== */

.stellar-bg     { background: white; padding: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; background-attachment: fixed; height: 100%; min-height: 580px; position: relative; backface-visibility: hidden; }
.stellar-static { padding: 0; }

*[data-sr] { visibility: hidden; }

@media (max-width: 767px) {
    .homepage-grid .stellar-bg:not(.home-page-first)     {  display: none; }

    .stellar-static > div > div:not(#PageBreadCrumps)           {  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; }
    
    .stellar-bg { background-attachment: scroll; min-height: 400px }
}


/* ==========================================================================
   Homepage
   ========================================================================== */

.home-page-first    { height: 100vh; }
.home-page-logo     { margin-bottom:20px; }
.home-page-logo img { max-width:450px; }
@media (max-width: 767px) {
    .home-page-first { height: 400px; }
}

.home-page-title h1 { color:#ffffff; font-size:2em; } 
.home-page-video-wrapper    { max-width:700px; margin-left:auto; margin-right:auto; }
.home-page-video    { text-align:center; padding-bottom:60%; background-color:#000000; position:relative;  height: 0; overflow: hidden; }
.home-page-video iframe { position: absolute;top: -10vh;left: 0;width: 106vw;height: 130vh;  }
.video-full-page .home-page-video-wrapper    { max-width:none; }
.video-full-page .home-page-video-wrapper .home-page-video   { position:absolute; padding-bottom:initial; height:auto; top:0px; bottom:0px; left:0px; right:0px; }
.video-full-page .home-page-video-wrapper .home-page-video iframe { height:120%; top:-10%; }
.video-full-page .home-page-video-cover     { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.video-full-page .home-page-logo-title  { position:absolute; z-index:2; position: absolute; left: 50%; transform: translate3d(-50%,-20%,0); }
.home-page-video-wrapper.fullscreen     { width:auto; max-width:inherit; position:absolute; top:0px; right:0px; left:0px; bottom:0px; margin-left:auto; margin-right:auto; }
.home-page-video.fullscreen             { padding-bottom:inherit; height:100%; }

.home-page-element      { padding-top: 85px; padding-bottom: 85px; }
.home-page-element-desc-header h2,
.home-page-element-desc-header h1                   { font-size: 2.5em; color: gray; }
.home-page-element-desc-header h2 .special-font,
.home-page-element-desc-header h1 .special-font     { font-size: 1.5em; color: gray; }

.home-page-element-desc-header:after { content: "*"; margin-top: 15px; margin-bottom:5px; position: relative; display: block; color: gray; font-size:1.4em; }
.home-page-element-desc { padding:0px 5% 0px 5%; }
.home-page-element-desc-body img { max-width:100%; height:auto; }

@media (min-width: 767px) {
    .home-page-element-inner { display: table; width: 100%; table-layout: fixed; }
    .home-page-element-inner.reverse { direction:ltr; }
    .home-page-element-desc, .home-page-element-image { display: table-cell; vertical-align: middle; float: none; }
}

@media (max-width: 768px) {
    .home-page-logo img { max-width:90%; }
    .home-page-element-desc     { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; text-align: center; padding-top: 20px; }
    .home-page-element-image    { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding-top: 20px; }
    .home-page-element          { padding-top: 40px; padding-bottom: 40px; }
}

#rightSpy                       { position: fixed; top: 50%; right: 1.55%; z-index: 101; }
#rightSpy .nav-tabs             { border: none; }
.nav-stacked > li.item-indicate { margin-top: 10px; }
#rightSpy .nav-tabs > li > a    { background-color: #dddddd; border: 2px solid #dddddd; border-radius: 100%; padding: 4px; }

#rightSpy .nav-tabs > li.active > a,
#rightSpy .nav-tabs > li.active > a:focus,
#rightSpy .nav-tabs > li.active > a:hover {
    cursor: pointer;
}

#rightSpy #moving-ball      { display: block; width: 13px; height: 13px; border-radius: 100%; background-color: #666666; margin-right: 1px; top: 10px; position: absolute; transition: height 750ms ease-in-out 250ms, top 750ms ease-in-out 250ms; -moz-transition: height 750ms ease-in-out 250ms, top 750ms ease-in-out 250ms; -o-transition: height 750ms ease-in-out 250ms, top 750ms ease-in-out 250ms; -webkit-transition: height 750ms ease-in-out 250ms, top 750ms ease-in-out 250ms; z-index: 2; }
#rightSpy #moving-ball.tall { height: 25px; }

.loading         { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100000; background: #1C1A1D; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.loading .p-vert { margin: 0 auto; }
.loading-icon    { color: #666666; }


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

#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;
    }
}

/* ==========================================================================
   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:focus {
    outline: 2px solid blue;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: 1px solid #ffffff; }
.flex-direction-nav a { width: 30px; }
#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;}
.gallery-lightbox-text {text-align: center;clear: both;/*display: inline-block;*/display:block; width: 100%;}

.gallery-lightbox-element {
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    cursor:pointer;
}
#gallery-lightbox > div,#gallery-lightbox > li {padding-right: 5px;padding-left: 5px;padding-bottom: 5px;padding-top: 5px;float: none !important;display: inline-block;vertical-align: top;margin-right: -4px;}
#gallery-lightbox > div.clearfix,#gallery-lightbox > li.clearfix {margin-right: 0;display: block;padding:0;}
/* ==========================================================================
   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 .flex-viewport         { height: 85vh; }
.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); }

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%; }
.home-flexslider:not(.video-slider) button.controlSlider { display: block; }


/* ==========================================================================
   Page View
   ========================================================================== */

#pageview   { max-width:750px; margin-right:auto; margin-left:auto;  }
#headline   { text-align:center; overflow:hidden; }
h1          { text-align:center; margin:0px; margin-bottom:25px; font-size:2.5em; position:relative; }
h2          { text-align:center; margin:0px; padding:0px; margin-bottom:25px; margin-top:-20px; font-size:1.4em; color:Gray; }
h3          { font-size:1.3em; margin-bottom:5px; }
#text1      { font-size:1em; text-align:center; margin-bottom:15px; }
#text2      { font-size:1em; text-align:center; margin-bottom:15px; }
#text1 img, #text2 img  { max-width:100%; height:auto; }
.gallery-container      { margin-bottom:15px;  }

@media (max-width: 767px) {
    #text1 iframe           { max-width: 100%; height: 250px;  }
}


/* ==========================================================================
   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:20px; background-color:#F2F2F2; cursor:pointer; position:relative; text-align:right; }
.faq-headline.open  { background-color:#D2D2D2; }
.faq-headline .button-open  { margin-top:5px; float:left; margin-left:15px; }
.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; }
}

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

#ContentGridShortModule   { }

#gridshort-view         { max-width:970px; margin-left:auto; margin-right:auto; margin-top:20px; text-align:center; font-size:0px; }
#gridshort-view > div   { display:inline-block; float:none !important; vertical-align:top; font-size:1rem; }
.grid-short-box         { margin-bottom:40px;  }
.grid-short-box-image   { padding-bottom:66%; margin-bottom:10px; overflow:hidden; position:relative; }
.grid-short-box-image img   { width:100%; position:absolute; left:0px; }
.grid-short-box-label       { font-size:1em; text-align:right; }
.grid-short-box-text        { font-size:0.8em; text-align:right; }

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

/* ==========================================================================
   Contact
   ========================================================================== */

#contactview    { margin-bottom:50px; overflow:hidden; }
#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%; }

#contactDetails {  }
#contactDetails h3  { font-size:1.3em; margin-bottom:20px; }
#contactDetails .contactDetailsPhone1   { margin-bottom:2px; }
#contactDetails .contactDetailsPhone2   { margin-bottom:2px; }
#contactDetails .contactDetailsAddress  { margin-bottom:2px; }
#contactDetails .contactDetailsEMail    { margin-bottom:2px; }
#contactDetails .contactDetailsText1    { margin-bottom:10px; line-height: 1.4; font-size: 0.9em; }


.contact-form-wrap  { border-right:1px solid #eeeeee; border-left:1px solid #eeeeee; }

@media (max-width: 767px) {
    .contact-form-wrap  { border-right:0px solid #eeeeee; border-left:0px solid #eeeeee; }
}

#contactform    { padding:0px 10px 0px 10px; }

#contactform h3  { font-size:1.3em; margin-bottom:15px; }
#contactform .contact-form-submit   { display:inline-block;position:relative; }
#contactform .contact-form-comment  { font-size:0.8em; margin-bottom:5px; }

@media (max-width: 767px) {
    #contactform        { margin-top:30px; padding:0px; }
    #contactform h3     { font-size:1.8em; margin-bottom:15px; }
}

#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:White;
}

#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;
}

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

#follow-us-box a[data-icon="youtube"] svg {
    width: 19px;
    fill: #ffffff;
    display: inline-block;
    vertical-align: middle;
}


/* ==========================================================================
   FORMS
   ========================================================================== */

.normal-form {  }
.normal-form input[type='text'] { width:100%; padding:8px; margin-bottom:20px; border:1px solid black; border-radius:5px; background-color:transparent; }
.normal-form textarea           { width:100%; padding:8px; margin-bottom:20px; border:1px solid black; border-radius:5px; background-color:transparent; }
.normal-form select             { width:100%; padding:7px; margin-bottom:20px; border:1px solid black; border-radius:5px; background-color:transparent; }
.normal-form input[type='checkbox'] { display:inline; }

.normal-form .input-time-wrapper { width:100%; padding:0px; margin-bottom:20px; border-radius:5px; overflow:auto;border:0 !important; }
.normal-form .input-time-wrapper select { width:49%; margin-bottom:0px; padding:8px; float:left;margin-right:2%; }
.normal-form .input-time-wrapper select:last-child {margin-right:0;}
.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:black; font-size:0.9em; }
.normal-form .col-xs-12 { padding-left:10px; padding-right:10px; }
.normal-form .row       { margin-left:-10px; margin-right:-10px; }
.normal-form .checkbox-field { text-align:right; }
.normal-form .checkbox-field label { font-weight:normal; display:inline; width:auto; }

.normal-form input[type='submit']   { background-color:black; color:white; border:2px solid transparent; border-radius:5px; padding:8px 25px 8px 25px; }
.normal-form .normal-form-submit    { display:inline-block; position:relative; }
.submit-wrapper                     { text-align: left; }

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

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

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

#MenuModule .menuModuleNav              { text-align:center; margin-bottom:60px; padding-top:15px; font-size:0.9em; }
#MenuModule .menuModuleNav a            { text-decoration:none; background-color:Gray; color:#ffffff; display:inline-block; margin-left:10px; margin-right:10px; padding:5px 10px 6px 10px; border-radius:5px; margin-bottom:10px; }
#MenuModule .menuModuleNav a.selected   { text-decoration:none; background-color:Black; color:#ffffff; }

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

.menuModuleContent              { }
.menuModuleContentPart          {  }
.menuModuleTextItemSubject      { margin-bottom:50px; text-align:center; clear:both; }
.menuModuleTextItemSubjectTitle { font-size:1.5em; margin-bottom:5px; }
.menuModuleTextItemSubjectDescription {  }
.menuModuleTextItem0            { position:relative; border-bottom:1px dotted black; display:block; float:right; width:47%; margin-left:2%; margin-bottom:40px; height:75px; }
.menuModuleTextItem1            { position:relative; border-bottom:1px dotted black; display:block; float:right; width:47%; margin-right:2%; margin-bottom:40px; height:75px; }
.menuModuleTextItemTitle        { color:Black; font-size:1.2em; margin-bottom:3px;float:right; }
.menuModuleTextItemDescription  { color:Gray; font-size:0.9em; margin-bottom:10px;float:right;width:100%; }
.menuModuleTextItemPrice        { color:Black; float:left; font-size:1em; }
.menuModulePhotoItem img        { max-width:100%; }

@media (max-width: 767px) {
    .menuModuleTextItem0            { float:none; margin-left:0%; width:auto; }
    .menuModuleTextItem1            { float:none; margin-right:0%; width:auto; }

}

/* ==========================================================================
   CLUB MODULE
   ========================================================================== */

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

#clubform label.error,#clubform span.error {display: block;position: absolute;left: 25px;margin: 0;top: 0;}


#externalview iframe    { width:100%; }


/* ==========================================================================
   Order Table MODULE
   ========================================================================== */

#TableOrderModule   { max-width:850px; margin-right:auto; margin-left:auto; }
#tableorderbiew     { margin-bottom:30px; }
#tableorderform     {  }
#tableorderform h3  { text-align:center; }
#tableorderform label.error,#tableorderform span.error {display: block;position: absolute;left: 25px;margin: 0;top: 0;}


/* ==========================================================================
   DYNAMIC FORM
   ========================================================================== */

#DynamicFormObject  { padding:20px; text-align:center; margin-bottom:0px;direction:rtl; }
#DynamicFormObject .dynamicFormObjectTitle  { margin-bottom:10px; font-size:1.7em;margin-top:0;color:inherit; }
#DynamicFormObject .dynamicFormObjectText   { margin-bottom:20px; font-size:1em; }
#DynamicFormObject .dynamicFormObjectFields { margin-bottom:15px; }
#DynamicFormObject .dynamicFormEndText      { margin-bottom:15px; font-size:1.2em; }
#DynamicFormObject .dynamicFormObjectField  { margin-bottom:20px; float:right; }
#DynamicFormObject .dynamicFormObjectField input { margin-bottom:0px; }
#DynamicFormObject .dynamicFormObjectField textarea { margin-bottom:0px; }
#DynamicFormObject .dynamicFormObjectField select { margin-bottom:0px; }
#DynamicFormObject .dynamicFormObjectSubmit     { text-align:left; }
#DynamicFormObject input[type='submit'] { font-size:1em;  padding:6px 10px 6px 10px; width:100%; }

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

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


@media (min-width: 992px)  {
    .layout-bottom.homepage-grid #DynamicFormObject       { display:table; padding:10px; width:100%; margin-bottom:0px; }
    .layout-bottom.homepage-grid #DynamicFormObject .dynamicFormObjectTitleAndText    { display:table-cell; vertical-align:middle; width:15%; padding-left:15px; border-left:1px solid silver; }
    .layout-bottom.homepage-grid #DynamicFormObject .dynamicFormObjectTitle           { margin-bottom:0px; }
    .layout-bottom.homepage-grid #DynamicFormObject .dynamicFormObjectText            { margin-bottom:10px; }
    .layout-bottom.homepage-grid #DynamicFormObject .dynamicFormObjectFields          { display:table-cell; vertical-align:middle; width:70%; padding-left:15px; padding-right:15px; }
    .layout-bottom.homepage-grid #DynamicFormObject .dynamicFormEndText               { display:table-cell; vertical-align:middle; width:15%; padding-right:15px; border-right:1px solid silver; }
}

@media (max-width: 991px) 
{
    #DynamicFormObject { background-color:#eeeeee; }
    .layout-bottom #DynamicFormObject { margin-bottom:0px; }
    .layout-bottom #DynamicFormObject .dynamicFormObjectTitle { font-size:2em; }
}



#FormResultPage     { margin-top:150px; min-height:350px; }




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

#SiteGrid.blog-grid     { background-color:#f3f3f3; }
.blog-grid #GridWrap    { max-width:980px; }

#BlogModule         {  }
#BlogMain           {  }

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


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

#BlogModule #TagView h1     { text-align:right; margin-bottom:5px; font-size:2em; }
#BlogModule #TagView #text1 { text-align:right; }


.blog-post          { background-color:#ffffff; 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:white; padding:15px; }
.blog-view .blog-view-image { max-height:400px; overflow:hidden; margin:0px; margin-bottom:10px; }
.blog-view .blog-view-image img { width:100%; }
.blog-view h1   { font-size:2em; text-align:right; }  
.blog-view h2   { font-size:1.1em; text-align:right; margin-bottom:15px; margin-top:-15px; }

.blog-post-icons     { margin-bottom:10px; font-size:0.9em; }
.blog-post-writer    { display:inline-block; margin-left:20px; }
.blog-post-date      { display:inline-block; margin-left:20px; }
.blog-post-date .fa, .blog-post-writer .fa   { margin-left:5px; color:#e74c3c; }


.blog-related-posts     { direction:rtl; margin-top:50px; }
.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: 0 0 7%;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%;}
}
@media (max-width: 767px) 
{
   .blog-related-posts > div   { margin-bottom:20px; }

}



/* ==========================================================================
   MEDIA MODULE
   ========================================================================== */

#gridshort-view-media .grid-short-box.box                            { padding-bottom: 100%; background: #f2f2f2; color: #000; position: relative; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out }
#gridshort-view-media .grid-short-box.box:hover                      { background: #666; color: #fff }
#gridshort-view-media .grid-short-box.box .grid-short-box-subtitle   { border-bottom: 1px solid; padding-bottom: 10% }
#gridshort-view-media .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% }
#gridshort-view-media .grid-short-box.box .grid-short-box-text       { padding-top: 10%; color: #666 }
#gridshort-view-media .grid-short-box.box:hover .grid-short-box-text { color: #fff }
#gridshort-view-media .grid-short-box-label                          { font-size: 105% }