@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);

body 
{
    
    direction: rtl;
    background-color: Black;
    font-family: 
   
    "Alef Hebrew",
    Arial,
    “Helvetica Neue”,
    Helvetica,
    sans-serif;
}

.event-text 
{
    margin-top: 60px;
    max-width: 550px;
}
#btnLang 
{
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 2000;
}

.black-bg
{
    background-color: black !important;
    border-color: black !important;
}

.footer-nav
{
}
#festival_logo_con
{
    left: 320px;
    position: absolute;
    top: 400px;
}
#festival_logo
{
    margin-top: 10px;
    width: 420px;
}

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

.frame-1 { min-height: 950px; background: url('../images/frame-1-bg.jpg') no-repeat center top; z-index: 6; overflow: hidden; }

.frame-1 .content-wrap { z-index: 99; }
                     
.frame-1 .logo_main img
{
   
}
.frame-1 .logo_main
{ 
    
  
    margin: auto;
    text-align: center;
    margin-top: 20px;
}      
.frame-1 .info-box-wrap { width: 585px; position: absolute; top: 100px; right: 220px; }
.frame-1 .action-btn { color: #fff; text-shadow: 0px 1px 2px rgba(1, 132, 224, 1); }
.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; z-index: 5; }
.frame-2 .frame-bg { width: 100%; min-height: 1000px; position: absolute; background: url('../images/frame-2-bg.jpg') no-repeat center center; }

#PanelFirstStage
{
    background: rgba(255, 255, 255, 0.5);
    margin-top: 55px;
}

.panel-heading
{
    background-color: #faaa17;
    color: white;
}

#per-logos
{
    margin-top: 600px;
    width: 100%;
    text-align: center;
    float: left;
}

#per-logos img 
{

    width: 70%;
}
.panel-heading h2
{
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 3px;
}

.footer-left-logo
{
    float: left;
    padding-left: 20px;
}
.footer-right-logo
{
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}
#order
{
   
    background: url(../images/bg-full.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 700px;
}

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



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

                         
    .frame-1 .logo_main img
    {
        max-height: 600px;
    }
       
    .frame-1  .action-btn { color: #fff; text-shadow: 0px 1px 2px rgba(1, 132, 224, 1); }

    .frame-2 .frame-bg { width: 100%; min-height: 1000px; position: absolute; background: url('../images/frame-2-bg.jpg') no-repeat center center; }

    #festival_logo
    {
        width: 400px;
    }

}

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

    .event-text
    {
        max-width: 450px;
    }
}

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

    .event-text 
    {
        margin-top: 0px;
        max-width: 500px;
        margin-bottom:10px;
    }
    .container
    {
        width: unset;
    }
    .small-block
    {
        width: 100%;
        display: block;
        margin-top: 7px;
    }
    .addItem
    {
        margin-top: 5px;
    }
        
    .frame-1 .logo_main img
    { 

        max-width: 700px;
    }
    .frame-1 .info-box-wrap { width: 500px; position: absolute; top: 222px; right: 265px; }
    .frame-1 .info-box { width: 500px; 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; width: 490px; }
        
}

@media only screen and (max-width: 640px) 
{
    .event-text 
    {
        margin-top: 60px;
        max-width: 100%;
    }
    .small-block
    {
        width: 100%;
        display: block;
        margin-top: 7px;
    }
    .addItem
    {
        margin-top: 5px;
    }
        
    .container 
    {
        padding-left:0;
        padding-right:0;
        
    }
    .frame-1 .logo_main img { width: 100%; }
    .frame-1 .logo_main { top: 0px; }      
    .frame-1 .info-box-wrap { width: 500px; position: absolute; top: 222px; right: 265px; }
    .frame-1 .info-box { width: 500px; 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; width: 490px; }
        
}

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


    .img-res
    {
        max-width: 100%;
        height: auto;
    }
      
    .frame-1 .logo_main img { width: 100%; }
    .frame-1 .logo_main {  bottom: 146px; }      
    .frame-1  .action-btn { 
        color: #fff; text-shadow: 0px 1px 2px rgba(1, 132, 224, 1);

    }
    
    .footer-left-logo
    {
        float: left;
        width: 49%;
    }
    .footer-right-logo
    {
        float: right;
        width: 45%
    }

    #festival_logo
    { 
        width: 230px;
    }
    
}

@media only screen and (max-width: 320px) 
{
    
      
    .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; }
}