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 {
background: linear-gradient(315deg, #ffffff 0.000%, #ffffff 5.000%, #ffffff 10.000%, #f9ffff 15.000%, #ebfff9 20.000%, #ddfff1 25.000%, #d2ffe8 30.000%, #c8ffe0 35.000%, #c2ffd7 40.000%, #beffce 45.000%, #bcfdc6 50.000%, #bef7bd 55.000%, #c3f0b5 60.000%, #cbe9ae 65.000%, #d5e1a7 70.000%, #e1d9a1 75.000%, #eed19c 80.000%, #fdc897 85.000%, #ffbf94 90.000%, #ffb691 95.000%, #ffac8f 100.000%);
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
color: #111;
font-size: 20px;
overflow-x: hidden;
}
h1 {
font-size: 27px; font-weight: 900;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
color:#111; margin: 0; padding: 0;
}
h2, h3, h4, h5, h6 { margin: 0; padding: 0;
font-size:27px; font-weight: 900;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
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: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
text-shadow:none;
}
div.container {
position:relative;}
/* --------------------------------------
header padding and background
-------------------------------------- */
.dourelocksuglasvillesec-padding_around3 {
padding:2vh 2vw; padding-top: 0;
}
/* --------------------------------------
logo and phone header
-------------------------------------- */
.dourelocksuglasvillesec-logo h1{font-size: 36px; font-family: "Calistoga-Regular", Verdana, sans-serif;
color:#22281a; text-shadow: 1px 2px 1px #fff; padding: 20px; width: 600px; margin: 0px auto;
box-shadow: -10px 9px 0px 1px rgba(133, 155, 105,1);
-webkit-box-shadow: -10px 9px 0px 1px rgba(133, 155, 105,1);
-moz-box-shadow: -10px 9px 0px 1px rgba(133, 155, 105,1); letter-spacing: 3px;
background: conic-gradient(from 135deg, #fffaf9 0.000deg, #fcfaf3 18.000deg, #ecfaec 36.000deg, #ddfae5 54.000deg, #cef8dd 72.000deg, #c1f6d5 90.000deg, #b6f3cc 108.000deg, #acf0c4 126.000deg, #a6ebbb 144.000deg, #a2e6b2 162.000deg, #a0e1aa 180.000deg, #a2dba1 198.000deg, #a7d499 216.000deg, #afcd92 234.000deg, #b9c58b 252.000deg, #c5bd85 270.000deg, #d2b580 288.000deg, #e1ac7b 306.000deg, #f0a377 324.000deg, #ff9a75 342.000deg, #ff9073 360.000deg);
}
.dourelocksuglasvillesec-logo a:hover{text-decoration: none; color:#000!important}
/* --------------------------------------
(white)
-------------------------------------- */
.dourelocksuglasvillesec_contentbg1{ padding-bottom: 20px; padding-top: 20px; }
.dourelocksuglasvillesec_contentbg a:hover{colro:#111; text-decoration: underline}
.dourelocksuglasvillesec_contentbg a{color:#111; font-weight: bold}
.dourelocksuglasvillesec_contentbg h1, .dourelocksuglasvillesec_contentbge h2, .dourelocksuglasvillesec_contentbg h3, .dourelocksuglasvillesec_contentbg h4, .dourelocksuglasvillesec_contentbg h5 {color:#111; margin-bottom: 20px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4)}
.dourelocksuglasvillesec_contentbg p{color:#111; margin-top: 10px; }
.dourelocksuglasvillesec_contentbg ul, .dourelocksuglasvillesec_contentbg li{color:#111;}
.dourelocksuglasvillesec_contentbg ul{ margin-left:30px; }
.dourelocksuglasvillesec_contentbg li{list-style:square;}
.dourelocksuglasvillesec_contentbg {box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px; border-radius: 10px; padding: 50px; background: rgba(255, 255, 255, 0.7)}
/* --------------------------------------
(Dark_section)
-------------------------------------- */
.dourelocksuglasvillesec-dark h1, .dourelocksuglasvillesec-dark h2, .dourelocksuglasvillesec-dark h3, .dourelocksuglasvillesec-dark h4, .dourelocksuglasvillesec-dark h5, .dourelocksuglasvillesec-dark h6 {color:#111; text-shadow: 1px 2px 1px #fff}
.dourelocksuglasvillesec-dark {padding-top: 20px; padding-bottom: 20px; }
.dourelocksuglasvillesec-dark a:hover { color:#111;
text-decoration: underline; }
.dourelocksuglasvillesec-dark p, .dourelocksuglasvillesec-dark ul, .dourelocksuglasvillesec-dark li{color:#111;}
.dourelocksuglasvillesec-dark a{color:#111; font-weight: bold}
.dourelocksuglasvillesec-dark p{color:#111; margin-top: 10px; margin-bottom: 10px;}
.dourelocksuglasvillesec-dark ul, .dourelocksuglasvillesec-dark li{color:#111;}
.dourelocksuglasvillesec-dark ul{ margin-left:30px; }
.dourelocksuglasvillesec-dark li{list-style:square;}
.dourelocksuglasvillesec-darkbox {border:1px solid rgba(255, 255, 255, 0.7); padding: 50px; border-radius: 10px; }
/* --------------------------------------
Section footer links
-------------------------------------- */
.dourelocksuglasvillesec-footerrightbg { color: #111; padding:20px; text-align: center;
background: linear-gradient(135deg, #ffffff 0.000%, #ffffff 5.000%, #ffffff 10.000%, #f9ffff 15.000%, #ebfff9 20.000%, #ddfff1 25.000%, #d2ffe8 30.000%, #c8ffe0 35.000%, #c2ffd7 40.000%, #beffce 45.000%, #bcfdc6 50.000%, #bef7bd 55.000%, #c3f0b5 60.000%, #cbe9ae 65.000%, #d5e1a7 70.000%, #e1d9a1 75.000%, #eed19c 80.000%, #fdc897 85.000%, #ffbf94 90.000%, #ffb691 95.000%, #ffac8f 100.000%);}
.dourelocksuglasvillesec-copyright p{color:#111; font-weight: bold; text-shadow: 1px 2px 1px #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: conic-gradient(from 315deg, #ffffff 0.000deg, #ffffff 18.000deg, #ffffff 36.000deg, #f9ffff 54.000deg, #ebfff9 72.000deg, #ddfff1 90.000deg, #d2ffe8 108.000deg, #c8ffe0 126.000deg, #c2ffd7 144.000deg, #beffce 162.000deg, #bcfdc6 180.000deg, #bef7bd 198.000deg, #c3f0b5 216.000deg, #cbe9ae 234.000deg, #d5e1a7 252.000deg, #e1d9a1 270.000deg, #eed19c 288.000deg, #fdc897 306.000deg, #ffbf94 324.000deg, #ffb691 342.000deg, #ffac8f 360.000deg)!important;
text-align: left;
opacity:0.97 !important; }
.dourelocksuglasvillesec-logo h1{font-size: 22px; width: 450px }
.dourelocksuglasvillesec-dark li, .dourelocksuglasvillesec_contentbg li{width: auto; margin: 10px auto; float: none}
.dourelocksuglasvillesec_contentbg ul {margin-left: 0px}
.dourelocksuglasvillesec-dark ul {margin-left: 0px}
.sticky.dourelocksuglasvillesec-logo h1{ width: auto; padding: 2px; box-shadow: none; background: none; margin-top: 5px }
.dourelocksuglasvilleseccontectbox2, .dourelocksuglasvilleseccontectbox {padding: 15px;}
.dourelocksuglasvillesec_contentbg, .dourelocksuglasvillesec-darkbox {border-radius: 30px; padding: 40px}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.dourelocksuglasvillesec_contentbg1{padding-bottom: 10px; padding-top: 10px; }
.navbar-inverse.sticky {background: conic-gradient(from 315deg, #ffffff 0.000deg, #ffffff 18.000deg, #ffffff 36.000deg, #f9ffff 54.000deg, #ebfff9 72.000deg, #ddfff1 90.000deg, #d2ffe8 108.000deg, #c8ffe0 126.000deg, #c2ffd7 144.000deg, #beffce 162.000deg, #bcfdc6 180.000deg, #bef7bd 198.000deg, #c3f0b5 216.000deg, #cbe9ae 234.000deg, #d5e1a7 252.000deg, #e1d9a1 270.000deg, #eed19c 288.000deg, #fdc897 306.000deg, #ffbf94 324.000deg, #ffb691 342.000deg, #ffac8f 360.000deg)!important;}
.dourelocksuglasvillesec_logo_small_screen a{ font-family: "Calistoga-Regular", Verdana, sans-serif;
color:#22281a; text-shadow: 1px 1px 1px #fff; background: none; padding: 5px; letter-spacing: 2px; }
.dourelocksuglasvillesec-logo_small_screen a{ lfont-family: "Calistoga-Regular", Verdana, sans-serif;
color:#22281a;text-shadow: 1px 1px 1px #fff; padding: 5px;
background: conic-gradient(from 315deg, #ffffff 0.000deg, #ffffff 18.000deg, #ffffff 36.000deg, #f9ffff 54.000deg, #ebfff9 72.000deg, #ddfff1 90.000deg, #d2ffe8 108.000deg, #c8ffe0 126.000deg, #c2ffd7 144.000deg, #beffce 162.000deg, #bcfdc6 180.000deg, #bef7bd 198.000deg, #c3f0b5 216.000deg, #cbe9ae 234.000deg, #d5e1a7 252.000deg, #e1d9a1 270.000deg, #eed19c 288.000deg, #fdc897 306.000deg, #ffbf94 324.000deg, #ffb691 342.000deg, #ffac8f 360.000deg);}
.dourelocksuglasvillesec-darkbox {padding: 10px}
.dourelocksuglasvillesec-padding_around3 {display: none}
.dourelocksuglasvillesec_contentbg, .dourelocksuglasvillesec-darkbox {border-radius: 0px; padding: 20px}
.navbar-inverse{
height:auto; margin-bottom: 0px;
opacity:0.9; padding: 10px; background: conic-gradient(from 315deg, #ffffff 0.000deg, #ffffff 18.000deg, #ffffff 36.000deg, #f9ffff 54.000deg, #ebfff9 72.000deg, #ddfff1 90.000deg, #d2ffe8 108.000deg, #c8ffe0 126.000deg, #c2ffd7 144.000deg, #beffce 162.000deg, #bcfdc6 180.000deg, #bef7bd 198.000deg, #c3f0b5 216.000deg, #cbe9ae 234.000deg, #d5e1a7 252.000deg, #e1d9a1 270.000deg, #eed19c 288.000deg, #fdc897 306.000deg, #ffbf94 324.000deg, #ffb691 342.000deg, #ffac8f 360.000deg)!important;}
.dourelocksuglasvillesec_contentbg, .dourelocksuglasvillesec-dark {padding: 20px}
.dourelocksuglasvillesec-footerrightbg {border-radius: 0px}
}
/* Portrait & landscape phone */
@media (max-width: 670px) {
.dourelocksuglasvillesec-dark, .dourelocksuglasvillesec-white{border-radius: 0;}
.dourelocksuglasvillesec-logo_small_screen a{font-size: 15px;}
.dourelocksuglasvillesec_contentbg li, .dourelocksuglasvillesec-dark li{font-size: 14px}
.dourelocksuglasvillesec_contentbg strong, .dourelocksuglasvillesec-dark strong{font-size: 14px}
}
@media (max-width: 420px) {
.dourelocksuglasvilleseccontectbox2, .dourelocksuglasvilleseccontectbox {padding: 15px;}
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}
.dourelocksuglasvilleseccontectbox2, .dourelocksuglasvilleseccontectbox {padding: 15px;}
.dourelocksuglasvillesec-logo_small_screen{font-size: 13px;}
.dourelocksuglasvillesec-darkbox {padding: 10px}
}
@media (max-width: 280px) { .dourelocksuglasvillesec-logo_small_screen{font-size: 10px;}
.dourelocksuglasvillesec_contentbg li, .dourelocksuglasvillesec-dark li{font-size: 12px; padding: 5px; border-radius: 2px}
.dourelocksuglasvillesec_contentbg strong, .dourelocksuglasvillesec-dark strong{font-size: 12px}
.dourelocksuglasvillesec_contentbg ul, .dourelocksuglasvillesec-dark ul{margin: 2px}
.dourelocksuglasvilleseccontectbox2, .dourelocksuglasvilleseccontectbox {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: conic-gradient(from 315deg, #ffffff 0.000deg, #ffffff 18.000deg, #ffffff 36.000deg, #f9ffff 54.000deg, #ebfff9 72.000deg, #ddfff1 90.000deg, #d2ffe8 108.000deg, #c8ffe0 126.000deg, #c2ffd7 144.000deg, #beffce 162.000deg, #bcfdc6 180.000deg, #bef7bd 198.000deg, #c3f0b5 216.000deg, #cbe9ae 234.000deg, #d5e1a7 252.000deg, #e1d9a1 270.000deg, #eed19c 288.000deg, #fdc897 306.000deg, #ffbf94 324.000deg, #ffb691 342.000deg, #ffac8f 360.000deg)!important;
text-align: left;
opacity:0.97 !important;
}
.dourelocksuglasvillesec_bgheader.sticky{background-color: rgba(40, 29 ,135, 0.7)}
.sticky.dourelocksuglasvillesec-logo a{font-size: 27px; width: auto}
.dourelocksuglasvillesec-darkbox {margin-top: 3vh; margin-bottom: 3vh}
.sticky.dourelocksuglasvillesec-logo h1{ width: auto; padding: 5px; background: none; box-shadow: none}
}
@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){
.dourelocksuglasvillesec-logo h1{ font-size: 30px;}
}
@media (min-width: 2001px) and (max-width: 2558px) {
.dourelocksuglasvillesec-logo h1{ font-size: 40px; width:700px}
}
@media (min-width: 2560px) and (max-width: 3499px) {
.dourelocksuglasvillesec-logo h1{ font-size: 40px; width:700px}
}
@media screen and (min-width: 3500px) and (max-width: 4499px) {
.dourelocksuglasvillesec-logo h1{ font-size: 40px; width:700px}
#scrolltop {right:25vw}
}
@media screen and (min-width: 4500px) and (max-width: 6399px) {
.dourelocksuglasvillesec-logo h1{ font-size: 40px; width:700px}
#scrolltop {right:25vw}
}
@media screen and (min-width: 6400px) {
.dourelocksuglasvillesec-logo h1{ font-size: 40px; width:700px}
#scrolltop {right:25vw}
}