/*--------------------------------------------------------------
 # Header
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300;400;500;600;700;800');
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;800&family=Hind:wght@400;700&display=swap');
/*--------------------------------------------------------------
 # Menu
--------------------------------------------------------------*/
.main-menu {
    position: relative;
    background: #0ea3fd;
    padding: 12px;
}
.navbar-light .navbar-brand {
    color: #fff;
}
.nav-item {
    position: relative;
    margin: 0 18px;
}
.nav-item:hover:after {
    width: 100%;
}
.nav-item:after {
    content: '';
    display: block;
    border-top: 1px solid #f4e088;
    width: 0;
    position: absolute;
    left: 0;
    transition: .2s ease-out;
}
.navbar-light .navbar-nav .nav-link {
    font-family: 'El Messiri', sans-serif;
    line-height: 30px;
    font-size: 17px;
    font-weight: 700;
    padding: 0;
    margin: 10px 0;
    color: #ffffff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #cbcbcb;
}
.dropdown-menu a:hover {
    background: #0ea3fd;
    color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #02314b;
    color: #ffffff;
}
.dropdown-item {
    border-bottom: 1px solid #e9e9e9;
    line-height: 40px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    font-family: 'El Messiri';
}
.uk-navbar-dropdown {
    top: 36px !important;
    padding: 8px;
    width: 320px;
}
@media    all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
    .navbar .dropdown-menu{ top:180%;  }
    .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}
/*--------------------------------------------------------------
 # Body
--------------------------------------------------------------*/
body, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Mukta', sans-serif;
}
.uk-link, a {
    color: #272727;
    text-decoration: none;
}
.uk-link:hover, a:hover {
    text-decoration: none;
    color: #e82525;
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----Sidebar Nav---
------------------------------------------------------------------------------------------------------------*/
.sidebar-menu-items {
    font-size: 17px;
    line-height: 40px;
    font-weight: 700;
}
.navbar-category li a {
    padding-left: 23px;
    color: white !important;
}
.navbar-category a {
    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 500;
    color: #1a1a1a !important;
}
.sidebar-menu-box {
    background: #02578b;
    padding: 0px 0px;
    max-width: 300px;
}
.sidebar-subnav-background {
    background: #0ea3fd;
    padding: 10px 0px 10px 0px !important;
}
.navbar-search {
    background: #282828;
    width: 100%;
}
/*--------------------------------------------------------------
 # Image
--------------------------------------------------------------*/
.slider-thumnail img {
    height: 650px;
}
.cover {
    object-fit: cover;
}
.about-thumnaiil img {
    height: 330px;
}
.destinations-thumnail img {
    height: 140px;
}
.ht-100 img {
    height: 81px;
    width: 110px;
}
/*--------------------------------------------------------------
 # Font
--------------------------------------------------------------*/
p {
    font-size: 18px;
    line-height: 32px;
    color: #333;
}
.destinations-fonts {
    font-size: 20px;
    font-family: 'El Messiri', sans-serif;
    text-align: center;
}
.ft-5 {
    font-size: 20px;
    font-family: 'El Messiri';
    font-weight: 700;
    line-height: 27px;
}
.single-title {
    font-size: 50px;
    text-align: center;
    font-family: 'El Messiri';
}
.page-excerpt p {
    font-size: 18px;
    font-family: 'El Messiri';
}
/*--------------------------------------------------------------
 # Cat Heading
--------------------------------------------------------------*/
.cat-head span {
    font-size: 40px;
    font-family: "Roboto",sans-serif;
    font-weight: 600;
    color: #0ea3fd;
    letter-spacing: -1px;
}
h2.cat-head {
    font-size: 40px;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
}
.small-heading {
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    letter-spacing: 0px;
    color: #9d9d9d;
    text-align: left;
}
.cat-head {
    text-align: left;
}
/*--------------------------------------------------------------
 # Page
--------------------------------------------------------------*/
.page-box {
    background: #f1f1f1;
    padding: 20px;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}
/*--------------------------------------------------------------
 # Play Button
--------------------------------------------------------------*/
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 55px;
    height: 55px;
    background: #c6a554;
    border-radius: 50%;
    animation: pulse-border 1100ms ease-out infinite;
}
.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #cdb15e;
    border-radius: 50%;
    transition: all 200ms;
}
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 19px solid #fff;
	border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 10px;
  left: 5px;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(5);
    opacity: 0;
  }
}