html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
/*
dark green 538521
logo green 99CC66
light green BBe68f
logo grey 333333

*/

body {padding-top: 0px;}
.contact-top{color:#fff; padding:5px 1.5rem;background-color:#737373;}
.contact-top i{color:#fff; padding-left:1rem;}
.contact-top .fa-facebook-square{color:#fff;}
.contact-top h6{margin-bottom:0;}
.contact-top a{color:#fff;}
.navbar-light .navbar-nav .nav-link {color: #b3b3b3; font-size: 2.0rem;}
.navbar-light .navbar-toggler {color: #b3b3b3;border-color: #b3b3b3;text-align: left;}
.navbar-light .navbar-toggler .togglerText {font-size: 60%;text-align: left;}
.navbar-light .navbar-toggler-icon {background-image: url('../images/icons/hamburger2.png');}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #fff;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color: #737373;}
.dropdown-menu {font-size: 1.5rem;}
.unstyled {
    padding: 0;
    margin: 0;
    list-style: none;
}
.service-menu li {
    background: #eaeaea;
    margin-bottom: 10px;
}
.service-menu li a {
    display: block;
	text-decoration: none;
    padding: 12px 20px;
    color: #010101;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.service-menu li a:hover, .service-menu .active {
    background: #737373;
	color: #fff;
	font-weight: bold;
}



.blue-border-bottom {
    border-bottom: 2px solid #b3b3b3!important;
}
.fixed-top{
 -webkit-transition: width 2s; /* Safari */
  -webkit-transition-timing-function: linear; /* Safari */
  transition: width 2s;
  transition-timing-function: linear
}
.bg-blueGrad{
background-color: #000; /* For browsers that do not support gradients */
}

.bg-darkBlue { 
background-color:transparent;
	color:#fff;
	border: 0;
 width: 60rem;
 margin-top:3rem;
}

.bg-darkBlue h1, .bg-darkBlue p{
	text-shadow: 2px 1px 7px #000;
}


.darkBlueFull{
background-color: #000;
 color:#fff;	
}
.darkBlueFull h3 {
color:#fff;	
}
.darkBlueFull p a {color:#fff;} 
.darkBlueFull li a {color:#fff; font-size:133%;}
.darkBlueFull p a:hover, .darkBlueFull li a:hover{color:#fff;}

.darkBlueFull p i, .darkBlueFull p i a {color:#99CC66;}

.darkBlueFullTicket{
background-color: #073163;
color:#fff;
}
.darkBlueFullTicket span, .orangeText{
	color:#538521;
}
.darkBlueFullTicket h1{
	font-weight:bold;
}

.footer .contact-info li {
    border: 0px solid #538521;
    margin-top: 6px;
}
.contact-info {
    list-style: none;
    padding: 0;
    line-height: 1.42857em;
    
}
.footer .contact-info li:before {
    /* border-right-color: #538521; */
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 31px;
}
.contact-info li {
    border-radius: 3px;
    padding: 7px 12px 7px 44px;
    position: relative;
}
.contact-info i, .contact-info i a {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 31px;
	color:#b3b3b3;
}
.contact-info li:before {
    border-right: 0px solid;
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 31px;
}

.darkBlueFullTicket:before{
display: block;
    content: '';
    position: absolute;
    width: 9%;
    height: 100%;
    top: 0;
    right: 0;
    border-left: 1px dashed transparent;
	border-color: #ffffff;
    background-color: #0d407c;
}
.darkBlueFullTicket:after {
    display: block;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 14px solid #ffffff;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-primary {
    color: #fff;
    background-color: #0c2849;
    border-color: #0c2849;
}
.btn-primary {
	/* Dark Blue */
    color: #fff;
    background-color: #4267B2;
    border-color: #4267B2;
}
.btn-info {
	/* light Blue */
    color: #fff;
    background-color: #99CC66;
    border-color: #99CC66;
}
.badge-warning, .btn-warning {
	/* grey */
    color: #fff;
    background-color: #000;
    border-color: #f3f3f3;
	
}
.orange {color: #f6600;}
.btn {
    padding: .375rem 1.75rem;
    border-radius: 0.5rem;
	font-weight:bold;
	-webkit-appearance: inherit;
}
.btn-lg {
     border-radius: 1.5rem;
	 -webkit-appearance: inherit;
}
.btn-sm {
	padding: .375rem 1.00rem;
	line-height: 1.0;
	border-radius: 1.5rem;
}

.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; 
}
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; 
}
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); 
}

.cleanIcons{
max-width:60%;	
}
/* Featurettes
------------------------- */
.featurette-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}
.man-logos {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
	    width: 95%;
}

/*gallery page */
#gallery .card-img-top {border: 2px solid #eee;}
#gallery .card p:first-child {display: none;}

#back_to_top {
background-color:#444;
padding:5px 10px 0 10px;
font-size:2em;
color: #fff;
height: auto;
position: fixed;
top: 80%;
margin: 0;
z-index: 10000;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
right: -70px;
}
#back_to_top.off {
/* opacity: 0; */
filter: alpha(opacity=0);
right: -70px;
}
#back_to_top.on {
opacity: 0.7;
filter: alpha(opacity=70);
right: 25px;
}
#back_to_top.on:hover {
background-color:#a3a3a3;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 5rem;
  }
  
  .bg-darkBlue h1{
	    font-size: 4.5rem;
}
  .bg-darkBlue p{
	  font-size: 2rem;
}
}



@media (max-width: 991.98px) {
  .offcanvas-collapse {
	z-index:10;
    position: fixed;
    top: 105px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
	color:#fff;
    background-color: #222;
	border-top: 2px solid;
    border-color: #b3b3b3;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
    color: #737373;
}
.service-menu li a {padding: 10px 12px;}


.bg-darkBlue {
	background-color:transparent;
	color:#fff;
	border: 0;
	width: 100%;
	margin-top:2rem;
	}
.bg-darkBlue h1, .bg-darkBlue p{
	text-shadow: 2px 1px 3px #000;
}
}

@media (max-width: 991.98px) {
.offcanvas-collapse {
	  top: 135px; /* Height of navbar */

}
}
@media (max-width: 920px) {
.offcanvas-collapse {
	  top: 135px; /* Height of navbar */

}
}

@media (max-width: 768px) {
	.card-body .btn {
		padding: .375rem 0.75rem;
		font-size:1rem;
		
	}
	.card-body h3 {
		font-size:1.5rem;
	}
	.serviceButton .btn {
	width:100%;
	font-size:0.75rem;
	margin-bottom:30px;
	background-color: #fff
		
}
.serviceButton .btn a {
    display: block;
	text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.serviceButton .btn a:hover, .serviceButton .btn .active {
    background: #0c2849;
	color: #999;
    
	
}

	

}



@media (max-width: 576px) {
	.btn-sm {
	 -webkit-appearance: inherit;
}
.offcanvas-collapse {
	  top: 105px; /* Height of navbar */

}
.serviceButton .btn {
	width:100%;
	font-size:0.75rem;
	margin-bottom:30px;
	background-color: #fff
		
}
.serviceButton .btn a {
    display: block;
	text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.serviceButton .btn a:hover, .serviceButton .btn .active {
    background: #0c2849;
	color: #999;
    
	
}









}
@media (max-width: 500px) {
	.offcanvas-collapse {
	  top: 88px; /* Height of navbar */

}
}
@media (min-width: 1400px) {
.tagline600{display:inline;}
}
@media (max-width: 1399px) {
.tagline600{display:none;}
}
@media (min-width: 1399px){
.tagline400{display:none;}
}
@media (min-width: 1200px) and (max-width: 1399px){
.tagline400{display:inline;}
}
@media (min-width: 768px) and (max-width: 1199px){
.tagline400{display:none;}
}
@media (min-width: 701px) and (max-width: 767px) {
.tagline400{display:inline;}
}
@media (max-width: 700px) {
.tagline400{display:none;}
}
@media (min-width: 701px) {
.tagline{display:none;}
}
@media (min-width: 501px) and (max-width: 700px) {
.tagline{display:inline;}
}
@media (max-width: 500px) {
.tagline{display:none;}
}
@media (min-width: 500px) {
.tagline300{display:none;}
}
@media (min-width: 200px) and (max-width: 499px){
.tagline300{display:inline;}
}

@media (max-width: 450px) {
.bg-darkBlue {
width: 100%;
margin-top:0rem
}
.h1, h1 {font-size: 2.0rem;}
.btn {padding: .375rem 0.75rem;}
.btn-sm {
	padding: .375rem 0.50rem;
	    border-radius: 1.12rem;
		  -webkit-appearance: inherit;
		    width: 3.5rem;
}
.btn span {display:none;}
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}
@media (max-width: 350px) {
	.col {
	padding-right: 5px;
    padding-left: 5px;
	}
	.serviceButton .btn {
    font-size: 0.55rem;
    margin-bottom: 25px;
	}
}
@media (max-width: 300px) {
	#nav-bar a img {width:150px;}
}
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #538521;
}
.nav-underline .nav-link:hover {
  color: #538521;
}
.nav-underline .active {
  font-weight: 500;
  color: #99CC66;
}
.text-white-50 { color: rgba(255, 255, 255, .5); }
.bg-purple { background-color: #6f42c1; }
.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }