.navbar-inner,footer{border:none;padding:15px 0;background:url(../img/header-footer.png)}
.navbar .brand-bootbus{font-size:30px;cursor:pointer;text-shadow:none;color:#fff;font-weight:700}
.navbar .nav li.dropdown > .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}
.navbar .nav > li > a{text-shadow:none;color:#fff;font-size:115%;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.navbar .nav > li > a:hover,.navbar .nav > li > a:focus{color:#fff!important;background:#322B74!important}
.dropdown-menu li{font-size:120%;line-height:133%;padding-bottom:.5em}
.dropdown-menu li > a:hover,.dropdown-menu li > a:focus,.dropdown-submenu:hover > a{background:#322B74}
.hero-unit{background:none;padding:0 60px;margin:0}
.hero-unit h1{margin:10px 0}
.carousel-control{border:none}
.left{left:0}
.right{right:0!important}
.accordion-group,.accordion-inner{border:none}
.content{padding:30px 0;background:url(../img/content.png)}
.thumbnail img{width:100%;max-width:400px}
.active-link{background-color:#322B74}
.page-header{margin:0 0 30px;border-bottom:1px solid #ddd}
.slider{border-bottom:1px solid #ddd}
.widget-header{border:1px solid #DDD;padding:20px 5px;text-align:center;margin:0;border-bottom:0;background-color:#EEEEEC;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.widget-body{font-size:16px;padding:30px 0 20px;border:1px solid #DDD;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.widget-footer{padding:6%;background-color:#EEEEEC;border-top:1px solid #DDD}
.widget-footer p{margin:0}
.features{margin-top:10px;list-style:none}
.features > li{line-height:30px}
.features > li > i{margin-right:10px;font-size:20px}
.center-align{text-align:center}
.product-snap{display:inline}
.article{font-size:15px;line-height:22px}
.team-member-description{padding-top:60px}
.bottom-space{margin-bottom:30px}
.bottom-space-less{margin-bottom:10px}
.post-row{padding-bottom:10px;border-bottom:1px solid #eee}
.sidebar{padding:20px 0}
.circle{width:75px;height:75px;background-color:#322B74;color:#fff;text-align:center;font-size:25px;-webkit-border-radius:75px;-moz-border-radius:75px;border-radius:75px}
.event-date{padding-top:13px;display:block;line-height:25px}
.counter{display:block;padding-top:25px}
.signin-with-list{list-style:none}
.signin-with-list > li{margin-top:20px}
.signin-with-list > li > a{color:#fff;padding:8px;display:inline-block;cursor:pointer}
.btn-facebook{background:#3679EA;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.btn-twitter{background:#53cbe9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.btn-google{background:#7288de;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.btn-github{background:#322B74;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.btn-facebook:hover,.btn-twitter:hover,.btn-google:hover,.btn-github:hover{text-decoration:none}
.form-signin-signup input[type="text"],.form-signin-signup input[type="password"]{width:70%;height:30px}
.form-signin-signup input{margin-bottom:15px}
.remember-me{margin:0 auto;width:70%}
.remember-me a{font-size:15px}
.contact-mail,.contact-mail:hover{color:#000;text-decoration:none}
.form-contact-us input[type="text"],.form-contact-us textarea{margin-bottom:20px;width:70%}
.form-contact-us input[type="text"]{height:25px}
.form-contact-us textarea{height:100px}
footer{color:#fff;padding-top:20px}
.quick-links{list-style:none}
.quick-links > li{line-height:30px}
.quick-links > li > a{color:#fff}
.social-icons-row{margin-top:50px}
.social-icons-row > a{color:#fff;font-size:30px;margin-left:25px}
.social-icons-row > a:hover,.social-icons-row > a:focus{color:orange;text-decoration:none}
.phone-number{margin-left:25px}
.footer-divider{border-top:0;border-bottom:1px solid #333}
@media (max-width: 979px) {
.nav-collapse .dropdown-menu a{color:#fff}
.nav-collapse .dropdown-menu a:hover{background-color:#322B74}
.nav-collapse .nav-header,.nav-collapse .dropdown-submenu > a{display:none}
}
@media (min-width: 1200px) {
body{padding-top:70px}
}
:root{--transition:.25s;--spark:1.8s;--hue:245}
body{--active:0;transition:background var(--transition);overflow:hidden}
button{--cut:.1em;--active:0;--bg:radial-gradient(120% 120% at 126% 126%,hsl(var(--hue) calc(var(--active) * 97%) 98% / calc(var(--active) * 0.9)) 40%,transparent 50%) calc(100px - (var(--active) * 100px)) 0 / 100% 100% no-repeat,radial-gradient(120% 120% at 120% 120%,hsl(var(--hue) calc(var(--active) * 97%) 70% / calc(var(--active) * 1)) 30%,transparent 70%) calc(100px - (var(--active) * 100px)) 0 / 100% 100% no-repeat,hsl(var(--hue) calc(var(--active) * 100%) calc(12% - (var(--active) * 8%)));background:var(--bg);font-size:2rem;font-weight:500;border:0;cursor:pointer;padding:.9em 1.3em;display:flex;align-items:center;gap:.25em;white-space:nowrap;border-radius:2rem;position:relative;box-shadow:0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) hsl(var(--hue) 97% 61% / 0.5),0 .05em 0 0 hsl(var(--hue) calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -.05em 0 0 hsl(var(--hue) calc(var(--active) * 97%) calc(var(--active) * 10%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * 0.1));transform-style:preserve-3d;perspective:100vmin;overflow:hidden}
button:active{scale:1}
.star{height:calc(var(--size) * 1px);aspect-ratio:1;background:#fff;border-radius:50%;position:absolute;opacity:var(--alpha);top:50%;left:50%;transform:translate(-50%,-50%) rotate(10deg) rotate(0deg) translateY(calc(var(--distance) * 1px));animation:orbit calc(var(--duration) * 1s) calc(var(--delay) * -1s) infinite linear}
@keyframes orbit {
to{transform:translate(-50%,-50%) rotate(10deg) rotate(360deg) translateY(calc(var(--distance) * 1px))}
}
.galaxy{position:absolute;width:100%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;overflow:hidden;opacity:var(--active);transition:opacity var(--transition)}
.galaxy__ring{height:200%;width:200%;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-28%,-40%) rotateX(-24deg) rotateY(-30deg) rotateX(90deg);transform-style:preserve-3d}
.galaxy__container{position:absolute;inset:0;opacity:var(--active);transition:opacity var(--transition);mask:radial-gradient(white,transparent)}
.star--static{animation:none;top:50%;left:50%;transform:translate(0,0);max-height:4px;filter:brightness(4);opacity:.9;animation:move-x calc(var(--duration) * 0.1s) calc(var(--delay) * -0.1s) infinite linear,move-y calc(var(--duration) * 0.2s) calc(var(--delay) * -0.2s) infinite linear}
button:hover .star--static{animation-play-state:paused}
@keyframes move-x {
0%{translate:-100px 0}
100%{translate:100px 0}
}
@keyframes move-y {
0%{transform:translate(0,-50px)}
100%{transform:translate(0,50px)}
}
.spark{position:absolute;inset:0;border-radius:2rem;rotate:0;overflow:hidden;mask:linear-gradient(white,transparent 50%);animation:flip calc(var(--spark) * 2) infinite steps(2,end)}
@keyframes flip {
to{rotate:360deg}
}
.spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc((var(--active)) + 0.4);background:conic-gradient(from 0deg,transparent 0 340deg,white 360deg);transition:opacity var(--transition);animation:rotate var(--spark) linear infinite both}
.spark:after{content:"";position:absolute;inset:var(--cut);border-radius:2rem}
.backdrop{position:absolute;inset:var(--cut);background:var(--bg);border-radius:2rem;transition:background var(--transition)}
@keyframes rotate {
to{transform:rotate(90deg)}
}
.bodydrop{display:none}
button:is(:hover,:focus-visible) ~ :is(.bodydrop,.particle-pen){--active:1;--play-state:running}
.bodydrop{background:hsl(260
		calc(var(--active) * 97%)
		6%);position:fixed;inset:0;z-index:-1}
button:is(:hover,:focus-visible){--active:1;--play-state:running}
.galaxy-button{position:relative;margin:.5em 0 0 20%}
@keyframes float-out {
to{rotate:360deg}
}
.text{translate:2% -6%;letter-spacing:.01ch;background:linear-gradient(90deg,hsl(0 0% calc((var(--active) * 100%) + 65%)),hsl(0 0% calc((var(--active) * 100%) + 26%)));-webkit-background-clip:text;color:hsl(0 0% calc(60% + (var(--active) * 26%)))}
.text a{color:hsl(0 0% calc(60% + (var(--active) * 26%)))}
button svg{inline-size:1.25em;translate:-25% -5%}
.rfloat{margin:1em 1em 0;padding-left:8px;float:right}
.lfloat{margin:0 1em 1em;padding-right:8px;float:left}
