/* perpel : #7f66aa


2a9ed8
30bda6
*/

body {
    font-family: 'almoni-neue';
    direction: rtl;
    margin: 0;
    /* margin-bottom: 40px;
    Margin bottom by footer height 211839 */
    background-size: 100%;
    text-align: right;
    background-color: #314135;
    color: white;
    background-position-y:-200px;
}

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

.name
{
    color: white;
    font-size: 28px;
    font-weight: 700;
    top: 20px;
    margin-right: 20px;
    position: absolute;
}

h1
{
    text-align: center;
    font-weight: 700;
    font-size: 40px;
}

h2
{
    text-align: center;
    font-weight: 700;
    font-size: 33px;
}

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

.container
{

    max-width: 768px;
  
    margin-bottom: 30px;
}

.footer
{
    margin-top: 20px;
    font-size: 14px;

    margin-bottom:100px;
}


a{
    color :rgba(244,184,94,1);
}

a:hover
{
    color :rgba(244,184,94,1);
}


.ddl
{
    margin-top: 20px;
    /*max-width:320px;*/ 


}

.bz
{


}



.validation-ddl
{
    float: left;
    margin-left: 25px;
    margin-top: -33px;
}

.form-control
{
    background-color: whitesmoke;
}
.title-box
{
    margin-top: -50px;
    padding: 20px;
    padding-top: 40px;
}

.box h1
{
    font-weight: 700;
     background: -webkit-linear-gradient(#ffe200, rgba(213,132,81,1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:60px;
}

.colman-grad
{
    background: #30bda6;
    background: -moz-linear-gradient(left, #30bda6 0%, #2a9ed8 100%);
    background: -webkit-linear-gradient(left, #30bda6 0%, #2a9ed8 100%);
    background: linear-gradient(to right, #30bda6 0%, #2a9ed8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30bda6', endColorstr='#2a9ed8',GradientType=1 );
}

.pr-grad
{
    background: rgb(213,132,81);
background: linear-gradient(90deg, rgba(213,132,81,1) 0%, rgba(244,184,94,1) 35%, rgba(252,215,165,1) 100%);
}

.boxoLD
{
    margin-top:20px;
    border:5px;
    border-style:solid;
    border-color:white;
    border: 10px solid;
    /*
  border-image-slice: 1;
      border-image-source: linear-gradient(to left, rgba(244,184,94,1), #fbea62);
        */
    border-radius:10px;
  border-width: 3px;
    border-color:rgb(69 155 206);

}


.box {
    margin-top: 20px;
    border: 3px solid rgb(111 129 111)
    border-radius: 10px;
  
    /* Background setup */
    background-color: #14211e;
    
  min-height: 500px;
    /* Optional padding for content inside */
    color: white;
  }
  
  .box .top-img,
  .box .bottom-img {
    width: 100%;
    height: auto;
    display: block;
  }
.inner
{
    padding:10px;

}

.heat-logo
{
    position:absolute;
    margin-top:-100px;
    margin-right:180px;
}


.pr-logo  {
    margin-top:10px;
}

.pr-logo  img
{
     max-width:200px
}

.btn-pr {
    color: #f7f7f2 !important;
    border: 1px solid rgba(3, 57, 3, 0.55) !important;
    font-weight: 700;
    letter-spacing: 0.3px;

    background: rgb(24, 72, 67);
    background: -moz-linear-gradient(
        331deg,
        rgba(34, 145, 155, 1) 0%,
        rgba(82, 111, 60, 1) 45%,
        rgba(18, 45, 38, 1) 100%
    );
    background: -webkit-linear-gradient(
        331deg,
        rgba(34, 145, 155, 1) 0%,
        rgba(82, 111, 60, 1) 45%,
        rgba(18, 45, 38, 1) 100%
    );
    background: linear-gradient(
        331deg,
        rgba(34, 145, 155, 1) 0%,
        rgba(82, 111, 60, 1) 45%,
        rgba(18, 45, 38, 1) 100%
    );


    transition: all 0.25s ease;
}

.btn-pr:hover,
.btn-pr:focus {
    color: #ffffff !important;

    background: linear-gradient(
        331deg,
        rgba(42, 170, 180, 1) 0%,
        rgba(96, 130, 68, 1) 45%,
        rgba(22, 58, 48, 1) 100%
    );

    box-shadow:
        0 0 22px rgba(230, 200, 105, 0.35),
        0 0 28px rgba(34, 145, 155, 0.28);

    transform: translateY(-1px);
}

.btn-pr:active {
    transform: translateY(0);
    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.35),
        0 0 10px rgba(34, 145, 155, 0.25);
}

h2
{
    color: whitesmoke;
}
.btn
{
    background-color: #7f66aa;
    border-color: #673ab7;
    width: 100%;
}

.happy
{
    margin-top:20px;
    margin-bottom:10px;
    font-weight:600;
}

.liveshow
{
    font-size:40px;
    color: rgba(244,184,94,1);
}

.date
{
    font-size:40px;
    color: rgba(244,184,94,1);
}


.liveshow span
{
    font-weight:900;

}

.white
{
    color: white !important;
    background:unset;
}

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

.header 
{
    margin-bottom:20px;
}

.header img
{
    width:100%;
    border-top-right-radius:5px;
    border-top-left-radius:5px;

}

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

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

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

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

.legal-note
{
    font-size: 13px;
}

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

}

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

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

}

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

    h2 {
        font-size: 25px;
    }

    .box h1 {
        font-size: 40px;
    }

    h4
    {
        font-size: 18px;


    }

    .liveshow
    {
        font-size: 30px;

    }

    .names
    {
        font-size: 15px;

    }
    
    .date

    {
        font-size: 23px;
        margin-bottom:15px;

    }

    .heat-logo
{
    margin-top:-100px;
    margin-right:60px;
}

    .heat-logo img {
        max-width:250px;
    }


    .name
    {
        font-size: 22px;
    }

    .title-box h1
    {
        font-size:20px;
    }
    
    .colman-logo img
    {
        width:150px;
    }
    .title-box 
    {
        padding:10px;
        padding-top:45px;
        margin-top:-35px;
    }
    .sm-pad-top
    {
        margin-top: 10px;
    }

    .btn
    {
        width: 100%;
    }

    .ddl
    {
        max-width: 100%;
    }

    .footer
    {
        font-size: 12px;
    }

    .checkbox-placeholder
    {
    }

    .checkbox label
    {
        font-size: 15px;
    }

    .legal-note
    {
        font-size: 13px;
    }

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

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

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

}