﻿html {
  scroll-padding-top: 90px; /* height of sticky header */
}
body {
	background-color: #E9F0EF;
	background: url('../images/background-img.jpg') repeat;
	font-family: 'Noto Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Libre Baskerville', serif;
text-align:center;
}
.libre {font-family: 'Libre Baskerville', serif;}
h1, h2, h3, h5, h6 {
	color:#15417E;

}  

h4 {
	color:#E9F0EF
;
}


h1 {
	font-size: 4em;
}
p, li, {
	font-size:.9em;
}	
ol li {
font-size:1em;
padding:10px;
font-weight:bolder;
}
.footer-copyright {font-size:.7em;}
#map {
    height: 420px;
    border-top: medium #15417E double;
    border-bottom: medium #15417E double;


  }
.dblue {color:#15417E

}  
.lblue {color:#DCE7E6

}
.dgrey {color:#4D4D4D} 
.lgrey {color:#E9F0EF
} 
.bdblue {
	background-color: #15417E
}  
.blblue {
	background-color: #DCE7E6
}
.bdgrey {background-color:#4D4D4D} 
.blgrey {background-color:#E9F0EF
}
.bwhite {background-color:white;}
.white {color:white}
.contbwhite {
	border-left: medium #15417E double;
	border-right: medium #15417E double;
	background-color: white;
-webkit-box-shadow: 0px 0px 22px 1px rgba(21,65,126,0.5); 
box-shadow: 0px 0px 22px 1px rgba(21,65,126,0.5);}
.contbgrey {
	border-left: medium #15417E double;
	border-right: medium #15417E double;
	background-color: #E9F0EF
;}

.contbblue {
	background-color: #E9F0EF
;}
 a {
	  color: #FFFFFF;
  }
 
   a:visited {
	  color: #FFFFFF;
  }
 
  a:hover {
	  color: #DCE7E6;
  }
   a:focus {
	  color: #DCE7E6;
  }
 a:active {
	  color: #DCE7E6;
  }
 
a.onwhite {
	  color: #15417E;
  }
a.onwhite:hover, a.onwhite:focus  {
	color: #1B54A0 ;
}
 a.onwhite:visited {
	  color: #15417E;
  }
  a.onwhite :active {
	  color: #15417E;}

 a.dark {
	  color: #15417E;
  }
  a.dark:hover, a.dark:active, a.dark:focus, a.dark:link  {
	  color: #1B54A0;
  }

 



.mind {
	 display: block;
    position: relative;
    padding-top: 30px
    
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.engraved {
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);}
.shadow {
	text-shadow: 1px 1px 2px white;
}



.carousel-item {
  height: 75vh;
  min-height: 350px;
  background: no-repeat center center scroll;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

 



.overlay { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:15%;
  left:0;
  width:100%;
  text-align:center;
}

 
#carouselExampleIndicators .carousel-indicators > li {
  height:1px;
  width:1px;
  border-radius: 100%;
  background-color:#15417E;
  text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
}



.lead{font-size:1.4rem;font-weight:300; color:#15417E; bottom: 50px }
.display-4{font-size:3.5rem;font-weight:300;line-height:1.2;text-shadow: text-shadow: 1px 1px 2px white}


 






/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#banner {
	background-color: #4D4D4D;
	padding: 20px 0;
	border-bottom: thin #999999 groove;
	font-size: 16px;
	color: white;
	
}
#banner .contact-info a {
  line-height: 1;
  color: #fff;
}

#banner .contact-info a:hover {
	color: #DCE7E6
;
}

#banner .contact-info i {
  color: white;
  padding: 4px;
}

#banner .contact-info .fa-phone {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #e9e9e9;
}

#banner .social-links a {
  color: #fff;
  padding: 4px 12px;
  display: inline-block;
  line-height: 1px;
  border-left: 1px solid #e9e9e9;
}

#banner .social-links a:hover {
	color:  #DCE7E6
;
}

#banner .social-links a:first-child {
  border-left: 0;
}
#imagecontainer1, #imagecontainer2 {height: 500px;}

.fixedimage1 {
	background-position: top;
	height: 500px;
	background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%), url('../images/gun.jpg');
	background-attachment: fixed;
	  -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
	 background-size: cover;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 

	
}
.fixedimage2 {
	background-position: top;
	height: 500px;
	background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%), url('../images/gun2.jpg');
	background-attachment: fixed;
	  background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;


}



#services .titleserv {
	margin-top: 20px;


background-color:#15417E;
padding:10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
#services .serv {
	
	padding:10px;
	background-color:#E9F0EF;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.iframe {
 display:block;
    margin: 0 auto;
  
}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.negpad {
	margin-left: -14px;
	padding: 8px 6px 8px 6px
}
.side {
	
	padding:15px;
	background-color:#E9F0EF;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-bottom-radius: 5px;
border-bottom-radius: 5px;

}
#fblike{
padding-top:6px;
color:white;
background-color:#4D4D4D}

@media (prefers-color-scheme: dark) {
body {
    color:#fff;
    background:#333333
}
}
/*==================== 
	Footer 
====================== */

/* Main Footer */
footer .main-footer{	padding: 35px 0;	background: #4D4D4D;}
footer ul{	padding-left: 0;	list-style: none;}

/* Copy Right Footer */
.footer-copyright {
	background: #363636;
	padding: 15px 0 ;
	
}
.footer-copyright .logo {    display: inherit;}
.footer-copyright nav {    float: right;    margin-top: 5px;}
.footer-copyright nav ul {	list-style: none;	margin: 0;	padding: 0;}
.footer-copyright nav ul li {	border-left: 1px solid #505050;	display: inline-block;	line-height: 12px;	margin: 0;	padding: 0 8px;}
.footer-copyright nav ul li a{	color: #969696;}
.footer-copyright nav ul li:first-child {	border: medium none;	padding-left: 0;}
.footer-copyright p {	color: #969696;	margin: 2px 0 0;}

/* Footer Top */
.footer-top{	background: #252525;	padding-bottom: 30px;	margin-bottom: 30px;	border-bottom: 3px solid #222;}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer{	background: transparent;}
footer.transparent .footer-copyright{	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}

/* Footer light */
footer.light .footer-top{	background: #f9f9f9;}
footer.light .main-footer{	background: #f9f9f9;}
footer.light .footer-copyright{	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}

/* Footer 4 */
.footer- .logo {    display: inline-block;}

/*==================== 
	Widgets 
====================== */


.thumbnail-widget ul {
	margin: auto;
}
.widget{	padding: 20px;	margin-bottom: 40px;}
.widget.widget-last{	margin-bottom: 0px;}
.widget.no-box{	padding: 0;	background-color: transparent;	margin-bottom: 40px;
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget.subscribe p{	margin-bottom: 18px;}
.widget li a{	color: white;}
.footer .widget li a:hover{	color: #DCE7E6;}
.widget-title {margin-bottom: 20px;}
.widget-title span {background: #839FAD none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
.widget .badge{	float: right;	background: #7f7f7f;}

.typo-light h1, 
.typo-light h2, 
.typo-light h3, 
.typo-light h4, 
.typo-light h5, 
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{	color: #fff; text-align:center}
.typo-light ul { text-align:center}
	
}
ul.social-footer3 {	margin:5px auto}
ul.social-footer3 li {display: inline-block;padding: 0;}
ul.social-footer2 {	margin: 0;padding: 0;	width: auto;}
ul.social-footer2 li {display: inline-block;padding: 0;}
ul.social-footer2 li a:hover {background-color:#15417E
;}
ul.social-footer2 li a {display: block;	height:30px;width: 30px;text-align: center;}
.btn{background-color: #ff8d1e; color:#fff;}
.btn:hover, .btn:focus, .btn.active {background: #4b92dc;color: #fff;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-webkit-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
transition: all 250ms ease-in-out 0s;

}
.shadow-md{box-shadow:0 1rem 2rem rgba(0,0,0,.175)!important}
.ishadow-md{-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;}
.shadow-nav {
	-moz-box-shadow: 0 1rem 2rem rgba(0,0,0,.175),   inset 0 0 10px #000000;
   -webkit-box-shadow:0 1rem 2rem rgba(0,0,0,.175), inset 0 0 10px #000000;
   box-shadow:      0 1rem 2rem rgba(0,0,0,.175),   inset 0 0 10px #000000;}


   
.greenwood, .greenwood:visited { 
  color: #ffffff !important; 
  background-color: #15417E; 
  border-color: #15417E; 
} 
 
.greenwood:hover, 
.greenwood:focus, 
.greenwood:active, 
.greenwood.active, 
.open .dropdown-toggle.greenwood { 
  color: #ffffff !important; 
  background-color: #29548F; 
  border-color: #15417E; 
} 
 
.greenwood:active, 
.greenwood.active, 
.open .dropdown-toggle.greenwood { 
  background-image: none; 
} 
 
.greenwood.disabled, 
.greenwood[disabled], 
fieldset[disabled] .greenwood, 
.greenwood.disabled:hover, 
.greenwood[disabled]:hover, 
fieldset[disabled] .greenwood:hover, 
.greenwood.disabled:focus, 
.greenwood[disabled]:focus, 
fieldset[disabled] .greenwood:focus, 
.greenwood.disabled:active, 
.greenwood[disabled]:active, 
fieldset[disabled] .greenwood:active, 
.greenwood.disabled.active, 
.greenwood[disabled].active, 
fieldset[disabled] .greenwood.active { 
  background-color: #15417E; 
  border-color: #15417E; 
   color: #ffffff !important; 
} 
.greenwood, .greenwood:hover, .greenwood:active, .greenwood:visited, .greenwood:focus, .greenwood:active:focus {
color: #fff !important;}

.cbar{
	width: 100%;
	text-align: center;
	padding: 10px 0 10px 0;
	background-color: #E9F0EF
;
	color: #15417E
;
}
.cbar a {
	color: #15417E
;
	text-decoration: none;
	background-color: transparent;
}
	
.cbar a:hover, a:focus {
	color: #1C57A8;
	text-decoration: underline;
}

.greenwood2 { 
  color: #15417E; 
  background-color: #E9F0EF; 
  border-color: #15417E; 
} 
 
.greenwood2:hover, 
.greenwood2:focus, 
.greenwood2:active, 
.greenwood2.active, 
.open .dropdown-toggle.greenwood2 { 
  color: #15417E; 
  background-color: #9CBCB8; 
  border-color: #15417E; 
} 
 
.greenwood2:active, 
.greenwood2.active, 
.open .dropdown-toggle.greenwood2 { 
  background-image: none; 
} 
 
.greenwood2.disabled, 
.greenwood2[disabled], 
fieldset[disabled] .greenwood2, 
.greenwood2.disabled:hover, 
.greenwood2[disabled]:hover, 
fieldset[disabled] .greenwood2:hover, 
.greenwood2.disabled:focus, 
.greenwood2[disabled]:focus, 
fieldset[disabled] .greenwood2:focus, 
.greenwood2.disabled:active, 
.greenwood2[disabled]:active, 
fieldset[disabled] .greenwood2:active, 
.greenwood2.disabled.active, 
.greenwood2[disabled].active, 
fieldset[disabled] .greenwood2.active { 
  background-color: #E9F0EF; 
  border-color: #15417E; 
} 
 
.greenwood2 .badge { 
  color: #E9F0EF; 
  background-color: #15417E; 
}


.radius {
	border: medium #15417E thin;
	-webkit-border-radius: 5px;
	-moz-border-radius-: 5px;
	border-radius: 5px;
	
}
.caption {
	font-size:x-small;
	text-align:center;
	font-style:italic;
	color:#15417E;
}
#contact .form #sendmessage {
  color: #65659A;
  background-color: #01a0e2;
  border: 1px solid #65659A;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact .form input, #contact .form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

.anchor { padding-top: 90px;
    margin-top: -90px; }
    
 a { white-space: nowrap; }   
 
.dropdown-menu {
	border-color: #15417E;
	background-color: #15417E !important;
	color: white !important;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.5);
}
.dropdown-menu a {
	color: white !important;
	
}
.dropdown-menu a:hover {
	color: #15417E !important;
	
}


.bg-dark{background-color:#4D4D4D!important;
z-index:100}

.navbar-dark .navbar-brand{font-family: 'Libre Baskerville', serif;color:white;}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {color:#DCE7E6}

.navbar-dark .navbar-nav .nav-link{color:white}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#DCE7E6}

.navbar-dark .navbar-nav .nav-link.disabled{color:#DCE7E6}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#E9F0EF}

}
.navbar-dark .navbar-toggler{color:#E9F0EF
;}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.modal-content{
 
  background-color: rgba(21, 65, 126, 0.90);
  border:4px solid #15417E;
  box-shadow:0 1rem 2rem rgba(0,0,0,.8)!important
  }

.ekko-lightbox-container img{
  border:1px solid #15417E;}
  
#gun-fitting img:hover {
	box-shadow:0 1px 4px rgba(0,0,0,.5)!important
}  

.close {
    color: #fff; 
    opacity: .5;
}
.close:hover {
    color: #fff; 
    opacity: 1;
   
}
/* COMPACT CAPTCHA */

.capbox {
	background-color: #BBBBBB;
	background-image: linear-gradient(#BBBBBB, #9E9E9E);
	border: #15417E 0px solid;
	border-width: 2px 2px 2px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	padding: 5px 8px 5px 8px;
	border-radius: 4px 4px 4px 4px;
	}

.capbox-inner {
	font: bold 12px arial, sans-serif;
	color: #000000;
	background-color: #E3E3E3;
	margin: 0px auto 0px auto;
	padding: 3px 10px 5px 10px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	}

#CaptchaDiv {
	color: #000000;
	font: normal 25px Impact, Charcoal, arial, sans-serif;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	user-select: none;
	display: inline-block;
	padding: 3px 14px 3px 8px;
	margin-right: 4px;
	border-radius: 4px;
	}

#CaptchaInput {
	border: #15417E 2px solid;
	margin: 3px 0px 1px 0px;
	width: 105px;
	}
