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: "Poppins-Bold";
src: url('../fonts/Poppins-Bold.woff') format('woff'),
url('../fonts/Poppins-Bold.woff2') format('woff2'),
url('../fonts/Poppins-Bold.eot'),
url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Poppins-Bold.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 {
background: linear-gradient(90deg, #c1d1cc 0.000%, #dfb4af 16.667%, #f4a09a 33.333%, #f99d95 50.000%, #ebaba2 66.667%, #d0c6bc 83.333%, #b3e1d9 100.000%);
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
color: #fff;
font-size: 20px;
overflow-x: hidden;
}
h1 {
font-size: 27px; font-weight: 900;
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
color:#fff; margin: 0; padding: 0;
}
h2, h3, h4, h5, h6 { margin: 0; padding: 0;
font-size:27px; font-weight: 900;
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
color:#fff;
}
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: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
text-shadow:none;
}
div.container {
position:relative;}
/* --------------------------------------
header padding and background
-------------------------------------- */
.conocksmithyersmobilel-padding_around3 {
padding:2vh 2vw;
}
.conocksmithyersmobilel-bgheader{
padding: 5px;
}
/* --------------------------------------
logo and phone header
-------------------------------------- */
.conocksmithyersmobilel-logo h1{font-size: 30px; font-family: "Poppins-Bold", Verdana, sans-serif;
color:#111; text-shadow: 2px 2px 4px #fff; border-top: 5px solid #f9dad4; border-bottom: 5px solid #f9dad4; width: 490px; padding: 10px; margin: 0px auto; text-transform: uppercase}
.conocksmithyersmobilel-logo p{font-size: 15px; color:#14110a}
.conocksmithyersmobilel-logo a:hover{text-decoration: none; color:#000!important}
/* --------------------------------------
(white)
-------------------------------------- */
.conocksmithyersmobilel_contentbg1{ padding-bottom: 40px; padding-top: 40px; }
.conocksmithyersmobilel_contentbg a:hover{colro:#111; text-decoration: underline}
.conocksmithyersmobilel_contentbg a{color:#111; font-weight: bold}
.conocksmithyersmobilel_contentbg h1, .conocksmithyersmobilel_contentbge h2, .conocksmithyersmobilel_contentbg h3, .conocksmithyersmobilel_contentbg h4, .conocksmithyersmobilel_contentbg h5 {color:#111; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);}
.conocksmithyersmobilel_contentbg p{color:#111; margin-top: 10px; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);}
.conocksmithyersmobilel_contentbg ul, .conocksmithyersmobilel_contentbg li{color:#111;}
.conocksmithyersmobilel_contentbg ul{ margin-left:30px; }
.conocksmithyersmobilel_contentbg li{list-style:square;}
.boxgbg{background: rgba(255, 255, 255, 0.5); padding: 40px; border-radius: 5px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); /* Safari support */
}
/* --------------------------------------
(Dark_section)
-------------------------------------- */
.conocksmithyersmobilel-dark h1, .conocksmithyersmobilel-dark h2, .conocksmithyersmobilel-dark h3, .conocksmithyersmobilel-dark h4, .conocksmithyersmobilel-dark h5, .conocksmithyersmobilel-dark h6 {color:#111; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);}
.conocksmithyersmobilel-dark {padding-top: 40px; padding-bottom: 40px;
background: conic-gradient(from 90deg, #453e64 0.000deg, #453e64 27.692deg, #664465 calc(27.692deg + 0.1deg), #664465 55.385deg, #864b67 calc(55.385deg + 0.1deg), #864b67 83.077deg, #a75569 calc(83.077deg + 0.1deg), #a75569 110.769deg, #c8606b calc(110.769deg + 0.1deg), #c8606b 138.462deg, #e76d6d calc(138.462deg + 0.1deg), #e76d6d 166.154deg, #ff7b70 calc(166.154deg + 0.1deg), #ff7b70 193.846deg, #ff8b73 calc(193.846deg + 0.1deg), #ff8b73 221.538deg, #ff9c76 calc(221.538deg + 0.1deg), #ff9c76 249.231deg, #ffae79 calc(249.231deg + 0.1deg), #ffae79 276.923deg, #ffc07c calc(276.923deg + 0.1deg), #ffc07c 304.615deg, #ffd480 calc(304.615deg + 0.1deg), #ffd480 332.308deg, #ffe783 calc(332.308deg + 0.1deg) 360.000deg);}
.conocksmithyersmobilel-dark a:hover { color:#111;
text-decoration: underline; }
.conocksmithyersmobilel-dark p, .conocksmithyersmobilel-dark ul, .conocksmithyersmobilel-dark li{color:#111; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);}
.conocksmithyersmobilel-dark a{color:#111; font-weight: bold; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);}
.conocksmithyersmobilel-dark p{color:#111; margin-top: 10px; margin-bottom: 10px; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);}
.conocksmithyersmobilel-dark ul, .conocksmithyersmobilel-dark li{color:#111; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);}
.conocksmithyersmobilel-dark ul{ margin-left:30px; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6); }
.conocksmithyersmobilel-dark li{list-style:square; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);}
/* --------------------------------------
Section footer links
-------------------------------------- */
.conocksmithyersmobilel-footerrightbg { color: #fff; padding:20px; text-align: center; background: #2a253d }
.conocksmithyersmobilel-copyright {color:#fff}
/* --------------------------------------
misc
-------------------------------------- */
/* 170% Small screen laptop and pc */
@media (max-width: 1150px) {
.navbar-inverse{
background: none;
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:20px;
width: 100%;
background:#efa79e!important;
text-align: left;
opacity:0.97 !important; }
.conocksmithyersmobilel-logo h1{font-size: 22px;}
.conocksmithyersmobilel-dark li, .conocksmithyersmobilel_contentbg li{width: auto; margin: 10px auto; float: none}
.conocksmithyersmobilel_contentbg ul {margin-left: 0px}
.conocksmithyersmobilel-dark ul {margin-left: 0px}
.boxgbg {padding: 15px}
.conocksmithyersmobilelcontectbox2, .conocksmithyersmobilelcontectbox {padding: 15px;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.conocksmithyersmobilel_contentbg1{padding-bottom: 10px; padding-top: 10px; }
.navbar-inverse.sticky {background: #efa79e !important;}
.conocksmithyersmobilel_logo_small_screen a{ font-family: "Poppins-Bold", Verdana, sans-serif; text-transform: uppercase;
color:#000; text-shadow: 2px 2px 4px #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff;padding: 5px; }
.conocksmithyersmobilel-logo_small_screen a{ lfont-family: "Poppins-Bold", Verdana, sans-serif;
color:#000;text-shadow: 2px 2px 4px #fff; }
.boxgbg {padding: 5px}
.conocksmithyersmobilel-padding_around3 {display: none}
.navbar-inverse{
height:auto; margin-bottom: 0px;
opacity:0.9; padding: 10px; }
.conocksmithyersmobilel_contentbg, .conocksmithyersmobilel-dark {padding: 20px}
}
/* Portrait & landscape phone */
@media (max-width: 670px) {
.conocksmithyersmobilel-dark, .conocksmithyersmobilel-white{border-radius: 0;}
.conocksmithyersmobilel-logo_small_screen a{font-size: 15px;}
.conocksmithyersmobilel_contentbg li, .conocksmithyersmobilel-dark li{font-size: 14px}
.conocksmithyersmobilel_contentbg strong, .conocksmithyersmobilel-dark strong{font-size: 14px}
}
@media (max-width: 420px) {
p, ul, li {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-size: 18px}
#scrolltop{display: none !important}
}
@media (max-width: 360px) { h1, h2, h3, h4, h5, h6 {font-size: 18px}
.conocksmithyersmobilelcontectbox2, .conocksmithyersmobilelcontectbox {padding: 15px;}
.conocksmithyersmobilel-logo_small_screen{font-size: 13px;}
}
@media (max-width: 280px) { .conocksmithyersmobilel-logo_small_screen{font-size: 10px;}
.conocksmithyersmobilel_contentbg li, .conocksmithyersmobilel-dark li{font-size: 12px; padding: 5px; border-radius: 2px}
.conocksmithyersmobilel_contentbg strong, .conocksmithyersmobilel-dark strong{font-size: 12px}
.conocksmithyersmobilel_contentbg ul, .conocksmithyersmobilel-dark ul{margin: 2px}
.conocksmithyersmobilelcontectbox2, .conocksmithyersmobilelcontectbox {padding: 5px;}
}
@media (min-width: 1200px) {
.navbar-inverse {background: none !important; border-bottom: none}
.navbar-inverse.sticky {top:0;
position: fixed;
transition: opacity 1s ease 0s;
font-size:18px;
width: 100%;
background:#efa79e !important;
text-align: left;
opacity:0.97 !important;
}
.conocksmithyersmobilel_bgheader.sticky{background-color: rgba(40, 29 ,135, 0.7)}
.sticky.conocksmithyersmobilel-logo a{font-size: 22px;}
.conocksmithyersmobilel-darkbox {margin-top: 3vh; margin-bottom: 3vh}
}
@media screen and (min-width: 1600px) and (max-width: 1912px) {
.navbar-inverse.sticky {font-size: 18px;}
}
@media screen and (min-width: 1920px) and (max-width: 2559px){
.conocksmithyersmobilel-logo h1{ font-size: 30px;}
}
@media (min-width: 2001px) and (max-width: 2558px) {
.conocksmithyersmobilel-logo h1{ font-size: 36px; width: 620px}
}
@media (min-width: 2560px) and (max-width: 3499px) {
.conocksmithyersmobilel-logo h1{ font-size: 36px; width: 620px}
}
@media screen and (min-width: 3500px) and (max-width: 4499px) {
.conocksmithyersmobilel-logo h1{ font-size: 36px; width: 620px}
#scrolltop {right:25vw}
}
@media screen and (min-width: 4500px) and (max-width: 6399px) {
.conocksmithyersmobilel-logo h1{ font-size: 36px; width: 620px}
#scrolltop {right:25vw}
}
@media screen and (min-width: 6400px) {
.conocksmithyersmobilel-logo h1{ font-size: 36px; width: 620px}
#scrolltop {right:25vw}
}