<style>
body {margin:0;}

.navmenu {

  background-color: #f1f1f1;
}

.navmenu a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
  border-bottom: 3px solid transparent;
}

.navmenu a:hover {
    border-bottom: 3px solid #4a4a4a;
}

.navmenu a.active {
    border-bottom: 3px solid #7b0301;
}

/*FOOTER*/
/* Add a dark background color to the footer */
footer {
    background-color: #2d2d30;
    color: #bababa;
    padding: 32px;
}

footer a {
    color: #bd002c;
}

footer p {
    color: #d1d1d1;
}

.hidden p {
    color: #2d2d30;
}

footer a:hover {
    color: #777;
    text-decoration: none;
}


.footer_bottom_holder{display:block;background-color:#090909}
.footer_bottom{padding:0 50px;display:block;text-align:center;line-height:65px;height:65px;font-weight:600;font-size:13px}
.footer_bottom a:hover{color:#009cff}
.footer_bottom p{line-height:65px;margin:0}



/*Social Gray*/

.desaturate {
    filter: grayscale(100%); /* Standard CSS */
    -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* Internet Explorer IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit Browsers */
}

.desaturate:hover {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}

.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
     
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom:hover a {
     
 color: darkred;
}
/*accordion*/

.accordion .card-header .collapsed:after {
    /* symbol for "collapsed" panels */
    font-family: FontAwesome;  
    content: "\f067";
    float: right; 
}
.card-link:hover {
  font-weight: bold;
}

/*Image fade */
.aspcontainer {
  position: relative;
  width: 50%;
}

.aspimage {
  display: block;
  width: 100%;
  height: auto;
}

.aspoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #6a0606;
}

.aspcontainer:hover .aspoverlay {
  opacity: .75;
}

.asptext {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/*thumbnail hover*/
.img-thumbnail{
   opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */   
   }


.img-thumbnail:hover {
  box-shadow: 0 0 2px 1px rgba(106, 6, 6, 0.5);
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*Contact*/
body{
  background-color: transparent;
}

.jf-form{
  margin-top: 28px;
}

.jf-form > form{
  margin-bottom: 32px;
}

.jf-option-box{
  display: none;
  margin-left: 8px;
}

.jf-hide{
  display: none;
}

.jf-disabled {
    background-color: #eeeeee;
    opacity: 0.6;
    pointer-events: none;
}

/* 
overwrite bootstrap default margin-left, because the <label> doesn't contain the <input> element.
*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: 0px;
}

div.form-group{
  padding: 8px 8px 4px 8px;
}

.mainDescription{
  margin-bottom: 10px;
}

p.description{
  margin:0px;
}

.responsive img{
  width: 100%;
}

p.error, p.validation-error{
  padding: 5px;
}

p.error{
  margin-top: 10px;
  color:#a94442;
}

p.server-error{
  font-weight: bold;
}

div.thumbnail{
  position: relative;
  text-align: center;
}

div.thumbnail.selected p{
  color: #ffffff;
}

div.thumbnail .glyphicon-ok-circle{
  position: absolute;
  top: 16px;
  left: 16px;
  color: #ffffff;
  font-size: 32px;
}

.jf-copyright{color: #888888; display: inline-block; margin: 0px;display:none;}

.form-group.required .control-label:after {
    color: #dd0000;
    content: "*";
    margin-left: 6px;
}

.submit .btn.disabled, .submit .btn[disabled]{
  background: transparent;
  opacity: 0.75;
}

/* for image option with span text */
.checkbox label > span, .radio label > span{
  display: block;
}

.form-group.inline .control-label,
.form-group.col-1 .control-label,
.form-group.col-2 .control-label,
.form-group.col-3 .control-label
{
  display: block;
}

.form-group.inline div.radio,
.form-group.inline div.checkbox{
  display: inline-block;
}

.form-group.col-1 div.radio,
.form-group.col-1 div.checkbox{
  display: block;
}

.form-group.col-2 div.radio,
.form-group.col-2 div.checkbox{
  display: inline-flex;
  width: 48%;
}

.form-group.col-3 div.radio,
.form-group.col-3 div.checkbox{
  display: inline-flex;
  width: 30%;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
</style>