h1,
uk-h1
{
  font-family: 'Oswald', sans-serif !important;
}

#HseconndSec h1,
#HseconndSec uk-h1,
#HthirdSec h1,
#HthirdSec uk-h1,
#slider h2,
#slider uk-h2
{
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 2.5em !important;
  color: #363636 !important;
}

h2,
uk-h2
{
  font-family: 'Oswald', sans-serif;
  font-weight: 300 !important;
  font-size: 1.5em !important;
  color: #7C7C86 !important;
  margin-top: 0 !important;
}

.xh2bg
{
  background-color: #F2B02A;
  padding: 0 5px;

}

.uk-heading-xsmall
{
  margin: 0 0 10px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Oswald, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: normal;
  color: #333;
  text-transform: none;
}

#herotxt
{
  position: relative;
}

#content a
{
  color: #000 !important;
}

/* colors */

.Hbg1
{
  padding: 0;
}

.uk-navbar-nav>li.uk-active>a
{
  color: #000 !important;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}

.uk-navbar-nav>li a
{
  color: #000 !important;
  font-size: 100%;
  font-weight: 500;

}

.uk-navbar-nav>li>a:hover
{
  font-size: 100%;
  font-weight: 500;
  background-color: rgba(255, 255, 255, .5) !important;
  ;
  cursor: pointer;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}

#m2 uk-navbar-nav>li a
{
  color: #F2B02A !important;
}

.uk-navbar-nav .uk-active
{
  font-size: 100%;
  font-weight: 500;
  background-color: rgba(229, 230, 227, 0.4) !important;
  cursor: pointer;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}

.top-wrap-height
{
  height: 80vh;
  min-height: 460px;
  transition: height 0.25s;
}

#offer hr,
#quickcont hr
{
  border-color: #222;
}

#gal img
{
  border: 1px solid #222 !important;
}

#quickcont a
{
  color: #222 !important;
}

.top-wrap-height
{
  height: 630px !important;
}

.black
{
  color: #000 !important;
}

.gray
{
  height: auto;
  color: #7C7C7C !important;
}

.yellowBg
{
  height: auto;
  background-color: #F2B02A;
}

.grid
{
  background: #F2B02A url(../img/page/grid.png) repeat top center;
}

.climber
{
  height: auto;
  background-image: url(../img/page/climber2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 750px;
  background-position: center;
}

.malaria
{
  height: auto;
  background-image: url(../img/page/malaria2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 750px;
  background-position: center;
}


.of1
{
  height: auto;
  background-image: url(../img/page/a.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 750px;
  background-position: center;
  text-align: center;
}

.of2
{
  height: auto;
  background-image: url(../img/page/b.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 750px;
  background-position: center;
  text-align: center;
}

#offcanvas-nav .uk-nav>li>a
{
  padding: 5px 7px;
}

.uk-tooltip
{
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  /* 3 */
  top: 0;
  /* 4 */
  box-sizing: border-box;
  max-width: 200px;
  padding: 3px 6px;
  /* 5 */
  background: rgb(34, 34, 34) !important;
  border-radius: 2px;
  border: 1px solid #666;
  text-align: center;
  color: #fff;
  font-size: 11px;
  z-index: 15000;
}

#triang:hover
{

  transform: scale(1.7) translateY(-3px);
  transition: all 0.3s;
}

.padTB40
{
  padding: 40px 0 !important;
}

.black
{
  color: F000;
}