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: "Garet";
                src: url('../Garet.woff') format('woff'),
        url('../fonts/Garet.woff2') format('woff2'),
        url('../fonts/Garet.svg#Garet') format('svg'),
        url('../fonts/Garet.eot'),
        url('../fonts/Garet.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Garet.ttf') format('truetype');

                font-weight: normal;
                font-style: normal;
	 font-display: swap;}




.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: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

	font-weight: normal;

	

	color: #333; background: #fff;	

	font-size: 18px; 

	overflow-x: hidden; 

}



h1 {

	font-size: 25px;  

			 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

	color:#111; font-weight: bold; 

}



h2, h3, h4, h5, h6 { 	font-size: 23px; 

			 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

	font-weight: bold;

	 color:#111;



}





a{ 

	transition: all 0.2s ease-in-out 0s;}

 a:hover { 

 text-decoration: underline;

	transition: all 0.2s ease-in-out 0s;

}



p {

		 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

	text-shadow:none;

	

}



div.container {	

	position:relative;}



.floatLeft { float:left}

.floatright { float:right}

.Lyoodnnw_nopadding{padding:0!important}

.Lyoodnnw_nomargin{margin:0!important}

.Lyoodnnw_seperator{border-right: 2px solid #fce5e5}





/* --------------------------------------

   header padding and background

   -------------------------------------- */

.Lyoodnnw-padding_around, .Lyoodnnw-padding_around3 {

	padding: 0vh 0vw;

}

#Lyoodnnw-main_heading_bg {

	background:#f4f4f4;

}



#Lyoodnnw-footer {background-color: #335271}	



/* --------------------------------------

   logo and phone header

   -------------------------------------- */
.Lyoodnnw_nomarginbottom {margin-bottom: 0 !important}
	

.navbar-inverse .navbar-brand  h1{font-size: 23px; 

color:#222222; margin: 10px; padding: 0; text-transform: uppercase;font-style: normal;

	 font-family: 'Garet', Constantia, Lucida Bright, DejaVu Serif, tahoma, serif;	font-weight: normal}

.navbar-inverse .navbar-brand{padding: 10px; height: auto; line-height: inherit; }

.navbar-inverse .navbar-brand  a:hover{text-decoration: none; color: #600404}



.Lyoodnnw-logo  p{font-size: 18px; color:#000; text-align: left;}

.Lyoodnnw-logo {margin-bottom: 10px;}

.Lyoodnnw_seo{color: #333; margin: 15px 0; font-weight: bold; text-transform: uppercase;font-size: 22px; float:  left}

p.Lyoodnnw_phoneheader a{  text-align: center; padding: 10px 5px;
font-weight: bold;
	color:#111; font-size: 25px;  display: inline-block; }

.Lyoodnnw_phoneheader a:hover{ 

	color: #600404; text-decoration: none;}



.Lyoodnnw_cc1 {width: 190px; height: auto; margin-top: 15px;}



.Lyoodnnw_bgheader {background-color:#fcc9c9;box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }



.Lyoodnnw-padding_around4{padding: 1vh 0vw}

/* --------------------------------------

   Navigation

   -------------------------------------- */

.Lyoodnnw_noborder-right{border-right: none !important}

.navbar-inverse{ border-top:none;

	 	transition: all 0.2s ease-in-out 0s; color: #000;	

			 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {   padding:20px 25px !important; font-weight: bold; 
border-radius: 20px;
color:#000; 
background: linear-gradient(to bottom,  #ffffff 0%,#f7cdcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



	

.navbar-inverse .navbar-nav > li > a{

		 		 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

	 padding:20px 10px;text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);

opacity: 1; font-weight: bold;

	 font-size:18px; 

	 color: #000;   transition: all 0.3s ease-out;

}



.navbar-inverse .navbar-nav > li > a::before {

  content: "";

  position: absolute;

  top: 10px;

	left:35%;

  width: 30%;

  height: 2px; 

  background-color: #111 ;

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.3s ease-out;

	

}





.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#000;  opacity: 0.9;}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover::before {

	transform: scaleX(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

   -------------------------------------- */

.Lyoodnnw-socialmedia{width: 130px;  height: auto; margin: 0px auto}
.Lyoodnnw-socialmedia img:hover{opacity: 0.8; border-radius:20px; }
.Lyoodnnw-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}


#Lyoodnnw-box_schemacss {	 color:#f4f4f4; }

#Lyoodnnw-box_schemacss a{color:#fff;} 			  

#Lyoodnnw-box_schemacss h2{	color:#f4f4f4 ;}	

.Lyoodnnw-box_schema_add_map div {	display: inline;}



/* --------------------------------------

 main bg content

   -------------------------------------- */

.Lyoodnnw_contentbox {background: #ffff;

			box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

				margin-top: 40px; 

				margin-bottom: 40px;

				-webkit-border-radius: 10px;

				-moz-border-radius: 10px;

				border-radius: 10px;

			}

/* --------------------------------------

   (white)

   -------------------------------------- */


.Lyoodnnw-white-white1 h1, .Lyoodnnw-white-white1 h2, .Lyoodnnw-white-white1 h3, .Lyoodnnw-white-white1 h4, .Lyoodnnw-white-white1 h5{position: relative; margin-bottom: 20px; color: #111111}
.Lyoodnnw-white-white1 h1::before, .Lyoodnnw-white-white1 h2::before, .Lyoodnnw-white-white1 h3::before, .Lyoodnnw-white-white1 h4::before, .Lyoodnnw-white-white1 h5::before {
  content: '';
  position: absolute;
  width: 45px;
  height:10px;
  background-color: #df674c;
  border-radius: 2px;
  top: -20px;
	left: -2px;}
.Lyoodnnw-white-white1 h1::after, .Lyoodnnw-white-white1 h2::after, .Lyoodnnw-white-white1 h3::after, .Lyoodnnw-white-white1 h4::after, .Lyoodnnw-white-white1 h5::after{
  content: '';
  position: absolute;
  border-bottom: 10px dashed #df674c;
  width: 25px;
  top: -20px;
  left: 50px;
}

.boxwhite22 {border:1px solid #f4f4f4; border-radius: 20px; padding:70px;}


.Lyoodnnw-white { padding:50px 70px; margin-top: 60px; margin-bottom: 60px; }
.Lyoodnnw-bg2, .Lyoodnnw-bg1, .Lyoodnnw-bg4, .Lyoodnnw-bg3{ background-position: right center; background-repeat: no-repeat; background-attachment: fixed}
.Lyoodnnw-bg2{
	background-image: url("../images/lynnwood-garage-door-repair-service2-bg.jpg"); }
.Lyoodnnw-bg1{
	background-image: url("../images/lynnwood-garage-door-repair-service1-bg.jpg"); }

.Lyoodnnw-bg3{
	background-image: url("../images/lynnwood-garage-door-repair-service3-bg.jpg"); }

.Lyoodnnw-bg4{
	background-image: url("../images/lynnwood-garage-door-repair-service4-bg.jpg"); }

.Lyoodnnw-white p{color:#111;}

.Lyoodnnw-white ul{ margin-left: 20px; }

.Lyoodnnw-white li {color:#111; list-style: url("../images/lynnwood-garage-door-repair-0002.png")}

.Lyoodnnw-white ul, .Lyoodnnw-white2 li{color:#111}


.Lyoodnnw-content1{padding:15px 45px;  padding-right: 0;
	margin-bottom: 20px; }

.Lyoodnnw-content-textimg {margin-bottom: 40px; border-radius: 20px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.Lyoodnnw-btn a{
		 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

 text-transform: uppercase;font-weight: bold; color:#fff !important; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4) !important;
background: #DF674C;
background: linear-gradient(250deg, rgba(223, 103, 76, 1) 55%, rgba(168, 75, 54, 1) 100%);

padding: 15px 40px;

transition : 500ms;

transform: translateY(0);

display: inline-block; 

cursor: pointer; text-align: center; margin-top: 10px; margin-bottom: 10px;

border-radius: 5px; 

	box-shadow: rgba(252, 161, 141, 0.3) 0px 10px 15px -3px, rgba(252, 161, 141, 0.5) 0px 4px 6px -2px;

}

.Lyoodnnw-btn a:hover{ text-decoration: none !important;

transition : 1000ms;

padding: 15px 50px;
box-shadow: none;
transform : translateY(-0px);

	background: #222 !important;}



.Lyoodnnw-white a:hover{color:#111; text-decoration: underline}

.Lyoodnnw-white a{color:#000; text-shadow: 1px 1px 1px #fff}



.Lyoodnnw-white p, .Lyoodnnw-white ul, .Lyoodnnw-white li{color:#222; text-shadow: 1px 1px 1px #fff}

.Lyoodnnw-white ul{ margin-left: 20px; }

.Lyoodnnw-white li {color:#111; list-style: url(../images/lynnwood-garage-door-repair-0002.png); text-shadow: 1px 1px 1px #fff}

.Lyoodnnw-white ul, .Lyoodnnw-white li{color:#222}



/* --------------------------------------

   (Dark_section)

   -------------------------------------- */



.Lyoodnnwnopaddtop{margin-top: 0 !important;}

.boxsidedark {padding: 50px 70px}

.Lyoodnnw-dark { padding:0px; margin-top: 60px; margin-bottom: 60px; }
.nopaddingleft{padding-left: 0 !important}
.nopaddingright{padding-right: 0 !important}
.boxpadding {padding:0px 70px}
.Lyoodnnw-darkimg {border-radius: 50%; padding: 10px; border: #ccc solid 1px;
margin: 50px 0px;
}
.bg-darkside {
background: linear-gradient(to right,  #ffffff 50%,#f6f8fa 50%,#f6f8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.Lyoodnnw-dark p, .Lyoodnnw-dark li{ }


.Lyoodnnw-dark a:hover { 

	text-decoration: underline; }

.Lyoodnnw-dark a{color:#000}

.Lyoodnnw-dark p{color:#222; text-shadow: 1px 1px 1px #fff !important}

.Lyoodnnw-dark ul, .Lyoodnnw-dark li{color:#f222; text-shadow: 1px 1px 1px #fff !important}

.Lyoodnnw-dark ul{ margin-left: 20px;}



.Lyoodnnw-dark li{color:#222; list-style: url(../images/lynnwood-garage-door-repair-0002.png)}

/* --------------------------------------

   Section banner services

   -------------------------------------- */

	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg.jpg); background-position: right top; 

		padding-bottom: 40px;

		background-repeat: no-repeat;

		background-color: #fff; padding-top: 30px; 

		

}
.Lyoodnnw_bannertext_area h5 {color:#fcbaba;}
.Lyoodnnw_bannertext_area p{color:#fff}
.Lyoodnnw_bannertext_area{background: rgba(0, 0, 0, 0.8); border: 5px solid #111; padding: 20px 40px;	margin-top: 2%; margin-left: -10%; 
	backdrop-filter: blur(10px); border-radius: 30px}

.Lyoodnnw-banner {
  padding: 15px 45px;
    padding-left: 130px;
  margin-bottom: 20px;
}
img.bannerservicepadding {border-radius: 10%; border: 1px solid rgba(255, 255, 255, 0.1)}
.bannerservicepadding:hover{webkit-animation:pulseping 1s ease-in-out;  
        animation: pulseping 1s ease-in;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1; filter: brightness(130%)}

.bannerservicepadding {padding: 10px}

.Lyoodnnw-footerPadding{padding: 5px; margin-top: 10px; margin-bottom: 10px; }

.nomargintopbottom{margin-bottom: 0; margin-top: 0}

.paddingservice {padding-top: 50px; padding-bottom: 50px;}

.nopadding-bottom{padding-bottom: 0 !important}
.imgservice:hover {filter:brightness(110%); transition: transform 0.5s ease-in-out;    transform: scale(1.1);padding: 2px; border-radius:5px }

.imgservice{padding:1px; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;  margin-bottom: 20px; margin-top: 20px; border-radius: 5px;}
.footerbg1 {padding: 20px 50px; background-color: #ffffff; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.footerbg {margin-bottom: 50px; margin-top:50px; 
background: linear-gradient(to bottom,  #f4f4f4 53%,#f4f4f4 53%,#ffffff 53%); 
 }

@keyframes pulseping {
	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);
	}
}


/* --------------------------------------

   Section banner services

   -------------------------------------- */




.Lyoodnnw-footer-service1 h6 {color:#c2ffbd}





.carousel-indicators li {width: 10px; height: 10px; background: rgba(255, 255, 255, 0.3); border: none; }

.carousel-indicators .active {width:10px; height: 10px; background: rgba(0, 0, 0, 0.4); border: none;}




/* --------------------------------------

   Section footer services

   -------------------------------------- */
.footer_others {margin-top: 40px; margin-bottom: 40px;}
.mainbanner{padding-top: 40px}

.Lyoodnnw-boxbg-service_text {padding: 20px; margin-top: 30px}

.Lyoodnnw-footer-servicebox_ect img{ border-radius: 30px }


.textbanner {background: rgba(0, 0, 0, 0.1); width: 300px; padding: 30px; color:#fff}
 
.boxservicessidde {border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;padding: 20px;}

.Lyoodnnw-footer-servicebg a:hover{color:#353636; text-decoration: none;  }

.Lyoodnnw-boxbg-service_text p{color:#fff; padding: 20px 40px; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(20px); border-radius: 5px}

.Lyoodnnw-boxbg-service_text h5{color:aqua}


/* --------------------------------------

   Section footer links

   -------------------------------------- */

.Lyoodnnw-copyright {text-align: center;  color:#222;margin-top: 20px; margin-bottom: 20px;}
.footercopyright{background: #e94d4e; padding: 40px; border-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;}

#Lyoodnnw-schema { color:#e9f6e8; border: 1px solid rgba(255, 255, 255, 0.1); padding:10px 20px; border-radius: 10px; display: inline-block; margin: 15px auto}

#Lyoodnnw-schema h2{color:#e9f6e8}

.Lyoodnnw-schema_add_map div{display:inline}



/* --------------------------------------

BackToTop button css 

-------------------------------------- */

#scrolltop {

	position:fixed;

	right:20px; border-radius: 5px;

	bottom:10px;

	cursor:pointer; 

	width:40px;

	height:40px;

	background-color:rgba(0, 0, 0, 0.5);

	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(0, 0, 0, 0.9);

	

	opacity:1;filter:"alpha(opacity=100)";

	-ms-filter:"alpha(opacity=100)";}







/* Small screen laptop and pc 150% */

@media (max-width: 1350px) {

	.Lyoodnnw_seo {font-size: 20px}

	.Lyoodnnw_bannertext_area p {font-size: 15px}

	#Lyoodnnw-footer {padding-top:10px;} 

	.Lyoodnnw_contentbox {margin-top: 20px; margin-bottom: 20px;}

	

	h2, h3, h4, h5, h6 {font-size: 20px;}

	

	.navbar-inverse .navbar-brand h1{font-size: 18px;}

	p.Lyoodnnw_phoneheader a {font-size: 18px}

	.Lyoodnnw_cc1 {width: 150px;}

	.Lyoodnnw-phone a{font-size: 18px; padding: 10px}



}



/* Small screen laptop and pc 170% */

@media (max-width: 1150px) {




	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg_b.jpg);}

.Lyoodnnw_seo {font-size: 20px}

	.Lyoodnnw_bannertext_area p {font-size: 15px}

	#Lyoodnnw-footer {padding-top:10px;} 

	.Lyoodnnw_contentbox {margin-top: 20px; margin-bottom: 20px;}

	.Lyoodnnw-service-side-img{width: 300px}

	#Lyoodnnw-footer{min-height: inherit; padding: 10px}

.navbar-inverse{
background: #f4f4f4;

          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:#f4f4f4!important;

            text-align: left;

           			opacity:0.97 !important;	 }		

	

.navbar-inverse.sticky .navbar-nav > li > a{font-size:14px; 	

 padding:20px 5px; }

	

	.navbar .navbar-nav {margin-top: 10px; margin-bottom: 10px;background: #e94d4e; padding: 5px; border-radius: 20px }

.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {

background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#111111;  padding:20px 5px;			 	 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";text-shadow:none;  }

		

	.navbar-inverse.sticky .navbar-nav{margin: 5px;}	





.navbar-inverse .navbar-nav > li > a{

		 	 	 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

	font-size:11px; }



		.Lyoodnnw-phone a{font-size: 16px;}

	.Lyoodnnw-logo  p{font-size: 9px;  }





	.Lyoodnnw-dark img, img.Lyoodnnw-service-side-img {width: 300px}

		.Lyoodnnw-logo.sticky h1{margin-bottom: 3px;}

	.Lyoodnnw_bannertext_area {padding: 10px;}

	.Lyoodnnw_bannertext_area p{font-size: 15px}

		.Lyoodnnw_bannertext_area {padding: 5px 10px;}

	.Lyoodnnw-btn a{padding:10px 20px}

	.Lyoodnnw-btn a:hover{padding:10px 30px}

	.Lyoodnnw-boxbg-service_text {padding:10px}

	.Lyoodnnw-boxbg-service_text h5 {font-size: 20px; padding: 10px 20px}

	img.Lyoodnnw-content-textimg {width: 200px; height: auto;}

	.Lyoodnnw-darkimg {width: 200px; height: auto;}

	.Lyoodnnw_seo {font-size: 16px;}

	.Lyoodnnw-bg2{
	background-image: url("../images/lynnwood-garage-door-repair-service2-bg-600.jpg"); }
.Lyoodnnw-bg1{
	background-image: url("../images/lynnwood-garage-door-repair-service1-bg-600.jpg"); }

.Lyoodnnw-bg3{
	background-image: url("../images/lynnwood-garage-door-repair-service3-bg-600.jpg"); }

.Lyoodnnw-bg4{
	background-image: url("../images/lynnwood-garage-door-repair-service4-bg-600.jpg"); }

}





@media (max-width: 1123px) {.Lyoodnnw-content-text {margin-left: -40px;}

	.Lyoodnnw-padding_around4 {padding: 1vh 2vw;}

	.Lyoodnnw-footerPadding {padding: 5px}

	.Lyoodnnw-footerCopyright {margin-top: 0}

	.Lyoodnnw_phoneheader a{font-size: 16px !important}

	.Lyoodnnw_phoneheader, .navbar-inverse .navbar-brand h1{margin-bottom: 0;}

.navbar-inverse.sticky .navbar-nav > li > a{font-size: 14px;}	

	.Lyoodnnw-logo.sticky h1{font-size: 19px;}	

	.navbar-inverse .navbar-brand {padding: 5px;}.Lyoodnnw-white1 {padding: 20px}



}

@media (max-width:1033px) {
	.boxsidedark {padding:0px 50px;}
	.boxpadding {padding: 0}

		.Lyoodnnw_phoneheaderpadd, .Lyoodnnw-quick, .Lyoodnnw_cc {margin: 5px; min-height: inherit; border: none !important}

	.Lyoodnnw-phone_top p{font-size: 12px;}

.Lyoodnnw-white-img-side { width: 250px; height: auto; }

			.Lyoodnnw-contact_info_text {padding: 10px 20px} 	

	.Lyoodnnw-contact_info_text a{font-size: 20px;}

	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 10px;}



	.Lyoodnnw_phoneheaderpadd, .Lyoodnnw-quick, .Lyoodnnw_cc {font-size: 9px;}

	.Lyoodnnw_cc p {font-size: 8px}

	

	.navbar-inverse .navbar-brand h1{font-size: 14px;}
	.Lyoodnnw-white {padding: 20px}
	img.Lyoodnnw-content-textimg {margin: 10px auto}

	}



/* 200% size SM*/



@media (max-width:980px) {	

	

	.Lyoodnnw-footer-servicebg p {font-size: 12px;}

.Lyoodnnw_cc1 {

  width: 75px;}

	.Lyoodnnw_seo {

  font-size: 12px;

}

	.Lyoodnnw_bannertext_area {border-radius: 20px;}

	

	.sticky.Lyoodnnw-logo a {font-size: 16px}

	

	.Lyoodnnw_phoneheader a {font-size: 8px; line-height: normal}

/*   Navigation */	

.navbar-inverse .navbar-nav > li > a{

	 font-size:12px;padding:20px 3px }

	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {padding: 20px 3px;}

	

	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 9px;}

	

.Lyoodnnw-cc img{display:inline-block; width: 90px; height: auto}		

	

		.Lyoodnnw-phone a {font-size: 14px;}



#Lyoodnnw-footer h5 {font-size: 20px;}



	.Lyoodnnw-whitebox {padding: 20px;border-radius:0px 0px 20px 20px;} 

	.Lyoodnnw-white {margin-top: 10px;}

	.Lyoodnnw-dark img, img.Lyoodnnw-service-side-img {float: none; margin: 10px auto; width: 250px;}

	

.Lyoodnnw-darkbox {padding: 20px;border-radius:0px 0px 20px 20px;}

	

	.Lyoodnnw-boxbgfooter h5 { padding: 5px 15px;}

	

	.Lyoodnnw-dark > .container{width: 95%}

	
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
		padding: 20px 10px !important;}

}



/* Landscape phone to portrait tablet 260% */

@media (max-width: 767px) {
.Lyoodnnw-bg2, .Lyoodnnw-bg1, .Lyoodnnw-bg3, .Lyoodnnw-bg4{
	background-image:none; background-color: #f4f4f4;}
	.Lyoodnnw-white1 {padding: 10px }


	#Lyoodnnw-footer {background-image:none; margin-top: 0;}

	

	.Lyoodnnw-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}



		

	/* navigation */



	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover {color: #f4f4f4}

	

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border-color: rgba(0, 0, 0, 0.1); }

	.pull-right{float: inherit !important }



.navbar-inverse{ background: #f4f4f4; /* Old browsers */



		height:auto;

	opacity:0.9;}

	img.Lyoodnnw-content-textimg, .Lyoodnnw-darkimg {float:none; margin: 0 auto;}

	.Lyoodnnw-white2, .Lyoodnnw-dark  {padding: 10px; margin-top: 10px; margin-bottom: 10px;}

	.Lyoodnnw_contentbox {padding: 10px 20px !important}

	.carousel-indicators li {background: rgba(255, 255, 255, 0.4);}
	.carousel-indicators{top:80%; left: 50%}

	.Lyoodnnw-boxbg-service_text h5 {padding: 5px 10px; width: 250px; font-size: 18px}

.navbar-inverse .navbar-nav > li > a{
text-shadow: none;
	font-size:18px; background: none; 

	font-weight:bold; border-right: none !important;

	padding:5px 20px !important;}

	.navbar-inverse .navbar-nav > li > a::before {

  top: 5px;

	left:10%;

  width: 10%;

  height: 2px; 

	

}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse 

.navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > 							

.active > a:hover {

	border:none;

	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;

	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;

	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: #fff;

}

	/* navbar-toggle */

	.navbar-inverse .navbar-toggle { 

		border: none;

background: rgba(0, 0, 0, 0.4)}	

		.navbar .navbar-collapse {padding-top: 5px; text-align: left; background: #f4f4f4}

	.navbar-inverse.sticky {background: #f4f4f4 !important;}	

	.navbar-inverse .navbar-toggle:focus{background:#333;}

	.navbar-inverse .navbar-toggle:hover { color: #fff; background:#111 }

		

	/*body*/

	

		body {background-color: #fff; }

h1, h2, h3, h4, h5, h6 {font-size: 20px}	

	.Lyoodnnw-logo_small_screen a{color: #fff}

	.Lyoodnnw_logo_small_screen a{ padding-left: 4px; font-style: normal;		text-transform: uppercase;

		font-family: 'Garet', Constantia, Lucida Bright, DejaVu Serif, tahoma, serif; font-weight: normal;

	color:#222222; margin: 5px 0 0 0; }

	

		.Lyoodnnw-bg_phone_tablet_area {text-align: center; padding: 1vh 2vw; background: #E94D4E; color:#fff; font-size: 18px }

	.Lyoodnnw-bg_phone_tablet_area a{color:#f4f4f4; font-size: 18px}

	.Lyoodnnw-bg_phone_tablet_area a:hover{text-decoration: underline; font-size: 18px}

.Lyoodnnw-dark > .container{width: auto}

	.Lyoodnnw-footerbox {   padding: 0px;}

	

.Lyoodnnw-boxbgfooter{ margin-bottom: 5px; margin-top: 5px;}

	.Lyoodnnw-footerPadding{ margin-bottom: 5px; margin-top: 5px; padding: 5px; }



	.Lyoodnnw_logo_small_screen.sticky a {color:#222222; text-shadow: none}

	.Lyoodnnw-service-side-img {width: 300px}

	

		

	.Lyoodnnw-white ul, .Lyoodnnw-white li{    margin-left: 0px;}	

	.Lyoodnnw-btn a{font-size: 18px}

.Lyoodnnw-logo_small_screen{font-size: 22px;    	 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

 margin: 5px;}

		.Lyoodnnw-Dark_bg-img, .Lyoodnnw-imgpostion, 	.Lyoodnnw-service-side-img{width: 200px;}

	.Lyoodnnw-white-img-side{float: inherit; margin: 5px auto; width:250px}

	.Lyoodnnw-white h1, .Lyoodnnw-white h2, .Lyoodnnw-white h3, .Lyoodnnw-white h4, .Lyoodnnw-white h5 {width: inherit}

	.Lyoodnnw-dark h1, .Lyoodnnw-dark h2, .Lyoodnnw-dark h3, .Lyoodnnw-dark h4, .Lyoodnnw-dark h5, .Lyoodnnw-dark h6  {width: inherit}



.Lyoodnnw-white h1, .Lyoodnnw-white h2, .Lyoodnnw-white h3, .Lyoodnnw-white h4, .Lyoodnnw-white h5 {margin-top: 5px; margin-bottom: 5px;}

	.Lyoodnnw-dark ul {margin-left:-20px}

	

	.Lyoodnnw-darkbox {margin: 5px; padding: 5px 20px;}

		.Lyoodnnw-white{ margin-top: 5px; margin-bottom: 5px; padding: 1vh 1vw;  }

	.Lyoodnnw-dark-textbgline h1, .Lyoodnnw-dark-textbgline h2, .Lyoodnnw-dark-textbgline h3, .Lyoodnnw-dark-textbgline h4, .Lyoodnnw-dark-textbgline h5, .Lyoodnnw-dark-dark-textbgline h6 {border-radius: 10px; padding: 5px 10px;}

	.Lyoodnnw-white h1, .Lyoodnnw-white h2, .Lyoodnnw-white h3, .Lyoodnnw-white h4, .Lyoodnnw-white h5 {border-radius: 10px; padding: 5px 10px;}

	.Lyoodnnw-whitebox{border-radius: 10px; padding: 5px 10px;}

	.Lyoodnnw-darkbox{border-radius: 10px; padding: 5px 10px;}



		.Lyoodnnw-phone a:hover, .Lyoodnnw-phone a{font-size: 20px}

	.Lyoodnnw-phone{display:flex; 

								justify-content:center;	align-items:center; width: 96%}	





	.Lyoodnnw-Phone_visible_area_bg img{width: 130px; margin: 5px auto}



	

	.Lyoodnnw-phone a:hover, .Lyoodnnw-phone a{font-size: 16px; display: inherit;}

	.Lyoodnnw-padding_around_services_footer {

    padding: 1vh 2vw;

}

	a, a:hover {font-size: 17px}

	

		.Lyoodnnw-headerbanner_services_action h5 {font-size: 18px; }

	.Lyoodnnw-darkmarginbottom{padding-bottom: 10px !important;}

	

	



}



/* Portrait & landscape phone */

@media (max-width: 670px) { 	

.Lyoodnnw-service-side-img {width: 200px}

	.Lyoodnnw-logo_small_screen a{font-size: 15px;}

	.Lyoodnnw-bg_phone_tablet_area a{font-size: 18px}

.Lyoodnnw-box-service p{font-size: 9px;}

		.Lyoodnnw-Dark_bg-img, .Lyoodnnw-imgpostion, .Lyoodnnw-service-side-img{width: 250px; margin: 5px auto}

		.Lyoodnnw-dark img, img.Lyoodnnw-service-side-img {width: 200px;}

		#Lyoodnnw-footer h5 {width: inherit; padding:10px}

	

	.carousel-indicators{top:inherit; left: 50%;bottom:-10px}

}



@media (max-width: 420px) {

			

	body {background-color: #fff;  }

	

		.Lyoodnnw-phone a:hover, .Lyoodnnw-phone a{font-size: 16px; display: inline-block}

	

	p, ul, li {font-size: 14px;}

		h1, h2, h3, h4, h5, h6 {font-size: 18px}.Lyoodnnw-phone a:hover, .Lyoodnnw-phone a{font-size: 16px; display: inline-block}

	#scrolltop{display: none !important}

	#Lyoodnnw-footer h5 {width: inherit; padding:10px}

	.carousel-indicators{top:inherit; left: 50%;bottom:-10px}

	

}



@media (max-width: 360px) {	

	

	.Lyoodnnw-footer-serviceboxbg1, .Lyoodnnw-footer-serviceboxbg2, #Lyoodnnw-footer

	{background-image:none}

	

	h1, h2, h3, h4, h5, h6 {font-size: 18px}	

.Lyoodnnw-Dark_bg-img img, .Lyoodnnw-imgpostion img, .Lyoodnnw-service-side-img img{display: none}

	

	.Lyoodnnw-logo_small_screen{font-size: 13px;}	

	.Lyoodnnw-white-img-side, .Lyoodnnw-Dark-img-side{display: none}

.Lyoodnnw-2, #Lyoodnnw-footer, .Lyoodnnw-darkgray,.Lyoodnnw-white,.Lyoodnnw-contact,.Lyoodnnw-headerbanner_services_action_bg

	{padding: 1vh 1vw;} 

.Lyoodnnw-footer-services{ background-color: #f4f4f4;}

				.Lyoodnnw-white_container { margin: 0; padding: 1vh 1vw;}



.Lyoodnnw-bg_phone_tablet_area a{font-size: 18px}

	.Lyoodnnw-phone_footer {font-size: 18px; padding: 1vh 1vw;}

	.Lyoodnnw-boxbg {display: none}

	#Lyoodnnw-footer {	background-image: none; background: #f4f4f4}

	#Lyoodnnw-footer h5 {width: inherit; padding:10px}

	.Lyoodnnw-phonefooter {font-size: 20px;}

	.carousel-indicators{top:inherit; left: 50%;bottom:-10px}

}



@media (max-width: 280px) {	.Lyoodnnw-logo_small_screen{font-size: 10px;}	

		img.Lyoodnnw-content-textimg, .Lyoodnnw-darkimg {display: none;}

	.Lyoodnnw-headerbanner_services_action {text-align: center}

	#Lyoodnnw-schema {display: none}

	.Lyoodnnw-white-img-side img {display: none}

	.Lyoodnnw-bg_phone_tablet_area a{font-size: 16px}

}









@media (min-width: 1200px) {



	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg_a.jpg); 

		background-size: 100% auto;

	padding-bottom: 10px;

padding-top: 10px; 

		min-height:inherit;	}
	

	.navbar .navbar-nav {margin-top: 10px; margin-bottom: 10px;background: #e94d4e; padding: 5px; border-radius: 20px }

	

	body {background-size: contain}	

.navbar-inverse{
background:#f4f4f4; 

          border-bottom: none;

            -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:#f4f4f4!important;

            text-align: left;

           			opacity:0.98 !important;

					 }	

	

	.Lyoodnnw_bgheader.sticky{background-color: rgba(0, 0, 0, 0.7)}

	

.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px; 	

 padding:20px 15px; 

 }

.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 	  background:none;
background: linear-gradient(to bottom,  #ffffff 0%,#f7cdcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#111;  padding:15px; 

			 	 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
border-radius: 40px;
		

	text-shadow:none;  }

	.navbar-inverse.sticky .navbar-nav{margin: 10px 0;}	





.navbar-inverse .navbar-nav > li > a{

		 	 	 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";



	 font-size:17px;  }

	.navbar-brand.sticky h1{font-size: 22px !important;}

		

		

}



@media screen and (min-width: 1600px) and (max-width: 1912px) {

	.navbar-inverse .navbar-nav > li > a{

	 font-size: 18px;  }

	

		.navbar-inverse.sticky {font-size: 18px;}



	

	.navbar-inverse .navbar-brand h1{font-size: 27px;}

		

#scrolltop {right:10}	

	.Lyoodnnw-white, .Lyoodnnw-dark {padding: inherit 0vw;}

	

	.Lyoodnnw-padding_around4{ padding: 0vh 4vw;}

	.Lyoodnnw-padding_around3 { padding: 0vh 5vw;}

		.navbar-inverse{

		border-bottom: none;}

	.Lyoodnnw-boxbgfooter{ padding: 0vh 2vw;}

	

	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg.jpg); background-size:auto  100% }

.navbar-inverse{

background:#f4f4f4; }
	.boxsidedark {padding: 50px 70px}

	.Lyoodnnw-white {padding: 40px 70px}
}

	

@media screen and (min-width: 1920px) and (max-width: 2000px){ 
.boxsidedark {
  padding: 70px 150px;
}
	.Lyoodnnw-white {
  padding: 40px 150px;
  margin-top: 60px;
  margin-bottom: 60px;
}

	.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }		

	.navbar-inverse .navbar-brand h1{ font-size: 30px;}	

	.Lyoodnnw-padding_around4{ padding: 0vh 11vw;}

	.Lyoodnnw-padding_around3 { padding: 0vh 17vw;}

		.navbar-inverse{

		border-bottom: none;}

	.Lyoodnnw-boxbgfooter{ padding: 0vh 10vw;}

	#Lyoodnnw-footer {background-position: top center; background-size: 100% auto;}		



	

 .Lyoodnnw-white, .Lyoodnnw-dark {padding: inherit 0vw;}	

	

	p.Lyoodnnw_phoneheader a{

		font-size: 25px; }
.navbar-inverse{

background:#f4f4f4; }
	

#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg.jpg); 	}

}

@media (min-width: 2001px) and (max-width: 2558px) {
	
	.boxsidedark {
  padding: 70px 150px;
}
	.Lyoodnnw-white {
  padding: 40px 150px;
  margin-top: 60px;
  margin-bottom: 60px;
}


	.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }

	.navbar-inverse .navbar-brand  h1{font-size: 36px; }

	.Lyoodnnw-padding_around4{ padding: 0vh 14vw;}

	.Lyoodnnw-padding_around3 { padding: 0vh 15vw;}

		.navbar-inverse{

		border-bottom: none;}

	.Lyoodnnw-boxbgfooter{ padding: 0vh 13vw;}

	#Lyoodnnw-footer {background-position: top center; background-size: 100% 100%;}

	
.navbar-inverse{

background:#f4f4f4; }

	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg.jpg); 	  background-size: cover 100%}

	

}





@media (min-width: 2560px) and (max-width: 3499px) {
	
	.boxsidedark {
  padding: 70px 150px;
}
	.Lyoodnnw-white {
  padding: 40px 150px;
  margin-top: 60px;
  margin-bottom: 60px;
}


	.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }

		.navbar-inverse .navbar-brand  h1{font-size: 36px; }

	.Lyoodnnw-padding_around4{ padding: 0vh 23vw;}

	.Lyoodnnw-padding_around3 { padding: 0vh 24vw;}

		.navbar-inverse{

		border-bottom: none;}

	.Lyoodnnw-boxbgfooter{ padding: 0vh 21vw;}

		#Lyoodnnw-footer {background-position: top center; }

.navbar-inverse{

background:#f4f4f4; }

	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg.jpg); 	  background-size: 100% auto }



	.Lyoodnnw-padd{padding: 2vh 15vw}
		.Lyoodnnw-white, .footerbg{ padding: 0vh 14vw;}
		
}



@media screen and (min-width: 3500px)  and (max-width: 4499px) {
	
	.boxsidedark {
  padding: 70px 150px;
}
	.Lyoodnnw-white {
  padding: 40px 150px;
  margin-top: 60px;
  margin-bottom: 60px;
}


	.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }

	.navbar-inverse .navbar-brand  h1{font-size: 36px; }

	.Lyoodnnw-padding_around4{ padding: 0vh 26vw;}

	.Lyoodnnw-padding_around3 { padding: 0vh 27vw;}

	.Lyoodnnw-footer-servicebg {padding: 1vh 0vw;}

	.navbar-inverse{

		border-bottom: none;}

	.Lyoodnnw-boxbgfooter{ padding: 0vh 30vw;}

	#Lyoodnnw-footer {background-position: top center;}

	

	.navbar-inverse{

background:#f4f4f4; }

	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg.jpg); 	 background-size: 100% auto}

	

		.Lyoodnnw-padd{padding: 2vh 22vw}
		.Lyoodnnw-bg2, .Lyoodnnw-bg1, .Lyoodnnw-bg4, .Lyoodnnw-bg3 {background-position:72% center}
		.Lyoodnnw-white, .footerbg{ padding: 0vh 22vw;}

}



@media screen and (min-width: 4500px)  and (max-width: 6399px) {
	
	.boxsidedark {
  padding: 70px 150px;
}
	.Lyoodnnw-white {
  padding: 40px 150px;
  margin-top: 60px;
  margin-bottom: 60px;
}


	.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }

		.navbar-inverse .navbar-brand  h1{font-size: 36px; }

	.Lyoodnnw-padding_around4{ padding: 0vh 31vw;}

	.Lyoodnnw-padding_around3 { padding: 0vh 33vw;}

	.Lyoodnnw-footer-servicebg {padding: 1vh 0vw;}

	.navbar-inverse{

		border-bottom: none;}

	.Lyoodnnw-boxbgfooter{ padding: 0vh 33vw;}

	#Lyoodnnw-footer {background-position: top center}

	

	.navbar-inverse{

background:#f4f4f4; }

	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg.jpg); 	 background-size: 100% auto}


		.Lyoodnnw-padd{padding: 2vh 28vw}
		.Lyoodnnw-bg2, .Lyoodnnw-bg1, .Lyoodnnw-bg4, .Lyoodnnw-bg3 {background-position:67% center}
		.Lyoodnnw-white, .footerbg{ padding: 0vh 27vw;}
}



@media screen and (min-width: 6400px) {
.boxsidedark {
  padding: 70px 150px;
}
	.Lyoodnnw-white {
  padding: 40px 150px;
  margin-top: 60px;
  margin-bottom: 60px;
}

	.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }

	.navbar-inverse .navbar-brand  h1{font-size: 36px; }

	.Lyoodnnw-padding_around4{ padding: 0vh 36vw;}

	.Lyoodnnw-padding_around3{ padding: 0vh 38vw;}

	.Lyoodnnw-footer-servicebg {padding: 1vh 0vw;}


	.navbar-inverse{

		border-bottom: none;}

	.Lyoodnnw-boxbgfooter{ padding: 0vh 38vw;}

	#Lyoodnnw-footer {background-position: top center}

	.Lyoodnnw-padd{padding: 3vh 34vw}
		.Lyoodnnw-bg2, .Lyoodnnw-bg1, .Lyoodnnw-bg4, .Lyoodnnw-bg3 {background-position:62% center}

	.navbar-inverse{

background:#f4f4f4; }

	#Lyoodnnw-footer {background-image: url(../images/lynnwood-garage-door-repair-01_bg.jpg); 	 background-size: auto 100%}




	.Lyoodnnw-white, .footerbg{ padding: 0vh 34vw;}

	

	}