/* 

.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-thin-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-extralight-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-light-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-regular-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}


*/



body {
      font-family: "Barlow Condensed", sans-serif;
}

.btn {
    transition: all ease .5s ;

}

.btn-dark:hover {
      background-color: #bcbec0;
    border-color: #bcbec0;
}

.btn-xl {
  text-transform: uppercase;
  padding: 1.5rem 3rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

h1 {
    font-size: 40px;
    letter-spacing: 10px;
}

@media (max-width: 480px) {

h1 {
    font-size: 30px;
    letter-spacing: 8px;
}
    
}




.bg-tint-white {
    background: rgba(255,255,255,0.90);
    color: #002919;
}

.bg-tint-green {
    background: rgba(0,116,49,0.80);
    color: #ffffff;
}

.bg-tint-dark {
    background: rgba(0,0,0,0.70);
}

.bg-dark-green {
    background: rgba(0,25,10,0.90);
    color: #ffffff;
}




a {
	color:#fff;
}

a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #000;
	text-decoration: none;
}

p {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
    font-size: 20px;
    line-height: 32px;
}

@media (max-width: 480px) {

p {
    font-size: 20px;
    line-height: 28px;
}
    
}


.form-control {
    background: rgba(255,255,255,0.70);
	padding: 10px;
	margin-bottom: 10px;
	height: auto;
	font-size: 100%;
	text-transform: none;
	letter-spacing: 1px;
	border: #cccccc 1px solid;
	border-radius: 0px;
}


#mainNav {
background: linear-gradient(180deg,rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    border: none;
	  margin: 0px;
	  padding: 20px 0px 20px 0px;
font-weight: 300;
    color: white;

}

#mainNav li {
	  margin: 0px;
}

#mainNav .navbar-toggler {
  font-size: 150%;
  padding: 14px;
  color: #ffffff;
  border: none;
    border-radius: 0px;
  margin: 0px 10px 0px 0px;
    
}

#mainNav .navbar-toggler:focus {
  outline: none;
}

#mainNav .navbar-brand {
  margin: 6px 0px 6px 14px;
    color: white;
}


  #mainNav .nav-link {
	  font-size: 20px;    
	  padding: 12px 20px 12px 20px;
	  color: #fff;
	  font-weight: 300;
	  margin: 0px 4px 0px 4px;
	  background: none;
      letter-spacing: 0px;
    transition: all ease .5s ;
      
  }

  #mainNav .nav-link:hover {
    color: #000000;
      background: rgba(255,255,255,0.80);
  }

  #mainNav .nav-link:active {
    color: #000000;
  }

@media (min-width: 1540px) {
	
  #mainNav {
	  border-bottom: none;
	  margin: 0px;
	  padding: 10px 0px 10px 0px;

  }

  #mainNav .nav-link {
	  font-size: 20px;    
	  padding: 12px 20px 12px 20px;
	  margin: 0px 8px 0px 4px;
	  background: none;

  }    
    
#mainNav .navbar-brand {
  margin: 6px 0px 6px 20px;
}    
    
}

@media (max-width: 480px) {

  #mainNav .nav-link {
    	  font-size: 18px;      
	  padding: 12px 10px 12px 10px;
	  margin: 0px 4px 0px 4px;
	  background: none;
  }
    
}







/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */


.bg-intro {
    background: url("/images/backgrounds/bg-mk-01.jpg") top center scroll;
        background-size: cover;
    min-height: 90vh;
}

@media (max-width: 480px) {

.bg-intro {
    background: url("/images/backgrounds/bg-mk-01.jpg") top center scroll;
        background-size: cover;
    min-height: 70vh;
}
    
}
    
.img-offset {
    margin-top: -120px;
}

@media (max-width: 480px) {

.img-offset {
    margin-top: 0px;
}
    
}