body {color:#9c9c9c;font-family: 'Lato', sans-serif;font-size:145%;}
#header{
    background:#000000 url(images/kitchenbg.jpg)top center no-repeat;
    padding-bottom:100px;
    margin-bottom:50px;
}
h1 {font-size:300%;}
h2{margin:0px 0 20px 0;color:#0c6188;font-weight:300;font-size:220%;}
h3{text-transform: uppercase;font-size: 110%;background: transparent url(images/dash.png) bottom left no-repeat;padding-bottom:15px;margin: 0 0 20px 0;color:#504f50;}
h3.our,.cboxes h3{text-transform: uppercase;font-size: 140%;background: transparent url(images/dash.png) bottom center no-repeat;padding-bottom:15px;margin: 30px 0 20px 0;color:#504f50;}
.cboxes h3 {margin-top:10px;}
.callbox2 h3 {color:#fff;} 
h4{color:#006193;font-size:90%;font-weight:bold;}

#about {padding-bottom:40px;}
#logo {margin:0;float:left;}


.headermenu {margin:0px auto 100px;text-align:right;}
.headermenu a {
    display:inline-block;
    text-transform: uppercase;
    padding:25px 11px;
    color:#fff;
}

.headermenu a#logolink,.headermenu a#logolink2 {    padding:20px 11px;text-align:left;float:left;width:200px}

.light {background:#fff;position:fixed;top:0;z-index:500;width:100%;}
.headermenu.light a { color:#1793d3;}
.headermenu.light a.callout1 { color:#fff;}

a.callout1 {background:#1793d3;color:#fff;    padding:10px 10px;text-transform:uppercase;}

.call2 {font-size:130%;}

#mainhead p {margin:30px 0;font-size:150%;font-weight:300;}
#mainhead {text-align:center;color:#fff;font-weight:300;}
#mainhead a,#mainhead a:hover{color:#fff;}


.cb1 a {color:#fff;}

.alt2 {color:#006193;}

.bg2 {background:#f4f4f4;padding-top:0px;padding-bottom:100px;color:#a2a2a2;}
.bg3 {background:#1587c3;padding:45px 0;margin:0;color:#fff;font-weight:300;}

.bg3 h2 {color:#fff;margin-bottom:10px;}

.bg3 .btn {font-weight:bold;}

/*#whyus  {padding-top:100px;}
#gallery {padding-top:100px;}
#testimonials {padding-top:100px;padding-bottom:60px;}
#whatwedo {padding-top:100px;}
#footer {padding-top:100px;}*/
.or {padding: 0 30px;}

.anchor {
  display: block;
  height: 145px; /*same height as header*/
  margin-top: -145px; /*same height as header*/
  visibility: hidden;


}

.hidden {display:none;}

#wrap {padding-top:30px;}
#wrap img {width:250px;height:250px;}
.image {
    position:relative;
    width:250px;
    height:250px;
    float:left;
    margin:15px;
}
.image img {
    width:100%;
    vertical-align:top;
}
.image:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.image:hover:after {
    opacity:1;
}

.fade {opacity:0.4;}

.btn {border-radius:0;}
.bg3 .btn {border-radius:0;padding-left:20px;padding-right:20px;color:#1587c3;}


.cboxes {padding: 40px 0;font-size:90%;}
.callbox {padding-top:55px;background: transparent url(images/cb1.png) no-repeat;width:274px;height:320px;text-align:center;float:left;margin-right:20px;position:relative;margin-top:-10px;}
.callbox2 {padding-top:40px;background:#0c6188;border:1px solid #e2e2e2;width:274px;height:301px;float:left;margin-right:15px;text-align:center;}
.callbox2 p,.callbox p,.callbox3 p,.callbox4 p {padding:0 20px;}
.callbox2 p{color:#fff;}
.callbox3 {padding-top:40px;background:#fcfcfc;border:1px solid #e2e2e2;width:274px;height:301px;float:left;margin-right:20px;text-align:center;}
.callbox4 {padding-top:40px;background:#fcfcfc;border:1px solid #e2e2e2;width:274px;height:301px;float:left;text-align:center;}

.callbox2 a {color:#57b9e3;}

.form-control {border-radius:0;border:1px solid #e6e6e6;}


.box {
    width:20%;
    float:left;
    text-align:center;
    
}

.box p {padding:0 25px;color:#898989;font-size:90%;}

p.desc {font-size:92%;}



#kitchens,#bathrooms {text-transform:uppercase;padding:9px 25px;border:1px solid #0c6188;color:#0c6188;margin:10px;}
#kitchens:hover,#bathrooms:hover {cursor:pointer;} 

.item {border:4px solid #f2f2f2;padding:0;margin:0 90px;padding-right:20px;}
.testi {margin: 20px 0;text-align:left;}
.testi img {float:left;border:1px solid orange;}
#testicarousel h3 {margin:15px 0 15px 0;padding:0;color:#0c6188;text-transform:capitalize;}
.testimg{
    float:left;margin: 0 20px 0 0;width:400px
}

.tname {padding-top:10px;font-size:92%;font-weight:bold;}
.tcompany {color:#0c6188;display:block;font-size:92%;font-weight:bold;}
.carousel-control.right,.carousel-control.left {
    background:transparent;
}

.carousel-indicators {
    bottom:0px;
}
.carousel-indicators li {
    background:#ccc;
    border:#f2f2f2;    
}
.carousel-indicators li.active {
    background:#ddd;    
}
.carousel-control {font-size:600%;margin-top:60px;width:10%}

.or {padding: 0 20px;}

.form-control {box-shadow: none;}


.form-control::-webkit-input-placeholder { color: #c9c9c9; }
.form-control:-moz-placeholder { color: #c9c9c9; }
.form-control::-moz-placeholder { color: #c9c9c9; }
.form-control:-ms-input-placeholder { color: #c9c9c9; }

.headermenu .callout1a,.headermenu .callout1 {display:none;}

#footer form [class*="col-"] {padding-left:0;}

#closefoot {background:#006193;color:#fff;padding:20px;}
#mobishout {
	display:none;
	width:100%;
	background:#337ab7;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:4px;
	position: fixed;
	top:0;
	height:30px;
	z-index:5000;
}
#topbutton {
    position: fixed;
    bottom:10px;
    right:10px;
    width:35px;
    height:35px;
    text-align: center;
    background:#f2f2f2;
    border-radius:5px;
    border:1px solid #ccc;
    padding-top:8px;
    
}
#topbutton:hover {
    background:#f0f0f0;
}

@media (min-width:1200px){
    .container {width: 1200px;}

}
@media (min-width:1025px) and (max-width:1199px){
    #logo {margin:10px auto;display:block;}
    
}
@media (max-width:1024px){
	.menu {clear:both;}
    .box {width:100%;float:none;}
    a.menu {display:none;}
    .headermenu {text-align:center;}
.light {top:30px;}

.modal {
   top: 40px;
}
}

@media (max-width:768px){
    .boxes {text-align:center;}
	.callbox2 {float:none;margin: 10px auto;}
   /* .callbox4,.callbox3,.callbox2,.callbox {width:270px;display:block;float:none;margin:10px auto;}*/
   a.menu {clear:left;display:block;width:100%;padding:15px;}
    a.menu {display:none;}
    .mobishow {display:block;height:40px;}
    .headermenu {text-align:center;}
    a.callout1,.btn-default {display:block;margin:10px}
    h4 {clear:both;text-align:center;font-size:120%;padding:30px 0 10px 0;}
    .image {float:left;}
	#logo {width:100%;}
.headermenu a#logolink, .headermenu a#logolink2 {padding-top:10px;}
.testimg {float:none;margin:0;width:100%}
.item {margin:0;border:0;padding:0;}
.item img {width:100%;margin:10px auto;}
.item h3 {clear:left;}
.carousel-indicators {bottom:-15px;}
h3 {background:none}
form .col-md-6,form .col-md-12,form .col-md-6,form .col-md-7{padding-right:0;padding-left:0;}
form .btn {width:100%;text-align:center;}
.col-md-5 span {display:block;text-align:center;}
}
@media (min-width:1024px){
    .mobishow,#mobishout {display:none;}
	
}