/*!
* Start Bootstrap - Portfolio Item HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
body {
padding-top: 10px;
font-family:Tahoma,Verdana,Arial,sans-serif;
color:#808080 !important;font-size:12px;
background-image:url(/img/gradient_squares.png);background-repeat:repeat;background-attachment:fixed;
}
.header {padding:16px;margin-bottom:-18px;margin-top:-10px;background:#fff;}
#newform td {width:50%}
#newform input {width:40%;border:1px solid #1fdae4;margin-top:-10px;}
#newform select {width:40%;border:1px solid #1fdae4;padding:2px; margin-top:-20px; margin-bottom:20px;}
#newform {-moz-border-radius: 15px;border:1px solid #ccc;border-radius:5px;background-color:#e7e7e7;min-width: 100px;max-width:600px; padding: 10px;margin-top:-10x;height:100%;background-size:100% 10px;background-position:center bottom;background-repeat:no-repeat; }
label {width:38%;margin:0px 5px 0px 0px;float:left !important;color:#000;font-size:12px;margin-top: -10px}
.portfolio-item {
margin-bottom: 25px;
}
.logo {width:220px}
p {
color:#808080 !important;
font-size:12px;
font-family:Tahoma,Verdana,Arial,sans-serif;
}
.navbar {border-radius:0px !important}
footer {
margin: 10px 0;
}
.navbar-default .navbar-nav > .active{
color: #000;
background: #d65c14;
}
.navbar-default .navbar-nav > .active > a,
color: #000;
background: #d65c14;
}
.panel-title {color:#fff !important;font-size:12px !important}
footer p{color:#fff !important}
b {color:#555}
.nav>li>a{position:relative;display:block; color:#6a6a6a !important; font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px}
.nav>li>a:hover{color:#17a9b8 !important}
.nav-stacked>li{border-bottom:1px dotted #aaa}
.glyphicon {
font-size: 50px;color:#17a9b8;
}
.btn {
border: 0 none;
text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
outline: 0 none;
}
h3 , h4 {color:#17a9b8}
h3 {font-size:19px !important}
.panel-default>.panel-heading {background:#17a9b8 !important; border-color:#17a9b8 !important;}
.panel {background:#17a9b8 !important; }
.btn-primary {
background: #17a9b8 !important;
color: #ffffff;font-size:12px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background: #33a6cc;font-size:11px;
}
.btn-primary:active, .btn-primary.active {
background: #007299;font-size:12px;
box-shadow: none;
}
.vertical-text {
transform: rotate(-90deg);
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
/* --- layout fixes 2026-09-22 --- */
/* The blue footer strip is a .row sitting directly on , outside any
.container, so Bootstrap's -15px row gutters pushed it past the viewport and
produced a horizontal scrollbar on every page. */
body > .row {
margin-left: 0;
margin-right: 0;
}
/* Fixed-width images (the 800px photo on contact.html) forced sideways scroll
on phones and tablets. */
img {
max-width: 100%;
height: auto;
}
/* .header adds 16px padding around a fixed-width Bootstrap .container, so just
above each grid breakpoint (768, 992, 1200) the container was 32px wider than
the space it had and the page scrolled sideways. Clamping it only bites inside
those narrow bands; everywhere else the container is already narrower. */
.header > .container {
max-width: 100%;
}
/* Short pages (pricing) had no scrollbar and long ones did, so the same layout
sat 7px further left from page to page. Reserving the gutter everywhere keeps
every page identical. */
html {
overflow-y: scroll;
}