html {scroll-behavior: smooth}
/* --------------------------------------
Body
disable code:
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-------------------------------------- */
@font-face {
font-family: "Calistoga-Regular";
src: url('../fonts/Calistoga-Regular.woff') format('woff'),
url('../fonts/Calistoga-Regular.woff2') format('woff2'),
url('../fonts/Calistoga-Regular.eot'),
url('../fonts/Calistoga-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Calistoga-Regular.otf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.noborderradius{border-radius: 0px !important;}
.row {margin-left: 0; margin-right: 0;}
body, html {
overflow-x:hidden !important;
}
a, a:hover {color: inherit;}
a[href^=tel] {
color: inherit;
text-decoration: none; }
body {
font-family: "Trebuchet", sans-serif ;
font-weight: normal;
color: #333; background-color: #fff;
font-size: 18px;
overflow-x: hidden;
}
h1 {
font-size: 28px;
font-family: "Trebuchet", sans-serif ;
font-weight: 900;
color:#102669;
}
h2, h3, h4, h5, h6 { font-size: 28px;
font-family: "Trebuchet", sans-serif ;
font-weight: 900;
color:#102669;
}
a{
font-weight: 900;
transition: all 0.2s ease-in-out 0s;}
a:hover {
text-decoration: underline;
transition: all 0.2s ease-in-out 0s;
}
p {
font-family: "Trebuchet", sans-serif;
text-shadow:none;
}
div.container {
position:relative;}
.floatLeft { float:left}
.floatright { float:right}
.Hwoodolly_nopadding{padding:0!important}
.Hwoodolly_nomargin{margin:0!important}
.Hwoodolly_seperator{border-right: 2px solid #01967f}
/* --------------------------------------
header padding and background
-------------------------------------- */
.Hwoodolly-padding_around, .Hwoodolly-padding_around3 {
padding: 0vh 0vw;
}
.bg2{
background: linear-gradient(to bottom, #feffff 0%,#d2ebf9 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.Hwoodolly-boxbgservicesfooterbg {
background-image: url("../images/stone-mountain-garage-door-repair-banner-bg.jpg");
background-attachment: fixed;
padding: 50px;
background-position: center;
background-size: contain;
border-top: 10px solid #102669;
border-bottom: 10px solid #102669;
}
.Hwoodolly_bodybg{background-image: url("../images/stone-mountain-garage-door-repair-bg.jpg"); background-attachment: fixed;
background-repeat: no-repeat; background-position: left top; background-size: cover; background-color: #fff; }
.Hwoodolly-boxbgservicesfooterbg h5{ color:#fff; text-shadow: 1px 1px 3px #000; background: #011972; padding: 20px; width: 370px; margin: 0px auto; margin-bottom: 30px; text-align: center; border-radius: 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; border:2px solid rgba(255, 255, 255, 0.1)}
/* --------------------------------------
logo and phone header
-------------------------------------- */
.navbar-inverse .navbar-brand{padding: 5px 0px; height: auto; line-height: inherit;}
.navbar-inverse .navbar-brand a:hover{text-decoration: none; color: #fdd19c}
.Hwoodolly-logo a{font-size: 33px; font-weight: 900;
margin: 10px; padding: 0; color:#fff;
text-shadow: -3px -3px 0 #102669, 0 -3px 0 #102669, 3px -3px 0 #102669, 3px 0 0 #102669, 3px 3px 0 #102669, 0 3px 0 #102669, -3px 3px 0 #102669, -3px 0 0 #102669;
font-family:"Calistoga-Regular", Trebuchet, "sans-serif" }
.Hwoodolly-logo img{float: left; width: 40px;}
.logo{width: 550px; height: auto; margin: 5px auto}
.Hwoodolly-logo a:hover{text-decoration: none !important; webkit-animation: blink 0.5s ease;
animation: blink 0.5s ease; color: #ff7300;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; }
.Hwoodolly-logo p{font-size: 18px; color:#000; text-align: left; font-weight: 900;}
.Hwoodolly_seo{color: #555; margin: 10px 0; font-weight: bold; font-size: 20px; text-align: left; line-height: normal}
p.Hwoodolly_phoneheader a{ text-align: center; padding: 10px 5px;font-weight: 900;
color: #333; font-size: 22px; display: inline-block; line-height: normal
}
p.Hwoodolly_phoneheader {color:#333; font-weight: 900;}
.Hwoodolly_phoneheader a:hover{
color:#102669; text-decoration: none;}
.Hwoodolly_cc1 {width: 200px; height: auto; }
.Hwoodolly-padding_around4{padding: 1vh 0vw}
/* --------------------------------------
Navigation
-------------------------------------- */
.Hwoodolly_noborder-right{border-right: none !important}
.navbar-inverse{ border-top:none;
transition: all 0.2s ease-in-out 0s; color: #fff;
font-family: "Trebuchet", sans-serif ;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { padding:13px 25px; font-weight: 900;
color:#fff ; background: #011972 }
.navbar-inverse .navbar-nav > li > a{
font-weight: 900; border-radius: 5px;
font-family: "Trebuchet", sans-serif ;
background: #071130;
padding:13px 25px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
opacity: 1; margin:10px 5px;
font-size:18px;
color: #ff7300; transition: all 0.3s ease-out;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#fff; opacity: 0.9; webkit-animation: blink 0.5s ease;background: #ff7300;
animation: blink 0.5s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;}
.navbar {
margin-bottom:0; }
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;}
.navbar .navbar-collapse { text-align: center;}
.navbar-inverse{
border-bottom: none;}
/* --------------------------------------
schema
-------------------------------------- */
#Hwoodolly-box_schemacss { color:#f4f4f4; }
#Hwoodolly-box_schemacss a{color:#fff;}
#Hwoodolly-box_schemacss h2{ color:#f4f4f4 ;}
.Hwoodolly-box_schema_add_map div { display: inline;}
.Hwoodolly-socialmedia{width: 110px; height: auto; margin: 5px auto}
.Hwoodolly-socialmedia img:hover{opacity: 0.8; border-radius:20px; }
.Hwoodolly-socialmedia img{border-radius: 10px; padding: 5px; width: 40px; -webkit-transition:all 0.3s 0s ease-in-out;
transition:all 0.3s 0s ease-in-out; float: left}
/* --------------------------------------
main bg content
-------------------------------------- */
.Hwoodolly_contentbox { background: #fff;}
/* --------------------------------------
(white)
-------------------------------------- */
.bgwhitebox {background-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); border-radius: 0px 0px 132px 200px / 0px 0px 100px 100px;}
.Hwoodolly-white{padding: 4vh 2vw; }
img.Hwoodolly-content-textimg2 {height: auto; float:right; margin: 20px 20px 20px 50px;
background: linear-gradient(white, white) padding-box,
linear-gradient(to left, #ffbd59, #ff7300) border-box;
border-radius:10px;
border: 7px solid transparent;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
img.Hwoodolly-content-textimg {height: auto; float:right; margin: 20px 20px 20px 50px;
background: linear-gradient(white, white) padding-box,
linear-gradient(to left, #ff7300, #ffbd59) border-box;
border-radius:25px;
border: 7px solid transparent;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.Hwoodolly-btn a{
font-family: "Trebuchet", sans-serif ;
color: #fff!important;
padding: 15px 30px !important;
display: inline-block;
cursor: pointer; text-align: center; margin-top: 10px; margin-bottom: 10px;
background: linear-gradient(to right, rgba(16,38,105,1) 0%,rgba(10,17,63,1) 100%);
border-radius: 10px;
}
.Hwoodolly-btn a:hover{ text-decoration: none !important;
color:#ffbd59 !important; background: #102669;
webkit-animation: blink 1s ease;
animation: blink 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.Hwoodolly-white a:hover{color:#111; text-decoration: underline}
.Hwoodolly-white a{color:#000;}
.Hwoodolly-white p, .Hwoodolly-white ul, .Hwoodolly-white li{color:#222;}
.Hwoodolly-white ul{ margin-left: 20px; }
.Hwoodolly-white li {color:#222; list-style: circle; }
.Hwoodolly-white ul, .Hwoodolly-white li{color:#222}
/* --------------------------------------
(Dark_section)
-------------------------------------- */
.Hwoodolly-white2 {background: rgba(255, 228, 188, 0.4);
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border:15px solid rgba(255, 255, 255, 0.3);
padding: 5vh 2vw; border-radius: 10px; margin-top: 80px; margin-bottom:80px; backdrop-filter: blur(10px);}
.Hwoodolly-white2 h1, .Hwoodolly-white2 h2, .Hwoodolly-white2 h3, .Hwoodolly-white2 h4, .Hwoodolly-white2 h5, .Hwoodolly-white2 h6{color:#102669; }
.Hwoodolly-white2 p{color:#222;}
.Hwoodolly-white2 ul{ margin-left: 20px; }
.Hwoodolly-white2 li {color:#222; list-style: circle}
.Hwoodolly-white2 ul, .Hwoodolly-white2 li{color:#222}
.Hwoodolly-white2 .form-horizontal .control-label {color:#222;}
/* --------------------------------------
Section footer services
-------------------------------------- */
.footebgservice1 {
animation: animatebgimg 8s infinite ease-in-out;
animation-direction:alternate-reverse;
animation-duration:30s;
animation-fill-mode:forwards;
animation-play-state:running;
background-repeat: no-repeat !important;
background-image: url("../images/stone-mountain-garage-door-repair-bg--2.jpg") ;
background-position:right center;
padding: 80px;
background-color: #102669;
overflow-x: hidden; color:#111}
.footebgservice1 h5{color:#fff; text-shadow: 1px 2px 5px #000; margin-bottom: 20px}
.footebgservice1 strong{font-size: 20px; color: #102669; font-weight: 900}
.boxpadding {padding: 20px}
.bgboxservice {background: rgba(255, 189, 89, 0.8); backdrop-filter: blur(10px);
padding: 30px; border-radius: 5px;}
@keyframes animatebgimg{
0%{
background-image:url(../images/stone-mountain-garage-door-repair-bg--2.jpg);
}50%{background-image:url(../images/stone-mountain-garage-door-repair-bg--3.jpg);
} 100% {background-image:url(../images/stone-mountain-garage-door-repair--bg.jpg);
}
}
@keyframes animatebgimgnone{
0%{
background-image:none;}
}
/* --------------------------------------
Section footer links
-------------------------------------- */
.Hwoodolly-copyright {text-align: center; color:#fff; margin-top: -2px;
background-color:#011354; padding: 40px 10px;box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;}
.Hwoodolly-copyright a:hover{text-decoration: none; color:#ffbd59}
#Hwoodolly-schema { color:#f4f4f4; margin-bottom: 15px}
#Hwoodolly-schema h2{color:#ffbd59}
.Hwoodolly-schema_add_map div{display:inline}
/* --------------------------------------
BackToTop button css
-------------------------------------- */
#scrolltop {
position:fixed;
right:20px; border-radius: 0px;
bottom:0px;
cursor:pointer;
width:40px;
height:40px;
background-color:rgba(1, 8, 30, 0.7);
text-indent:-9999px;
display:none;
}
#scrolltop span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff}
#scrolltop:hover {
background-color:rgba(1, 8, 30, 0.9);
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}
/* --------------------------------------
banner
-------------------------------------- */
.blog-post {
position: relative;
border-radius: 15px;
overflow: hidden;
transition: transform 0.3s ease-in-out;
}
.blog-post img:hover{webkit-animation: bannerani 1s ease;
animation: bannerani 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; filter: brightness(120%); }
.blog-post img {
width: 100%;
object-fit: cover;
}
.blog-post p {
margin: 10px 40px; margin-bottom: 50px;
font-size: 16px;
}
@keyframes bannerani {
0% {
animation-timing-function: ease-out;
transform: scale(1);
transform-origin: center center;
}
10% {
animation-timing-function: ease-in;
transform: scale(0.91);
}
17% {
animation-timing-function: ease-out;
transform: scale(0.98);
}
33% {
animation-timing-function: ease-in;
transform: scale(0.87);
}
45% {
animation-timing-function: ease-out;
transform: scale(1);
}
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Small screen laptop and pc 150% */
@media (max-width: 1350px) {
.Hwoodolly_seo {font-size: 20px}
.Hwoodolly_bannertext_area p {font-size: 15px}
#Hwoodolly-footer {padding-top:10px;}
.Hwoodolly_contentbox {margin-top: 20px; margin-bottom: 20px;}
h2, h3, h4, h5, h6 {font-size: 20px;}
.navbar-inverse .navbar-brand h1{font-size: 18px;}
p.Hwoodolly_phoneheader a {font-size: 18px}
.Hwoodolly_cc1 {width: 150px;}
.Hwoodolly-phone a{font-size: 18px; padding: 10px}
.navbar-brand.sticky h1{font-size: 18px !important; margin-top: 10px !important;}
}
/* Small screen laptop and pc 170% */
@media (max-width: 1150px) {
.Hwoodolly-white {
padding: 4vh 2vw; border-radius: 0px 0px 200px 200px / 0px 0px 36px 36px;
}
.Hwoodolly-white2 {margin-bottom: 4vh; margin-top: 4vh;}
.footebgservice1{background-color: #102568; padding-bottom: 4vh; padding-top:4vh }
.Hwoodolly_seo {font-size: 20px}
.Hwoodolly_bannertext_area p {font-size: 15px}
#Hwoodolly-footer {padding-top:10px;}
.Hwoodolly_contentbox {margin-top: 20px; margin-bottom: 20px;}
.Hwoodolly-service-side-img{width: 300px}
#Hwoodolly-footer{min-height: inherit; padding: 10px}
.navbar-inverse{
background:#ffbd59;
border-bottom: none;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
.navbar-inverse.sticky {top:0;
position: fixed;
font-size:14px;
width: 100%;
background:#ffbd59!important;
text-align: left;
opacity:0.97 !important; }
.navbar-inverse.sticky .navbar-nav > li > a{font-size:14px;
padding:10px 5px; }
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color:#fff; padding:10px 5px; font-family: "Trebuchet", sans-serif ;text-shadow:none; }
.Hwoodolly-white2 {border: 7px solid rgba(255, 255, 255, 0.3);}
.navbar-inverse .navbar-nav > li > a{
font-family: "Trebuchet", sans-serif ;
font-size:11px; }
.Hwoodolly-phone a{font-size: 16px;}
.Hwoodolly-logo p{font-size: 9px; }
.Hwoodolly-dark img, img.Hwoodolly-service-side-img {width: 300px}
.Hwoodolly-logo.sticky h1{margin-bottom: 3px;}
.Hwoodolly_bannertext_area {padding: 10px;}
.Hwoodolly_bannertext_area p{font-size: 15px}
.Hwoodolly_bannertext_area {padding: 5px 10px;}
.Hwoodolly-btn a{padding:10px 20px}
.Hwoodolly-btn a:hover{padding:10px 30px}
.Hwoodolly-boxbg-service_text {padding:10px}
.Hwoodolly-boxbg-service_text h5 {font-size: 20px; padding: 10px 20px}
img.Hwoodolly-content-textimg, img.Hwoodolly-content-textimg2 {width: 300px; height: auto;}
.Hwoodolly-darkimg {width: 200px; height: auto;}
.Hwoodolly_seo {font-size: 16px;}
}
@media (max-width: 1123px) {.Hwoodolly-content-text {margin-left: -40px;}
.Hwoodolly-padding_around4 {padding: 1vh 2vw;}
.Hwoodolly-footerPadding {padding: 5px}
.Hwoodolly-footerCopyright {margin-top: 0}
.Hwoodolly_phoneheader a{font-size: 16px !important}
.Hwoodolly_phoneheader, .navbar-inverse .navbar-brand h1{margin-bottom: 0;}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 14px;}
.Hwoodolly-logo.sticky h1{font-size: 20px;}
.navbar-inverse .navbar-brand {padding: 5px;}
.blog-post p {margin:10px 20px}
}
@media (max-width:1033px) {
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg_b.jpg"); border-top: 5px solid #102669; border-bottom: 5px solid #102669}
.Hwoodolly_phoneheaderpadd, .Hwoodolly-quick, .Hwoodolly_cc {margin: 5px; min-height: inherit; border: none !important}
.Hwoodolly-phone_top p{font-size: 12px;}
.Hwoodolly-contact_info_text {padding: 10px 20px}
.Hwoodolly-contact_info_text a{font-size: 20px;}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 11px;}
.Hwoodolly_phoneheaderpadd, .Hwoodolly-quick, .Hwoodolly_cc {font-size: 9px;}
.Hwoodolly_cc p {font-size: 8px}
img.Hwoodolly-content-textimg, img.Hwoodolly-content-textimg2 {width: 300px; height: auto; float: none; margin: 10px auto}
.navbar-inverse .navbar-brand h1{font-size: 13px;}
}
/* 200% size SM*/
@media (max-width:980px) {
.bgwhitebox {border-radius: 0px}
.Hwoodolly-footer-servicebg p {font-size: 12px;}
.Hwoodolly_cc1 {
width: 100px;}
.Hwoodolly_seo {
font-size: 12px;
}.Hwoodolly-dark ul{ margin-left: 5px;}
.Hwoodolly_bannertext_area {border-radius: 20px;}
.sticky.Hwoodolly-logo a {font-size: 16px}
.Hwoodolly_phoneheader a {font-size: 8px; line-height: normal}
/* Navigation */
.navbar-inverse .navbar-nav > li > a{
font-size:12px;padding:10px 5px }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {padding: 10px 5px;}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 9px;}
.Hwoodolly-cc img{display:inline-block; width: 90px; height: auto}
.Hwoodolly-phone a {font-size: 14px;}
#Hwoodolly-footer h5 {font-size: 20px;}
.Hwoodolly-whitebox {padding: 20px;border-radius:0px 0px 20px 20px;}
.Hwoodolly-white {margin-top: 10px;}
.Hwoodolly-dark img, img.Hwoodolly-service-side-img {float: none; margin: 10px auto; width: 250px;}
.Hwoodolly-dark {padding:5px 40px;}
.Hwoodolly-boxbgfooter h5 { padding: 5px 15px;}
.Hwoodolly-dark > .container{width: 95%}
.Hwoodolly-content-text {margin-left: -20px;}
.Hwoodolly-white1{padding: 20px}
.Hwoodolly-white ul{ margin-left: 5px; }
.Hwoodolly_bodybg{background-image: url("../images/stone-mountain-garage-door-repair-bg-1000.jpg"); background-attachment: fixed;
background-repeat: no-repeat; background-position: left top; background-size: cover; background-color: #fff; }
.bgboxservice, .boxpadding {
padding: 10px;
}
.Hwoodolly-boxbgservicesfooter > .col-xs-3{padding-left: 5px !important; padding-right: 5px !important}
.Hwoodolly-boxbgservicesfooterbg h5 {width: auto; border-radius: 5px; padding: 10px; margin-bottom: 5px;}
.blog-post {border-radius: 5px}
}
/* Landscape phone to portrait tablet 260% */
@media (max-width: 767px) {.Hwoodolly_banner {background-color:#daeafa}
.footebgservice1 {animation: animatebgimgnone 8s infinite ease-in-out}
.Hwoodolly-white1{padding: 10px;}
.Hwoodolly_bodybg{background-image: none}
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg_c.jpg"); border-top: 5px solid #102669; border-bottom: 5px solid #102669; padding-bottom: 10px; padding-top: 10px;}
.footebgservice1 {padding: 20px}
.Hwoodolly-card {padding: 5px; }
.Hwoodolly-bannersocial img{width: 20px; }
.Hwoodolly-card img {-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; border: 1px solid #fff}
.blog-post {margin: 5px;}
/* navigation */
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover {color: #f4f4f4; text-shadow: none !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: rgba(0, 0, 0, 0.1); }
.pull-right{float: inherit !important }
.navbar-inverse{ background: #E4FAF; /* Old browsers */
height:auto;
opacity:0.9;}
img.Hwoodolly-content-textimg, .Hwoodolly-darkimg {float:none; margin: 0 auto;}
.Hwoodolly-white2, .Hwoodolly-dark {padding: 10px; margin-top: 10px; margin-bottom: 10px;}
.Hwoodolly_contentbox {padding: 10px 20px !important}
.carousel-indicators li {background: rgba(0, 0, 0, 0.4);}
.Hwoodolly-boxbg-service_text h5 {padding: 5px 10px; width: 250px; font-size: 18px}
.navbar-inverse .navbar-nav > li > a{
font-size:18px; background: none;
font-weight:bold; border-right: none !important;
padding:5px 20px !important;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse
.navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav >
.active > a:hover {
border:none; text-shadow: none !important;
padding:5px 20px}
.navbar-nav{
float: inherit!important;
clear:left;
margin:0px;}
.navbar-collapse{
padding-bottom:5px;}
.navbar-inverse.sticky .navbar-nav > li > a{
font-size:18px;
font-weight:bold; text-shadow: none !important;
padding:5px 30px !important; }
.navbar-inverse.sticky .navbar-nav > .active > a,
.navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse.sticky .navbar-nav >
.active > a:hover { font-size:16px;
border:none; text-shadow: none !important;
padding:5px 30px}
.navbar-inverse.sticky{
height:auto;
opacity:0.9 !important; }
.navbar-collapse.sticky{
padding-bottom:5px;}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #102669;
}
/* navbar-toggle */
.navbar-inverse .navbar-toggle {
border: none;
background: none;}
.navbar .navbar-collapse {padding-top: 5px; text-align: left; background: #102669}
.navbar-inverse.sticky {background: #ffbd59 !important;}
.navbar-inverse .navbar-toggle:focus{background:#ff7300;}
.navbar-inverse .navbar-toggle:hover { color: #fff; background:rgba(255, 255, 255, 0.9)}
.navbar-inverse .navbar-toggle {background:rgba(255, 255, 255, 0.7)}
/*body*/
body {background-color: #fff; }
h1, h2, h3, h4, h5, h6 {font-size: 20px}
.Hwoodolly_logo_small_screen img{float: left; margin: 2px; width: 20px;}
.Hwoodolly_logo_small_screen a{ padding-left: 4px;
font-weight: 900; text-shadow: -2px -2px 0 #102669, 0 -2px 0 #102669, 2px -2px 0 #102669, 2px 0 0 #102669, 2px 2px 0 #102669, 0 2px 0 #102669, -2px 2px 0 #102669, -2px 0 0 #102669;
font-family:"Calistoga-Regular", Trebuchet, "sans-serif";
color:#fff; margin: 5px 0 0 0; text-transform: none }
.Hwoodolly-content-textimg{margin:10px;}
.Hwoodolly-bg_phone_tablet_area {text-align: center; padding: 1vh 2vw; background: #002B5F; color:#f4f4f4; font-size: 18px }
.Hwoodolly-bg_phone_tablet_area a{color:#f4f4f4; font-size: 18px}
.Hwoodolly-bg_phone_tablet_area a:hover{text-decoration: underline; font-size: 18px}
.Hwoodolly-dark > .container{width: auto}
.Hwoodolly-footerbox { padding: 0px;}
.Hwoodolly-boxbgfooter{ margin-bottom: 5px; margin-top: 5px;}
.Hwoodolly-footerPadding{ margin-bottom: 5px; margin-top: 5px; padding: 5px; }
.Hwoodolly_logo_small_screen.sticky a {color:#fff; text-shadow: -2px -2px 0 #102669, 0 -2px 0 #102669, 2px -2px 0 #102669, 2px 0 0 #102669, 2px 2px 0 #102669, 0 2px 0 #102669, -2px 2px 0 #102669, -2px 0 0 #102669;}
.Hwoodolly-service-side-img {width: 300px}
.Hwoodolly-white ul, .Hwoodolly-white li{ margin-left: 0px;}
.Hwoodolly-btn a{font-size: 18px}
.Hwoodolly-logo_small_screen{font-size: 22px; font-family: "Trebuchet", sans-serif ;
margin: 5px; text-shadow: -2px -2px 0 #102669, 0 -2px 0 #102669, 2px -2px 0 #102669, 2px 0 0 #102669, 2px 2px 0 #102669, 0 2px 0 #102669, -2px 2px 0 #102669, -2px 0 0 #102669;}
.Hwoodolly-Dark_bg-img, .Hwoodolly-imgpostion, .Hwoodolly-service-side-img{width: 200px;}
.Hwoodolly-white-img-side{float: inherit; margin: 5px auto; width:250px}
.Hwoodolly-white h1, .Hwoodolly-white h2, .Hwoodolly-white h3, .Hwoodolly-white h4, .Hwoodolly-white h5 {width: inherit}
.Hwoodolly-dark h1, .Hwoodolly-dark h2, .Hwoodolly-dark h3, .Hwoodolly-dark h4, .Hwoodolly-dark h5, .Hwoodolly-dark h6 {width: inherit}
.Hwoodolly-white h1, .Hwoodolly-white h2, .Hwoodolly-white h3, .Hwoodolly-white h4, .Hwoodolly-white h5 {margin-top: 5px; margin-bottom: 5px;}
.Hwoodolly-dark ul {margin-left:-20px}
.Hwoodolly-darkbox {margin: 5px; padding: 5px 20px;}
.Hwoodolly-white{ margin-top: 5px; margin-bottom: 5px; padding: 2vh 3vw; }
.Hwoodolly-dark-textbgline h1, .Hwoodolly-dark-textbgline h2, .Hwoodolly-dark-textbgline h3, .Hwoodolly-dark-textbgline h4, .Hwoodolly-dark-textbgline h5, .Hwoodolly-dark-dark-textbgline h6 {border-radius: 10px; padding: 5px 10px;}
.Hwoodolly-white h1, .Hwoodolly-white h2, .Hwoodolly-white h3, .Hwoodolly-white h4, .Hwoodolly-white h5 {border-radius: 10px; padding: 5px 10px;}
.Hwoodolly-whitebox{border-radius: 10px; padding: 5px 10px;}
.Hwoodolly-darkbox{border-radius: 10px; padding: 5px 10px;}
.Hwoodolly-phone a:hover, .Hwoodolly-phone a{font-size: 20px}
.Hwoodolly-phone{display:flex;
justify-content:center; align-items:center; width: 96%}
.Hwoodolly-bannersocial img{width: 25px !important; margin: 5px auto}
.Hwoodolly-bannersocial {width: 110px; margin: 5px auto}
.Hwoodolly-Phone_visible_area_bg img{width: 130px; margin: 5px auto}
.Hwoodolly-phone a:hover, .Hwoodolly-phone a{font-size: 16px; display: inherit;}
.Hwoodolly-padding_around_services_footer {
padding: 1vh 2vw;
}
a, a:hover {font-size: 17px}
.Hwoodolly-headerbanner_services_action h5 {font-size: 18px; }
.Hwoodolly-darkmarginbottom{padding-bottom: 10px !important;}
.carousel-indicators {top: auto; bottom:-35px; left: 50%}
}
/* Portrait & landscape phone */
@media (max-width: 670px) {
.Hwoodolly-service-side-img {width: 200px}
.Hwoodolly-logo_small_screen a{font-size: 15px;}
.Hwoodolly-bg_phone_tablet_area a{font-size: 18px}
.Hwoodolly-box-service p{font-size: 9px;}
.Hwoodolly-Dark_bg-img, .Hwoodolly-imgpostion, .Hwoodolly-service-side-img{width: 250px; margin: 5px auto}
.Hwoodolly-dark img, img.Hwoodolly-service-side-img {width: 200px;}
#Hwoodolly-footer h5 {width: inherit; padding:10px}
.carousel-indicators{top:inherit; left: 50%;bottom:-10px}
}
@media (max-width: 420px) {
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg_d.jpg"); border-top: 2px solid #102669; border-bottom: 2px solid #102669}
body {background-color: #fff; }
.Hwoodolly-phone a:hover, .Hwoodolly-phone a{font-size: 16px; display: inline-block}
p, ul, li {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-size: 18px}.Hwoodolly-phone a:hover, .Hwoodolly-phone a{font-size: 16px; display: inline-block}
#scrolltop{display: none !important}
#Hwoodolly-footer h5 {width: inherit; padding:10px}
.carousel-indicators{top:inherit; left: 50%;bottom:-10px}
}
@media (max-width: 360px) {
.Hwoodolly-footer-serviceboxbg1, .Hwoodolly-footer-serviceboxbg2, .Hwoodolly-footer-serviceboxbg3, .Hwoodolly-footer-serviceboxbg4, #Hwoodolly-footer
{background-image:none; background-color:#daeafa}
h1, h2, h3, h4, h5, h6 {font-size: 18px}
.Hwoodolly-Dark_bg-img img, .Hwoodolly-imgpostion img, .Hwoodolly-service-side-img img{display: none}
.Hwoodolly-logo_small_screen{font-size: 13px;}
.Hwoodolly-white-img-side, .Hwoodolly-Dark-img-side{display: none}
.Hwoodolly-2, #Hwoodolly-footer, .Hwoodolly-darkgray,.Hwoodolly-white,.Hwoodolly-contact,.Hwoodolly-headerbanner_services_action_bg
{padding: 1vh 2vw;}
.Hwoodolly-footer-services{ background-color: #f4f4f4;}
.Hwoodolly-white_container { margin: 0; padding: 1vh 2vw;}
.Hwoodolly-bg_phone_tablet_area a{font-size: 18px}
.Hwoodolly-phone_footer {font-size: 18px; padding: 1vh 2vw;}
.Hwoodolly-boxbg {display: none}
#Hwoodolly-footer { background-image: none; background: #333333}
#Hwoodolly-footer h5 {width: inherit; padding:10px}
.Hwoodolly-phonefooter {font-size: 20px;}
.carousel-indicators{top:inherit; left: 50%;bottom:-10px}
}
@media (max-width: 280px) { .Hwoodolly-logo_small_screen{font-size: 10px;}
img.Hwoodolly-content-textimg, .Hwoodolly-darkimg {display: none;}
.Hwoodolly-headerbanner_services_action {text-align: center}
#Hwoodolly-schema {display: none}
.Hwoodolly-white-img-side img {display: none}
.Hwoodolly-bg_phone_tablet_area a{font-size: 16px}
}
@media (min-width: 1200px) {
.Hwoodolly_bodybg{background-image: url("../images/stone-mountain-garage-door-repair-bg-1200.jpg"); background-attachment: fixed;
background-repeat: no-repeat; background-position: left top; background-size: cover; background-color: #fff; }
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg_a.jpg"); border-top: 5px solid #102669; border-bottom: 5px solid #102669}
.Hwoodolly_bannertext_area {padding: 5px 20px;}
.Hwoodolly-btn a{padding:10px 20px}
.Hwoodolly-btn a:hover{padding:10px 20px}
.navbar .navbar-nav {margin-top: 5px; margin-bottom: 5px; }
body {background-size: contain}
.navbar-inverse.navbar-inverse{background: #ffbd59;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
.navbar-nav{margin:0;}
.navbar-inverse.sticky {top:0;
position: fixed;
font-size:18px;
width: 100%;
background:#ffbd59!important;
text-align: left;
opacity:0.98 !important;
}
.Hwoodolly_bgheader.sticky{background-color:#ffbd59}
.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px;
}
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
font-family: "Trebuchet", sans-serif ;
text-shadow:none; }
.navbar-inverse.sticky .navbar-nav{margin: 10px 0;}
.navbar-inverse .navbar-nav > li > a{
font-family: "Trebuchet", sans-serif ;
font-size:17px; }
}
@media screen and (min-width: 1600px) and (max-width: 1912px) {
.navbar-inverse .navbar-nav > li > a{
font-size: 18px; }
.Hwoodolly_bodybg{background-image: url("../images/stone-mountain-garage-door-repair-bg-1600.jpg"); background-attachment: fixed;
background-repeat: no-repeat; background-position: left top; background-size: cover; background-color: #fff; }
.navbar-inverse.sticky {font-size: 18px;}
.navbar-inverse .navbar-brand h1{font-size: 27px;}
#scrolltop {right:10}
.Hwoodolly-white, .Hwoodolly-dark {padding: inherit 0vw;}
.Hwoodolly-padding_around4{ padding: 0vh 4vw;}
.Hwoodolly-padding_around3 { padding: 0vh 5vw;}
.navbar-inverse{
border-bottom: none;}
.Hwoodolly-boxbgfooter{ padding: 0vh 2vw;}
#Hwoodolly-footer {background-position: bottom right;}
.navbar-inverse{background: #002B5F}
.Hwoodolly_banner-wallpaper {background: #afd9e9; padding: 0vh 0vw;}
}
@media screen and (min-width: 1920px) and (max-width: 2000px){
.navbar-inverse .navbar-nav > li > a{
font-size: 20px; }
.Hwoodolly-padding_around4{ padding: 0vh 7vw;}
.Hwoodolly-padding_around3 { padding: 0vh 19vw;}
.navbar-inverse{
border-bottom: none;}
.Hwoodolly-boxbgfooter{ padding: 0vh 10vw;}
#Hwoodolly-footer {background-position: top center; background-size: 100% 100%;}
.Hwoodolly_bodybg{background-image: url("../images/stone-mountain-garage-door-repair-bg.jpg"); background-attachment: fixed;
background-repeat: no-repeat; background-position: left top; background-size: cover; background-color: #fff; }
.Hwoodolly-white, .Hwoodolly-dark {padding: inherit 0vw;}
p.Hwoodolly_phoneheader a{
font-size: 22px; margin: 5px; padding: 0;}
.navbar-inverse{background: #002B5F}
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg.jpg"); background-attachment: fixed; padding:50px; background-position:center; background-size:contain; border-top: 10px solid #102669; border-bottom: 10px solid #102669}
.Hwoodolly_banner-wallpaper {background: #afd9e9; padding: 0vh 0vw;}
.Hwoodolly-white2 {padding: 4vh 3vw;}
.Hwoodolly-boxbgservicesfooter {padding: 1vh 7vw;}
.logo{width: 550px; height: auto; margin: 5px auto}
}
@media (min-width: 2001px) and (max-width: 2558px) {
.navbar-inverse .navbar-nav > li > a{
font-size: 20px; }
.navbar-inverse .navbar-brand h1{font-size: 36px; }
.Hwoodolly-padding_around4{ padding: 0vh 13vw;}
.Hwoodolly-padding_around3 { padding: 0vh 22vw;}
.navbar-inverse{
border-bottom: none;}
.Hwoodolly-boxbgfooter{ padding: 0vh 13vw;}
#Hwoodolly-footer {background-position: top center; background-size: 100% 100%;}
.navbar-inverse{background: #002B5F}
.Hwoodolly_banner-wallpaper {background: #afd9e9; padding: 0vh 0vw;}
.Hwoodolly-white {padding: 2vh 2vw;}
.Hwoodolly-white2 {padding: 3vh 2vw;}
.Hwoodolly-boxbgservicesfooter {padding: 1vh 11vw;}
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg.jpg"); background-attachment: fixed; padding-top: 20px; padding-bottom: 20px; background-position:center; background-size:contain;border-top: 10px solid #102669; border-bottom: 10px solid #102669}
.logo{width: 550px; height: auto; margin: 5px auto}
}
@media (min-width: 2560px) and (max-width: 3499px) {
.navbar-inverse .navbar-nav > li > a{
font-size: 20px; }
.navbar-inverse .navbar-brand h1{font-size: 36px; }
.Hwoodolly-padding_around4{ padding: 0vh 19vw;}
.Hwoodolly-padding_around3 { padding: 0vh 24vw;}
.navbar-inverse{
border-bottom: none;}
.Hwoodolly-boxbgfooter{ padding: 0vh 21vw;}
.navbar-inverse{background: #002B5F}
.Hwoodolly_banner-wallpaper {background: #afd9e9; padding: 0vh 20vw;}
.Hwoodolly-white {padding: 2vh 2vw;}
.Hwoodolly-white2 {padding: 3vh 2vw;}
.Hwoodolly-boxbgservicesfooter {padding: 1vh 20vw;}
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg.jpg"); background-attachment: fixed; padding-top: 20px; padding-bottom: 20px; background-position:top; background-size:contain;border-top: 10px solid #102669; border-bottom: 10px solid #102669}
.logo{width: 550px; height: auto; margin: 5px auto}
}
@media screen and (min-width: 3500px) and (max-width: 4499px) {
.navbar-inverse .navbar-nav > li > a{
font-size: 20px; }
.navbar-inverse .navbar-brand h1{font-size: 36px; }
.Hwoodolly-padding_around4{ padding: 0vh 26vw;}
.Hwoodolly-padding_around3 { padding: 0vh 27vw;}
.Hwoodolly-footer-servicebg {padding: 1vh 0vw;}
.navbar-inverse{
border-bottom: none;}
.Hwoodolly-boxbgfooter{ padding: 0vh 30vw;}
#Hwoodolly-footer {background-position: top center;}
.navbar-inverse{background: #002B5F}
.Hwoodolly_banner-wallpaper {background: #afd9e9; padding: 0vh 23vw;}
.Hwoodolly-white {padding: 2vh 2vw;}
.Hwoodolly-white2 {padding: 2vh 3vw;}
.Hwoodolly-boxbgservicesfooter {padding: 1vh 23vw;}
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg.jpg"); background-attachment: fixed; padding-top: 20px; padding-bottom: 20px; background-position:top; background-size:contain;border-top: 10px solid #102669; border-bottom: 10px solid #102669}
.logo{width: 550px; height: auto; margin: 5px auto}
}
@media screen and (min-width: 4500px) and (max-width: 6399px) {
.navbar-inverse .navbar-nav > li > a{
font-size: 20px; }
.navbar-inverse .navbar-brand h1{font-size: 36px; }
.Hwoodolly-padding_around4{ padding: 0vh 31vw;}
.Hwoodolly-padding_around3 { padding: 0vh 33vw;}
.Hwoodolly-footer-servicebg {padding: 1vh 0vw;}
.navbar-inverse{
border-bottom: none;}
.Hwoodolly-boxbgfooter{ padding: 0vh 33vw;}
#Hwoodolly-footer {background-position: top center}
.navbar-inverse{background: #002B5F}
.Hwoodolly_banner-wallpaper {background: #afd9e9; padding: 0vh 29vw;}
.Hwoodolly-white {padding: 2vh 2vw;}
.Hwoodolly-white2 {padding: 3vh 2vw;}
.Hwoodolly-boxbgservicesfooter {padding: 1vh 36vw;}
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg.jpg"); background-attachment: fixed; padding-top: 20px; padding-bottom: 20px; background-position:top; background-size:contain;border-top: 10px solid #102669; border-bottom: 10px solid #102669}
.logo{width: 550px; height: auto; margin: 5px auto}
}
@media screen and (min-width: 6400px) {
.navbar-inverse .navbar-nav > li > a{
font-size: 20px; }
.navbar-inverse .navbar-brand h1{font-size: 36px; }
.Hwoodolly-padding_around4{ padding: 0vh 36vw;}
.Hwoodolly-padding_around3 { padding: 0vh 38vw;}
.Hwoodolly-footer-servicebg {padding: 1vh 0vw;}
.navbar-inverse{
border-bottom: none;}
.Hwoodolly-boxbgfooter{ padding: 0vh 38vw;}
#Hwoodolly-footer {background-position: top center}
.navbar-inverse{background: #002B5F}
.logo{width: 550px; height: auto; margin: 5px auto}
.Hwoodolly-boxbgservicesfooterbg{background-image: url("../images/stone-mountain-garage-door-repair-banner-bg.jpg"); background-attachment: fixed; padding-top: 20px; padding-bottom: 20px; background-position:top; background-size:contain;border-top: 10px solid #102669; border-bottom: 10px solid #102669}
.Hwoodolly_banner-wallpaper {background: #afd9e9; padding: 0vh 35vw;}
.Hwoodolly-white {padding: 2vh 2vw;}
.Hwoodolly-white2 {padding: 3vh 2vw;}
.Hwoodolly-boxbgservicesfooter {padding: 1vh 38vw;}
.Hwoodolly_bodybg{background-image: url("../images/stone-mountain-garage-door-repair-bg.jpg"); background-attachment: fixed;
background-repeat: no-repeat; background-position: left top; background-size: cover; background-color: #fff; }
.footebgservice1{ padding: 3vh 38vw;}
.footebgservice1 {background-position: 56% top}
}