/* ============= //
// Mary (c) 2016 //
// ============= */
.inhead{background-color: #005870; color: #fff}
.inhead h1{  font-weight: 600;}
.inhead > .container > div:nth-child(2){text-align: right;}

/* ========== //
// I. Plug-in //
// ========== */
.center {text-align: center}
article strong {font-size: 20px !important}
@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-weight: 200;
    src: local("Titillium WebThin"), local("TitilliumWeb-Thin"), url("../font/titilliumweb-extralight-webfont.woff") format("woff"), url("../font/titilliumweb-extralight-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-weight: 300;
    src: local("Titillium WebLight"), local("TitilliumWeb-Light"), url("../font/titilliumweb-light-webfont.woff") format("woff"), url("../font/titilliumweb-light-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-weight: 400;
    src: local("Titillium Web"), local("TitilliumWeb-Regular"), url("../font/titilliumweb-regular-webfont.woff") format("woff"), url("../font/titilliumweb-regular-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-weight: 600;
    src: local("Titillium WebSemiBold"), local("TitilliumWeb-SemiBold"), url("../font/titilliumweb-semibold-webfont.woff") format("woff"), url("../font/titilliumweb-semibold-webfont.ttf") format("truetype");
}
/* ========== */


/* ================= //
// II. General Style //
// ================= */
body {
    color: #444;
    background-color: #f7f7f7;
    font-size: 15px;
    overflow-x: hidden;
    font-family: "Titillium Web", Trebuchet MS, sans-serif;
    font-weight: 400;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
a, a:hover {
    color: #B52424;
}
.text-center{text-align: center;}
/* ================= */


/* ================= //
// III. Header Style //
// ================= */
#custom-bootstrap-menu{
    -webkit-transition:all 0.3s 0s ease-in-out;
    transition:all 0.3s 0s ease-in-out;
}
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(130, 83, 83, 1);
}
#custom-bootstrap-menu.navbar-default {
    background-color: #d1d3d2;
}
#custom-bootstrap-menu.navbar-default  i{
    font-size: 14px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: #3d3f3e;
font-weight:bold;
	text-transform: uppercase;
	font-size: 15px;
	padding: 15px 5px;
	margin: 0 5px;
    background-color: rgba(255, 255, 255, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: #f96741;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: #3d3f3e;
    background: url("../images/Azalea-Park-garage-door-repair-service.jpg") 0 bottom repeat-x transparent;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border: 0;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color:  #3d3f3e;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #aaabaf;
}





/* ====== slides ======== */
.item {
	background-size: auto 100%;
	height: 380px;
	}
#item1 {
	background: url('../images/Azalea-Park-garage-door-repair.jpg') no-repeat   center #56c3cf;

}
#item2 {
	background: url('../images/Azalea-Park-garage-door-installation.jpg') no-repeat    center #56c3cf;

}
#item3 {
	background: url('../images/Azalea-Park-opener-installation-garage-door.jpg') no-repeat   center #56c3cf;

}
#item4 {
	background: url('../images/Azalea-Park-spring-repair-garage-door.jpg') no-repeat   center #56c3cf;

}
.carousel-caption {
	text-align: left;
	color: #fff;
	bottom: 135px;	
	 

}
.carousel-caption span{
  border-bottom: 2px solid #fff;
}
.carousel-caption h3 {
	font-size: 30px;
}

.carousel-indicators {
 
}

.carousel-indicators li {
	border-color: #fff;
}

/* ====== end slides ======== */

 .text-left{
text-align: center;
}

.text-right{
	text-align: right;
}

.aligned{
	display: inline-flex;
	vertical-align: top;
}

/*end general style*/

/*resets style*/
#above h2, #above h4, #above p{
	margin: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
{
	background-color: transparent;
	color: #00c8af;
}
/*end resets style*/


 
#above{
  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
	color: white;
	position: relative;
	
}

#above .row > div:last-child{
	text-align: right;
}

#above p > small {
	font-family: "Titillium WebLight";
	font-size: 12px;
	color: #fff;
	
}

#above .tag {
	margin-left: 15px;
	color: #333;
}
#above .busname {
	margin-left: 15px;
	font-family: "Titillium WebSemiBold";
	font-size: 28px;
	text-transform: uppercase;
	color: #fff;
}

#above .pnum, #row1 .ccard{
	display: inline-block;
	text-transform: uppercase;
}
#above .pnum {
	padding-right: 5px;
}

#above .pnum h4{
	color: #825353;
	 
}

#above .ccard{
	padding-left: 5px;
	 
}

#above .aligned{
	margin-right: 15px;
	    padding-top: 5px;
}
	.busname2 {
 
 
	font-size: 20px;
	text-transform: uppercase;
 
}

#above2   {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
/* ================= */





/* ======================== //
// IV. Connection Bar Style //
// ======================== */
aside{}
.call-side {
 
}
.box1{border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 2px solid #ccc; padding:2px;
	background: url('../images/Azalea-Park-garage-door.png')   center #56c3cf;
	    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;   
}
.box2{

border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 2px solid #ccc; padding:2px;
	background: url('../images/Azalea-Park-garage-door-90-days-warranty.jpg') no-repeat center  ;  
  background-size: 100%;
  	    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;   
border: 2px solid #ccc; padding:2px;

    margin: 40px 10px;
}
.site-box#green {


  color: #fff;
 

}
.callimg{margin-top:-40px}
 

.site-box#violet p{
 
text-align:center;
 
}
.site-box#violet{
	border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 2px solid #ccc; padding:2px;
   color: #fff;
	background: url('../images/Azalea-Park-garage-door.png') no-repeat   center #56c3cf;
   background-size: 100%;
  	    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;   
border: 2px solid #ccc; 15px;
    margin: 10px 50px;

}
 

/* ======================== */

/* =============== //
// Services Tab    //
// =============== */
.services-tab {margin:10px 0px}
.services-tab    .title h3{ margin:10px; text-align: center;}
.services-tab   .title{
	padding: 5px 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
 

-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

	margin-bottom:-12px;
     
}
.services-tab  .site-box{
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
 
border: 2px solid #666;

 border-top: none;
padding: 10px;
 
    margin: 12px 18px;
	height:120px;
}
.site-box p {
font-size: 14px;
margin:15px 5px 10px 10px;
	text-align:left;
}
 

 
/* ======================== */

/* =============== //
// V. Footer Style //
// =============== */
footer {background: #56c3cf; padding: 20px 0; color: #fff;}
footer h2{margin-top: 0; font-weight: 600; font-family: "Titillium Web", Trebuchet MS, sans-serif;}

footer a,
footer a:active {
    color: #fff;
    -webkit-transition:all 0.3s 0s ease-in-out;
    transition:all 0.3s 0s ease-in-out;
	text-decoration: none;
}
footer a:hover,
footer a:focus {
    color: #f96741;
}
.top-button {
    bottom: 15px;
    display: none;
    position: fixed;
    right: 15px;
}
.top-button a,
.top-button a:active {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    color: #444;
    font-size: 30px;
    padding: 5px;
    -webkit-transition:all 0.3s 0s ease-in-out;
    transition:all 0.3s 0s ease-in-out;
}
.top-button a:hover,
.top-button a:focus {
    background-color: #f96741;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.2);
    color: #fff;
}
/* =============== */
@media screen and (max-width: 410px) {
	.carousel-caption span{
  border-bottom: none;
} .carousel-caption h3{font-size:20px; vertical-align:middle;text-align:center;} 
}


@media screen and (max-width: 768px) {
 	.services-tab  .site-box{ height:160px}
.item {height: 300px;}
 
  #above .under {top: 0; bottom: initial}
  #above .row > div:last-child {text-align: center;}
  #above .above {    bottom: 0;     top: initial; background-color: rgba(0,0,0, 0.5);}
  #above.innerpage .above{background: transparent;}
  #above .aligned { margin-right: 0; width: 100%; padding: 0 15px 5px;}
  #above .pnum { text-align: left;  width: 50%}
  #above .ccard { padding: 0;  text-align: right; border: none; width: 50%}
  #above .ccard img{float: right; height: 19px;}
 


	 
 
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
		padding: 5px;
		margin: 0 5px;
	}
	#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
	#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
	#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
		color: #3d3f3e;
		background-image: none;
		border-left: 5px solid #fff;
	}
	.nav  .divider {
	  background-color: #e5e5e5;
	  height: 1px;
	  margin-bottom: 9px;
	  margin-left: 0;
	  margin-right: 0;
	  margin-top: 9px;
	  overflow-x: hidden;
	  overflow-y: hidden;
	}
.site-box#green {
	 
	}	
.site-box#violet {
 
 
		padding: 5%;
		margin: 5px 0;
	}	
.site-box#violet  h3{

		font-weight: 600;
}

	.inhead h1{font-size: 25px;}
	.inhead h2{font-size: 18px;}
	.inhead, .inhead h2{text-align: center;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.item {height: 300px;}
#above {  }
#above .busname{font-size: 20px}
 	.services-tab  .site-box{ height:160px}
	.call-top{
		color: #fff;
		
		font-weight: 600;
		margin: 0
	}
	.cover-tab-logo p{margin: 0;}
	 
 
	#green.site-box h2 {
		font-size: 22px;
	}
		.site-box#violet {
	 
	}
	.site-box#violet  h3{
	
		font-weight: 600;
	}
	
	.inhead h1{font-size: 28px;}
	.inhead h2{font-size: 25px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.services-tab  .site-box{ height:195px}
 
	.cc-side {
		font-size: 20px;
	}
	.site-box#violet {
	 
	}
	.site-box#violet  h3{
	
 
	}
 
 
	.cc-side {font-size: 15px;}
}

@media (min-width: 1200px) {
	.services-tab  .site-box{ height:165px}
	.site-box#green {
	 
	}
	.cc-side {
		font-size: 25px;
	}
 
	.site-box#violet  h3{
	
		font-weight: 600;
		
	}
	.site-box#green  h2 {
		font-size: 25px;
	}
	.cc-side {font-size: 20px;}
}


a[href^=tel] { color: inherit; text-decoration: none; }