body {
	background-image: url("images/synarioBG.jpg");
	background-color: white;
	background-size: cover;
	background-repeat: no-repeat;
	color: black;
	font-family: arial;
	font-size: 36pt;
}

.btn-primary {
	background-color: #0B2C71 !important;
	border-color: #0B2C71 !important; 
	color: #FFFFFF;
	box-shadow: 2px 10px 18px #888888;
}

.btn-primary:hover {
	background-color: #3B568E !important;
	border-color: #3B568E !important;
	color: #FFFFFF;
}

.btn {
	border-radius: 10px !important;
}
/* banner message CSS */
#banner {
    position: absolute;
	padding: 30px 0;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #3B6CB4;
    color: #FFFFFF;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}
.cssanimations.csstransforms #banner {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}
#close {
   position: absolute;
	top: 10px;
   right: 28px;
   font-size: 28px;
   cursor: pointer;
}
.cssanimations.csstransforms #close {
  display: none;
}