@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
html, body { height: 100%; /* The html and body elements cannot have any padding or margin. */ -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; }
.row { max-width:924px; margin:auto; }
/* Wrapper for page content to push down footer */
#wrap { min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by its height */ margin: 0 auto -60px; /* Pad bottom by footer height */ padding: 0 0 60px; }
/* Set the fixed height of the footer here */
#footer { height: 60px; background-color: #f5f5f5; margin-top:50px; padding-top:20px; padding-bottom:20px; text-align:center; }
/* Custom page CSS
-------------------------------------------------- */
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper { position: absolute; top: 0; left: 0; right: 0; z-index: 10; }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10; }
/* Declare heights because of positioning of img element */
#myCarousel .item { /*min-height:200px;*/ max-height: 400px; background-color:#bbb; }
/*#myCarousel img { position: absolute; top: 0; left: 0; min-width: 100%; min-height:600px; max-height:700px; }*/
body.page_home #wrap > .container { padding: 60px 15px 0; }
body.page_inner #wrap > .container { padding:30px 15px 0; }
body.page_home #wrap > .container.home { padding:10px 15px 20px 0; }
.container .credit { margin: 20px 0; }
#footer { background-color:#414141; }
#footer a { color:#efefef; }
header { background: #333; color:#555; }
header.innerpage { background:url(../images/banner-6.jpg) no-repeat top center; }
header .dropdown-menu { top:74px; background: #ffcc33; border-width:0; }
h1 { font-size:24px; color:#b12a4f; }
.logo { margin:auto; /*width:408px; height:195px; */ font-size:40px; position: absolute; color:#333; text-align:center; z-index:55; width:80%; margin:0 10%; padding-top:85px; }
.logo img { margin-left:0px; width:360px; margin:auto; }
/*.logo_inner { width:100%; text-align:center; }
.logo_inner img { margin:auto auto; padding:2.5% 10%; }*/
#nav { width: 100%; position:static; top:-32px; }
#nav.affix { position: fixed; top: 0; z-index:10; -webkit-transition: all .6s ease-in-out;
}
.container.portfolio { }
.container.portfolio .panel-body { text-align:left; background:#f1f1f1; border-radius:5px; margin:10px 7px; box-shadow:-1px 3px 5px #9f9f9f; min-height:120px; padding:10px; border:2px solid #fff; border-top:0; }
.container.portfolio .panel-body p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:normal; text-transform:none; text-align:left; font-style:italic; }
.container.portfolio .panel-body p strong { color:#f0386a; font-style:italic; display:inline-block; text-align:right; padding-right:7px; }
.portfolio_table { text-align:center; }
.portfolio_table th { text-align:center; padding:5px; }
.portfolio_table td { text-align:left; padding:5px; font-size:12px; }
 .portfolio_table th:nth-of-type(n) {
text-align:center;
background:#cc3366;
color:#fff;
}
.portfolio_table tr:nth-of-type(even) {
text-align:center;
background:#f1f0f1;
}
 .portfolio_table tr td tr:nth-of-type(even) {
text-align:center;
background:none;
}
.portfolio_table tr td table tr td { }
.portfolio_table tr td table tr td:nth-of-type(1) {
border-left:none;
}
#footer > .container { }
 @media (min-width: 767px) {
 .navbar-nav.nav-justified > li {
 float:none;
}
}
 @media only screen and (max-device-width: 768px) {
.logo {
margin:auto; /*width:408px; height:195px; */
font-size:40px;
position: absolute;
color:#333;
text-align:center;
z-index:55;
width:80%;
margin:0 10%;
padding-top:85px;
}
.logo img { /*margin-left:-150px; */
width:250px;
}
}
 @media only screen and (max-device-width: 480px) {
.carousel-caption {
display:none;
}
.logo {
margin:auto; /*width:408px; height:195px; */
font-size:40px;
position: absolute;
color:#333;
text-align:center;
z-index:55;
width:80%;
margin:0 10%;
padding-top:85px;
}
.logo img { /*margin-left:-150px; */
width:200px;
}
}
 @media only screen and (max-device-width: 768px) {
.panel-thumbnail img {
width: 510px;
}
}
.navbar-nav { margin: 1px 1px; }
/* customize nav style */
.navbar-custom { background-color: #2e2e2e; font-weight:700; text-transform:uppercase; border-width:0; }
.navbar-custom .navbar-nav>li>a { color: #ddd; }
.navbar-custom .dropdown-menu li>a:hover { color: #eee; }
.navbar-custom .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a { background-color: #000; }
.navbar-custom .navbar-nav>.dropdown>a .caret { border-top-color: #999; border-bottom-color: #999; }
.navbar-collapse.in { /*3.0.2 bug workaround*/ overflow-y: visible; }
.navbar-toggle { outline:0; }
.divider { height:30px; }
.panel { border-width:0; }
 @media (max-width: 768px) {
 header {
}
}
#map-canvas { width: 100%; height: 300px; margin: 0; padding: 15px; }
.scroll-top { position:fixed; bottom:0; right:6%; z-index:100; background: #f2f3f2; font-size:24px; border-top-left-radius:3px; border-top-right-radius:3px; }
.scroll-top a:link, .scroll-top a:visited { color:#222; }
section { color: #ffffff; min-height:250px; height: auto !important; height: 100%; padding-top:85px; }
.bg-1 { background: url('../images/bg-12.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-2 { background: url('../images/bg-2.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-3 { background: url('../images/bg-05.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-4 { background: url('../images/banner-1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-5 { padding-top:20px; background-color:#e6e6e6; }
.bg-6 { background: url('../images/bg-3.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.bg-1 h2, .bg-2 h2, .bg-3 h2, .bg-4 h2, .bg-5 h2, .bg-6 h2{ color:#fff;}

.col-sm-10.col-sm-offset-1 p { text-align:justify; }
.navbar { z-index:999; border-radius:0; }
#servicelisting { }
#servicelisting h2 { text-align:left; text-transform:capitalize; font-size:20px; margin-bottom:10px; }
#servicelisting ul { margin:0px 0 20px 15px; padding:0; width:100%; float:left; }
#servicelisting ul li { width:40%; float:left; text-align:left; margin-left:20px; line-height:28px; }
#servicelisting .panel-thumbnail img{ margin-right:20px;}
.container.email a { color:#a2a2a2; }
.container.email a:hover { color:#dd1a4f; }
#servicelisting p { margin:7px 0 7px 8px !important; padding:7px 0!important; text-align:left; }
#Services-wrapper-extra { margin-top:35px; }
#Services-wrapper-extra h3 { text-indent:12px; color:#dd1a4f; text-transform:uppercase; }
#Services-wrapper-extra .panel-thumbnail { border:1px solid #000; }
#Services-wrapper-extra .panel-body { padding:10px 0; }
#Services-wrapper-extra .panel-body p { font-size:12px; }
.sample-design { position:relative; }
.sample-design a, .sample-design a:visited { margin:5px 10px 10px 10px; display:inline-block; background:#eeeeee; padding:7px 15px; color:#4c4547; border:1px solid #8f8989; text-decoration:none; }
.sample-design a:hover { background:#fcdee6; color:#dd1a4f; border:1px solid #dd1a4f; }