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: "LeagueSpartan-Bold";
                src: url('../fonts/LeagueSpartan-Bold.woff') format('woff'),
        url('../fonts/LeagueSpartan-Bold.woff2') format('woff2'),
        url('../fonts/LeagueSpartan-Bold.eot'),
        url('../fonts/LeagueSpartan-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LeagueSpartan-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: conic-gradient(from 90deg, #2e4932 0.000deg, #36503b 30.000deg, #3e5744 60.000deg, #465e4d 90.000deg, #4d6555 120.000deg, #546b5c 150.000deg, #5a7163 180.000deg, #5f7768 210.000deg, #637c6d 240.000deg, #668070 270.000deg, #688372 300.000deg, #688673 330.000deg, #678873 360.000deg);
	 		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
   -------------------------------------- */
.douhservicegslocksmit-padding_around3 {
	padding:2vh 2vw; 
}
.douhservicegslocksmit-bgheader{
	padding: 5px;

}

/* --------------------------------------
   logo and phone header
   -------------------------------------- */
.douhservicegslocksmit-logo h1{font-size: 36px;   font-family: "LeagueSpartan-Bold", Verdana, sans-serif; 
	 color:#222; text-shadow: 2px 2px 4px #fff;  padding: 20px; width: 550px; margin: 5px auto; 
background:   linear-gradient(345deg, #9cffff 0.000%, #c9ffdc 33.333%, #f1d5a0 66.667%, #ff9e8e 100.000%); border-radius: 30px; }

.douhservicegslocksmit-logo a:hover{text-decoration: none; color:#000!important}

/* --------------------------------------
   (white)
   -------------------------------------- */

.douhservicegslocksmit_contentbg1{ padding-bottom: 20px; padding-top: 20px; }

.douhservicegslocksmit_contentbg a:hover{colro:#fff; text-decoration: underline}
.douhservicegslocksmit_contentbg a{color:#fff;  font-weight: bold}

.douhservicegslocksmit_contentbg h1, .douhservicegslocksmit_contentbge h2, .douhservicegslocksmit_contentbg h3, .douhservicegslocksmit_contentbg h4, .douhservicegslocksmit_contentbg h5 {color:#fff; margin-bottom: 20px; text-shadow: 2px 2px 2px #111}
.douhservicegslocksmit_contentbg p{color:#fff; margin-top: 10px; }
.douhservicegslocksmit_contentbg ul, .douhservicegslocksmit_contentbg li{color:#fff;}
.douhservicegslocksmit_contentbg ul{ margin-left:30px; }
.douhservicegslocksmit_contentbg li{list-style:square;}
.douhservicegslocksmit_contentbg {box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; border-radius: 60px; padding: 60px}


/* --------------------------------------
   (Dark_section)
   -------------------------------------- */
.douhservicegslocksmit-dark h1, .douhservicegslocksmit-dark h2, .douhservicegslocksmit-dark h3, .douhservicegslocksmit-dark h4, .douhservicegslocksmit-dark h5, .douhservicegslocksmit-dark h6 {color:#111; text-shadow: 2px 2px 2px #fff}
.douhservicegslocksmit-dark {padding-top: 20px; padding-bottom: 20px;  }
.douhservicegslocksmit-dark a:hover { color:#111;
	text-decoration: underline; }
.douhservicegslocksmit-dark p, .douhservicegslocksmit-dark ul, .douhservicegslocksmit-dark li{color:#111;}
.douhservicegslocksmit-dark a{color:#111;  font-weight: bold}
.douhservicegslocksmit-dark p{color:#111; margin-top: 10px;  margin-bottom: 10px;}
.douhservicegslocksmit-dark ul, .douhservicegslocksmit-dark li{color:#111}
.douhservicegslocksmit-dark ul{ margin-left:30px; }
.douhservicegslocksmit-dark li{list-style:square;}

.douhservicegslocksmit-darkbox {
background: linear-gradient(135deg, #d1ffff 0.000%, #d3ffff 3.030%, #d6ffff 6.061%, #d9ffff 9.091%, #dcffff 12.121%, #dfffff 15.152%, #e2ffff 18.182%, #e5ffff 21.212%, #e8ffff 24.242%, #ebffff 27.273%, #eeffff 30.303%, #f1ffff 33.333%, #f4ffff 36.364%, #f7ffff 39.394%, #fafffc 42.424%, #fdfff7 45.455%, #fffff3 48.485%, #ffffef 51.515%, #ffffeb 54.545%, #ffffe7 57.576%, #ffffe3 60.606%, #ffffe0 63.636%, #ffffdd 66.667%, #ffffda 69.697%, #fffdd8 72.727%, #fff9d6 75.758%, #fff5d4 78.788%, #fff2d2 81.818%, #ffeed1 84.848%, #ffead0 87.879%, #ffe7cf 90.909%, #ffe3cf 93.939%, #ffe0cf 96.970%, #ffddd0 100.000%);padding: 60px; backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); border-radius: 30px}
/* --------------------------------------
   Section footer links
   -------------------------------------- */


.douhservicegslocksmit-footerrightbg {  padding:20px; text-align: center; 
background: conic-gradient(from 90deg, #2e4932 0.000deg, #2e4932 27.692deg, #36503b calc(27.692deg + 0.1deg), #36503b 55.385deg, #3e5744 calc(55.385deg + 0.1deg), #3e5744 83.077deg, #465e4d calc(83.077deg + 0.1deg), #465e4d 110.769deg, #4d6555 calc(110.769deg + 0.1deg), #4d6555 138.462deg, #546b5c calc(138.462deg + 0.1deg), #546b5c 166.154deg, #5a7163 calc(166.154deg + 0.1deg), #5a7163 193.846deg, #5f7768 calc(193.846deg + 0.1deg), #5f7768 221.538deg, #637c6d calc(221.538deg + 0.1deg), #637c6d 249.231deg, #668070 calc(249.231deg + 0.1deg), #668070 276.923deg, #688372 calc(276.923deg + 0.1deg), #688372 304.615deg, #688673 calc(304.615deg + 0.1deg), #688673 332.308deg, #678873 calc(332.308deg + 0.1deg) 360.000deg); -webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px; }

.douhservicegslocksmit-copyright p{color:#fff; font-weight: bold; text-shadow: 1px 1px 2px #111}

	
/* --------------------------------------
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:  linear-gradient(345deg, #9cffff 0.000%, #c9ffdc 33.333%, #f1d5a0 66.667%, #ff9e8e 100.000%)!important;
            text-align: left;
           			opacity:0.97 !important;	 }		
		.douhservicegslocksmit-logo h1{font-size: 22px; width: 350px }
	.douhservicegslocksmit-dark li, .douhservicegslocksmit_contentbg li{width: auto; margin: 10px auto; float: none}
	.douhservicegslocksmit_contentbg ul {margin-left: 0px}
	.douhservicegslocksmit-dark ul {margin-left: 0px}
	.sticky.douhservicegslocksmit-logo h1{ width: auto; padding: 2px }
	.douhservicegslocksmitcontectbox2, .douhservicegslocksmitcontectbox {padding: 15px;}
	.douhservicegslocksmit_contentbg, .douhservicegslocksmit-darkbox  {border-radius: 30px; padding: 40px}
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.douhservicegslocksmit_contentbg1{padding-bottom: 10px; padding-top: 10px; }
	.navbar-inverse.sticky {background:  linear-gradient(345deg, #9cffff 0.000%, #c9ffdc 33.333%, #f1d5a0 66.667%, #ff9e8e 100.000%)!important;}
	.douhservicegslocksmit_logo_small_screen a{   font-family: "LeagueSpartan-Bold", Verdana, sans-serif; 
	 color:#000; text-shadow: 2px 2px 4px #fff; padding: 5px;}
	
			.douhservicegslocksmit-logo_small_screen a{  lfont-family: "LeagueSpartan-Bold", Verdana, sans-serif; 
	color:#000;text-shadow: 2px 2px 4px #fff; padding: 5px;}

	.douhservicegslocksmit-darkbox {padding: 10px}
	.douhservicegslocksmit-padding_around3 {display: none}
	.douhservicegslocksmit_contentbg, .douhservicegslocksmit-darkbox  {border-radius: 0px; padding: 20px}
.navbar-inverse{
	height:auto; margin-bottom: 0px;
	opacity:0.9; padding: 10px; background:  linear-gradient(345deg, #9cffff 0.000%, #c9ffdc 33.333%, #f1d5a0 66.667%, #ff9e8e 100.000%)!important;}
	
	.douhservicegslocksmit_contentbg, .douhservicegslocksmit-dark  {padding: 20px}
	

	
}

/* Portrait & landscape phone */
@media (max-width: 670px) { 	
	.douhservicegslocksmit-dark, .douhservicegslocksmit-white{border-radius: 0;}
	.douhservicegslocksmit-logo_small_screen a{font-size: 15px;}
.douhservicegslocksmit_contentbg li, .douhservicegslocksmit-dark li{font-size: 14px}
.douhservicegslocksmit_contentbg strong, .douhservicegslocksmit-dark strong{font-size: 14px}
	
}

@media (max-width: 420px) {	

	.douhservicegslocksmitcontectbox2, .douhservicegslocksmitcontectbox {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}	
		.douhservicegslocksmitcontectbox2, .douhservicegslocksmitcontectbox {padding: 15px;}
	.douhservicegslocksmit-logo_small_screen{font-size: 13px;}
	.douhservicegslocksmit-darkbox {padding: 5px}
}

@media (max-width: 280px) {	.douhservicegslocksmit-logo_small_screen{font-size: 10px;}	
	.douhservicegslocksmit_contentbg li, .douhservicegslocksmit-dark li{font-size: 12px; padding: 5px; border-radius: 2px}
.douhservicegslocksmit_contentbg strong, .douhservicegslocksmit-dark strong{font-size: 12px}
	.douhservicegslocksmit_contentbg ul, .douhservicegslocksmit-dark ul{margin: 2px}
	.douhservicegslocksmitcontectbox2, .douhservicegslocksmitcontectbox {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:  linear-gradient(345deg, #9cffff 0.000%, #c9ffdc 33.333%, #f1d5a0 66.667%, #ff9e8e 100.000%)!important;
            text-align: left;
           			opacity:0.97 !important;
					 }	
	
	.douhservicegslocksmit_bgheader.sticky{background-color: rgba(40, 29 ,135, 0.7)}

	 .sticky.douhservicegslocksmit-logo a{font-size: 27px; width: auto}
	.douhservicegslocksmit-darkbox {margin-top: 3vh; margin-bottom: 3vh}
	.sticky.douhservicegslocksmit-logo h1{ width: auto; padding: 5px; background: none !important}
	
}

@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){ 

	
	.douhservicegslocksmit-logo h1{ font-size: 30px;}
	
}

@media (min-width: 2001px) and (max-width: 2558px) {
		.douhservicegslocksmit-logo h1{ font-size: 40px; width:600px}	

	
	
}

@media (min-width: 2560px) and (max-width: 3499px) {
	.douhservicegslocksmit-logo h1{ font-size: 40px; width:600px}	

	
	
}
@media screen and (min-width: 3500px)  and (max-width: 4499px) {
	.douhservicegslocksmit-logo h1{ font-size: 40px; width:600px}	
#scrolltop {right:25vw}	
	
	
}
@media screen and (min-width: 4500px)  and (max-width: 6399px) {
			.douhservicegslocksmit-logo h1{ font-size: 40px; width:600px}	
#scrolltop {right:25vw}	

}

@media screen and (min-width: 6400px) {

	.douhservicegslocksmit-logo h1{ font-size: 40px; width:600px}	
#scrolltop {right:25vw}	
	
}