.module2 { 
padding:20px;
background-image: -ms-linear-gradient(top, #565656 0%, #EAEAEA 100%);
background-image: -moz-linear-gradient(top, #565656 0%, #EAEAEA 100%);
background-image: -o-linear-gradient(top, #565656 0%, #EAEAEA 100%);
background-image: -webkit-gradient(linear, left top, left bottom, 
color-stop(0, #FFF824), color-stop(1, #565656));
background-image: -webkit-linear-gradient(top, #565656 0%, #EAEAEA 100%);
background-image: linear-gradient(to bottom, #565656 0%, #EAEAEA 100%);
 }

.module3 { 
padding:20px;
background-image: -ms-linear-gradient(top, #565656 0%, #3F3F3F 100%);
background-image: -moz-linear-gradient(top, #565656 0%, #3F3F3F 100%);
background-image: -o-linear-gradient(top, #565656 0%, #3F3F3F 100%);
background-image: -webkit-gradient(linear, left top, left bottom, 
color-stop(0, #FFF824), color-stop(1, #565656));
background-image: -webkit-linear-gradient(top, #565656 0%, #3F3F3F 100%);
background-image: linear-gradient(to bottom, #565656 0%, #3F3F3F 100%);
 }

.bsutton22 {background: #ccc url("images/SUPPORT_BANNER.png") repeat-x;}

.kiosk { 
  background: url("/images/background/sec_frontdesk.jpeg") 100% 60% repeat-x;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size:100% ;
 
}

.kiosk_title { 
  background-color: lightblue;
 
}

.sp-page-title-attend {


    background: #3d449a;
    color: #FFFFFF;

    margin-top: 0px;

    padding: 11px 0;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    background-attachment: fixed;

 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;


}



.attendance { 
  background: url("/images/webroll_banner-14202.png") 90% 40% repeat-x;
background-size:cover;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size:100% ;
 
 
}
.attendgrey { 
 
background: url("/images/background/grey.png") 100% 60% repeat-x;
background-size:100% ;
 
}



ul.list-arrow li {
    background: url("/images/barrow.png") no-repeat left center;
    padding-left: 35px;
    background-position: 0 6px;
    font-family: "HelveticaNeueETW01-45Lt",Helvetica,sans-serif;
    letter-spacing: 0;
    line-height: 2.88em;
border-bottom: 0px solid #e8e8e8;
}

.visitor22 { 
  background: url("/images/background/sec_frontdesk.jpeg") 100% 50% repeat-x;


  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size:80% ;
 
 
}

.visitor { 
  background: url("/images/background/sec_frontdesk.jpeg") 100% 80% repeat-x;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size:100% ;
 
}

.support { 
  background: url("/images/background/tech_support.jpeg") 100% 50% repeat-x;
background-size:cover;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size:80% ;
background-image: 

 
}
.contact { 
  background: url("/images/background/sec_frontdesk.jpeg") 100% 60% repeat-x;
background-size:cover;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size:100% ;
background-image: 

 
}

.company {
  background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(/images/background/build.jpeg);
background-size:cover;
font-family: "helvetica", Times, serif;

}


.sms { 
  background: url("/images/background/sms_cloud_back.png") 100% 60% repeat-x;
background-size:cover;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size:100% ;
 background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
 
 
}




.sms1 { 
  background: url("/images/background/visitor_home.png") 100% 60% repeat-x;
background-size:cover;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size:100% ;
 background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
 
 
}



.darken {
  background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(/images//background/sec_frontdesk.jpeg);
background-size:cover;
font-family: "helvetica", Times, serif;

}

.darken > header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  background: inherit;
  background-attachment: fixed;
  overflow: hidden;
}
.darken > header > h1 {
  margin: 0;
  color: white;
  text-shadow: 0 1px 0 black;
font-family: "helvetica", Times, serif;
filter: blur(12px);
  transform: scale(2) translateY(20px);


.module {
  background: url (/images/background/sms_background.png);

}
.module > header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  background: inherit;
  background-attachment: fixed;
  overflow: hidden;
}
.module > header::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 50%;
  height: 50%;
  background: inherit;
  background-attachment: fixed;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.module > header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25)
}
.module > header > h1 {
  margin: 0;
  color: white;
  position: relative;
  z-index: 1;
}