body 
{
    
    direction: rtl;
    background-color: Black;
    font-family: 'Open Sans Hebrew', sans-serif !important;
    text-align: right;
}

@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 300;
    src: url(opensanshebrew-lightitalic-webfont.eot);
    src: url(opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-lightitalic-webfont.woff) format('woff'),
    url(opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url(opensanshebrew-light-webfont.eot);
    src: url(opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-light-webfont.woff) format('woff'),
    url(opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 400;
    src: url(opensanshebrew-italic-webfont.eot);
    src: url(opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-italic-webfont.woff) format('woff'),
    url(opensanshebrew-italic-webfont.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url(opensanshebrew-regular-webfont.eot);
    src: url(opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-regular-webfont.woff) format('woff'),
    url(opensanshebrew-regular-webfont.ttf) format('truetype');
}

@font-face
{
    font-family: 'Open Sans Hebrew';
}

.button, input, optgroup, select, textarea
{
    font-family: 'Open Sans Hebrew';
}
.validation-label
{
    float: left;
    margin-top: -33px;
    margin-left: 10px;
}

.omerHeader
{
    margin: auto;
    text-align: center;
}
.btn-w
{
    min-width: 200px !important;
}

.fixrow
{
    max-width: 300px;
    overflow-wrap: break-word;
}
#btnLang 
{
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 2000;
}

.footer
{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.footer img
{
    max-width: 100%;
}

.white-footer
{

    background: white !important;
    border-top-color: white !important
}
.black-footer
{

    background: #100e3f !important;
    border-top-color: black !important
}
.aguda-logos
{
    text-align: center;
    background-color: black;
    width: 100%;
    position: absolute;
    margin: auto;
}
.aguda-logos img
{
    max-width: 100%;
}

.mainWrap
{
    padding-top: 20px;
}

#event_logo_con
{
    margin: auto;
    text-align: center;
}
#event_logo
{
    max-width: 600px;
}

.card-bg
{
    font-weight: 700;
    font-size: 25px;
    padding-top: 5px;
    color: white;
    padding-bottom: 5px;
    text-align: center;
    background-color: #31b0d5;
}

.mainWrap { width: 100%; min-height: 1900px; background: url('../images/bg-holy.jpg') no-repeat center center; background-size: cover; overflow: hidden; }
.content-wrap { width: 100%; max-width: 1200px; min-height: inherit; margin: 0 auto; position: relative; }

.frame-1
{
    min-height: 930px;
    z-index: 6; 

    background-size: contain;

    overflow: hidden;
}

.card-block
{
    padding: 20px;
}

.frame-1 .content-wrap { z-index: 99; }
                     
.frame-1 .logo_main img
{
    max-width: 700px;
}
.frame-1 .logo_main
{ 
    position: relative;
    margin: auto;
    text-align: center;
}      
.frame-1  .action-btn { color: black; text-shadow: 0px 1px 2px #FF9800 ; }
.frame-1 .info-box { width: 585px; height: 420px; overflow: hidden; }
.frame-1 .info-box p { font-size: 1.25rem; text-align: center; }
.frame-1 .info-box .box-date { display: block; margin: 0 auto; margin-top: 266px; }

.frame-2
{
    min-height: 1000px;
    width: 100%;
    background-size: contain;
}

/*   checkbox ------------------------------------------------------------------------------------------------- */

.label
{
    padding: 5px;
}

.checkbox label, .radio label
{
    padding-top: 10px;

    padding-left: unset;
    padding-right: 40px;
}

.checkbox
{
}
:root
{
    /* larger checkbox */
}
:root label.checkbox-bootstrap input[type=checkbox]
{
    /* hide original check box */
    opacity: 0;
    position: absolute;
    /* find the nearest span with checkbox-placeholder class and draw custom checkbox */
    /* draw checkmark before the span placeholder when original hidden input is checked */
    /* disabled checkbox style */
    /* disabled and checked checkbox style */
    /* when the checkbox is focused with tab key show dots arround */
}
:root label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder
{
    width: 14px;
    height: 14px;
    border: 1px solid;
    border-radius: 3px;
    border-color: #737373;
    border-color: #f5f5f5;
    display: inline-block;
    cursor: pointer;
    margin: 0 -20px 0 7px;
    vertical-align: middle;
    text-align: center;
    background: whitesmoke;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder
{
    background: #31b0d5;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder:before
{
    display: inline-block;
    position: relative;
    vertical-align: text-top;
    width: 5px;
    height: 9px;
    /*checkmark arrow color*/
    border: solid white;
    border-width: 0 2px 2px 0;
    /*can be done with post css autoprefixer*/
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}
:root label.checkbox-bootstrap input[type=checkbox]:disabled + span.checkbox-placeholder
{
    background: #ececec;
    border-color: #c3c2c2;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked:disabled + span.checkbox-placeholder
{
    background: #d6d6d6;
    border-color: #bdbdbd;
}
:root label.checkbox-bootstrap input[type=checkbox]:focus:not(:hover) + span.checkbox-placeholder
{
    outline: 1px dotted black;
}
:root label.checkbox-bootstrap.checkbox-lg input[type=checkbox] + span.checkbox-placeholder
{
    width: 26px;
    height: 26px;
    border: 2px solid;
    border-radius: 5px;
    /*checkbox border color*/
    border-color: #bdbdbd;
}
:root label.checkbox-bootstrap.checkbox-lg input[type=checkbox]:checked + span.checkbox-placeholder:before
{
    width: 9px;
    height: 15px;
    /*checkmark arrow color*/
    border: solid white;
    border-width: 0 3px 3px 0;
}

/* end of checkbox*/

















#PanelFirstStage
{
    background: rgba(255, 255, 255, 0.89);
    margin-top: 45px;
    min-height: 250px;
}

.panel-heading
{
    background-color: rgba(5, 69, 158, 1);
    color: white;
}

#per-logos
{
    width: 100%;
    text-align: center;
    padding-bottom:10px;
}

#per-logos img 
{
    max-height: 450px;
    margin-top: -70px;
    z-index:4000;
}

.pLeft
{
   float:left;
}

.pRight
{
    float:right;

}

.pDate 
{
    margin:auto;
    margin-left:300px;
}

.panel-heading h2
{
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 3px;
}
.grad
{
    background: #13446c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #041c38, #015f95); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #041c38, #015f95); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #041c38, #015f95); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #041c38, #015f95); /* Standard syntax */
}

.lbTicketPrice
{
    font-weight: 900;
    font-size: 20px;
    color: rgba(5, 69, 158, 1);
}

.lbTicketType
{
    font-weight: 900;
    font-size: 15px;
}

.UnionLogo
{
    text-align: center;
    background-color: white;
    max-width: 300px;
    margin: auto;
    border-radius: 10px;
    margin-top: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.UnionLogo img
{
    width: 230px;
}

.union-Box
{
    border-radius: 10px;
    background-color: white;
    display: inline-block;
    max-width: 300px;
    text-align: center;
    margin-top: 10px;
    vertical-align: top;
    min-width: 305px;
    max-width: 305px;
    min-height: 165px;
    margin: 5px;
}

.union-Box h4
{
    margin-top: 10px;
    max-width: 100%;
    text-align: center;
    font-size: 17px;
    background-color: #e84523;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
}
.union-Box img
{
    width: 150px;
}

#PanelUnions
{
    text-align: center;
}

#Panelconnected
{
    margin-top: -10px;
    background-color: #464a4c;
    padding: 10px;
    text-align: left;
    font-weight: 900;
    border-radius: 10px;
    max-width: 350px;
    float: left;
    color: white;
}
#btnDisconect
{
    margin-right: 10px;
}
.badge
{
    font-size: 100%;
    white-space: normal;
}

.ssl-logo
{
    display: block;
    padding-top: 64px;
    text-align: center;
}

.ssl-logo img
{
    max-height: 20px;
}

.footer-left-logo
{
    float: left;
}

.footer-left-logo img
{
    padding-top: 10px;
    width: 600px;
}

.footer-right-logo img
{
    width: 700px;
}
.footer-right-logo
{
    margin-top: 5px;
    margin-right: 10px;
    float: right;
}
.addItemBtn
{
    margin-top: -5px;
    margin-right: 15px;
}

#BtnCouponCheck
{
    margin-top: 6px;
    padding-top: 6px;
}

.coupon
{
    color: black;
    text-decoration: line-through;
}
    
.couponNew
{
    color: red;
    font-weight: bold;
}

.red
{
    color: red;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-6, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 
{
    float: right;
}

.action-btn { width: 360px; height: 50px; line-height: 50px; border-radius: 4px; margin: 0 auto; display: block; text-align: center; font-size: 1.365rem; font-weight: 700; }

.gard-blue
{
    background: rgb(6, 119, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA2NzdDNyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAzMzc1QyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU2NSkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(1, 132, 224, 1) 0%, rgba(5, 69, 158, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 132, 224, 1)), color-stop(100%, rgba(5, 69, 158, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(1, 132, 224, 1) 0%, rgba(5, 69, 158, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(1, 132, 224, 1) 0%, rgba(5, 69, 158, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(1, 132, 224, 1) 0%, rgba(5, 69, 158, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(1, 132, 224, 1) 0%, rgba(5, 69, 158, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e3a9', endColorstr='#0dac83',GradientType=0 ); /* IE6-8 */
}
.gard-yellow
{
    background: rgb(6, 119, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA2NzdDNyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAzMzc1QyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU2NSkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgb(254, 250, 162) 0%, rgba(255, 215, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(254, 250, 162)), color-stop(100%, rgba(255, 215, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254, 250, 162) 0%, rgba(255, 215, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254, 250, 162) 0%, rgba(255, 215, 0) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, rgb(254, 250, 162) 0%, rgb(255, 215, 0) 100%);
    background: -ms-linear-gradient(top, rgb(254, 250, 162) 0%, rgba(255, 215, 0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254, 250, 162) 0%, rgba(255, 215, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e3a9', endColorstr='#0dac83',GradientType=0 ); /* IE6-8 */
}






.frame-1  .action-btn
{
    margin-top: 370px;
    text-decoration: none;
    margin: auto;
}

@media only screen and (max-width: 1440px  ) 
{
    .frame-1 .logo_main img
    {
        max-height: 280px;
    }

    #event_logo
    {
        width: 450px;
    }
        #per-logos img 
{
    margin-top: -100px;
    z-index:4000;
}

.pDate
{
    padding-top:40px;
}

}

@media only screen and (max-width: 1200px  ) 
{
    #event_logo
    {
        width: 350px;
    }

    .frame-1 .logo_main img
    {
        max-height: 350px;
    }
    .frame-1 .info-box-wrap { width: 500px; position: absolute; top: 222px; right: 265px; }
   
    #festival_logo
    {
        width: 400px;
    }

}

@media only screen and (max-width: 640px) 
{


    
    .omerHeader img
    {
        width: 100%;
    }

    .mainWrap
    {
        padding-top: 40px;
    }
    
    #per-logos img 
    {
        width: 100%;
        margin: auto;
        padding-right: 5px;
        padding-bottom: 10px;
    }

    .footer-left-logo img
    {
        width: 100%;
    }

    .small-block
    {
        width: 100%;
        display: block;
        margin-top: 7px;
    }
        
    .frame-1 .logo_main img
    {
        margin-bottom: 15px;
    }

   
}

@media only screen and (max-width: 480px) 
{
    .mainWrap
    {
        padding-top: 30px;
    }

    #Panelconnected
    {
        margin-top: -5px;
        background-color: #31708f;
        padding: 10px;
        text-align: center;
        font-weight: 900;
        border-radius: unset;
        float: none;
        width: 100%;
        color: white;
        margin-bottom: 5px;
        max-width: 100%;
    }
    #btnDisconect
    {
        margin-right: 20px;
    }
  
    .addItemBtn
    {
        margin-top: 5px;
        display: block;
        width: 100%;
        margin-right: unset;
    }

    .UnionLogo
    {
        max-width: 100%;
        margin: 0;
        border-radius: unset;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .UnionLogo img
    {
        width: 130px;
    }

    #PanelFirstStage
    {
        margin-top: 15px;
    }

    #event_logo_con img
    {
        width: 100%;
    }

    .card-block
    {
        padding: 0.8rem;
    }
    .con-mobile
    {
        padding: 0;
    }
    #event_logo
    {
        margin-top: 10px;
    }

    .img-res
    {
        max-width: 100%;
        height: auto;
    }

    #per-logos img 
    {
        width: 100%;
        margin: auto;
        padding-right: 5px;
        padding-bottom: 10px;
    }
      
    .frame-1 .logo_main img
    {
        max-height: 150px;
    }
    .action-btn { width: 220px; height: 50px; line-height: 50px; border-radius: 4px; margin: 0 auto; display: block; text-align: center; font-size: 1.365rem; font-weight: 700; }
    
    .footer-left-logo
    {
        float: left;
        width: 100%;
    }
    .footer-right-logo
    {
        width: 100%;
        text-align: center;
    }
    
}

@media only screen and (max-width: 375px)
{

    .union-Box
    {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        margin-left: unset;
        margin-right: unset;
    }
    .card-block
    {
        padding-right: 5px;
        padding-left: 5px;
    }

}

@media only screen and (max-width: 320px) 
{



    #per-logos img 
    {
        max-width: 100%;
        max-height: 200px;
    }

    #event_logo
    {
        margin-top: 10px;
        width: 130px;
    }   

}

.frame-1 .logo_main img { width: 100%; }

.action-btn { width: 220px; height: 50px; line-height: 50px; border-radius: 4px; margin: 0 auto; display: block; text-align: center; font-size: 1.365rem; font-weight: 700; }