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;
            }

.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:"Verdana", Times, serif;  color: #111; 
	background-color: #fff;	
	font-size: 18px; 
	overflow-x: hidden; 
}

h1 {
	font-size: 28px; 
	font-family:"Verdana", Times, serif; 
	color:#f3eafd;  font-weight: bold;
}

h2, h3, h4, h5, h6 {
	font-size: 28px; 
	font-family:"Verdana", Times, serif;  
	 color:#f3eafd; font-weight: bold;
}


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:"Verdana", Times, serif;  
	text-shadow:none;
	font-size:18px;
}

div.container {	
	position:relative;}

.floatLeft { float:left}
.floatRight { float:right}


/* --------------------------------------
   header padding and background
   -------------------------------------- */
.OaawnkL-padding_around {
	padding: 0vh 2vw;
}
#OaawnkL-main_heading_bg {
	background: #7836DE;
background: linear-gradient(145deg,rgba(120, 54, 222, 1) 0%, rgba(77, 38, 135, 1) 50%);
}

.OaawnkL_phoneheader{ 
	text-align: center; 
}
.OaawnkL_phoneheader {margin-top:5px; margin-bottom: 5px;}
p.OaawnkL_phoneheader a{
	color: #38B6FF; 
}

.OaawnkL_phoneheader a:hover{ 	transition: all 0.2s ease-in-out 0s; text-decoration: none;
	color: #f3eafd; 
}
.phonemain  a{text-transform: uppercase; color: #08157A !important; font-weight: bold; font-size: 22px; box-shadow: rgba(3, 44, 107, 0.2) 0px 2px 8px 0px; padding: 10px 30px; border-radius: 10px;  display: inline-block; text-align: center}
.phonemain  a:hover{text-decoration: none !important; color: #000 !important; 	transition: all 0.2s ease-in-out 0s;  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px;}
  p.phonemain{padding-top: 20px !important; padding-bottom: 20px !important; }

/* --------------------------------------
   logo and phone header
   -------------------------------------- */
.OaawnkL-logo { margin-bottom: 5px; text-align: center}
img.OaawnkL-logos {width:auto; height:35px}
img.cccredit{width: 150px; height: auto; margin-bottom: 20px}
.OaawnkL-logo h1{ font-size: 35px;  font-weight: bold;font-family: 'Calistoga-Regular', Georgia; text-transform: uppercase;
 margin: 20px 0 0 0; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.9)}
.OaawnkL-logogreen{color:#dcfd3e !important }
.OaawnkL-logo a{color: #fff; text-transform: uppercase; font-weight: 900}
.OaawnkL-logo  a:hover{
webkit-animation: fade-in-out 0.5s ease;
        animation: fade-in-out 0.5s ease;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1; text-decoration: none; color: #fff !important; text-shadow:1px 1px 4px rgba(0, 0, 0, 0.9)}

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

@keyframes bonce {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.OaawnkL-btn a{
		font-family: "Verdana", "serif";
background: linear-gradient(135deg, #2563eb 0, #1d4ed8 100%);
  color: #fff !important; font-weight: 900; text-transform: uppercase;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);

padding: 15px 40px;
	border-radius: 5px;
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-block; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
cursor: pointer; text-align: center; margin-top: 10px; margin-bottom: 10px;
}

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

padding: 15px 40px;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.35) !important;

  background: linear-gradient(135deg, #3b82f6 0, #2563eb 100%) !important;
}
/* --------------------------------------
   Navigation
   -------------------------------------- */
.navbar-inverse{ border-top:none;
	 	transition: all 0.2s ease-in-out 0s; color: #fff;	
		font-family:"Verdana", Times, serif;  }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {  padding:15px !important;
	color:#7cd9f7;  background:none; 
  text-shadow:none;  border:none; 
}
	
.navbar-inverse .navbar-nav > li > a{
		 font-family:"Verdana", Times, serif;  background:none;
	 padding:15px; text-shadow:none;	font-weight: bold;

	 font-size:18px; 
	 color: #d0b4fa; }

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#ffffff;   

webkit-animation: float 0.5s ease;
        animation: float 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;}

/* --------------------------------------
  banner services
   -------------------------------------- */

.OaawnkL-banner_services-text-info{padding:10px 30px;	backdrop-filter:blur(20px); background:rgba(0, 0, 0, 0.4);  width: 500px; margin: 20px auto}
.OaawnkL-banner_services {background-attachment: fixed;
	background-image: url(../images/oak-lawn-garage-door_0_bg.jpg);
	background-position: bottom right; 
	background-repeat: no-repeat; 
}

.OaawnkL-box-service-padding {padding: 10px;}
.OaawnkL-box-service img:hover {  transform: scale(1.05);
transition: all .5s; cursor: pointer; filter:brightness(120%); border-radius: 20px}
.OaawnkL-box-service img{border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; }
	
/* --------------------------------------
   (white)
   -------------------------------------- */

.OaawnkL-white {	margin-top: 20px; margin-bottom: 20px; background: #fff;}


.OaawnkL-white h1, .OaawnkL-white h2, .OaawnkL-white h3, .OaawnkL-white h4, .OaawnkL-white h5 {font-size: 25px;
	color: #4a1f8e;  }
.OaawnkL-white a {color:#4a1f8e}
.OaawnkL-white a:hover{text-decoration: underline}
.OaawnkL-white p, .OaawnkL-white ul, .OaawnkL-white li{color:#111;}
.OaawnkL-white ul{ margin-left: 20px; }
.OaawnkL-white li{list-style: circle}
.OaawnkL-white-text {padding:20px;}
.OaawnkL-white-img-side {float: right; padding: 20px;}

/* --------------------------------------
   (Dark_section)
   -------------------------------------- */
	
.OaawnkL-dark {
background: linear-gradient(45deg,  rgba(74,31,142,1) 0%,rgba(78,35,163,1) 52%,rgba(64,150,238,1) 100%); 
 margin-top: 30px; margin-bottom: 30px; padding:50px 90px; clip-path: polygon(50% 0%, 100% 3%, 100% 97%, 50% 100%, 0 97%, 0 3%);}
.OaawnkL-dark h1, .OaawnkL-dark h2, .OaawnkL-dark h3, .OaawnkL-dark h4, .OaawnkL-dark h5 {color: #dcfd3e; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);  font-size: 25px; }

.OaawnkL-dark a:hover { 
	text-decoration: underline; }.OaawnkL-dark p, .OaawnkL-dark ul, .OaawnkL-dark li{color:#fff;}
.OaawnkL-dark a{color:#d6c1f7}
.OaawnkL-dark p, .OaawnkL-dark ul, .OaawnkL-dark li{color:#fff;}
.OaawnkL-dark ul{ margin-left: 20px; }
.OaawnkL-dark li{list-style: circle}
.OaawnkL-Dark_box{box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;padding:40px 50px; margin:50px 10px; border-radius: 5px}
.OaawnkL-Dark-img-side { border-radius: 5px; box-shadow: -29px 28px 0px 6px rgba(51,26,90,1);}



/* --------------------------------------
   contact
   -------------------------------------- */

.OaawnkL-contact-footerbg { 
	padding: 40px 20px; background: #fff;
 color:#333;  }

.OaawnkL-contact-footerbgcc{background: #7f48d4; padding: 20px}

.OaawnkL-contact-footerbg h7{font-weight: bold;}
.OaawnkL-contact-footerbg h6{ color:#4a1f8e; text-transform: uppercase}
.bgservicefooter {background: #fafafa; padding: 40px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;}
/* --------------------------------------
   Schema
   -------------------------------------- */
#schemacss{color:#333;} 	
#schemacss a{color:#333;} 			  
#schemacss h2{color:#333;}
	
.schema_add_map div {
	display: inline;}

/* --------------------------------------
   Section footer links
   -------------------------------------- */
 #OaawnkL-footer {
	 background:#dcfd3e; color: #fff;
		 color:#111;
	padding: 50px 0;  text-align: center; clip-path: polygon(50% 0%, 86% 6%, 100% 0, 100% 100%, 0 100%, 0 79%, 0 3%, 20% 5%);
	 		   }
#OaawnkL-footer p{color: #333;}
#OaawnkL-footer a{ color:#111; transition: all 0.2s ease-in-out 0s;}
#OaawnkL-footer a:hover{color:#000; text-decoration: underline;}
.OaawnkL-footerphone a{text-align: center; background:#071d3c; padding: 20px; display: inline-block; color: #f7c103 !important}
.OaawnkL-footerphone a:hover{color:#fff}


@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
 
  }
  100% {
    transform: translateY(0);
  }
}

/* --------------------------------------
BackToTop button css 
-------------------------------------- */
#scrolltop {
	position:fixed;
	right:15px; 
	bottom:0px;
	cursor:pointer;
	width:40px;
	height:40px;
	background-color:rgba(41, 21, 71, 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(41, 21, 71, 0.9);
	
	opacity:1;filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";}
	

/* video responsiveness */
.embed-responsive {

  position: relative;  display: block;  height: 0;  padding: 0;  overflow: hidden;}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,
.embed-responsive object,.embed-responsive video {
  position: absolute;  top: 0;  bottom: 0;  left: 0;  width: 100%;  height: 100%;  border: 0;}

.embed-responsive-16by9 {  padding-bottom: 56.25%;}

.embed-responsive-4by3 {  padding-bottom: 75%;}


.social-media {
    width: fit-content;
    margin: 0 auto;
}

.social-media img{
	width:auto;
	display:inline;
	margin:5px;
}




@media (max-width: 1350px) {
	.OaawnkL-padding_around {padding: 0vh 1vw;}
	
	h2, h3, h4, h5, h6 {font-size: 26px;}
	.OaawnkL-phone_top {width: 100px}
	.OaawnkL_phoneheader a {font-size: 18px; line-height: normal;}
		.OaawnkL-logo h1{ font-size: 20px;}
	.OaawnkL-mobiletext {font-size: 14px;}
	.OaawnkL-contact_info_text { border:30px solid #0f418c}
	.sticky.OaawnkL-logo a {font-size: 18px}
	.sticky.OaawnkL-mobiletext {font-size: 10px}
	img.OaawnkL-logos {width:auto; height:30px}
}
@media (min-width: 1300px) {.OaawnkL-contact-emCon {padding:63px 20px;}


}

/* Small screen laptop and pc */
@media (max-width: 1150px) {
	.OaawnkL-white-img-side {width: 350px;}
	.OaawnkL-padding_around {padding: 0vh 2vw;}
		.OaawnkL-logo h1{ font-size: 15px;}
	.OaawnkL_phoneheader a {font-size: 15px}
	.OaawnkL-mobiletext {font-size: 10px}
	.sticky.OaawnkL-logo a {font-size: 16px;}
	.sticky.OaawnkL-mobiletext {font-size: 9px}
	.OaawnkL_phoneheader a {font-size: 12px}
.navbar-inverse{
background:#4a1f8e;


          border-bottom: none;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}

#OaawnkL_banner{margin:0px auto 0; background:#05175b;}

.navbar-nav{margin:0; margin-bottom: 10px !important;}
.navbar-inverse.sticky {top:0;
            position: fixed;
	font-size:14px;
            width: 100%;          
		background:#4a1f8e!important;
            text-align: left;
           			opacity:0.94 !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:#5e95f9;  padding:10px 5px;
			 font-family:"Verdana", Times, serif; text-shadow:none;  }
	.navbar-inverse.sticky .navbar-nav{margin: 0;}	


.navbar-inverse .navbar-nav > li > a{
		 	 font-family:"Verdana", Times, serif;
background: none; 
	font-size:12px; }}


@media (max-width: 1123px) {
	
.navbar-nav{margin:0; 
background: #1d1030;
background: linear-gradient(45deg,rgba(29, 16, 48, 1) 0%, rgba(47, 24, 82, 1) 50%);
 padding: 10px;  margin-bottom: 10px;}
	.OaawnkL_phoneheader, .OaawnkL-logo h1{margin-top: 0; margin-bottom: 0;}
	.OaawnkL-white_img_services_sub { width: 300px; height: auto; }
.OaawnkL-padding_around {padding: 0vh 2vw;}
	  img.OaawnkL-logos {
    width: auto;
		  height: 22px; margin-top: 5px;  }
	  img.cccredit {margin-bottom: 5px;
			  width: 100px;}
.OaawnkL-phone_footer {font-size: 25px}
	img.sticky.OaawnkL-logos {height: 20px}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 14px;}}
@media (max-width:1033px) {.OaawnkL-white-img-side {float: none; width: 300px; margin: 20px auto;}
	
	.OaawnkL-Dark-img-side {float: none; width: 300px; margin: 20px auto;	}
	.OaawnkL-phone_top p{font-size: 12px;}
.OaawnkL-white_img_services_sub { width: 250px; height: auto; }
			.OaawnkL-1_banner_main_left h5{ font-size: 20px;}	
	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 11px;}
	.OaawnkL-contact-footerbg h5, .OaawnkL-contact-footerbg h6{font-size: 20px;}

	.OaawnkL-banner_services {
	background-image: url(../images/oak-lawn-garage-door_0_bg_1_a.jpg);
	background-position: left top; 
}

	
	}

@media (max-width:980px) {	
	.OaawnkL-banner_services-text-info h6, .OaawnkL-banner_services-text-info h5 {font-size: 16px}
	.OaawnkL-banner_services-text-info p{font-size: 12px; text-shadow: 1px 1px 1px #fff}
	.OaawnkL-logo a{font-size: 11px}
	.sticky.OaawnkL-logo a {font-size: 10px}
	
	.OaawnkL-mobiletext {font-size: 8px}
	.OaawnkL_phoneheader a {font-size: 8px; line-height: normal}
/*   Navigation */	
.navbar-inverse .navbar-nav > li > a{
	 font-size:9px; padding: 10px 4px}
	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 8.5px;}
.OaawnkL-cc img{display:inline-block; width: 90px; height: auto}		
	.OaawnkL-footer_services_shadow {min-height: 270px; }
		.OaawnkL-phone a {font-size: 14px;}
img.OaawnkL-phone_top {width: 80px;}
	

	.OaawnkL-contact-emCon {padding:82px 20px}
	
	.OaawnkL-banner_services{padding:1vh 1vw	}
	.OaawnkL-banner_services {
	background-image: url(../images/oak-lawn-garage-door_0_bg_1_b.jpg);
	background-position: left top; 
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.OaawnkL-white {	background-image:none}
.OaawnkL-banner_services {
	background-image: url(../images/oak-lawn-garage-door_0_bg_1_c.jpg);
	background-position: left top; 
}
	.OaawnkL-box-service img{border-radius: 5px;}

	img.logoxs {width: 150px }
	.OaawnkL-contact-emCon {padding:10px}
	
	.OaawnkL-contact-footerbg h5, .OaawnkL-contact-footerbg h6 {font-size: 18px;}
	body {background-color: #fff; }
	.OaawnkL-banner_servicesbg{padding: 5px !important;}
	.OaawnkL-banner_servicesbg img{margin: 5px 0}
		.OaawnkL-logo_small_screen a{color: #ffffff}
.OaawnkL-logo_small_screen{font-size: 22px;    font-family: 'Calistoga-Regular', Georgia; 
 margin: 5px; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7)}
	.OaawnkL-Dark_box {padding: 20px}
		.OaawnkL-bg_phone_tablet_area {text-align: center; padding: 1vh 2vw; background: #2e1c54; color:#f4f4f4; font-size: 18px }
	.OaawnkL-bg_phone_tablet_area a{color:#fff; font-size: 18px}
	.OaawnkL-bg_phone_tablet_area a:hover{text-decoration: underline; font-size: 18px}

	.OaawnkL-dark, .OaawnkL-white{ padding: 1vh 4vw; margin: 5px}
	.OaawnkL-contact-footerbg{ padding: 3vh 11vw; margin: 5px}
	

		.OaawnkL-phone a:hover, .OaawnkL-phone a{font-size: 20px}
	.OaawnkL-phone{display:flex; 
								justify-content:center;	align-items:center; width: 96%}	

	.OaawnkL-dark {padding: 20px}
	.OaawnkL-contact-emCon img{width: 130px; margin: 5px auto}
	.OaawnkL-Phone_visible_area_bg img{width: 130px; margin: 5px auto}
	.navbar .navbar-collapse {padding-top: 5px; text-align: left}
	.OaawnkL-darkgray, .OaawnkL-white, .OaawnkL-quick_services {padding: 1vh 11vw; }
	.OaawnkL-footer_services_action_bg img{display: none;}
	.OaawnkL-footer_services_action_bg {padding: 10px; margin:5px 0 0px 0; min-height: inherit;}
	.OaawnkL-footer_services_item {min-height: inherit;}
	.OaawnkL-contact-footer {margin-top: 5px; margin-bottom: 5px}
.OaawnkL-footer_services_action .post {
	padding: 5px;}
	.OaawnkL-footer_services_shadow {padding: 10px 20px; min-height: inherit;}
	.OaawnkL-contact {padding: 10px; }
	.OaawnkL-2_bg h1 {font-size: 22px}
	.OaawnkL-phone a:hover, .OaawnkL-phone a{font-size: 16px; display: inherit;}
	.OaawnkL-padding_around_services_footer {
    padding: 1vh 2vw;
}
	a, a:hover {font-size: 17px}
	.OaawnkL-2, #OaawnkL-footer, .OaawnkL-darkgray,.OaawnkL-white,.OaawnkL-footer_services_action_bg
	{padding:  20px;}
	.OaawnkL-contact{padding: 30px;}
	.OaawnkL-footer_services_action h5 {font-size: 22px; }
	
	.OaawnkL-1_banner_main_right_service > .col-sm-12 {padding: 0}
					.OaawnkL-1_banner_main_left{text-align: center; }
				.OaawnkL-1_banner_main_left > .clearfix, .OaawnkL-1_banner_main_right, .OaawnkL-phone{display:flex; 
								justify-content:center;	align-items:center; width: 96%}	
.OaawnkL-1_banner_main_right_service{width: 155px; height: auto;  padding-right: 10px}
			.OaawnkL-banner_services {padding: 2vh 3vw;}
	
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: rgba(0, 0, 0, 0.1); }
	.pull-right{float: inherit !important }
	
.navbar-inverse{
	height:auto;
	opacity:0.9;}
	
.navbar-inverse .navbar-nav > li > a{
	font-size:18px; background: none; 
	font-weight:bold;
	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;
	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; }
	
.navbar-collapse.sticky{
	padding-bottom:5px;}	
	
	
	.OaawnkL-darkgray img {width: 250px; height: auto}
	.OaawnkL-white_img_services img {width: 250px; height: auto}
	
	h1, h2, h3, h4, h5, h6 {font-size: 20px}
	/* navbar-toggle */
	.navbar-inverse .navbar-toggle { 

		border: none;
background: none;}	
	.navbar-inverse .navbar-toggle:hover { color: #fff; background: rgba(0, 0, 0, 0.4); }}

/* Portrait & landscape phone */
@media (max-width: 670px) { 	
	
.OaawnkL-banner_services {
	background-image: url(../images/oak-lawn-garage-door_0_bg_1_d.jpg);
	background-position: left top; 
}
img.logoxs {width: 130px }
	.OaawnkL-footer_services_action_bg h6 {font-size: 20px}
	.OaawnkL-logo_small_screen a{font-size: 15px;}
	.OaawnkL-bg_phone_tablet_area a{font-size: 18px}
	
}

@media (max-width: 420px) {	
	body {background-color: #fff; background-image:none; }
	.OaawnkL-contact-footer_img_services {display: none}
		.OaawnkL-phone a:hover, .OaawnkL-phone a{font-size: 16px; display: inline-block}
	.OaawnkL-Dark-img-side, .OaawnkL-white-img-side {display: none}
	.OaawnkL-logo_small_screen{font-size: 12px;}

	p, ul, li {font-size: 14px;}
		h1, h2, h3, h4, h5, h6 {font-size: 18px}.OaawnkL-phone a:hover, .OaawnkL-phone a{font-size: 16px; display: inline-block}
	#scrolltop{display: none !important}
	
		.OaawnkL-banner_services, .OaawnkL-Dark_bg_1, .OaawnkL-Dark_bg_2, .OaawnkL-Dark_bg_3, .OaawnkL-contact-footerbg  { background-image: none;}
	
}

@media (max-width: 360px) {		h1, h2, h3, h4, h5, h6 {font-size: 18px}	
		.OaawnkL-banner_services{display: none;}
	.OaawnkL-logo_small_screen{font-size: 13px;}	
	.OaawnkL-white-img-side, .OaawnkL-Dark-img-side{display: none}
.OaawnkL-2, #OaawnkL-footer, .OaawnkL-darkgray,.OaawnkL-white,.OaawnkL-contact,.OaawnkL-footer_services_action_bg
	{padding: 1vh 1vw;} 

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

.OaawnkL-bg_phone_tablet_area a{font-size: 18px}
	.OaawnkL-phone_footer {font-size: 18px; padding: 1vh 1vw;}
}

@media (max-width: 280px) {	.OaawnkL-logo_small_screen{font-size: 10px;}	
	.OaawnkL-footer_services_action {text-align: center}
	#OaawnkL-schema {display: none}
	.OaawnkL-white-img-side img {display: none}
	.OaawnkL-bg_phone_tablet_area a{font-size: 16px}
}




@media (min-width: 1200px) {	
	body {background-size: contain}
	
.navbar-inverse{
background: #7836DE;
background: linear-gradient(145deg,rgba(120, 54, 222, 1) 0%, rgba(77, 38, 135, 1) 50%);
padding-bottom: 10px;
          border-bottom: none;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}

#OaawnkL_banner{margin:0px auto 0; background:#4a1f8e;}

.navbar-nav{margin:0; 
background: #1d1030;
background: linear-gradient(45deg,rgba(29, 16, 48, 1) 0%, rgba(47, 24, 82, 1) 50%);
 padding: 10px; }
.navbar-inverse.sticky {top:0;
            position: fixed;
	font-size:18px;
            width: 100%;          
		background:#4a1f8e!important;
            text-align: left;
           			opacity:0.94 !important;
					 }	
	img.sticky.OaawnkL-logos {height: 25px}
	.sticky.OaawnkL-logo p{font-size: 16px}
	.sticky.OaawnkL-logo h1{font-size: 25px;}
	.sticky.OaawnkL-mobiletext {font-size: 12px}
.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px; 	
 padding:10px 15px;
 }
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 
	color:#7cd9f7;  padding:15px;
			 font-family:"Verdana", Times, serif; text-shadow:none;  }
	.navbar-inverse.sticky .navbar-nav{margin: 0;}	


.navbar-inverse .navbar-nav > li > a{
		 	 font-family:"Verdana", Times, serif;
background: none; 
	 font-size:17px;  }

	
	
}

@media screen and (min-width: 1600px) and (max-width: 1912px) {
	.navbar-inverse .navbar-nav > li > a{
	 font-size: 18px;  }
		.OaawnkL-banner_services {padding: 1vh 2vw;}
	.navbar-inverse.sticky {font-size: 18px;}
	.OaawnkL-banner_services {background-size:100% 80%!important;} 
.OaawnkL-contact-emCon {padding: 62px 20px;}
	.OaawnkL-Dark_bg_padding {padding: 0vh 0vw;}
}
	
@media screen and (min-width: 1920px) and (max-width: 2559px){ 
	.OaawnkL-padding_around {padding: 0vh 11vw;}

.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }
	
	.OaawnkL-banner_services {padding: 2vh 15vw;}

	.OaawnkL-banner_services {background-attachment: inherit;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important; 
		background-position: bottom right; 
  background-size: cover !important; background-size:auto 187% !important;} 
	
	.OaawnkL-Dark_bg_padding {padding: 0vh 0vw;}
	.OaawnkL-contact-emCon {padding: 62px 20px}
}

@media (min-width: 2560px) and (max-width: 3499px) {
	
	

	.OaawnkL-padding_around {padding: 0vh 21vw;}
			.OaawnkL-banner_services {padding: 2vh 24vw;}

	.OaawnkL-banner_services {background-attachment: inherit;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important; 
	background-position:bottom right; 
  background-size: cover !important; background-size:auto 245% !important;} 
	

	.OaawnkL-Dark_bg_padding {padding: 0vh 34vw;}
	.OaawnkL-contact-emCon {padding: 5vh 1vw}
		
}
@media screen and (min-width: 3500px)  and (max-width: 4499px) {
	.OaawnkL-padding_around {padding: 0vh 27vw;} 
		.OaawnkL-banner_services {padding: 2vh 34vw;}

	.OaawnkL-banner_services {background-attachment: inherit;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important; 
background-position:center center;  
  background-size: cover !important; background-size:auto 210% !important;} 
	
	

	.OaawnkL-Dark_bg_padding {padding: 0vh 34vw;}
	.OaawnkL-contact-emCon {padding: 2vh 1vw}
}

@media screen and (min-width: 4500px) {
	.OaawnkL-padding_around {padding: 0vh 32vw;}
	.OaawnkL-banner_services {padding: 1vh 34vw;}
	.OaawnkL-logo h1{ font-size: 30px;}
	
	.OaawnkL-banner_services {background-attachment: inherit;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important; 
		background-position:center center; 
  background-size: cover !important; background-size:auto 200% !important;} 
	
	

	.OaawnkL-Dark_bg_padding {padding: 0vh 34vw;}

	.OaawnkL-contact-emCon {padding: 2vh 1vw}
	
}