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;
-------------------------------------- */
body, html {
overflow-x:hidden !important;
}
a, a:hover {color: inherit;}
a[href^=tel] {
color: inherit;
text-decoration: none; }
body {
background-image: url(../images/edmonds-locksmith_0_bg.jpg);
background-position: center top;
background-repeat: no-repeat;
font-family:"Tahoma", Times, serif; color: #111;
background-color: #fff;
font-size: 18px;
overflow-x: hidden;
}
h1 {
font-size: 32px;
font-family:"Tahoma", Times, serif;
letter-spacing: 1px;
}
h2, h3, h4, h5, h6 {
font-size: 28px;
font-family:"Tahoma", Times, serif;
letter-spacing: 1px;
}
li {
list-style-image: url(../images/edmonds-locksmith_001.png);
}
a, a:hover {
color: #023360;
transition: all 0.2s ease-in-out 0s;
}
p {
font-family:"Tahoma", Times, serif;
text-shadow:none;
font-size:18px;
}
div.container {
position:relative;}
.floatLeft { float:left}
.floatRight { float:right}
/* --------------------------------------
header padding and background
-------------------------------------- */
.mondsEd-padding_around {
padding: 0vh 7vw;
}
#mondsEd-main_heading_bg {
background:#04103f;
}
.mondsEd_phoneheader{
text-align: right;
}
.mondsEd_phoneheader a{
font-size: 20px;
text-transform: uppercase;
display: inline-block;
color: #aeccf9;
padding: 10px 5px;
transition: all 0.2s ease-in-out 0s !important;
font-family:"tahoma", serif;
}
.mondsEd_phoneheader a:hover{
color: #fff;
}
/* --------------------------------------
logo and phone header
-------------------------------------- */
.mondsEd-phone_top p{ font-size: 11px; padding: 5px; margin: 0; color:#b1b4fb; font-family:"Tahoma", Times, serif; text-align: right }
.mondsEd-phone_top a:hover{filter: brightness(110%)}
.mondsEd-phone_top img{ height: auto; width: 150px; text-align: right; float: right}
.mondsEd-phone_top{padding: 5px;}
.mondsEd-mobiletext { color: #f4f4f4; font-family:"Tahoma", Times, serif; margin-left:-5px;}
.mondsEd-logo h1{ font-family: 'Myriad Pro', Arial Black;
font-size: 36px; font-weight:900; letter-spacing: -1px;
color:#fff;
margin: 5px 0 0 0;}
.col-lg-8.mondsEd-logo h1 {margin-left:-5px;}
.mondsEd-logo a{color: #fff;}
.mondsEd-cc img{display:inline-block; width: 200px; height: auto}
/* --------------------------------------
Navigation
-------------------------------------- */
.navbar-inverse{ border-top:none;
transition: all 0.2s ease-in-out 0s;
font-family:"Tahoma", Times, serif; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { padding:20px 15px !important;
color:#fff; text-transform: uppercase;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#18194d+0,090a22+100 */
background: #202575;
text-shadow:none; }
.navbar-inverse .navbar-nav > li > a{
font-family: 'Myriad Pro', tahoma;font-weight: 600; background:none;
padding:20px 15px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
transition: all 0.2s ease-in-out 0s;
font-size:18px;
color: #b1b4fb;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color:#fff; }
.navbar {
margin-bottom:0; }
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;}
.navbar .navbar-collapse {
text-align: center;}
/* --------------------------------------
Banner
-------------------------------------- */
.mondsEd_banner-wallpaper {
background: none;
}
#mondsEd_banner{
margin:0px auto;
width: 100%;
background-size: auto;
position:relative; }
.mondsEd-banner_service_img {float: left; margin: 20px; border-radius: 10% 50%; width: 200px; height: auto}
#bootstrap-menu{
-webkit-transition:all 0.3s 0s ease-in-out;
transition:all 0.3s 0s ease-in-out; margin:0;
font-family:"Tahoma", Times, serif; font-weight:bold; }
.mondsEd-banner1, .mondsEd-banner2, .mondsEd-banner3{ margin: 5px 0 0 0;
text-align: left;
font-family:"Tahoma", Times, serif; min-height: 135px;
}
.mondsEd-banner1 p, .mondsEd-banner2 p, .mondsEd-banner3 p{ color:#fff;
font-size:20px; text-shadow:1px 1px 1px #000; text-shadow: -1px 0px #000, 0px 1px #000, 0px 2px #000, 0px -1px #04103f;
font-family:"Tahoma", Times, serif;
padding: 1vh 1vw; margin: 0;}
.mondsEd-banner1 h2, .mondsEd-banner2 h2, .mondsEd-banner3 h2{ color:#fff;
text-shadow: -1px 0px #04103f, 1px 3px #04103f, 0px 2px #04103f, 0px -2px #04103f;
font-family:"Tahoma", Times, serif; letter-spacing: 1px;
font-size:30px; padding: 1vh 1vw; margin: 0;
}
.mondsEd-padding_banner {padding: 1vh 7vw;}
.carousel-indicators li {
background-color: rgba(255, 255, 255, 0.1);
border: medium none;
border-radius: 0px;
height: 10px;
margin: 0;
padding: 0;
width: 50px;}
.carousel-indicators .active {
background-color:#8487d4;
height: 10px;
margin: 0;
width: 50px;}
.carousel-indicators {bottom:-5%;}
/* --------------------------------------
banner services
-------------------------------------- */
.mondsEd-banner_services {
padding: 2vh 4vw;
}
.mondsEd-banner_services img{display:inline-flex; border-radius: 10px; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.2));}
.mondsEd-banner_services img:last-child {margin-right:none !important}
.mondsEd-banner_services img:hover {-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
filter: contrast(120%)}
/* --------------------------------------
Section 2 content text 1
-------------------------------------- */
.mondsEd-2 {padding: 15px;}
.mondsEd-2_responsive-video {
position: relative;
padding-bottom: 50%;
padding-top: 30px; overflow: hidden;
}
.mondsEd-2_responsive-video iframe,
.mondsEd-2_responsive-video object,
.mondsEd-2_responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* --------------------------------------
(white)
-------------------------------------- */
.mondsEd-text-align_center {text-align: center !important}
.mondsEd-whitebg_home {background: #fff; border-radius: 50px;}
.mondsEd-white { padding:25px; margin-bottom: 15px; margin-top: 15px}
.mondsEd-white h1, .mondsEd-white h2, .mondsEd-white h3, .mondsEd-white h4, .mondsEd-white h5 {
color: #04103f; letter-spacing: -1px;}
.mondsEd-white a:hover{color:#023360;}
.mondsEd-white a, .mondsEd-white p, .mondsEd-white ul, .mondsEd-white li{color:#333;}
.mondsEd-white ul{ margin-left: 20px; list-style: none}
.mondsEd-white li{list-style-image: url(../images/edmonds-locksmith_001.png);}
.mondsEd-white_img_services{float: right; margin: 20px; }
/* --------------------------------------
(Dark_section)
-------------------------------------- */
.mondsEd-Dark_bg{background:#111437; padding: 25px; margin-bottom: 15px; margin-top: 15px; }
.mondsEd-Dark_gray h1, .mondsEd-Dark_gray h2, .mondsEd-Dark_gray h3, .mondsEd-Dark_gray h4, .mondsEd-Dark_gray h5 {color: #fff; letter-spacing: 1px; }
.mondsEd-Dark_gray a:hover{color:#023360;}
.mondsEd-Dark_gray a, .mondsEd-Dark_gray p, .mondsEd-Dark_gray ul, .mondsEd-Dark_gray li{color:#fff;}
.mondsEd-Dark_gray ul{ margin-left: 20px; list-style: none}
.mondsEd-Dark_gray li{list-style-image: url(../images/edmonds-locksmith_001.png);}
.mondsEd-Dark_gray_img_services{float: right; margin: 20px; }
/* --------------------------------------
contact
-------------------------------------- */
.mondsEd-contact-footerbg {
background: rgb(26,27,83); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(26,27,83,1) 0%, rgba(20,26,63,1) 52%, rgba(28,40,89,1) 57%, rgba(32,37,117,1) 62%, rgba(32,37,117,1) 64%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(26,27,83,1) 0%,rgba(20,26,63,1) 52%,rgba(28,40,89,1) 57%,rgba(32,37,117,1) 62%,rgba(32,37,117,1) 64%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(26,27,83,1) 0%,rgba(20,26,63,1) 52%,rgba(28,40,89,1) 57%,rgba(32,37,117,1) 62%,rgba(32,37,117,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1b53', endColorstr='#202575',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 20px;
margin-top: 20px; color:#fff
}
.mondsEd-contact-side {border-radius:30% 70% 70% 30% / 30% 30% 70% 70% }
.mondsEd-contact_info a:hover{color:#878ae3}
.mondsEd-contact_info {padding: 1vh 2vw;}
.mondsEd-contact-footerbg h5{font-weight: bold; color: #fff;}
.mondsEd-contact-footerbgService.mondsEd-contact-footerbg h5{color:#333}
.mondsEd-contact-footerbgService.mondsEd-contact-footerbg {background: #fff; color:#666}
/* --------------------------------------
footer services
-------------------------------------- */
.carousel-indicators.carousel-inner-services li {
background-color: rgba(0, 0, 0, 0.1);
border: medium none;
border-radius: 0px;
height: 10px;
margin: 0;
padding: 0;
width: 30px;}
.carousel-indicators.carousel-inner-services .active {
background-color: #8487d4;
height: 10px;
margin: 0;
width: 30px;}
.carousel-indicators.carousel-inner-services {bottom:-12%;}
.mondsEd-footer_services_action_bg {margin-top: 20px; margin-bottom: 70px;}
.mondsEd-footer_services_action_bg p, .mondsEd-footer_services_action_bg h5{text-align: center}
.mondsEd-footer_services_itempadding{padding:10px; text-align: left;}
.mondsEd-footer_services_item {
background: rgb(30,32,76); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(30,32,76,1) 0%, rgba(9,10,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(30,32,76,1) 0%,rgba(9,10,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(30,32,76,1) 0%,rgba(9,10,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e204c', endColorstr='#090a22',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 30px; min-height: 340px}
.mondsEd-footer_services_item:hover {background:#080a1f }
.mondsEd-footer_services_action_bg h6{font-size: 22px; border-bottom: 3px solid #d92824; color:#fff; display: inline-block; line-height: 40px; text-align: left;}
.mondsEd-footer_services_item p{color:#fff; text-align: left;}
/* --------------------------------------
phone button
-------------------------------------- */
.mondsEd-phone a{ color:#fff !important; text-align: center; font-size: 20px;
text-shadow: none;
font-family:"tahoma", serif;
background: rgb(30,32,76); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(30,32,76,1) 0%, rgba(9,10,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(30,32,76,1) 0%,rgba(9,10,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(30,32,76,1) 0%,rgba(9,10,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e204c', endColorstr='#090a22',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border:1px solid #181a51;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
transition: all 0.2s ease-in-out 0s !important;
padding: 10px 40px; font-weight: bold }
.mondsEd-phone {margin:10px 0;}
.mondsEd-phone p{margin: 30px 0px;}
.mondsEd-phone a:hover{
background: #0c0d29; box-shadow: rgba(50, 50, 93, 0.15) 0px 13px 27px -5px, rgba(0, 0, 0, 0.2) 0px 8px 16px -8px;
color:#878ae3!important;
}
/* --------------------------------------
Section footer links
-------------------------------------- */
#mondsEd-footer {
background:#0c0d29;
color:#fff;
-moz-box-shadow: inset 5px 10px 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 5px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: inset 5px 10px 10px rgba(0, 0, 0, 0.1);
padding: 4vh 7vw;
}
#mondsEd-footer h6{font-size: 30px;font-family:"Tahoma", Times, serif; color: #878ae3 }
.mondsEd-footer_text_links a{color: #fff; transition: all 0.2s ease-in-out 0s;}
.mondsEd-footer_text_links a:hover{color:#878ae3; text-decoration: underline;}
.mondsEd-copyright h5{font-family: 'Myriad Pro', Arial Black;
font-size: 30px; font-weight:900; letter-spacing: -1px;
color:#fff;}
.mondsEd-coprightbg{ padding: 20px; border-radius: 5px;
background: rgb(24,25,77); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(24,25,77,1) 0%, rgba(12,13,43,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(24,25,77,1) 0%,rgba(12,13,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(24,25,77,1) 0%,rgba(12,13,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18194d', endColorstr='#0c0d2b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* footer Schema */
#mondsEd-schema {
font-size: 18px;
margin: 10px 0;
color:#fff; }
#mondsEd-schema a{color:#fff;}
#mondsEd-schema h2{ color:#fff; font-size: 18px; font-family:"Tahoma", Times, serif;
margin:0;
}#mondsEd-schema strong{font-size: 18px; color:#f4f4f4}
.mondsEd-schema_add_mapSection div {
display: inline;}
/* --------------------------------------
BackToTop button css
-------------------------------------- */
#scrolltop {
position:fixed;
right:15px;
bottom:0px;
cursor:pointer;
width:40px;
height:40px;
background-color:rgba(1,16,65, 0.8);
text-indent:-9999px;
display:none;border-radius: 20px 20px 0px 0px }
#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,16,65, 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%;}
/* --------------------------------------
animation
-------------------------------------- */
@keyframes pop-in {
0% { opacity: 0;transform: scale(0.1); }
100% { opacity: 0.3;transform: scale(1); }
}
.popin1 {
animation: pop-in 0.5s ease;
animation-delay: 0; background: rgba(7, 24, 69, 0.3)
}
@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}}
@media (max-width: 1350px) {
.mondsEd-padding_around {padding: 0vh 2vw;}
.navbar-brand h1{font-size:21px;}
h2, h3, h4, h5, h6 {font-size: 26px;}
.mondsEd-phone_top{margin-top: 0}
.mondsEd-phone_top p{font-size: 11px;}
.mondsEd-phone_top img {height: 20px; width: auto}
.mondsEd-contact_info_text { border:30px solid #0f418c}
.navbar-inverse.sticky {top:0;
position: fixed;
font-size:18px;
width: 100%;
background:#05175b !important;
text-align: left;
opacity:0.94; }
.navbar-inverse.sticky .navbar-nav > li > a{
font-size:16px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
padding:10px}
.navbar-inverse .navbar-nav > li > a{
font-size:18px; }}
/* Small screen laptop and pc */
@media (max-width: 1200px) {
.carousel-indicators {bottom:-3%;}}
/* Small screen laptop and pc */
@media (max-width: 1150px) {
.mondsEd-padding_around {padding: 0vh 2vw;}
.mondsEd_phoneheader a {font-size: 18px;}
.mondsEd-phone_top p {font-size: 12px}
.navbar-inverse{background:#090A22;
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;
line-height: 40px;
height: 60px;
font-size:18px;
width: 100%;
background:#090A22!important;
text-align: left;
opacity:0.94; }
.navbar-inverse.sticky .navbar-nav > li > a{
font-size:18px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
padding:20px 10px; }
.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:20px 10px;
font-family: 'Myriad Pro', tahoma;
text-shadow:none;
font-weight: 600; }
.navbar-inverse.sticky .navbar-nav{margin: 0;}
.navbar-inverse .navbar-nav > li > a{
font-family: 'Myriad Pro', tahoma; font-weight: 600; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#18194d+0,090a22+100 */
background: rgb(24,25,77); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(24,25,77,1) 0%, rgba(9,10,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(24,25,77,1) 0%,rgba(9,10,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(24,25,77,1) 0%,rgba(9,10,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18194d', endColorstr='#090a22',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
font-size:16px; padding-left:8px; padding-right: 8px; }}
@media (max-width: 1123px) {
.mondsEd-white_img_services_sub { width: 300px; height: auto; }
.mondsEd-padding_around {padding: 0vh 3vw;}
.mondsEd-phone_top{margin-top: 0}
.mondsEd_phoneheader{ text-align: right; }
.mondsEd_phoneheader a{
font-size: 20px;
text-transform: uppercase;
display: inline-block;
color: #aeccf9;
padding: 10px 5px;
transition: all 0.2s ease-in-out 0s !important;
font-family:"tahoma", serif;}
.mondsEd_phoneheader a:hover{ color: #fff;}
.mondsEd-phone_top img {height: 15px; width: auto}
.mondsEd-cc img{display:inline-block; width: 150px; height: auto}
.mondsEd-phone_top a{font-size: 18px}
.mondsEd-phone_footer {font-size: 25px}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 14px;}}
@media (max-width:1033px) {
.mondsEd-phone_top p{font-size: 12px;}
.mondsEd-white_img_services_sub { width: 250px; height: auto; }
.mondsEd_phoneheader a {font-size: 18px;} .mondsEd_phoneheader {padding: 5px}
.mondsEd-contact_info_text {padding: 10px 20px} .mondsEd-1_banner_main_left h5{ font-size: 20px;}
.mondsEd-logo h1{font-size: 20px; text-transform: none}
.mondsEd-contact_info_text a{font-size: 20px;}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 11px;}.mondsEd-padding_around {padding: 0vh 5vw;}
}
@media (max-width:1003px) {.navbar-brand h1{font-size:20px;}
.mondsEd-contact_info_text {padding: 10px 30px}
.carousel-indicators {bottom:-12%;}.mondsEd-padding_around {padding: 0vh 3vw;}
body { background-image: url(../images/edmonds-locksmith_0_bg-1.jpg); }
}
@media (max-width:980px) { .navbar-brand h1{font-size: 18px;}
.mondsEd_phoneheader a {font-size: 16px;}
.mondsEd-padding_around {padding: 0vh 3vw;}
/* Navigation */
.navbar-inverse .navbar-nav > li > a{
font-size:11px; padding: 20px 5px}
.mondsEd-cc img{display:inline-block; width: 90px; height: auto}
.mondsEd-footer_services_shadow {min-height: 270px; }
.mondsEd-banner1 p, .mondsEd-banner2 p, .mondsEd-banner3 p {font-size: 14px;}
.mondsEd-phone a {font-size: 16px;}
body { background-image: url(../images/edmonds-locksmith_0_bg-2.jpg); }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body {background-color: #fff; background:url(../images/edmonds-locksmith_0_bg-3.jpg); background-repeat: no-repeat;}
.mondsEd-logo_small_screen a{color: #fff }
.mondsEd-logo_small_screen{ text-align: left;
font-family: 'Myriad Pro', Arial Black; line-height: normal; padding: 0;
font-size: 36px; font-weight:700; letter-spacing: -1px;
color:#fff; margin:7px; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3);}
.mondsEd-bg_phone_tablet_area {text-align: center; padding: 1vh 11vw; background: rgba(0, 0, 0, 0.2); color:#f4f4f4; }
.mondsEd-bg_phone_tablet_area a{color:#fff;}
.mondsEd-bg_phone_tablet_area a:hover{color:#b1b4fb;}
#mondsEd-footer h6, .mondsEd-copyright h5 {font-size: 22px}
.mondsEd-Dark_gray, .mondsEd-white{ padding: 1vh 4vw; margin: 5px}
.mondsEd-contact-footerbg{ padding: 3vh 11vw; margin: 5px}
.mondsEd-phone a:hover, .mondsEd-phone a{font-size: 20px}
.mondsEd-phone{display:flex;
justify-content:center; align-items:center; width: 96%}
.mondsEd-white_img_services, .mondsEd-Dark_gray_img_services { width: 160px; height: auto}
.navbar .navbar-collapse {padding-top: 5px; text-align: left}
.mondsEd-darkgray, .mondsEd-white, .mondsEd-quick_services {padding: 1vh 11vw; }
.mondsEd-footer_services_action_bg img{display: none;}
.mondsEd-footer_services_action_bg {padding: 10px; margin:5px 0 40px 0; min-height: inherit;}
.mondsEd-footer_services_item {min-height: inherit;}
.mondsEd-contact-footer {margin-top: 5px; margin-bottom: 5px}
.mondsEd-footer_services_action .post {
padding: 5px;}
.mondsEd-footer_services_shadow {padding: 10px 20px; min-height: inherit;}
.mondsEd-contact {padding: 10px; }
.mondsEd-2_bg h1 {font-size: 22px}
.mondsEd-phone a:hover, .mondsEd-phone a{font-size: 16px; display: inherit;}
.mondsEd-padding_around_services_footer {
padding: 1vh 2vw;
}
a, a:hover {font-size: 17px}
.mondsEd-2, #mondsEd-footer, .mondsEd-darkgray,.mondsEd-white,.mondsEd-footer_services_action_bg
{padding: 10px 40px;}
.mondsEd-contact{padding: 30px;}
.mondsEd-footer_services_action h5 {font-size: 22px; }
.mondsEd-1_banner_main_right_service > .col-sm-12 {padding: 0}
.mondsEd-1_banner_main_left{text-align: center; }
.mondsEd-1_banner_main_left > .clearfix, .mondsEd-1_banner_main_right, .mondsEd-phone{display:flex;
justify-content:center; align-items:center; width: 96%}
.mondsEd-1_banner_main_right_service{width: 155px; height: auto; padding-right: 10px}
.mondsEd-banner_services {padding: 2vh 7vw;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: rgba(0, 0, 0, 0.1);
}
.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;}
.mondsEd-darkgray img {width: 250px; height: auto}
.mondsEd-white_img_services img {width: 250px; height: auto}
h1, h2, h3, h4, h5, h6 {font-size: 20px}
/* navbar-toggle */
.navbar-inverse .navbar-toggle {
border-radius: 50px 50px;
border: none;
background: -moz-linear-gradient(-45deg, rgba(78,82,146,1) 0%, rgba(21,23,54,1) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(78,82,146,1) 0%,rgba(21,23,54,1) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(78,82,146,1) 0%,rgba(21,23,54,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5292', endColorstr='#151736',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.navbar-inverse .navbar-toggle:hover {background:#d92824; color: #fff}
}
/* Portrait & landscape phone */
@media (max-width: 670px) { body {background-color: #fff; background:url(../images/edmonds-locksmith_0_bg-4.jpg); background-repeat: no-repeat;}
.mondsEd-1_banner_main_right_service {padding: 10px;}
.mondsEd-1_banner_main_right_service:last-child img{padding-right: 0px }
.mondsEd-1_banner_main_right_service:last-child{width: 110px; height: auto;}
.mondsEd-1_banner_main_right_service{width: 115px; height: auto; padding-right: 5px}
.mondsEd-1_banner_main_left h5{ font-size: 17px;}
.mondsEd-1_banner_main_left_cc {width: 100px; height: auto;}
.mondsEd-contact_img {display:none}
.mondsEd-footer_services_action_bg h6 {font-size: 20px}
.mondsEd-logo_small_screen a{font-size: 15px;}
.mondsEd-bg_phone_tablet_area a{font-size: 20px}
.mondsEd-white_img_services, .mondsEd-Dark_gray_img_services, .mondsEd-contact-footer_img_services {width: 130px} #mondsEd-footer h6, .mondsEd-copyright h5 {font-size: 20px}
}
@media (max-width: 420px) {
body {background-color: #fff; background-image:none; }
.mondsEd-bg_phone_tablet_area { background:#1f275b; }
.mondsEd-contact-footer_img_services {display: none}
.mondsEd-phone a:hover, .mondsEd-phone a{font-size: 16px; display: inline-block}
.mondsEd-logo_small_screen{font-size: 12px;}
p, ul, li {font-size: 14px;}
.mondsEd-white_img_services, .mondsEd-Dark_gray_img_services{width: 110px;}
h1, h2, h3, h4, h5, h6 {font-size: 18px}.mondsEd-phone a:hover, .mondsEd-phone a{font-size: 16px; display: inline-block}
.mondsEd-1_banner_main_right_service:last-child{width: 85px; height: auto;}
.mondsEd-1_banner_main_right_service{width: 90px; height: auto; padding-right: 5px}
#scrolltop{display: none !important}
#mondsEd-schema a{font-size: 14px}
#mondsEd-schema p{font-size: 14px}
#mondsEd-schema {font-size: 14px}
#mondsEd-schema strong{font-size: 14px}
}
@media (max-width: 360px) { h1, h2, h3, h4, h5, h6 {font-size: 18px}
.mondsEd-logo_small_screen{font-size: 13px;}
.mondsEd-1_banner_main_right_service:last-child img{padding-right: 0px }
.mondsEd-1_banner_main_right_service:last-child{width: 70px; height: auto;}
.mondsEd-1_banner_main_right_service{width: 75px; height: auto; padding-right: 5px}
.mondsEd-2, #mondsEd-footer, .mondsEd-darkgray,.mondsEd-white,.mondsEd-contact,.mondsEd-footer_services_action_bg
{padding: 1vh 11vw;}
.mondsEd-white_img_services, .mondsEd-Dark_gray_img_services{width: 80px;}
.mondsEd-white_container { margin: 0; padding: 1vh 11vw;}
.mondsEd-bg_phone_tablet_area a{font-size: 18px}
.mondsEd-phone_footer {font-size: 18px; padding: 1vh 11vw;}
}
@media (max-width: 280px) { .mondsEd-logo_small_screen{font-size: 10px;}
.mondsEd-footer_services_action {text-align: center}
#mondsEd-schema {display: none}
.mondsEd-darkgray img {display: none}
.mondsEd-white_img_services img {display: none}
.mondsEd-white img{display: none}
.mondsEd-banner_services{display: none;}
.mondsEd-bg_phone_tablet_area a{font-size: 16px}
}
@media (min-width: 1200px) {
body {background-size: contain}
.navbar-inverse{background:#090A22;
border-bottom: none;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
#mondsEd_banner{margin:0px auto 0; background:#05175b;}
.navbar-nav{margin:0;}
.navbar-inverse.sticky {top:0;
position: fixed;
line-height: 40px;
height: 60px;
font-size:18px;
width: 100%;
background:#090A22!important;
text-align: left;
opacity:0.94;
}
.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
padding:20px 20px;
}
.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:20px 20px;
font-family: 'Myriad Pro', tahoma;text-shadow:none; font-weight: 600; }
.navbar-inverse.sticky .navbar-nav{margin: 0;}
.navbar-inverse .navbar-nav > li > a{
font-family: 'Myriad Pro', tahoma; font-weight: 600; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#18194d+0,090a22+100 */
background: rgb(24,25,77); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(24,25,77,1) 0%, rgba(9,10,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(24,25,77,1) 0%,rgba(9,10,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(24,25,77,1) 0%,rgba(9,10,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18194d', endColorstr='#090a22',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
font-size:18px; }}
@media screen and (min-width: 1600px) and (max-width: 1912px) {.navbar-inverse .navbar-nav > li > a{
font-size: 18px; }
.mondsEd-quick_services{margin-top: 20px;}
.navbar-inverse.sticky {font-size: 18px;}
}
@media screen and (min-width: 1920px) and (max-width: 2559px){
.mondsEd-padding_around {padding: 0vh 19vw;}
.navbar-inverse .navbar-nav > li > a{
font-size: 20px; }
.mondsEd-contact_info {padding: 5px 1vw;}
}
@media (min-width: 2560px) and (max-width: 3499px) {
.carousel-indicators { bottom:-10%}
.mondsEd-padding_around {padding: 0vh 26vw;}
body {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important; background-size:100% 32% !important;}
}
@media screen and (min-width: 3500px) and (max-width: 4499px) {.mondsEd-padding_around {padding: 0vh 28vw;}
.mondsEd-contact_info {
padding: 3vh 1vw;
}
.container {width:1600px}
.mondsEd-footer_services_item {padding: 130px;
min-height: 540px; }
body {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important; background-size:100% 35% !important;}
}
@media screen and (min-width: 4500px) {.mondsEd-padding_around {padding: 0vh 35vw;}
.mondsEd-footer_services_item {padding: 130px; min-height: 540px; }
body {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important; background-size:100% 37% !important;}
}