/*
 * Globals
 */
.spin
{
  background: #444; /* outline */
  > *
  {
    background: #EEE; /* hand */
  }
}
.spin.spin-dusky {
  background: #eeeeee;
  border-radius: 16px;
}
#spinner,.spinner { left: 50% !important; top: 50%!important; position: fixed;} 
/* Links */
a,
a:focus,
a:hover {
  color: #15A5D9;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html { 
   background: no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html,
body {
  height: 100%; background-color:transparent !important;
   
}
body {
  color: #15A5D9;
  text-align: left;
   
  font-family: GothamLight, Gotham,Arial;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
         
      
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}


/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

 


/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}





ul.thumbnails.image_picker_selector li .thumbnail img{
    
    width:160px; height: 100px;
}

.event_lists{ padding:20px; margin:50px auto;}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 15px;  
}
.btn{
    text-shadow: none;
    font-family: GothamLight, Gotham,Arial;
    font-weight: normal;
} 


/*Register*/


/*register*/

     .dSelect, .dTextbox{background-color: #fff;
border: 1px solid #fff;
border-radius: 5px;
font-size: 18px;
height: 40px;
padding: 0 2%;
width: 100%; color:#0e0e0e;
    }
    
    .dSelectSmall, .dTextboxSmall{background-color: #fff;
border: 1px solid #fff;
border-radius: 5px;
font-size: 18px;
height: 40px;
padding: 0 2%;
width: 40%; color:#0e0e0e;
    }
    
   .dTextboxPayment{background-color: #fff;
border: 1px solid #fff;
border-radius: 2px;
font-size: 12px;
height: 28px;
padding: 0 1%;
width: 100%; color:#0e0e0e;
    }
    
    .dTextarea{background-color:#fff;
border: 1px solid #fff;
border-radius: 5px;
font-size: 18px;
height: 155px;
padding: 0 2%;
width: 100%; color:#292929;
    }
    
    
    .dheading{ 
font-size: 36px;
height: 35px;
padding: 0px 0px; color: #797979;
 
    }
    
    .dheading_small{ 
font-size: 18px;
height: 35px;
padding: 0px 0px; color: #797979;
 
    }
  .dtitle{margin-left: 2px; margin-top:4px; font-size: 15px; margin-bottom:2px; }  
  .dSubmit{
       color:#FFF;
      background-color:  #3A94C7; outline: none; 
      border: none;
      border-radius: 5px; font-size: 28px; margin-top: 40px;
  }  
  
  .alcenter{
      text-align: center;
      
  }
  
  
  .formItem{
      margin-top:8px;
   }
  .bPageWrap{background-color: #DAE7E9;  max-width:750px;} 
  
   
  #register_now{
      color: #15A5D9 ;
  }
 .white-popup-block {
  position: relative;
  background: #DAE7E9;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;border-radius: 20px;
}

button.mfp-close , button.mfp-close:active   {
top: 30px;
right: 40px; font-size: 60px; color:#808080 !important;
}
.success{color:#555;}
.error{color:#700;}
.admin-app-bottom {display:none;}

.iagree a{color:#797979;}

h3.category{ color: #700;}
.purchase_items{
    border-bottom: 1px dotted #b7b7b7; 
    
}

.purchase_items:last-child{
    border-bottom:none; 
    
}

.purchase_items .price{
    font-size: 18px;
    color:#797979;
}

.pricetotalblock{
    margin-top: 9px;
    padding-top: 9px;
    border-top:3px solid #797979; 
    font-size: 22px;
    font-family: GothamLight;
    color: #23adf4;
    
}

.pricetotalblock .incfees{
  
    font-size: 12px;
    font-family: GothamLight;
    color: #797979;
    
}

.pricetotalblock .grand_total{
   font-family: Gotham; font-weight: bold; font-size: 24px;
   
}

.card-form-container {
  width: 350px;
  margin: 30px auto;
  margin-top: 40px;
}

.payment_blocks{ margin-top: 25px; }

.payment_title{font-family: Gotham; margin-top: 14px; font-size: 25px; color: #797979;}
.payment_desc{font-family: GothamBook;  font-size: 16px; color: #797979;}

 input.labelauty + label{font-size: 15px !important;  color: #6f6969 !important;}
 .labelauty-checked{color:#fff;}
 
 input.labelauty + label > span.labelauty-checked-image {
    margin-left: 5px;
    margin-bottom: 10px;
}


/*
 * Affix and center
 */
@media (max-width : 768px) {
/* Styles */
    .dheading{
        font-size: 18px;
    }
    .white-popup-block{
        width:95%;
    }
    
     .dSubmit{
      
      font-size: 16px; 
  }  
}

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    
    top: 0;
  }
  .mastfoot {
    
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 1000px;
  }
}