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: "GothamBold";
src: url('../fonts/GothamBold.woff') format('woff'),
url('../fonts/GothamBold.woff2') format('woff2'),
url('../fonts/GothamBold.eot'),
url('../fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/GothamBold.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: conic-gradient(from 135deg, #f9f5ee 0.000deg, #f8f1e2 18.000deg, #f5edd6 36.000deg, #f0e7cb 54.000deg, #e9e1c1 72.000deg, #e1dbba 90.000deg, #d9d5b5 108.000deg, #d0d0b4 126.000deg, #c7ccb5 144.000deg, #bfc9ba 162.000deg, #b9c8c1 180.000deg, #b4c8ca 198.000deg, #b2cbd5 216.000deg, #b1cee1 234.000deg, #b3d3ec 252.000deg, #b6d8f8 270.000deg, #bcdfff 288.000deg, #c3e5ff 306.000deg, #cbebff 324.000deg, #d4f0ff 342.000deg, #ddf4ff 360.000deg);
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
color: #000;
font-size: 20px;
overflow-x: hidden;
}
h1 {
font-size: 27px; letter-spacing: 1px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
color:#000; margin: 0; padding: 0; font-weight: 700
}
h2, h3, h4, h5, h6 { margin: 0; padding: 0;
font-size:27px; font-weight: 700;letter-spacing: 1px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
color:#000;
}
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: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
text-shadow:none;
}
div.container {
position:relative;}
/* --------------------------------------
header padding and background
-------------------------------------- */
.lilocksmiringsviththiaspctory-padding_around3 {
padding:2vh 2vw;
}
.lilocksmiringsviththiaspctory-bgheader{
padding: 5px;
}
.lilocksmiringsviththiaspctory_bgheader {
background: linear-gradient(180deg, #f9f5ee 0.000%, #f8f1e2 5.000%, #f5edd6 10.000%, #f0e7cb 15.000%, #e9e1c1 20.000%, #e1dbba 25.000%, #d9d5b5 30.000%, #d0d0b4 35.000%, #c7ccb5 40.000%, #bfc9ba 45.000%, #b9c8c1 50.000%, #b4c8ca 55.000%, #b2cbd5 60.000%, #b1cee1 65.000%, #b3d3ec 70.000%, #b6d8f8 75.000%, #bcdfff 80.000%, #c3e5ff 85.000%, #cbebff 90.000%, #d4f0ff 95.000%, #ddf4ff 100.000%);}
/* --------------------------------------
logo and phone header
-------------------------------------- */
.lilocksmiringsviththiaspctory-logo h1{font-size: 30px; letter-spacing: 3px; font-family: "GothamBold", Verdana, sans-serif;
color:#133e5b; text-shadow: 1px 2px 1px #fff;}
.lilocksmiringsviththiaspctory-logo a:hover{text-decoration: none; color:#111;}
/* --------------------------------------
(white)
-------------------------------------- */
.lilocksmiringsviththiaspctory_contentbg{ margin-bottom: 40px; padding: 40px 50px; margin-top: 40px;box-shadow: 31px 50px 0px -7px rgba(89, 124, 137,1);
-webkit-box-shadow: 31px 50px 0px -7px rgba(89, 124, 137,1);
-moz-box-shadow: 31px 50px 0px -7px rgba(89, 124, 137,1);
background: conic-gradient(from 180deg, #ffffff 0.000deg, #ffffff 17.143deg, #ffffff calc(17.143deg + 0.1deg), #ffffff 34.286deg, #fffff4 calc(34.286deg + 0.1deg), #fffff4 51.429deg, #ffffe9 calc(51.429deg + 0.1deg), #ffffe9 68.571deg, #ffffdf calc(68.571deg + 0.1deg), #ffffdf 85.714deg, #fff9d8 calc(85.714deg + 0.1deg), #fff9d8 102.857deg, #f6f3d3 calc(102.857deg + 0.1deg), #f6f3d3 120.000deg, #eeeed2 calc(120.000deg + 0.1deg), #eeeed2 137.143deg, #e5ead3 calc(137.143deg + 0.1deg), #e5ead3 154.286deg, #dde7d7 calc(154.286deg + 0.1deg), #dde7d7 171.429deg, #d7e6de calc(171.429deg + 0.1deg), #d7e6de 188.571deg, #d2e6e8 calc(188.571deg + 0.1deg), #d2e6e8 205.714deg, #cfe8f3 calc(205.714deg + 0.1deg), #cfe8f3 222.857deg, #cfecfe calc(222.857deg + 0.1deg), #cfecfe 240.000deg, #d0f1ff calc(240.000deg + 0.1deg), #d0f1ff 257.143deg, #d4f6ff calc(257.143deg + 0.1deg), #d4f6ff 274.286deg, #dafcff calc(274.286deg + 0.1deg), #dafcff 291.429deg, #e1ffff calc(291.429deg + 0.1deg), #e1ffff 308.571deg, #e9ffff calc(308.571deg + 0.1deg), #e9ffff 325.714deg, #f2ffff calc(325.714deg + 0.1deg), #f2ffff 342.857deg, #faffff calc(342.857deg + 0.1deg) 360.000deg);}
hr {border-bottom: 1px dashed rgba(0, 0, 0, 0.3); border-top:none!important }
.lilocksmiringsviththiaspctory_contentbg a:hover{colro:#313d42; text-decoration: underline}
.lilocksmiringsviththiaspctory_contentbg a{color:#313d42; font-weight: bold}
.lilocksmiringsviththiaspctory_contentbg h1, .lilocksmiringsviththiaspctory_contentbge h2, .lilocksmiringsviththiaspctory_contentbg h3, .lilocksmiringsviththiaspctory_contentbg h4, .lilocksmiringsviththiaspctory_contentbg h5 {color:#313d42; margin-bottom: 20px;}
.lilocksmiringsviththiaspctory_contentbg p{color:#313d42; margin-top: 10px}
.lilocksmiringsviththiaspctory_contentbg ul, .lilocksmiringsviththiaspctory_contentbg li{color:#313d42;}
.lilocksmiringsviththiaspctory_contentbg ul{ margin: 20px 40px; }
.lilocksmiringsviththiaspctory_contentbg li{list-style:none; padding:15px 30px; font-size: 22px; margin: 10px; background:rgba(255, 255, 255, 0.5); width: 400px; float: left; text-align: center}
.lilocksmiringsviththiaspctory_contentbg {padding:50px;}
.subhed {text-align: center; font-size: 22px; padding-top: 20px;}
/* --------------------------------------
(Dark_section)
-------------------------------------- */
.lilocksmiringsviththiaspctory-dark h1, .lilocksmiringsviththiaspctory-dark h2, .lilocksmiringsviththiaspctory-dark h3, .lilocksmiringsviththiaspctory-dark h4, .lilocksmiringsviththiaspctory-dark h5, .lilocksmiringsviththiaspctory-dark h6 {color:#313d42; }
.lilocksmiringsviththiaspctory-dark {padding-top: 40px; padding-bottom: 40px;
background: conic-gradient(from 315deg, #ffffff 0.000deg, #ffffff 17.143deg, #ffffff calc(17.143deg + 0.1deg), #ffffff 34.286deg, #fffff4 calc(34.286deg + 0.1deg), #fffff4 51.429deg, #ffffe9 calc(51.429deg + 0.1deg), #ffffe9 68.571deg, #ffffdf calc(68.571deg + 0.1deg), #ffffdf 85.714deg, #fff9d8 calc(85.714deg + 0.1deg), #fff9d8 102.857deg, #f6f3d3 calc(102.857deg + 0.1deg), #f6f3d3 120.000deg, #eeeed2 calc(120.000deg + 0.1deg), #eeeed2 137.143deg, #e5ead3 calc(137.143deg + 0.1deg), #e5ead3 154.286deg, #dde7d7 calc(154.286deg + 0.1deg), #dde7d7 171.429deg, #d7e6de calc(171.429deg + 0.1deg), #d7e6de 188.571deg, #d2e6e8 calc(188.571deg + 0.1deg), #d2e6e8 205.714deg, #cfe8f3 calc(205.714deg + 0.1deg), #cfe8f3 222.857deg, #cfecfe calc(222.857deg + 0.1deg), #cfecfe 240.000deg, #d0f1ff calc(240.000deg + 0.1deg), #d0f1ff 257.143deg, #d4f6ff calc(257.143deg + 0.1deg), #d4f6ff 274.286deg, #dafcff calc(274.286deg + 0.1deg), #dafcff 291.429deg, #e1ffff calc(291.429deg + 0.1deg), #e1ffff 308.571deg, #e9ffff calc(308.571deg + 0.1deg), #e9ffff 325.714deg, #f2ffff calc(325.714deg + 0.1deg), #f2ffff 342.857deg, #faffff calc(342.857deg + 0.1deg) 360.000deg); }
.lilocksmiringsviththiaspctory-dark a:hover { color:#313d42;
text-decoration: underline; }
.lilocksmiringsviththiaspctory-dark p, .lilocksmiringsviththiaspctory-dark ul, .lilocksmiringsviththiaspctory-dark li{color:#313d42;}
.lilocksmiringsviththiaspctory-dark a{color:#313d42; font-weight: bold}
.lilocksmiringsviththiaspctory-dark p{color:#313d42; margin-top: 10px; margin-bottom: 10px;}
.lilocksmiringsviththiaspctory-dark ul, .lilocksmiringsviththiaspctory-dark li{color:#313d42;}
.lilocksmiringsviththiaspctory-dark ul{ margin: 20px 40px; }
.lilocksmiringsviththiaspctory-dark li{list-style:none; padding:15px 30px; font-size: 22px; margin: 10px; background:rgba(255, 255, 255, 0.3); width: 400px; float: left; text-align: center}
/* --------------------------------------
Section footer links
-------------------------------------- */
.lilocksmiringsviththiaspctory-footerrightbg { color: #111; padding:20px; text-align: center;
background: linear-gradient(180deg, #ffffff 0.000%, #ffffff 5.000%, #fffff4 10.000%, #ffffe9 15.000%, #ffffdf 20.000%, #fff9d8 25.000%, #f6f3d3 30.000%, #eeeed2 35.000%, #e5ead3 40.000%, #dde7d7 45.000%, #d7e6de 50.000%, #d2e6e8 55.000%, #cfe8f3 60.000%, #cfecfe 65.000%, #d0f1ff 70.000%, #d4f6ff 75.000%, #dafcff 80.000%, #e1ffff 85.000%, #e9ffff 90.000%, #f2ffff 95.000%, #faffff 100.000%); }
.lilocksmiringsviththiaspctory-copyright {color:#111}
/* 170% Small screen laptop and pc */
@media (max-width: 1150px) {
.lilocksmiringsviththiaspctory_contentbg {box-shadow: 19px 20px 0px -7px rgba(89, 124, 137,1);
-webkit-box-shadow: 19px 20px 0px -7px rgba(89, 124, 137,1);
-moz-box-shadow: 19px 20px 0px -7px rgba(89, 124, 137,1); padding: 20px;}
.navbar-inverse{
background: linear-gradient(180deg, #f9f5ee 0.000%, #f8f1e2 5.000%, #f5edd6 10.000%, #f0e7cb 15.000%, #e9e1c1 20.000%, #e1dbba 25.000%, #d9d5b5 30.000%, #d0d0b4 35.000%, #c7ccb5 40.000%, #bfc9ba 45.000%, #b9c8c1 50.000%, #b4c8ca 55.000%, #b2cbd5 60.000%, #b1cee1 65.000%, #b3d3ec 70.000%, #b6d8f8 75.000%, #bcdfff 80.000%, #c3e5ff 85.000%, #cbebff 90.000%, #d4f0ff 95.000%, #ddf4ff 100.000%);
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: linear-gradient(180deg, #f9f5ee 0.000%, #f8f1e2 5.000%, #f5edd6 10.000%, #f0e7cb 15.000%, #e9e1c1 20.000%, #e1dbba 25.000%, #d9d5b5 30.000%, #d0d0b4 35.000%, #c7ccb5 40.000%, #bfc9ba 45.000%, #b9c8c1 50.000%, #b4c8ca 55.000%, #b2cbd5 60.000%, #b1cee1 65.000%, #b3d3ec 70.000%, #b6d8f8 75.000%, #bcdfff 80.000%, #c3e5ff 85.000%, #cbebff 90.000%, #d4f0ff 95.000%, #ddf4ff 100.000%);
text-align: left;
opacity:0.97 !important; }
.lilocksmiringsviththiaspctory-logo h1{font-size: 22px;}
.lilocksmiringsviththiaspctory-dark li, .lilocksmiringsviththiaspctory_contentbg li{width: auto; margin: 10px auto; float: none}
.lilocksmiringsviththiaspctory_contentbg ul {margin-left: 0px}
.lilocksmiringsviththiaspctory-dark ul {margin-left: 0px}
.lilocksmiringsviththiaspctory_contentbg, .lilocksmiringsviththiaspctory-dark{margin-top: 10px; margin-bottom: 10px;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.navbar-inverse.sticky {
background: linear-gradient(180deg, #f9f5ee 0.000%, #f8f1e2 5.000%, #f5edd6 10.000%, #f0e7cb 15.000%, #e9e1c1 20.000%, #e1dbba 25.000%, #d9d5b5 30.000%, #d0d0b4 35.000%, #c7ccb5 40.000%, #bfc9ba 45.000%, #b9c8c1 50.000%, #b4c8ca 55.000%, #b2cbd5 60.000%, #b1cee1 65.000%, #b3d3ec 70.000%, #b6d8f8 75.000%, #bcdfff 80.000%, #c3e5ff 85.000%, #cbebff 90.000%, #d4f0ff 95.000%, #ddf4ff 100.000%);}
.lilocksmiringsviththiaspctory_logo_small_screen a{ letter-spacing: 1px; font-family: "GothamBold", Verdana, sans-serif;
color:#133e5b; text-shadow: 1px 2px 1px #fff;}
.lilocksmiringsviththiaspctory-logo_small_screen a{ letter-spacing: 1px; font-family: "GothamBold", Verdana, sans-serif;
color:#133e5b; text-shadow: 1px 2px 1px #fff; }
.lilocksmiringsviththiaspctory-padding_around3 {display: none}
.navbar-inverse{
background: linear-gradient(180deg, #f9f5ee 0.000%, #f8f1e2 5.000%, #f5edd6 10.000%, #f0e7cb 15.000%, #e9e1c1 20.000%, #e1dbba 25.000%, #d9d5b5 30.000%, #d0d0b4 35.000%, #c7ccb5 40.000%, #bfc9ba 45.000%, #b9c8c1 50.000%, #b4c8ca 55.000%, #b2cbd5 60.000%, #b1cee1 65.000%, #b3d3ec 70.000%, #b6d8f8 75.000%, #bcdfff 80.000%, #c3e5ff 85.000%, #cbebff 90.000%, #d4f0ff 95.000%, #ddf4ff 100.000%);
height:auto; margin-bottom: 0px;
opacity:0.9; padding: 10px; }
.lilocksmiringsviththiaspctory_contentbg, .lilocksmiringsviththiaspctory-dark {padding: 20px;}
}
/* Portrait & landscape phone */
@media (max-width: 670px) {
.lilocksmiringsviththiaspctory-dark, .lilocksmiringsviththiaspctory-white{border-radius: 0;}
.lilocksmiringsviththiaspctory-logo_small_screen a{font-size: 15px;}
.lilocksmiringsviththiaspctory_contentbg li, .lilocksmiringsviththiaspctory-dark li{font-size: 14px}
.lilocksmiringsviththiaspctory_contentbg strong, .lilocksmiringsviththiaspctory-dark strong{font-size: 14px}
.lilocksmiringsviththiaspctory_contentbg li, .lilocksmiringsviththiaspctory-dark li {border-radius: 5px}
}
@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}
.lilocksmiringsviththiaspctory_contentbg, .lilocksmiringsviththiaspctory-dark {padding: 15px;}
.lilocksmiringsviththiaspctory-logo_small_screen{font-size: 13px;}
}
@media (max-width: 280px) { .lilocksmiringsviththiaspctory-logo_small_screen{font-size: 10px;}
.lilocksmiringsviththiaspctory_contentbg li, .lilocksmiringsviththiaspctory-dark li{font-size: 12px; padding: 5px; border-radius: 2px}
.lilocksmiringsviththiaspctory_contentbg strong, .lilocksmiringsviththiaspctory-dark strong{font-size: 12px}
.lilocksmiringsviththiaspctory_contentbg ul, .lilocksmiringsviththiaspctory-dark ul{margin: 2px}
.lilocksmiringsviththiaspctory_contentbg, .lilocksmiringsviththiaspctory-dark {padding: 5px;}
}
@media (min-width: 1200px) {
.navbar-inverse {border-bottom:1px solid #fff}
.navbar-inverse.sticky {top:0;
position: fixed;
transition: opacity 1s ease 0s;
font-size:18px;
width: 100%;
background: linear-gradient(180deg, #f9f5ee 0.000%, #f8f1e2 5.000%, #f5edd6 10.000%, #f0e7cb 15.000%, #e9e1c1 20.000%, #e1dbba 25.000%, #d9d5b5 30.000%, #d0d0b4 35.000%, #c7ccb5 40.000%, #bfc9ba 45.000%, #b9c8c1 50.000%, #b4c8ca 55.000%, #b2cbd5 60.000%, #b1cee1 65.000%, #b3d3ec 70.000%, #b6d8f8 75.000%, #bcdfff 80.000%, #c3e5ff 85.000%, #cbebff 90.000%, #d4f0ff 95.000%, #ddf4ff 100.000%);
text-align: left;
opacity:0.97 !important;
}
.lilocksmiringsviththiaspctory_bgheader.sticky{background-color: rgba(40, 29 ,135, 0.7)}
.sticky.lilocksmiringsviththiaspctory-logo a{font-size: 22px;}
.lilocksmiringsviththiaspctory-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){
.lilocksmiringsviththiaspctory-logo h1{ font-size: 30px;}
}
@media (min-width: 2001px) and (max-width: 2558px) {
.lilocksmiringsviththiaspctory-logo h1{ font-size: 36px;}
}
@media (min-width: 2560px) and (max-width: 3499px) {
.lilocksmiringsviththiaspctory-logo h1{ font-size: 36px;}
}
@media screen and (min-width: 3500px) and (max-width: 4499px) {
.lilocksmiringsviththiaspctory-logo h1{ font-size: 36px;}
#scrolltop {right:25vw}
}
@media screen and (min-width: 4500px) and (max-width: 6399px) {
.lilocksmiringsviththiaspctory-logo h1{ font-size: 36px;}
#scrolltop {right:25vw}
}
@media screen and (min-width: 6400px) {
.lilocksmiringsviththiaspctory-logo h1{ font-size: 36px;}
#scrolltop {right:25vw}
}