/* Font*/

/*
* Open Sans Hebrew (Hebrew) http://www.google.com/fonts/earlyaccess
*/
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot);
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff) format('woff'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot);
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot);
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff) format('woff'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot);
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot);
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff) format('woff'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot);
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 800;
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot);
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff) format('woff'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.ttf) format('truetype');
}
@font-face
{
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 800;
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot);
    src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.ttf) format('truetype');
}

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

/* end of fonts*/






body {
    direction: rtl;
    font-family: "Open Sans Hebrew", Arial;
    margin: 0;
    /* margin-bottom: 40px;
    Margin bottom by footer height */
    background-size: 100%;
    text-align: right;
    background-color: white;
    background-image: url('../images/lego-bg.jpg');
     background-position-x:center;
    background-repeat:no-repeat;
    background-size:cover;
    margin:auto;
    color:white;
}


html
{
    position: relative;
    min-height: 100%;
}

h1
{
    text-align: center;
    font-weight: 900;
    font-size: 60px;
}

h2
{
    text-align: center;
    font-weight: 900;
    font-size: 35px;
}

.max-row
{
    max-width: 150px;
}
h3
{
    font-weight: 900;
    font-size: 30px;
    margin-top: 10px;
}

.logo
{
    width: 100%;
    padding-top: 15px;
    text-align: center;
    padding-bottom: 20px;
}
.logo img
{
    max-width:450px;

}

.container
{

    max-width: 768px;
    height: 100vh;
    margin-bottom: -300px;
}

.footer
{

    bottom: 0;
    position: fixed;
    margin-right: 0;
    width: 100%;
    text-align: center;
    z-index: -1;
}

.white
{
    color: white !important;
}

.buttons
{
    padding-top: 200px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-back
{
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0;
    height: 70px;
    width: 70px;
    background-color: #0a6c24;
    color: white;
    font-size: 22px;
}

.modal-title
{
    text-align: right;
}

.modal-header .close
{

    margin-right: auto;
    margin-left: -1rem;
}

#PanelForm
{
    margin-top: 50px;
}

#btnSubmit
{
    margin-top:5px;
    background-color:#ee3226;
    border-color:#b53636
}
.reg
{
    z-index: 100;
    max-width: 768px;
}

.date
{
    float:right;
    position:absolute;
    top:0;
    right:0;
  
}
.row
{
    padding-bottom: 10px;
}
.textbox
{
    /* max-width: 300px;*/ 
    margin-bottom: 5px;
}

.text-label
{
    display: inline-block;
    float: right;
    padding-top: 10px;
    font-size: 1.25rem;
    padding-left: 10px;
}

.ddlbig
{
    max-width: unset;
}

.ui-widget
{
    font-size: 1.5em !important;
}
.btn-reg
{
    width: 250px;
    margin-top: 20px;
    text-align: center;
}

.validation-label
{
    float: left;
    margin-top: -33px;
    margin-left: 10px;
    color: white!important;
}

/* radio button -------------------------------------------*/

.RadioB  input
{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */

    position: absolute; /* Remove input from document flow */
}

.RadioB  img
{ /* IMAGE STYLES */
    cursor: pointer;
    border: 2px solid transparent;
}

.RadioB  label
{ /* IMAGE STYLES */
    cursor: pointer;
    background-color: white;
    width: 70px;
    text-align: center;
    margin-left: 10px;
    color: #737373;
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    border: 1px solid #ced4da;
}

.RadioB  input:checked ~ label
{ /* (RADIO CHECKED) IMAGE STYLES */
    border: 1px solid #155724;
    background-color: #28a745;
    font-weight: 900;
    color: white;
}

/* end of radio button -------------------------------------------*/


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

.label
{
    padding: 5px;
}

.checkbox-textholder
{
    display: inline-flex;
}
.checkbox label, .radio label
{
    padding-top: 10px;

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

.checkbox
{
    margin-bottom: -15px;
}
: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-color: #ea4335;
}
: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*/


.main-con
{
     background-color: black;
     width:100%;
}
.con
{
    background-color: black;
    color: white;
    width: 100%;
    max-width:1024px;
    padding: 15px;
    margin:auto;


}

#PanelInfo
{
    color: white;
}
#PanelThanks
{
      margin-top: -10px;
    background-color: black;
    width: 100%;
    padding-top: 20px;
    color: white;
      margin-bottom: 30px;
    
}

.martin
{
    text-align: center;
    background-color:white;
    width:100%;

}

.martin-logo
{
    text-align: center;
    background-color:black;
}

.martin-text2
{
     text-align:center;
 }
.martin-text2 img
{  
    max-width:400px;
}


.martin-logo img
{
    margin-top: -250px;
    max-width: 290px;
    margin-right: -30px;
}

.renuar-logo
{
    text-align:center;
    margin-bottom:-20px
}

.martin-text
{
    text-align:center;
    background-color:#08090b;
    padding-right:50px;
    padding-left:50px;
}


    .text-mobile
    {
        display:none;
    }
.tm-logo
{
    text-align:center;
    margin-top:10px;
}

.tm-logo img
{
    max-width:290px;
}


@media only screen and (min-width: 1440px)
{
       .martin-text img
    {
        width:100%;

    }

}

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

        .date 
{
 
            top:20px;
            right:10px;
  
}


    .date img
{
   width:150px;
  
}

    .martin-text
{
    padding-right:10px;
    padding-left:10px;
}



       .martin-text img
    {
        width:100%;

    }
      .martin img
    {
        width:100%;
    }
}

@media only screen and (max-width: 768px)
{
    .martin img
    {
        width:100%;
    }

            .date 
{
 
            right:0px;
  
}

    .martin-text img
    {
        width:100%;

    }
   

}

@media only screen and (max-width: 575px)
{
    h1
    {
        font-size:24px;
    }
    
      h2
    {
        font-size:18px;
    }
        .date 
{
 
      display:none;
  
}
    .text-mobile
    {
        display:block;
        width:100%;
    }

    .martin-text
    {
        display:none;
    }
        .text-mobile img
    {
        width:100%;
    }


    .checkbox-placeholder
    {
    }
    .checkbox label
    {
        font-size:15px;
    }
    .legal-note
    {
        font-size:13px;
    }

    .martin-text2 img
    {
        width:90%;
    }
    
.martin-text img
{
    width:100%;
}
       .renuar-logo
       {
           margin-left:5px;
           margin-right:5px;
       }

   .renuar-logo img
{
        width:100%;
}

    .martin-logo img
    {
        width: 70%;
        margin-top: -250px;
        margin-right: -20px;
    }

    .martin img
    {
        width: 100%;
    }

    .logo
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .logo img
    {
        width: 100%;
    }

    .footer img
    {
        width: 100%;
    }
}
.small-block
{
    width: 100%;
}




@media only screen and (max-width: 375px) {
    .martin-text2 img {
        margin-top: -420px;
    }


    h3
{
        font-size:20px;
    }
    

}


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

        h3
{
        font-size:15px;
    }


}