﻿
@import url('https://fonts.googleapis.com/css?family=Teko');


body    { 
    direction:          rtl;
    margin:             0px; 
    color:              #000000; 
    background-color:   #ffffff; 
    font-family:        ogen,'Teko';line-height: 1.2;
    font-size:          16px;
}
@media (max-width:1170px) {
    body { font-size:15px; }
}
@media (max-width:767px) {
    body { font-size:14px; }
}f


table   { 
    padding:            0px; 
    margin:             0px;
}

td  { 
    vertical-align:     top; 
    padding:            0px;
}

p   { 
    direction:          rtl; 
    margin-top:         0px; 
    margin-bottom:      0px; 
}

a,button   { transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out; }
img { max-width:100%; image-rendering: -webkit-optimize-contrast; }
input[type="text"], input[type="password"]  { outline: none; }
input[type="password"] { font-family:ogen; }

textarea    { outline: none; }
.scroll-down { position: absolute;bottom: -20px;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;cursor:pointer; }
.scroll-down svg { width: 30px;height: 40px;fill: #ffffff; animation-iteration-count: 5;animation-iteration-count: 5 !important;-webkit-animation: upAnddown 1.2s infinite !important;animation: upAnddown 1.2s infinite !important;-webkit-animation-timing-function: ease-in-out !important;animation-timing-function: ease-in-out !important;}
.scroll-down:before { content: "SCROLL DOWN";position: absolute;top: -80%;display: block;color: #ffffff;font-family: 'Roboto';text-align: center;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);font-size: 95%;line-height: 1.4; }

h2       { font-size: 370%; position: relative;display: inline-block;z-index: 1; }
.section-title h2:after { content: "";border-bottom: 12px solid #FBAF3F;position: absolute;width: 100%;left: 0;bottom: 10.5px;z-index: -1; }
.section-title { margin-bottom: 60px; }

section .text-holder-reg { font-size: 140%;max-width: 840px;margin: auto;text-align: center; }
span.price:before        { content: "\f20b";font-size: 70%;font-family: 'FontAwesome';margin-right: 1px; }
.bg-layer { position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.2); }

@media(max-width:1400px) {
    .section-title h2:after  { border-bottom-width: 9px; }
}

@media(max-width:991px) {
    section .text-holder-reg  { max-width:95%; }
    #body iframe              { width: 90%;height: 2150px; }
}

@media (max-width: 767px)  { 
    h2                      { font-size: 300%; }
    .section-title h2:after { border-bottom-width: 6px; }
    .section-title  { margin-bottom:20px; }
    .section-title h2   { font-size:240%;margin-top:5px; }
    .section-title h2:after { bottom:8px; }
    .section-title  { margin-bottom:15px; }
}
@media (max-width: 370px)  { 

    .section-title h2   { font-size:228%; }

}


/*------------------------------------*\
    Promotion - Window
\*------------------------------------*/

#promotionWindow { position: fixed; bottom: 10px; z-index: 5; max-width:450px; right: 15px; }

#promotionWindow-first      { max-width: 300px;font-size:110%; }
#promotionWindow-first a    { background: #5586A2; border-radius: 0px; display:block; color:#ffffff; padding:10px 15px 10px 15px; cursor:pointer; }

#promotionWindow-second { background-color:#EEEEEE; border-radius:0px; text-align:center; border:1px solid #c0c0c0;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
#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;margin-top:0; }
#promotionWindow-second .promotionWindow-second-text    { color:#000000; padding-top:5px; padding-bottom:10px;max-width: 95%; margin: auto;font-size:110%; }
#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; }
#promotionWindow-second .promotionWindow-second-text a  { background: #5586A2;border-radius: 0px;display: inline-block;color: #ffffff;padding: 8px 30px 8px 30px;cursor: pointer;margin-top: 15px;font-size: 120%;}
#promotionWindow-second .promotionWindow-second-text a:hover,#promotionWindow-second .promotionWindow-second-text a:focus { text-decoration: none; }

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.red-btn { display: inline-block;background: #C6553C;padding: 8px 40px;font-size: 150%;color: #ffffff;margin-top: 50px; }
.red-btn:hover,.red-btn:focus { text-decoration: none;color:#ffffff; }
.red-btn span:after { content: "\f104";font-family: 'FontAwesome'; font-size: 120%;line-height: 1;display: inline-block;vertical-align: bottom;left: -6px;
                  transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: all 350ms ease-in-out;-webkit-transition: all 350ms ease-in-out;opacity: 0; position: absolute;left: -6px; }
.red-btn:hover span:after { left:0;opacity: 1; }
.red-btn:hover span  { transform: translateX(7px);-webkit-transform: translateX(7px); }
.red-btn span        { display: inline-block;transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;text-align: center;position: relative; }

.red-btn.smaller     { font-size: 140%;white-space: nowrap;padding: 8px 20px;margin-top: 15px; }


@media(max-width:991px) {
   .red-btn { margin-top:10px; }   
   .red-btn span:after  { display:none; }
}

@media(max-width:767px) {
   .red-btn.smaller { font-size: 130%;padding: 8px 15px;margin-top: 5px; }
}


/*------------------------------------*\
    JQUERY UI SELECTBOX
\*------------------------------------*/
.ui-selectmenu-button.ui-button { background: #ffffff;border: 1px solid #c2c2c2;border-radius: 0;text-align: right;width: 100%;font-family: inherit;font-size: 130%;background-image: none; padding: 11px 15px;height:50px; }
.ui-button .ui-icon { display: none; }
.ui-selectmenu-text { margin-right: 0; }
.ui-selectmenu-menu { max-height: 0px;overflow: hidden;display: block;transition: max-height 350ms ease-in-out;-webkit-transition:max-height 350ms ease-in-out; font-size: 120%; }
.ui-selectmenu-open { max-height: 1000px;transition: max-height 350ms ease-in-out;-webkit-transition:max-height 350ms ease-in-out; }
.ui-menu .ui-menu-item-wrapper:hover, .ui-menu.ui-widget-content .ui-state-active { background: transparent;color: #5586A2; }
.ui-widget-content .ui-state-active, .ui-widget-content .ui-state-default:hover { background: transparent;border: 0;color: #5586A2; }
.ui-state-active { padding: 4px 25px; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0; }
.ui-state-disabled { display: none; }


@media(max-width:767px) {
.ui-selectmenu-button.ui-button { font-size: 120%;line-height:1.5; padding: 11px 10px; }
}


/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/
@-webkit-keyframes upAnddown {
    from {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
    }
    to {
        -webkit-transform: translateY(0);
    }
}

@keyframes upAnddown {
    from {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes upAnddown {
     from {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.fadeup { opacity:0;transform:translateY(20px);  }
.fadeup2 { opacity:0;transform:translateY(70px); }
.fadeInFast { opacity:0; }


/*------------------------------------*\
   GRID TOP
\*------------------------------------*/
.topImage            { position: relative;height:560px;background-position: center center;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.topImageText        { position: absolute;top: calc(50% + 40px);left: 50%;width: 40%;background: #EEEEEE;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); text-align: center;padding:45px 20px; }
.topImagesTitle      { font-size: 440%;margin-top: 0;line-height: 1.4;margin-bottom:0; }
.topImageText:after  { content: "";border-bottom: 7px solid #5586A2;width: 100%;display: inline-block;position: absolute;left: -7px; bottom: -7px; }
.topImageText:before { content: "";border-left: 7px solid #5586A2;height: 100%;display: inline-block;position: absolute;left: -7px;bottom: -7px; }

.topImage .opacity-layer { position: absolute; top: 0;left: 0;right: 0;bottom: 0;background: rgba(18, 18, 18, 0.4); }

.topImageText.no-bg { background: transparent;color: #ffffff;top:50%; }
.topImageText.no-bg:before { border: 0; }
.page-top .topImage .topImageText { width: 100%; }
.topImageText.no-bg:after  { border: 0; }
.topImageText.no-bg .topImagesTitle { font-size: 550%;margin-bottom:0; }
.topImageCaption h3                 { font-size: 250%;margin-top: 0px; }
.page-top .opacity-layer { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(18, 18, 18, 0.5); }
.page-top .topImage   { height:640px; }


@media(max-width:1440px) {
   .topImageText { width:50%; }
   .page-top .topImage  { height:540px; }
   .topImageText.no-bg .topImagesTitle  { font-size:500%; }
}
@media(max-width:991px) {
   .topImageText { width:75%; }
   .topImage,.page-top .topImage        { height:520px; }   
}

@media(max-width:767px) {
   .topImageText { width:100%;padding:30px 20px; }
   .topImage,.page-top .topImage        { height:360px; }
   .topImagesTitle  { font-size:290%; }
   .topImageText.no-bg .topImagesTitle  { font-size: 280%; }
   .topImageCaption h3  { font-size:220%; }
   .topImage .topImageText { width: 80%; }

}

/*------------------------------------*\
   PAGE SECTIONS
\*------------------------------------*/
section:not(.topSlider)          { max-width: 1330px;margin: auto;padding: 80px 0px 0px;overflow: hidden;text-align:center;position:relative; }

a.category-box                   { float: right;width: 20%;text-align: center;color: inherit;padding: 0px 15px; }
a.category-box.large             { width: 25%; }
.chefs-cubes a.category-box.large.chef-box { width: 33.33%;padding: 0px 5%;color: #C7553B;margin-bottom:75px;float:none;display:inline-block; margin-right:-4px;vertical-align:top; }
.chefs-cubes a.category-box.large.chef-box:last-child   { margin-bottom:0; }
.chefs-cubes                                  { padding: 40px; }
.chefs-cubes .category-box .img-holder img    { max-width: none;height: 90%;top: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%);left: 50%;bottom: 0; }
.chefs-cubes .category-box .img-border-holder { overflow: visible; }
.chefs-cubes a.category-box:hover .img-holder img          { transform: translateX(-50%); }
section.fadeup.chefs-cubes              { padding-top: 35px; }
a.category-box.large.chef-box:hover h3, a.category-box.large.chef-box:focus h3 { color:#5586A2; }
a.category-box.large.chef-box p { line-height: 1;color: #121212;font-size: 128%; }

.category-box.large.grad-box { padding: 0px 30px; }
.category-box.large.grad-box            { overflow:hidden; }
.category-box.large.grad-box .img-holder { overflow: hidden; padding-bottom: 34vh; }
.category-box.large.grad-box .img-holder img           { image-rendering: auto; }
.category-box.large.grad-box:hover h3       { color: #5586A2; }

a.category-box.no-hover:hover .img-holder img            { transform: translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1); }
a.category-box.no-hover:hover,a.category-box.no-hover:focus                { color: inherit; }

a.category-box.workshop-box                  { width: 33.33%;padding:0px 12px;margin-bottom:24px; }
a.category-box.workshop-box .img-holder      { padding-bottom: 35vh; }

a.category-box.workshop-box.soldOut .img-holder .opacity-layer-workshop { background: rgba(0, 0, 0, 0.5);opacity: 1; }
/*a.category-box.workshop-box.soldOut .img-holder .opacity-layer-workshop:after { content: "Sold Out";position: absolute;top: 50%;left: 50%;transform:  translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); color: #ffffff;font-size: 200%; }*/

.category-box .img-holder        { padding-bottom:21vh;position: relative;overflow:hidden; }
a.category-box.large .img-holder { padding-bottom: 0;overflow: inherit; }

.category-box .img-border-holder { overflow: hidden;width: 100%;padding-bottom: 100%;display: block; position: relative; }             
.category-box .img-holder img    { position: absolute;top: 50%;bottom: 0;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left: 50%;    transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out; }
a.category-box h3                { font-size: 150%;margin-bottom:0;margin-top: 10px; }
a.category-box:hover,a.category-box:focus             { text-decoration: none; }
a.category-box:hover h3, a.category-box:focus h3      { color: #C7553B; }
a.category-box:hover .img-holder img { transform: translate(-50%,-50%) scale(1.03);-webkit-transform:translate(-50%,-50%) scale(1.03); }
a.category-box p                 { font-size: 110%;max-width: 85%;margin: auto;margin-top: 2px;line-height:1.1; }
a.category-box.no-cursor         { cursor: default; }

a.category-box.grad-box h3.text-holder { color: #C6553C;margin-top: 10px; }
a.category-box.grad-box p { font-size: 140%; }

.grads-section a.category-box.large {float:none;display:inline-block;margin: 0 -2px;}
.grads-section a.category-box.grad-box p {height: 50px;}

section#map-section         { max-width: none; padding-top: 0;margin-top: 80px;display: inline-grid;width: 100%; }
section#map-section iframe  { width: 100%;height: 500px; }
section#map-section .open-map                   { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border: 1px solid #fbaf3f;padding: 5px 40px;cursor: pointer;font-size: 160%;color: #ffffff;transition: all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out; }
section#map-section .open-map:hover             { background: #fbaf3f;color: #121212; }
section#map-section .opacity-layer              { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);pointer-events: all; }



@media(min-width:1600px) {
    section:not(.topSlider)          { max-width: 1560px; }
    .category-box .img-holder        { padding-bottom:26vh; }
}

@media(max-width:1400px) {
    section:not(.topSlider) { max-width:95%;padding: 60px 0px 0px; }
}
@media(max-width:1100px) {
    a.category-box.workshop-box { width: 50%; }
}
@media(max-width:991px) {
    a.category-box { float: none;width: 33.33%;display: inline-block;margin-right: -4px;vertical-align: top;margin-bottom:50px; }
    a.category-box.large { width: 50%; }
    .chefs-cubes a.category-box.large.chef-box  { width:50%; }
    a.category-box.workshop-box .img-holder { padding-bottom:26vh; }
    section.gallery-section { margin-top: 45px;margin-bottom: 45px; }
    section#map-section { margin-top: 40px; }
    section#map-section .open-map   { font-size:200%; }
    section#map-section iframe { height: 350px; }
    .grads-section a.category-box.grad-box p {height: 80px;}
}
@media(max-width:767px) {
    .chefs-cubes a.category-box.large.chef-box      { margin-bottom:30px; }
    .category-box .img-holder       { padding-bottom: 14vh; }
    section:not(.topSlider) { padding-top:30px;max-width:90%; }
    a.category-box { padding: 0 5px;margin-bottom: 20px; }
    a.category-box h3 { font-size: 140%;margin-bottom: 0;margin-top: 10px; }
    a.category-box.large { padding: 0px 10px; }
    .category-box.large.grad-box    { padding:0px 15px; }
    .category-box.large.grad-box .img-holder    { padding-bottom:27vh; }
   a.category-box.large.chef-box p  { max-width:100%;font-size:115%;margin-top:0; }
   a.category-box.workshop-box { width:100%; }
   a.category-box.grad-box p    { font-size: 115%;margin-top: 0; }
    section#map-section .open-map   { font-size:160%; }
    section#map-section iframe  { height:280px; }
}

@media(max-width:360px) {
   section#top-boxes .category-box .img-holder       { padding-bottom: 19vh; }
}

section#map-section         { max-width: none; padding-top: 0;margin-top: 80px; }
section#map-section iframe  { width: 100%;height: 500px; }
section#map-section .open-map                   { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border: 1px solid #fbaf3f;padding: 5px 40px;cursor: pointer;font-size: 160%;color: #ffffff;transition: all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out; }
section#map-section .open-map:hover             { background: #fbaf3f;color: #121212; }
section#map-section .opacity-layer              { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);pointer-events: all; }

@media(max-width:1280px) {
    section.course-details { max-width: 95%; }
}
@media(max-width:991px) {
    section#map-section { margin-top: 40px; }
    section#map-section .open-map   { font-size:200%; }
    section#map-section iframe { height: 350px; }
}

@media(max-width:767px) {
    section#map-section .open-map   { font-size:160%; }
    section#map-section iframe  { height:280px; }
}



/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer          {  }

#SiteHeaderContainer    { color:#000000; padding:0px;position: fixed;width: 100%; top: 0;z-index:5; }
#SiteGridContainer      {  }
#SiteFooterContainer    { background-color: #252525; padding:0px; border-bottom: 1px solid #FCB040; }

#SiteHeader             { max-width: none; margin-left: auto; margin-right: auto; padding: 20px; background: #ffffff; transition: background 200ms ease-in-out, padding 200ms ease-in-out; -webkit-transition:background 200ms ease-in-out, padding 200ms ease-in-out; }
#SiteFooter             { max-width: 1270px; margin-left: auto; margin-right: auto; overflow:hidden; }
#SiteGrid               { max-width:none; padding:0px; margin:0 auto; overflow:hidden; }

#GridRight              { float:right; width:250px; margin-left:40px; }
#GridPage               {  }
#GridLeft               { float:right; display:none; }
#GridTop                {  }
#GridContent            { max-width: 1270px;margin: auto; }
#GridFooter             {  }

#PageLeft               { }
#PageRight              { }
#PageMenu               { }
#PageHeader             { }
#PageContent            { }
#PageKdm                { }
#PageFooter             { }

#whatsapp-btn { position: fixed; width: 55px; bottom: 10px; left: 10px; }

#PageView .link-wrapper { text-align: center; }


@media (min-width:1170px) and (max-width:1439px) {
   #SiteHeader  { padding:20px 10px; }
}

@media (max-width: 1170px)  { 
    #GridLeft           { display:none; } 
}

@media (max-width: 1170px) {
    /*#SiteHeaderContainer    { padding:0 5px; }
    #SiteGridContainer      { padding:0 5px; }*/
}

@media (max-width: 991px)  { 
    #GridPage               { float:none; width:100%; }
}

@media (max-width:767px) {
     #GridRight {float:none;width:100%; margin:0 auto;}
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) { #side-collapse-menu {width:100%} }

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header {margin-top: 10px;}
#search_form_header_input_continer { float: left; margin-left: 15px; }

@media(max-width:767px){
#search_form_header_input_continer       { text-align: center;display: inline-block;margin: 0 auto;width: 100%; }
#search_form_header_input                { display:inline-block; }
#search_form_header_submit               { width: 40px;display: inline-block; }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel {border:0px; border-radius:0; border-top:1px solid #ECECEC;box-shadow:none; -webkit-box-shadow:none;padding:14.5px 0; margin:0;   }
.accordion .panel:nth-child(2n) {background-color:#EDEDED;}
.accordion .panel:last-child {border-bottom:1px solid #ddd;}
.accordion .panel-title {width:95%;}
.accordion .panel-title>a { width: 100%; right: 0; top: 0;  font-size:24px; font-family:ogen; }
.accordion .panel-title>a:hover { text-decoration:none; }
.accordion .panel-title>a:focus { text-decoration:none; }
.accordion .panel-collapse.collapse.in {   }
.accordion .panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd; position:relative; margin-bottom:10px; margin-top:10px; margin-right:15px; } 
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0;border-radius: 0px; }
.accordion .panel-title>a:after { content: " "; display: block;width: 20px; height: 20px; float: left; background-image:url('../../../000Frames/site/images/plus.png');background-position: center center; background-repeat: no-repeat; }
.accordion .panel-title > a[aria-expanded~=true]:after {background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center;  }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px){
    .panel.panel-default div p {padding-left:0;padding-right:30px;padding-top:5px;width:90%;}
    .accordion .panel-title>a:after {position:absolute;left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default>.panel-heading {padding-right:0;}
    .accordion .panel-title>a {padding-right:0; font-size:20px;font-weight:bold;}
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px;margin-bottom: 30px; direction:ltr;}
.owl-nav {  }
.owl-item {text-align:center; height:400px; overflow:hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) { 
/*.owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important;
 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); 
                }*/
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader {position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10;}
.lightbox-gallery .lightbox-gallery-item

/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/

.lightbox-galleryVideo .lightbox-gallery-loader {position: absolute; top: 50%; left: 50%; z-index: 10;}
.lightbox-galleryVideo .lightbox-gallery-item {}


.popUpVideo .modal-header {border:none;}

.popUpVideo .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.popUpVideo .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.popUpVideo .modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    background: none;
    box-shadow: 0px 0px 0px;
    border: none;
}


.popUpVideo .modal-body iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.popUpVideo .modal-backdrop.fade.in {
    z-index: 0;
}
.popUpVideo .close {opacity:1 !important; color:#fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

.breadcrumbs    { position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width:100%; } 
@media(max-width:991px){
    /*.breadcrumbs { margin-bottom: 25px;margin-top: 0px;}*/
}
    
.breadcrumbs a:link         { 
    text-decoration: none !important;
    display: inline-block; 
}

.breadcrumbs a:first-child  { background-image: none; padding-right: 0; }
.breadcrumbs a:visited      { color: #000000; text-decoration: none !important;  }    
.breadcrumbs a:hover        { color: #5586A2; text-decoration: underline;  }
.breadcrumbs a              { font-size:110%; }
.breadcrumbs a:last-child   { color: #5586A2; }
.breadcrumbs a:before       { content: ">";font-family: monospace;font-size: 90%;padding: 0px 5px;color: #000000; }
.breadcrumbs a:first-child:before { content: "";padding: 0; }

nav#PageBreadCrumps2        { display:none; }

@media(max-width:991px){
   .breadcrumbs a              { font-size:125%; }
}
@media(max-width:767px){
  .breadcrumbs{ bottom:8px;font-size:90%; }
}


/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu              {  }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default {border:0; background-color:transparent;}
#rightMenu .navbar {min-height:0; margin-bottom:0;}
#rightMenu .navbar-header {float:right;}

@media(max-width:767px){ #rightMenu .navbar-header {float: none; width: 100%; margin: 0;} }
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

/*.mrw-dynamic-form {
    position:relative;
}*/

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error {
    display: none;
    color: #ffffff;
    z-index: 9999;
    font-size: 150%;
}

.mrw-dynamic-form .form-messages {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.65);
}
.mrw-dynamic-form i.fa.fa-check,.mrw-dynamic-form i.fa.fa-circle-o-notch.fa-spin { color: #FCB040; }
.mrw-dynamic-form .error-message    { color:red; display:none; }
.mrw-dynamic-form .mrw-form-label   { font-weight:normal; }
.mrw-dynamic-form .form-group > div { margin-bottom:30px; }
.mrw-dynamic-form .form-control {
    border: 0;
    color: #000;
    background: #eeeeee;
    font-size:140%;
    padding-right: 10px;
    position: relative;
    cursor: text !important;border-radius:0;height:50px;
 }
.mrw-dynamic-form textarea.form-control {
    height: 80px;background-image: url('../../../000Frames/site/images/contact/notes_icon.svg');background-repeat: no-repeat;background-position: right 50%;background-size: 30px;padding-right: 44px;background-position-x: 99%;    padding-top: 8px;}

.mrw-dynamic-form .name .form-control,.mrw-dynamic-form .phone .form-control,.mrw-dynamic-form .mail .form-control { background-repeat: no-repeat;background-position: right 50%;background-size: 30px;padding-right: 42px;background-position-x: 98%; }
.mrw-dynamic-form .phone .form-control  { background-image: url('../../../000Frames/site/images/contact/phone_icon.svg'); } 
.mrw-dynamic-form .date .form-control   { background-image: url('../../../000Frames/site/images/contact/date_icon.svg');background-repeat: no-repeat;background-position: right 50%;background-size: 30px; padding-right: 44px; background-position-x: 97.5%; } 
.mrw-dynamic-form .mail .form-control   { background-image: url('../../../000Frames/site/images/contact/mail_icon.svg'); }
.mrw-dynamic-form .name .form-control   { background-image: url('../../../000Frames/site/images/contact/name_icon.svg'); }
input.form-submit { width: 100%;height: 80px;border: 0;-webkit-appearance: none;background: #FCB040;font-size: 175%; }
button, html input[type=button], input[type=reset], input[type=submit]  { -webkit-appearance:none; border-radius:0; }
.mrw-dynamic-form label.error      { color:#C6553C; position:absolute; top:5px; left:25px; font-weight:normal; }
.mrw-dynamic-form .form-control.error { border-color:red; }

.mrw-dynamic-form input::-webkit-input-placeholder,.mrw-dynamic-form textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color:#000000;font-size:100%; }
.mrw-dynamic-form input:-moz-placeholder, .mrw-dynamic-form textarea:-moz-placeholder,select:-moz-placeholder { color:#000000; opacity:1; }
.mrw-dynamic-form input::-moz-placeholder, .mrw-dynamic-form textarea::-moz-placeholder, select::-moz-placeholder { color:#000000; opacity:1; }
.mrw-dynamic-form input:-ms-input-placeholder, .mrw-dynamic-form textarea:-ms-input-placeholder,select:-ms-input-placeholder {  color:#000000;}

.select-wrapper.no-select input#workshopDatesText::-webkit-input-placeholder { color:#ffffff;opacity:1; }
.select-wrapper.no-select input#workshopDatesText:-moz-placeholder { color:#ffffff;opacity:1; }
.select-wrapper.no-select input#workshopDatesText::-moz-placeholder { color:#ffffff;opacity:1; }
.select-wrapper.no-select input#workshopDatesText:-ms-input-placeholder { color:#ffffff;opacity:1; }


.mrw-dynamic-form .form-control[type=checkbox] { width: 17px;height: 17px;border: 1px solid;margin-left: 5px;margin-left: 5px;background-image: url(../../../000Frames/site/images/contact/v_25.png);background-color:transparent;cursor:pointer !important;
    border-radius: 0;background-position: 2px;background-size: 75%;background-repeat: no-repeat;box-shadow: none;cursor: pointer;display: inline-block;-webkit-appearance: none;
    -moz-appearance: none; border-radius: 0; }
.mrw-dynamic-form .form-control[type=checkbox].checked { background-size: 0; }

.form-checkbox { font-size: 115%;text-align:right; }
label.mrw-form-label { vertical-align: top; }

.mrw-dynamic-form .form-bottom { margin-bottom: 0;margin-top: 30px; }


section#contact-section { background: #ebebeb;padding: 40px 75px 20px;border-bottom: 3px solid #C6553C;margin-top: 40px;margin-bottom: 50px; }
h2.contact-form-title   { font-size: 200%;margin-top: 0;margin-bottom: 30px; }
.mrw-dynamic-form .form-control { background: #ffffff; border: 1px solid #cccccc; }
.mrw-dynamic-form textarea.form-control { height: 110px; }
.col-xs-12.col-sm-6.col-md-3.button-holder.pull-right { float: none !important;display: inline-block; }
input.form-submit { height: 50px;transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;  }
.mrw-dynamic-form .form-group > div.form-bottom { font-size: 165%;margin: 0;margin-bottom: 0; }
.mrw-dynamic-form .form-group > div { margin-bottom:20px;padding: 0 10px; }
.mrw-dynamic-form .form-bottom a { color: inherit; }


@media(min-width:991px) {
    .button-holder .submitWrapper:after { content: "\f104";font-family: 'FontAwesome';font-size: 140%;line-height: 1; display: inline-block; vertical-align: bottom;
                                      left: -6px;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; opacity: 0; position: absolute;left: 80px; top: 25px; }

}
.submitWrapper                      { position: relative; }
.submitWrapper:hover:after          { left: 95px;opacity: 1; }
.submitWrapper:hover .form-submit   { padding-left: 25px; }


/*DATE PICKER*/
.ui-datepicker .ui-datepicker-header    { font-family: inherit;background: #FBB042; border-radius: 0; border: 0;}
.ui-datepicker .ui-datepicker-title,.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year     { font-family: inherit; }
.ui-widget.ui-widget-content            { border-radius:0px; font-family: inherit; }
.ui-widget-content .ui-state-default    { background: #ffffff;color: #000000;border: 1px solid; }
.ui-widget-content .ui-state-active,.ui-widget-content .ui-state-default:hover     { background: #FBB042; }
.ui-widget-content                              { color:#231f20 ;    font-family: days;}






@media(max-width:991px) {
    input.form-submit { height: 60px; }
    section#contact-section  { padding:40px 45px 20px; }
    label.mrw-form-label    { vertical-align:bottom; }
    .mrw-dynamic-form .form-group > div.form-bottom { margin-top:15px; }
    .mrw-dynamic-form .mail .form-control   { background-position-x: 99%; }
    .mrw-dynamic-form textarea.form-control { background-position-x:99%; }
}
@media(max-width:767px) {
    .mrw-dynamic-form .form-group > div.form-bottom  { font-size:132%; }
    .mrw-dynamic-form .form-group > div.form-bottom { margin-top: 15px;margin-bottom: 0px; }
     section#contact-section   { padding:25px 15px 20px; }
     .mrw-dynamic-form textarea.form-control    {     background-position-x: 98%; }
     input.form-submit  { height:50px; }
     .mrw-dynamic-form .mail .form-control  { background-position-x: 98%; }
}

/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/


#contact-form-wiget .mrw-form-label         { }
#contact-form-wiget .form-control           { }
#contact-form-wiget .form-submit            { }

@media(max-width:991px) {
    /*#contact-form-wiget { display: none; }*/
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox   { text-align:center; background-color:#1c1c1c; padding:15px; }

#loginBox .loginBox-guest-hello     { color:#F68B1F; line-height:24px; margin-bottom:10px; }
#loginBox .firstSentence      { font-size:130%; }
#loginBox .secondSentence     { font-size:165%; }

#loginBox #LoginBox-Buttons         { padding-top:20px; }
#loginBox #LoginBox-Buttons a       { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; margin:0px 5px; text-decoration:none; cursor:pointer; }

#loginBox #LoginBox-SignIn          {  width:100%; margin-left:auto; margin-right:auto;  overflow:auto; }
#loginBox #LoginBox-SignIn .login-field     { margin-bottom:12px; border-radius:3px; border: none; width:100%; padding:5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit    { float:left; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; cursor:pointer; text-decoration:none; }

#loginBox #LoginBox-SignIn .forgetPass      { float:left; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }
#loginBox #LoginBox-SignIn .user-register      { float:right; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }

#loginBox .loginBox-user-hello      { color:#F68B1F; line-height:24px;  }
#loginBox .loginBox-user-buttons    { padding-top:20px; }
#loginBox .loginBox-user-buttons a  { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:110%; padding:2px 12px; margin:0px 2px; text-decoration:none; cursor:pointer; margin-bottom:10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;

    padding:5px;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 200px;
    /*-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;*/
    opacity: 1;
}



@media(max-width:1170px) {
   .dropdown .dropdown-menu {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;float:none;
}

.dropdown.open .dropdown-menu {
    max-height: 200px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}
}







/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor         { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
#headline       { text-align:center; }
#headline h1    { font-size: 370%;position: relative;display: inline-block;z-index: 1; }
#headline h1:after { content: "";border-bottom: 12px solid #FBAF3F;position: absolute;width: 100%;left: 0;bottom: 10.5px;z-index: -1; }

#subheadline h2 { margin: 0; padding: 0; font-size: 130%; color: #59595B; font-weight: normal; margin-bottom:10px;  }

#writer         { margin-bottom: 5px; font-weight: normal; }
#text1          { margin-top: 20px; margin-bottom:  20px; }
#text1 strong   { }
#text1 b        { }

#body p         { font-size: 135%;max-width: 840px;margin: auto;text-align: center;/*font-family:'reforma';*/ }

#video          { margin-bottom:  20px; }
#video video    { width: 100%; height: auto; }

#remarks        { font-size: 90%; }

h3              { font-size: 100%; }
h4              {  }

.picD           { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }

#lobby          { margin-bottom:30px;margin-top:80px; }

@media(max-width:1400px) {
    #headline h1:after  { border-bottom-width: 9px; }
}
@media(max-width:991px) {
   #lobby #body { max-width:90%;margin:auto; }
   #lobby   { margin-top:30px; }
   #body p  { line-height: 1.2; }
    .text-holder-reg p { line-height: 1.2; }
}

@media(max-width:767px) {
  #lobby #body p,#body p,section .text-holder-reg { font-size:130%; }
  #lobby   { margin-top:20px; }
  #headline h1       { font-size:240%; }
  #headline h1:after { border-bottom-width: 6px;bottom:6.5px; }
}
@media (max-width: 370px)  { 
    #headline h1   { font-size:240%; }
}

/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg   { margin: 0px; }

.no-pad    { padding: 0px; }

.p-vert    { display: table; }

.c-vert    { display: table-cell; vertical-align: middle; }

.f-h       { height: 100%; }

.f-w       { width: 100%; }

.margin-auto { margin:0 auto }

@media (max-width: 767px)  { 
    .row            { margin:0px -5px; }
    .row > div      { padding:0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align   { display: table; height: 100%; width: 100%; /*pointer-events: none;*/ }
.vertical-align-center  { display: table-cell; vertical-align: middle; /*pointer-events: none;*/ text-align:center; }

#mrw-modal-1    { }
#mrw-modal-1 .modal-content     { border-radius:0px; background-color:transparent; display:inline-block; pointer-events: all; }




a.close { position: absolute;top: -40px;text-shadow: none;right: 0;opacity: 1;direction: rtl;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%); }
a.close svg { width: 25px;height: 25px;fill: #ffffff; }

.close:hover, .close:focus { opacity: 1; }




.reg-pop .modal-content  { width: 860px;border-radius: 0;margin: auto;border:0; }
.reg-pop .modalRight, .reg-pop .modalLeft { float: none;display: table-cell;vertical-align: top;text-align: right; }
.reg-pop .modalLeft             { height: 100%;padding-top: 0;padding-bottom: 0;padding: 0;overflow:hidden; }
.reg-pop .modal-content h3      { font-size: 135%; }
.reg-pop .all-content           { display: table;width: 100%;direction:rtl;padding:40px 30px;min-height:480px; }


.reg-pop .modalRight h2 { font-size: 250%;margin-top: 0;text-align:left;margin-bottom: 0px;color:#C6553C;margin-bottom:10px;text-align:right; }
.reg-pop .description { font-size: 150%;line-height:1.2; }
.reg-pop .contentText { position: relative; font-size: 95%;min-height:15vh; }
.reg-pop .contentData { font-size: 120%;margin-top: 10px;line-height:1.2;height: 275px;overflow-y: auto;direction:ltr;padding-right:2px; padding-right: 7px; margin-right: -7px; }
.reg-pop .contentData::-webkit-scrollbar { width: 5px; } 
.reg-pop .contentData::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); } 
.reg-pop .contentData::-webkit-scrollbar-thumb { background-color: #cccccc; }


.reg-pop .modalLeft img { max-height: 450px;overflow: hidden;float: left; }
#grad-pop .modalLeft img { position:absolute;top:0;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%); } 

.reg-pop .modalLeft.mobile         { display:none; }
@media (max-width:1440px){
    .reg-pop .modal-content      { width:800px; }
    .reg-pop .modalLeft img      { max-height:400px; }
}


@media (max-width:991px){
    .reg-pop .modal-content      { width:500px; }
    .reg-pop .all-content        { display: block;} 
    .reg-pop .modalLeft img { max-height: 350px;float:none; }

    .reg-pop .modalRight, .reg-pop .modalLeft { display: block;width: 100%; }
    .reg-pop .modalLeft { text-align:center; }
     .reg-pop .modalLeft   { padding-bottom:30px; }
    .reg-pop .contentText    { font-size:100%; }
    .reg-pop .modalLeft.mobile         { display:block; }
    .reg-pop .modalLeft.desktop         { display:none; }
        .reg-pop .contentData   { height:340px; }

}

@media (max-width:767px){
    .reg-pop .contentText    { min-height:30vh;}
   .reg-pop .all-content     { display: block;max-height:80vh;overflow:auto;padding:20px 15px;direction:ltr; }
   .reg-pop .modalRight, .reg-pop .modalLeft { display: block;width: 100%; }
   .reg-pop .modalLef    { height: 150px; }
    .reg-pop .close svg              { width: 20px; height: 20px; }
    .reg-pop a.close                 { top: -30px; }
    .reg-pop a.close span            { display: none; }
    .reg-pop a.close span.xIcon      { display: inline-block;margin-left: 0; }
    .reg-pop .modal-content          { width: 90vw; margin-right: 5vw;margin-left: auto; }    
    .reg-pop .modalRight h2 { font-size:180%; }
    .reg-pop .modalRight  { padding-top:10px;padding-bottom:20px; }
}



/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center;  }
.grid-view .grid-box-image      { padding-bottom:56%; position:relative; overflow:hidden; }
.grid-view .grid-box-image a    { display:block; position:absolute; left:0px; bottom:0px; right:0px; top:0px; }
.grid-view .grid-box-image img  { margin: 0 auto; max-width:100%; }



.grid-view.center-elements .row         { font-size:0px; text-align:center; }
.grid-view.center-elements .row > div   { display:inline-block; float:none !important; vertical-align:top; font-size:1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/

@font-face {
    font-family: 'ogen';
    src: url('../../../000Frames/site/fonts/fbogen-regularwebfont.eot');
    src: url('../../../000Frames/site/fonts/fbogen-regularwebfont.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/fbogen-regularwebfont.woff') format('woff'),
         url('../../../000Frames/site/fonts/fbogen-regularwebfont.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/fbogen-regularwebfont.svg#fbogen_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; /* unicode range for hebrew letters, 0-9 and all special chars */
}

@font-face {
    font-family: 'reforma';
    src: url('../../../000Frames/site/fonts/reformanarrowregularwebfont.eot');
    src: url('../../../000Frames/site/fonts/reformanarrowregularwebfont.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/reformanarrowregularwebfont.woff') format('woff'), url('../../../000Frames/site/fonts/reformanarrowregularwebfont.ttf') format('truetype'), url('../../../000Frames/site/fonts/reformanarrowregularwebfont.svg#ReformaNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; /* unicode range for hebrew letters, 0-9 and all special chars */
}

@font-face {
    font-family: 'niagara';
    src: url('../../../000Frames/site/fonts/NIAGSOL.eot');
    src: url('../../../000Frames/site/fonts/NIAGSOL.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/NIAGSOL.woff') format('woff'),
         url('../../../000Frames/site/fonts/NIAGSOL.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/NIAGSOL.svg#NIAGSOL') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+040-07F;       /* unicode for a-z and A-Z letters only! */

}



/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

#popup-modal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    z-index:99999;
}
    
#popup-modal .modal-header {
    border: none;
    padding: 0px;
}

#popup-modal .close {
    display: block;
    float: none;
    margin: 0 auto;
    opacity: 1;transform: translateX(-50%);-webkit-transform:translateX(-50%);
    left: 50%;right:auto; 
}

#popup-modal .close span {
    color: #fff;
}

#popup-modal .modal-body {
    text-align: center;
}

#popup-modal .modal-content {
    border: 0px;
    background-color: transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;width: auto;
    max-width: 90vw;
}


.vertical-alignment-helper { display: table; height: 100%;width: 100%; }
.vertical-align-center     { display: table-cell;vertical-align: middle; }




/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery       { position:relative; min-height:250px; }
.lightbox-gallery-item  { display:none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery>.close, .blueimp-gallery>.title    { top:65px; display:block; }
.blueimp-gallery a.next         { display:block !important; }
.blueimp-gallery a.prev         { display:block !important; }
.blueimp-gallery ol.indicator   { display:block !important; }
.blueimp-gallery a.play-pause   { display:block !important; }

#blueimp-gallery { display:none; }

/*------------------------------------*\
    GALLERY COMPONENTS - OWL CAROUSEL
\*------------------------------------*/
.owl-prev { color: #ffffff;z-index: 4;right: 20px;font-size: 450%;opacity: 1 !important;cursor: pointer;display: block;
    background-size: cover;background-image: url(../../../000Frames/site/images/slider/gallery-arrow-right.png);width: 50px;height: 50px;background-position: center center; }
.owl-next { color: #ffffff;z-index: 4;left: 20px;font-size: 450%;opacity: 1 !important;cursor: pointer;display: block;
            background-size: cover;background-image: url(../../../000Frames/site/images/slider/gallery-arrow-left.png);width: 50px;height: 50px;background-position: center center; }

/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.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);
    overflow:hidden;margin-bottom:0;
}

.flexslider .flexslider-item {
    display: block;
    /*min-height: 200px;*/
    padding-bottom: 40%;
    background-size: cover;
    background-position: center center;pointer-events:none;
}

.flexslider .slides > li { position:relative; }

.flexslider .flex-control-nav { bottom:120px; z-index:4; }
.flex-control-paging li a.flex-active { background: #000; cursor: default; }
.flex-control-paging li a { background: #ffffff; width:13px; height:13px;box-shadow:none; }
.flexslider .flexslider-item {position:relative;}
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff;font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%;}

.flex-direction-nav a { opacity: 1;color: #ffffff;top: auto;bottom: 20px;width:50px;height:50px;z-index:3;  }
.flex-direction-nav .flex-prev,.flexslider:hover .flex-prev { left: 30px;opacity:1; }
a.flex-next,.flexslider:hover .flex-next { left: 90px;opacity:1; }
.flex-direction-nav a:before    { content: "";background-image: url(../../../000Frames/site/images/slider/gallery-arrow-left.png);width: 50px;height: 50px;background-size: cover;background-position: center center;}
.flex-direction-nav a.flex-next:before    { content: "";background-image: url(../../../000Frames/site/images/slider/gallery-arrow-right.png);width: 50px;height: 50px;background-size: cover;background-position: center center;}

.flex-control-paging li a.flex-active,.flex-control-paging li a:hover { background: #FCB040; }

@media(max-width:767px) {
.flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
}


/*------------------------------------*\
    Footer Style 
\*------------------------------------*/

#SiteFooter .footerContact              { color: #fff; margin-top:40px; margin-bottom:30px; }
#SiteFooter .footerBlockTitle           { text-align:center; font-size: 140%; }
#SiteFooter .footerBlockContent         {}
#SiteFooter a.footerlink                { /*width: 33%;*/display: inline-block;vertical-align: middle; }


#SiteFooter .footerContact              { max-width: 730px;margin-right: auto;margin-left: auto; }
#SiteFooter a.footerlink:first-child    { width: 24%;margin-left: 10%; }
#SiteFooter a.footerlink:nth-child(2)   { width: 46%;margin-left: 10%; }
#SiteFooter a.footerlink:last-child     { width: 9%; }

.footer-text                            { color: #ffffff;text-align: center;font-size: 110%;padding-bottom: 25px;max-width: 1000px;margin-right: auto; margin-left: auto;line-height: 1.5; }
.footer-text a                          { color: #ffffff;display: inline-block;padding: 0px 5px; }

@media(max-width:1400px) {
    #SiteFooter .footerContact { max-width:55%; }
}
@media(max-width:991px) {
    #SiteFooter .footerContact { max-width:80%; }
    .footer-text    { max-width:90%; }
}

@media(max-width:767px) {
    #SiteFooter .footerContact { max-width:65%;margin-top: 30px;margin-bottom: 30px; }
    #SiteFooter a.footerlink:nth-child(2)   { width:49%; margin-left:7%; }
    #SiteFooter a.footerlink:last-child { width:10%; }
    #SiteFooter a.footerlink:first-child    { width:26%; margin-left:5%; }
    #SiteFooter { padding: 0; }
    .footer-text    { font-size:90%; }
}

/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/
#UnderSiteFooterContainer       { background:#252525; }
#UnderSiteFooter { padding: 14px; }
#UnderSiteFooter img { max-width: 150px;image-rendering: -webkit-optimize-contrast; }

@media(max-width:767px) {
    #UnderSiteFooter img { max-width: 150px; }

}


/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {

.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align:center; }
.bootbox .modal-footer button { margin:10px; }
.bootbox .modal-footer .btn+.btn {margin-bottom:10px;}
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px){
    .bootbox .modal-dialog { width: 80%; }
}

#workshop-closed .all-content { min-height: 250px; font-size: 220%; direction: rtl; }
#workshop-closed h1:after { content: ""; border-bottom: 12px solid #FBAF3F; position: absolute; width: 100%; left: 0; bottom: 10.5px; z-index: -1; }
#workshop-closed h1 { position: relative; font-size: 170%; position: relative; display: inline-block; z-index: 1; }

@media(max-width:767px) {
    #workshop-closed .all-content { font-size: 160%; }
    #workshop-closed h1:after {  border-bottom: 5px solid #FBAF3F; }
}