/* shortcodes */
.center {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.justify {text-align:justify;}
.topmargin-xs {margin-top:10px;}
.topmargin-sm {margin-top:20px;}
.topmargin-md {margin-top:30px;}
.topmargin-lg {margin-top:60px;}
.bottommargin-xs {margin-bottom:10px;}
.bottommargin-sm {margin-bottom:20px;}
.bottommargin-md {margin-bottom:30px;}
.bottommargin-lg {margin-bottom:60px;}
.nomargin {margin:0!important;}
.toppadding-xs {padding-top:10px;}
.toppadding-sm {padding-top:20px;}
.toppadding-md {padding-top:30px;}
.toppadding-lg {padding-top:60px;}
.bottompadding-xs {padding-bottom:10px;}
.bottompadding-sm {padding-bottom:20px;}
.bottompadding-md {padding-bottom:30px;}
.bottompadding-lg {padding-bottom:60px;}
.nopadding {padding:0!important;}
.img-responsive {display:block;max-width:100%;}
.ohidden {overflow:hidden;}

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

body {
  text-align: center;
  background-color:white;
  color:#656565;
  font-size:14px;
}

header {background:#a3c8dd;padding:15px 0;}

section.main {padding:60px 0;}

section.main p {text-align:justify;}

a, a:visited {
  font-weight: 600;
  outline: none!important;
  text-decoration:none;
  color:#2b3853;
}

h1,h2,h3,h4 {margin:0;font-weight:bold;}

h1 {font-size:32px;}
h2 {font-size:24px;}
h3 {font-size:21px;}
h4 {font-size:16px;}

h1, h3 {color:#a3c8dd;}
h2, h4 {color:#2b3853;}

hr {border-color:#a3c8dd;border-width:2px;}

a:hover, a:focus, a:visited:hover {color:#a3c8dd;text-decoration: none;}

span {
  padding: 0 3px;
  vertical-align: baseline;
}

.glyphicon {font-size: 10px;}

.credits p, .credits a {color:#cccccc;font-weight:normal;font-size:12px;}
footer p {margin-bottom:30px;}
.credits a:hover {color:#656565;}

.panel {background:#f5f5f5;padding:30px;border-radius:0;border:1px solid #f1efef;}
.panel input[type="text"], .panel input[type="password"], .panel textarea {border:1px solid #2b3853;padding:5px;width:100%;}
.panel input[type="submit"], a.button {background:#2b3853;color:white;border:1px solid #2b3853;padding:10px 30px;font-weight:bold;}
.panel input[type="submit"]:hover, a.button:hover {background:white;color:#2b3853;}
.panel label {vertical-align:-5px;color:white;}

ul {padding-left:15px;}
ul li strong {text-transform:uppercase;color:#2b3853;}
ul li {line-height:2;margin-left:0;color:#a3c8dd;}
ul li span {color:#656565;}

.fac-simile {text-transform:uppercase;transform:rotate-x(15deg);color:#000000;font-size:64px;line-height:0.5;font-weight:bold;position:absolute;width:100%;height:64px;top:50%;margin-top:-32px;display:none;}
.fac-simile span {font-size:16px;}

.demo:hover .fac-simile {display:block;opacity:0.4;}
.demo a:hover, .demo:hover a:hover {color:#2b3853;}

@media screen and (min-width:768px) {
  .credits {width:150px;float:right;}
}