/* Master Stylesheet - 1.0 */

/* :: 1.0 Import Fonts */

@import url("https://fonts.googleapis.com/css2?family=Bigelow+Rules&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

/* :: 2.0 Import All CSS */

@import url(css/bootstrap.min.css);

@import url(css/owl.carousel.min.css);



@import url(css/classy-nav.css);



@import url(css/animate.css);

@import url(css/magnific-popup.css);

@import url(css/font-awesome.min.css);

@import url(css/nice-select.css);

/* :: 3.0 Base CSS */

* {

  margin: 0;

  padding: 0; }



body {

  font-family: "Roboto", sans-serif;

  font-size: 14px;

  padding: 0px;

  margin: 0px; }



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Roboto", sans-serif;

  color: #282828;

  line-height: 1.3;

  font-weight: 600; }



p {

  font-family: "Roboto", sans-serif;

  color: #6a6a6a;

  font-size: 14px;

  line-height: 2;

  font-weight: 500; }



a,

a:hover,

a:focus {

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms;

  text-decoration: none;

  outline: 0 solid transparent;

  color: #000000;

  font-weight: 500;

  font-size: 16px;

  font-family: "Roboto", sans-serif; }



ul,

ol {

  margin: 0; }

  ul li,

  ol li {

    list-style: none; }



img {

  height: auto;

  max-width: 100%; }



/* :: 3.1.0 Spacing */

.mt-15 {

  margin-top: 15px !important; }



.mt-30 {

  margin-top: 30px !important; }



.mt-50 {

  margin-top: 50px !important; }



.mt-70 {

  margin-top: 70px !important; }



.mt-100 {

  margin-top: 100px !important; }



.mb-15 {

  margin-bottom: 15px !important; }



.mb-30 {

  margin-bottom: 30px !important; }



.mb-50 {

  margin-bottom: 50px !important; }



.mb-70 {

  margin-bottom: 70px !important; }



.mb-100 {

  margin-bottom: 100px !important; }



.ml-15 {

  margin-left: 15px !important; }



.ml-30 {

  margin-left: 30px !important; }



.ml-50 {

  margin-left: 50px !important; }



.mr-15 {

  margin-right: 15px !important; }



.mr-30 {

  margin-right: 30px !important; }



.mr-50 {

  margin-right: 50px !important; }

.pt-40{

  padding-top: 40px !important;

}

.pb-70 {

  padding-bottom: 70px !important; }

.pt-100 {

  padding-top: 100px !important; }

.pb-100 {

  padding-bottom: 100px !important; }



/* :: 3.2.0 Height */

.height-400 {

  height: 400px !important; }



.height-500 {

  height: 500px !important; }



.height-600 {

  height: 600px !important; }



.height-700 {

  height: 700px !important; }



.height-800 {

  height: 800px !important; }



/* :: 3.3.0 Section Padding */

.section-padding-100 {

  padding-top: 100px;

  padding-bottom: 100px; }



.section-padding-100-0 {

  padding-top: 100px;

  padding-bottom: 0; }



.section-padding-0-100 {

  padding-top: 0;

  padding-bottom: 100px; }



.section-padding-100-70 {

  padding-top: 100px;

  padding-bottom: 70px; }



/* :: 3.4.0 Preloader */

.preloader {

  background-color: #E8A12B;

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 99999; }



.spinner {

  width: 40px;

  height: 40px;

  position: relative;

  z-index: 1; }

  .spinner .double-bounce1,

  .spinner .double-bounce2 {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background-color: #ffffff;

    opacity: 0.6;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-animation: sk-bounce 2s infinite ease-in-out;

    animation: sk-bounce 2s infinite ease-in-out; }

  .spinner .double-bounce2 {

    -webkit-animation-delay: -1.0s;

    animation-delay: -1s; }



@-webkit-keyframes sk-bounce {

  0%,

    100% {

    -webkit-transform: scale(0);

    transform: scale(0); }

  50% {

    -webkit-transform: scale(1);

    transform: scale(1); } }

@keyframes sk-bounce {

  0%,

    100% {

    -webkit-transform: scale(0);

    transform: scale(0); }

  50% {

    -webkit-transform: scale(1);

    transform: scale(1); } }

/* :: 3.5.0 Miscellaneous */

.section-heading {

  position: relative;

  z-index: 1;

  margin-bottom: 45px; }

  .section-heading h2 {

    margin-bottom: 0;

    font-size: 36px;

    font-weight: 700; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .section-heading h2 {

        font-size: 30px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .section-heading h2 {

        font-size: 28px; } }

    @media only screen and (max-width: 767px) {

      .section-heading h2 {

        font-size: 24px; } }



.tooltip-inner {

  background-color: #E8A12B; }



.tooltip .arrow::before {

  border-bottom-color: #E8A12B; }



.bg-img {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat; }



.bg-white {

  background-color: #ffffff !important; }



.bg-dark {

  background-color: #000000 !important; }



.bg-transparent {

  background-color: transparent !important; }



.bg-gray {

  background-color: #edf1f4; }



.font-bold {

  font-weight: 700; }



.font-light {

  font-weight: 300; }



.bg-overlay {

  position: relative;

  z-index: 2;

  background-position: center center;

  background-size: cover; }

  .bg-overlay::after {

    background-color: rgba(0, 0, 0, 0.69);

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: ""; }



.bg-fixed {

  background-attachment: fixed !important; }



input:focus {

  outline-style: none;

  box-shadow: none;

  border-color: transparent; }



/* :: 3.6.0 ScrollUp */

#scrollUp {

  background-color: #000000;

  border-radius: 0;

  bottom: 50px;

  color: #ffffff;

  font-size: 24px;

  height: 40px;

  line-height: 37px;

  right: 50px;

  text-align: center;

  width: 40px;

  border-radius: 50%;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms;

  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); }

  #scrollUp:hover, #scrollUp:focus {

    background-color: #E8A12B;

    color: #ffffff; }



/* :: 3.7.0 videomag Button */

.videomag-btn {

  background-color: #E8A12B;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms;

  position: relative;

  z-index: 1;

  display: inline-block;

  min-width: 160px;

  height: 56px;

  color: #ffffff;

  border-radius: 0;

  padding: 0 30px;

  font-size: 14px;

  line-height: 56px;

  font-weight: 500;

  text-transform: capitalize; }

  .videomag-btn:hover, .videomag-btn:focus {

    font-size: 14px;

    font-weight: 500;

    background-color: #000000;

    color: #ffffff; }



/* :: 4.0 Header Area CSS */

.header-area {

  position: relative;

  z-index: 1000;

  width: 100%; }

  .header-area .top-header-area {

    position: relative;

    z-index: 1;

    width: 100%;

    height: 130px;

    background-color: #E8A12B;

    padding: 0 4%; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .header-area .top-header-area .logo-area {

        max-width: 170px; } }

    @media only screen and (max-width: 767px) {

      .header-area .top-header-area .logo-area {

        max-width: 150px; } }

  .header-area .videomag-main-menu {

    position: relative;

    width: 100%;

    height: 90px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .header-area .videomag-main-menu {

        height: 70px; } }

    @media only screen and (max-width: 767px) {

      .header-area .videomag-main-menu {

        height: 70px; } }

    .header-area .videomag-main-menu .classy-nav-container {

      background-color: #312e2e;

      border-top: 1px solid #ffffff;

      padding: 0 4%; }

      .header-area .videomag-main-menu .classy-nav-container .classy-navbar {

        background-color: #312e2e;

        height: 90px;

        padding: 0; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .header-area .videomag-main-menu .classy-nav-container .classy-navbar {

            height: 70px; } }

        @media only screen and (max-width: 767px) {

          .header-area .videomag-main-menu .classy-nav-container .classy-navbar {

            height: 70px; } }

        .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li a {

          font-weight: 500;

          text-transform: capitalize;

          font-size: 16px;

          padding: 27px 25px;

          color: #ffffff;

          height: 90px; }

          @media only screen and (min-width: 992px) and (max-width: 1199px) {

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li a {

              font-size: 14px;

              padding: 27px 15px; } }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li a {

              font-size: 14px;

              padding: 0 20px;

              height: 35px;

              color: #282828; } }

          @media only screen and (max-width: 767px) {

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li a {

              font-size: 14px;

              padding: 0 20px;

              height: 35px;

              color: #282828; } }

          .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li a:hover, .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li a:focus {

            background-color: #E8A12B;

            color: #ffffff; }

        .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li ul li a {

          color: #404040;

          font-size: 14px;

          padding: 0 25px;

          height: 35px; }

        .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav > ul > li.active a {

          background-color: #E8A12B;

          color: #ffffff; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav > ul > li.active a {

              background-color: #ffffff;

              color: #282828; } }

          @media only screen and (max-width: 767px) {

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav > ul > li.active a {

              background-color: #ffffff;

              color: #282828; } }

        .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li.megamenu-item > a::after,

        .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li.has-down > a::after {

          color: #ffffff; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li.megamenu-item > a::after,

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li.has-down > a::after {

              color: #282828; } }

          @media only screen and (max-width: 767px) {

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li.megamenu-item > a::after,

            .header-area .videomag-main-menu .classy-nav-container .classy-navbar .classynav ul li.has-down > a::after {

              color: #282828; } }

    .header-area .videomag-main-menu .top-search-area {

      position: relative;

      z-index: 1; }

      .header-area .videomag-main-menu .top-search-area form {

        position: relative;

        z-index: 1;

        width: 330px;

        height: 40px; }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .header-area .videomag-main-menu .top-search-area form {

            width: 280px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .header-area .videomag-main-menu .top-search-area form {

            width: 280px; } }

        @media only screen and (max-width: 767px) {

          .header-area .videomag-main-menu .top-search-area form {

            width: 180px; } }

        .header-area .videomag-main-menu .top-search-area form input {

          -webkit-transition-duration: 300ms;

          transition-duration: 300ms;

          width: 100%;

          height: 100%;

          background-color: #606060;

          border: none;

          color: #ffffff;

          font-size: 12px;

          padding: 0 30px;

          border-bottom: 2px solid transparent; }

          .header-area .videomag-main-menu .top-search-area form input:focus {

            border-bottom-color: #E8A12B; }

        .header-area .videomag-main-menu .top-search-area form button {

          position: absolute;

          width: 40px;

          height: 40px;

          background-color: transparent;

          top: 0;

          right: 10px;

          font-size: 18px;

          z-index: 99;

          border: none;

          cursor: pointer;

          color: #ffffff; }

          .header-area .videomag-main-menu .top-search-area form button:hover {

            color: #E8A12B; }

  .header-area .is-sticky .videomag-main-menu {

    z-index: 9999;

    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.2); }



/* :: 5.0 Hero Area CSS */

.single-welcome-post {

  position: relative;

  z-index: 1; }

  .single-welcome-post::after {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.2);

    content: '';

    z-index: 5; }

  .single-welcome-post .welcome-post-content {

    position: absolute;

    z-index: 100;

    left: 50px;

    bottom: 50px;

    right: 50px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-welcome-post .welcome-post-content {

        left: 20px;

        bottom: 20px;

        right: 20px; } }

    @media only screen and (max-width: 767px) {

      .single-welcome-post .welcome-post-content {

        left: 15px;

        bottom: 15px;

        right: 15px; } }

  .single-welcome-post.style-2 {

    height: 645px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-welcome-post.style-2 {

        height: 575px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-welcome-post.style-2 {

        height: 500px; } }

    @media only screen and (max-width: 767px) {

      .single-welcome-post.style-2 {

        height: 350px; } }



.hero-area {

  position: relative;

  z-index: 1;

  background-color: #edf1f4;

  padding: 5px; }

  .hero-area .hero-single-section {

    position: relative;

    z-index: 1;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%; }

    @media only screen and (max-width: 767px) {

      .hero-area .hero-single-section {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        width: 100%; } }

  .hero-area .item1 {

    height: 700px;

    margin: 5px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .hero-area .item1 {

        height: 600px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .hero-area .item1 {

        height: 500px; } }

    @media only screen and (max-width: 767px) {

      .hero-area .item1 {

        height: 350px; } }

  .hero-area .item2 {

    height: 340px;

    margin: 5px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .hero-area .item2 {

        height: 290px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .hero-area .item2 {

        height: 240px; } }

    @media only screen and (max-width: 767px) {

      .hero-area .item2 {

        height: 200px; } }

  .hero-area .item3 {

    height: 350px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 calc(50% - 10px);

    flex: 0 0 calc(50% - 10px);

    max-width: calc(50% - 10px);

    width: calc(50% - 10px);

    margin: 5px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .hero-area .item3 {

        height: 300px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .hero-area .item3 {

        height: 250px; } }

    @media only screen and (max-width: 767px) {

      .hero-area .item3 {

        height: 200px; } }

  .hero-area .item4 {

    height: 350px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 calc(50% - 10px);

    flex: 0 0 calc(50% - 10px);

    max-width: calc(50% - 10px);

    width: calc(50% - 10px);

    margin: 5px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .hero-area .item4 {

        height: 300px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .hero-area .item4 {

        height: 250px; } }

    @media only screen and (max-width: 767px) {

      .hero-area .item4 {

        height: 200px; } }



.video-play-btn {

  position: absolute;

  width: 96px;

  height: 96px;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  top: 50%;

  left: 50%;

  z-index: 100;

  background-color: rgba(0, 0, 0, 0.7);

  border-radius: 50%;

  text-align: center;

  line-height: 96px;

  color: #ffffff;

  font-size: 30px; }

  .video-play-btn:hover, .video-play-btn:focus {

    color: #ffffff;

    font-size: 30px;

    background-color: #E8A12B;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); }

  .video-play-btn.style2 {

    width: 58px;

    height: 58px;

    line-height: 58px;

    font-size: 18px; }

  .video-play-btn.style3 {

    width: 38px;

    height: 38px;

    line-height: 38px;

    font-size: 16px; }







.video-play-btn-2 {

  position: absolute;

  width: 96px;

  height: 96px;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  top: 50%;

  left: 50%;

  z-index: 100;

  background-color: rgba(0, 0, 0, 0.7);

  border-radius: 50%;

  text-align: center;

  line-height: 96px;

  color: #ffffff;

  font-size: 30px; }

  .video-play-btn-2:hover, .video-play-btn-2:focus {

    color: #ffffff;

    font-size: 30px;

    background-color: #E8A12B;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); }

  .video-play-btn-2.style2 {

    width: 58px;

    height: 58px;

    line-height: 58px;

    font-size: 18px; }

  .video-play-btn-2.style3 {

    width: 38px;

    height: 38px;

    line-height: 38px;

    font-size: 16px; }









.single-blog-post {

  position: relative;

  z-index: 1; }

  .single-blog-post .blog-thumb {

    position: relative;

    z-index: 1; }

    .single-blog-post .blog-thumb img {

      width: 100%; }

  .single-blog-post .blog-content .post-tag {

    color: #a6a6a6;

    text-transform: uppercase;

    font-size: 12px;

    display: block;

    font-weight: 700;

    margin-bottom: 5px; }

    .single-blog-post .blog-content .post-tag:hover, .single-blog-post .blog-content .post-tag:focus {

      color: #E8A12B; }

    @media only screen and (max-width: 767px) {

      .single-blog-post .blog-content .post-tag {

        font-size: 10px; } }

  .single-blog-post .blog-content .post-title {

    font-weight: 600;

    font-size: 20px;

    display: block;

    color: #282828;

    margin-bottom: 10px; }

  .single-blog-post .blog-content .post-title-s {

    font-weight: 600;

    font-size: 18px;

    display: block;

    color: #282828;

    margin-bottom: 10px;

  }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-blog-post .blog-content .post-title {

        font-size: 24px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-blog-post .blog-content .post-title {

        font-size: 20px; } }

    @media only screen and (max-width: 767px) {

      .single-blog-post .blog-content .post-title {

        font-size: 16px; } }

    .single-blog-post .blog-content .post-title:hover, .single-blog-post .blog-content .post-title:focus {

      color: #E8A12B; }

  .single-blog-post .image-thum{

    height:200px;

    

  }

  .single-blog-post .blog-content .post-meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    .single-blog-post .blog-content .post-meta a {

      color: #6a6a6a;

      margin-right: 15px;

      font-size: 11px;

      line-height: 1;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: end;

      -ms-flex-align: end;

      -ms-grid-row-align: flex-end;

      align-items: flex-end; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .single-blog-post .blog-content .post-meta a {

          font-size: 9px; } }

      @media only screen and (max-width: 767px) {

        .single-blog-post .blog-content .post-meta a {

          font-size: 8px;

          margin-right: 5px; } }

      .single-blog-post .blog-content .post-meta a img {

        margin-right: 10px; }

      .single-blog-post .blog-content .post-meta a:last-child {

        margin-right: 0; }

      .single-blog-post .blog-content .post-meta a:hover, .single-blog-post .blog-content .post-meta a:focus {

        color: #E8A12B; }

  .single-blog-post.white .blog-content .post-title,

  .single-blog-post.white .blog-content .post-tag,

  .single-blog-post.white .blog-content .post-meta a {

    color: #ffffff; }

    .single-blog-post.white .blog-content .post-title:hover, .single-blog-post.white .blog-content .post-title:focus,

    .single-blog-post.white .blog-content .post-tag:hover,

    .single-blog-post.white .blog-content .post-tag:focus,

    .single-blog-post.white .blog-content .post-meta a:hover,

    .single-blog-post.white .blog-content .post-meta a:focus {

      color: #E8A12B; }

  .single-blog-post.style2 .blog-content .post-title {

    font-size: 18px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-blog-post.style2 .blog-content .post-title {

        font-size: 20px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-blog-post.style2 .blog-content .post-title {

        font-size: 20px; } }

    @media only screen and (max-width: 767px) {

      .single-blog-post.style2 .blog-content .post-title {

        font-size: 18px; } }

  .single-blog-post.style2 .blog-content .post-meta a {

    font-size: 11px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-blog-post.style2 .blog-content .post-meta a {

        font-size: 8px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-blog-post.style2 .blog-content .post-meta a {

        font-size: 9px; } }

    @media only screen and (max-width: 767px) {

      .single-blog-post.style2 .blog-content .post-meta a {

        font-size: 9px; } }

  .single-blog-post.style3 .blog-content .post-title {

    font-size: 20px; }

  .single-blog-post.style3 .blog-content .post-meta a {

    font-size: 11px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-blog-post.style3 .blog-content .post-meta a {

        font-size: 10px; } }

  .single-blog-post.style4 .blog-thumb {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

    padding-right: 15px; }

  .single-blog-post.style4 .blog-content {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%; }

    .single-blog-post.style4 .blog-content .post-tag {

      font-size: 10px; }

    .single-blog-post.style4 .blog-content .post-title {

      font-size: 16px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-blog-post.style4 .blog-content .post-title {

          font-size: 14px; } }

      @media only screen and (max-width: 767px) {

        .single-blog-post.style4 .blog-content .post-title {

          font-size: 14px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .single-blog-post.style4 .blog-content .post-title {

          font-size: 16px; } }

    .single-blog-post.style4 .blog-content .post-meta a {

      font-size: 11px; }



.video-mag-tabs-area {

  position: relative;

  z-index: 1; }

  .video-mag-tabs-area .nav-tabs {

    position: relative;

    z-index: 1;

    padding: 45px 0;

    border-top: 1px solid #dcdcdc;

    border-bottom: 1px solid #dcdcdc; }

    .video-mag-tabs-area .nav-tabs .nav-item .nav-link {

      font-size: 14px;

      font-weight: 600;

      text-transform: uppercase;

      color: #343434;

      border: none;

      border-radius: 0;

      padding: 0;

      margin-right: 20px; }

      .video-mag-tabs-area .nav-tabs .nav-item .nav-link.active {

        color: #E8A12B; 

        background-color: #f8f9fa;}

  .video-mag-tabs-area .tab-content {

    padding: 75px 0;

    position: relative;

    z-index: 1; }

    .video-mag-tabs-area .tab-content .owl-carousel .owl-item img {

      width: auto !important; }

    .video-mag-tabs-area .tab-content .owl-carousel .owl-prev,

    .video-mag-tabs-area .tab-content .owl-carousel .owl-next {

      width: 42px;

      height: 35px;

      background-color: #edf1f4;

      position: absolute;

      top: -148px;

      right: 0;

      font-size: 18px;

      color: #a5a5a5;

      line-height: 35px;

      text-align: center;

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms;

      z-index: 99; }

      .video-mag-tabs-area .tab-content .owl-carousel .owl-prev:hover, .video-mag-tabs-area .tab-content .owl-carousel .owl-prev:focus,

      .video-mag-tabs-area .tab-content .owl-carousel .owl-next:hover,

      .video-mag-tabs-area .tab-content .owl-carousel .owl-next:focus {

        background-color: #E8A12B;

        color: #ffffff; }

    .video-mag-tabs-area .tab-content .owl-carousel .owl-prev {

      right: 57px; }



.travel-videos-content,

.small-videos-content {

  position: relative;

  z-index: 1;

  padding: 50px 0;

  border-top: 1px solid #dcdcdc; }



.big-add-area {

  position: relative;

  z-index: 1;

  padding: 0px; }

  .big-add-area img {

    width: 100%; }



.video-content-area {

  position: relative;

  z-index: 1;

  background-color: #201f1f;

  padding: 80px 0 10px 0;

  border-top: 2px solid #ffffff; }

  .video-content-area .add-banner1 {

    position: absolute;

    top: 50%;

    left: 20px;

    z-index: 99;

    width: 150px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%); }

    @media only screen and (max-width: 767px) {

      .video-content-area .add-banner1 {

        left: 15px;

        width: 80px; } }

    .video-content-area .add-banner1 .close-btn {

      width: 20px;

      height: 20px;

      background-color: #ffffff;

      border-radius: 50%;

      line-height: 20px;

      font-size: 10px;

      text-align: center;

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms;

      cursor: pointer;

      position: absolute;

      top: -10px;

      right: -10px; }

      .video-content-area .add-banner1 .close-btn:hover {

        background-color: #E8A12B;

        color: #ffffff; }

  .video-content-area .add-banner2 {

    position: absolute;

    top: 50%;

    right: 20px;

    z-index: 99;

    width: 150px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%); }

    @media only screen and (max-width: 767px) {

      .video-content-area .add-banner2 {

        right: 15px;

        width: 80px; } }

    .video-content-area .add-banner2 .close-btn {

      width: 20px;

      height: 20px;

      background-color: #ffffff;

      border-radius: 50%;

      line-height: 20px;

      font-size: 10px;

      text-align: center;

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms;

      cursor: pointer;

      position: absolute;

      top: -10px;

      right: -10px; }

      .video-content-area .add-banner2 .close-btn:hover {

        background-color: #E8A12B;

        color: #ffffff; }



.pagination .page-item .page-link {

  background-color: transparent;

  width: auto;

  height: 44px;

  line-height: 44px;

  font-size: 14px;

  color: #6a6a6a;

  text-transform: uppercase;

  text-align: center;

  display: inline-block;

  border-radius: 0;

  padding: 0 15px;

  margin-right: 5px;

  border: 1px solid #dcdcdc; }

  .pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {

    background-color: #E8A12B;

    color: #ffffff;

    border-color: #E8A12B; }

.pagination .page-item.active .page-link {

  background-color: #E8A12B;

  color: #ffffff;

  border-color: #E8A12B; }



/* :: 6.0 Footer Area CSS */

.footer-area {

  position: relative;

  z-index: 1;

  background-color: #1f1c1c;

  padding-left: 4%;

  padding-right: 4%; }

  .footer-area .widget-title {

    display: block;

    margin-bottom: 30px;

    font-size: 18px;

    font-weight: 400;

    color: #ffffff;

    text-transform: capitalize; }

    @media only screen and (max-width: 767px) {

      .footer-area .widget-title {

        font-size: 16px; } }

  .footer-area .footer-content {

    position: relative;

    z-index: 1;

    width: 100%; }

    .footer-area .footer-content .foo-logo {

      display: block;

      margin-bottom: 25px; }

    .footer-area .footer-content p {

      margin-bottom: 40px;

      display: block; }

    .footer-area .footer-content .footer-social-info {

      margin-bottom: 50px; }

      .footer-area .footer-content .footer-social-info a {

        display: inline-block;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 46px;

        flex: 0 0 46px;

        max-width: 46px;

        width: 46px;

        height: 46px;

        background-color: transparent;

        text-align: center;

        font-size: 15px;

        color: #ffffff;

        line-height: 46px; }

        .footer-area .footer-content .footer-social-info a:hover, .footer-area .footer-content .footer-social-info a:focus {

          background-color: #E8A12B; }

  .footer-area .footer-nav {

    position: relative;

    z-index: 1;

    margin-bottom: 50px;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1; }

    .footer-area .footer-nav ul li {

      display: block;

      margin-bottom: 15px; }

      .footer-area .footer-nav ul li:last-child {

        margin-bottom: 0; }

      .footer-area .footer-nav ul li a {

        font-size: 14px;

        color: #6a6a6a; }

        .footer-area .footer-nav ul li a:hover, .footer-area .footer-nav ul li a:focus {

          color: #E8A12B; }

  .footer-area .video-catagory {

    position: relative;

    z-index: 1;

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

    margin-bottom: 50px; }

    .footer-area .video-catagory ul li a {

      display: block;

      width: 100%;

      height: 45px;

      background-color: #565151;

      padding: 0 30px;

      margin-bottom: 15px;

      color: #ffffff;

      font-size: 14px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

      line-height: 45px; }

      @media only screen and (max-width: 767px) {

        .footer-area .video-catagory ul li a {

          padding: 0 15px; } }

      .footer-area .video-catagory ul li a:hover, .footer-area .video-catagory ul li a:focus {

        background-color: #E8A12B; }

    .footer-area .video-catagory ul li:last-child a {

      margin-bottom: 0; }

  .footer-area .copywrite-text {

    font-size: 12px;

    margin-bottom: 0;

    color: #6a6a6a;

    font-weight: 400; }

    .footer-area .copywrite-text a {

      color: #666666;

      font-size: 12px;

      font-weight: 400; }

      .footer-area .copywrite-text a:hover, .footer-area .copywrite-text a:focus {

        color: #E8A12B; }

  .footer-area p{

    margin-bottom:5px !important;

  }



.mfp-iframe-holder .mfp-close {

  color: #ffffff;

  right: 0;

  text-align: center;

  padding-right: 0;

  top: 0;

  width: 36px;

  height: 36px;

  background-color: #E8A12B;

  line-height: 36px; }



.sidebar-area {

  position: relative;

  z-index: 1; }



.single-widget-area {

  position: relative;

  z-index: 1; }

  .single-widget-area .widget-title {

    margin-bottom: 30px;

    font-size: 30px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-widget-area .widget-title {

        font-size: 24px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-widget-area .widget-title {

        font-size: 24px; } }

    @media only screen and (max-width: 767px) {

      .single-widget-area .widget-title {

        font-size: 24px; } }

  .single-widget-area.border-style {

    border: 1px solid #a5a5a5;

    padding: 30px; }

  .single-widget-area form input {

    width: 100%;

    height: 56px;

    background-color: #edf1f4;

    font-size: 12px;

    font-style: italic;

    padding: 0 30px;

    border: none;

    border-radius: 0;

    margin-bottom: 30px; }

    .single-widget-area form input:focus {

      box-shadow: none;

      background-color: #edf1f4; }



.comment_area {

  border-bottom: 1px solid #dcdcdc;

  padding-bottom: 50px; }

  .comment_area .comment-content .comment-author {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 51px;

    flex: 0 0 51px;

    min-width: 51px;

    margin-right: 20px;

    height: 51px;

    border-radius: 50%; }

    @media only screen and (max-width: 767px) {

      .comment_area .comment-content .comment-author {

        margin-right: 15px; } }

  .comment_area .comment-content .comment-meta {

    margin-bottom: 30px; }

    .comment_area .comment-content .comment-meta .post-author,

    .comment_area .comment-content .comment-meta .post-date,

    .comment_area .comment-content .comment-meta .reply {

      position: relative;

      z-index: 1;

      margin-bottom: 5px;

      display: inline-block;

      font-size: 14px;

      color: #282828;

      margin-right: 30px; }

      @media only screen and (max-width: 767px) {

        .comment_area .comment-content .comment-meta .post-author,

        .comment_area .comment-content .comment-meta .post-date,

        .comment_area .comment-content .comment-meta .reply {

          font-size: 12px;

          margin-right: 15px; } }

      .comment_area .comment-content .comment-meta .post-author::after,

      .comment_area .comment-content .comment-meta .post-date::after,

      .comment_area .comment-content .comment-meta .reply::after {

        position: absolute;

        top: 0;

        right: -16px;

        content: '|';

        z-index: 1; }

        @media only screen and (max-width: 767px) {

          .comment_area .comment-content .comment-meta .post-author::after,

          .comment_area .comment-content .comment-meta .post-date::after,

          .comment_area .comment-content .comment-meta .reply::after {

            right: -8px; } }

      .comment_area .comment-content .comment-meta .post-author:hover,

      .comment_area .comment-content .comment-meta .post-date:hover,

      .comment_area .comment-content .comment-meta .reply:hover {

        color: #E8A12B; }

    .comment_area .comment-content .comment-meta .reply {

      margin-right: 0; }

      .comment_area .comment-content .comment-meta .reply::after {

        display: none; }

    .comment_area .comment-content .comment-meta p {

      margin-bottom: 15px;

      font-size: 14px;

      line-height: 2;

      font-weight: 500; }

  .comment_area .single_comment_area {

    margin-bottom: 30px; }

    .comment_area .single_comment_area:last-of-type {

      margin-bottom: 0; }

  .comment_area .children .single_comment_area {

    margin-left: 50px;

    margin-top: 30px; }



.like-dislike-share {

  position: relative;

  z-index: 1; }

  .like-dislike-share a {

    display: inline-block;

    margin-right: 10px;

    width: auto;

    height: 50px;

    background-color: #777777;

    line-height: 50px;

    padding: 0 20px;

    font-size: 14px;

    color: #ffffff; }

    @media only screen and (max-width: 767px) {

      .like-dislike-share a {

        height: 40px;

        line-height: 40px;

        padding: 0 15px;

        font-size: 12px; } }

    .like-dislike-share a:hover, .like-dislike-share a:focus {

      background-color: #4267b2; }



/* :: 7.0 Contact Area CSS */

.contact-social-info a {

  display: inline-block;

  margin-right: 20px;

  font-size: 14px;

  color: #000000; }

  .contact-social-info a:hover, .contact-social-info a:focus {

    color: #E8A12B; }



.single-contact-info {

  position: relative;

  margin-bottom: 20px; }

  .single-contact-info:last-child {

    margin-bottom: 0; }

  .single-contact-info .icon {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 42px;

    flex: 0 0 42px;

    max-width: 42px;

    width: 42px;

    height: 42px;

    background-color: #E8A12B;

    text-align: center;

    line-height: 42px; }

  .single-contact-info p {

    font-size: 14px;

    margin-bottom: 0;

    color: #282828; }



.contact-form-area .form-control {

  position: relative;

  z-index: 2;

  height: 48px;

  width: 100%;

  background-color: #ffffff;

  font-size: 12px;

  margin-bottom: 15px;

  border: 1px solid #a5a5a5;

  border-radius: 0;

  padding: 15px 30px;

  font-weight: 500;

  font-style: italic;

  color: #aeaeae;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms; }

  .contact-form-area .form-control:focus {

    box-shadow: none; }

.contact-form-area textarea.form-control {

  height: 190px; }



.map-area {

  position: relative;

  z-index: 2; }

  .map-area iframe {

    width: 100%;

    height: 450px;

    border: none;

    margin-bottom: 0; }

    @media only screen and (max-width: 767px) {

      .map-area iframe {

        height: 300px; } }



.sidebar-area .video-catagory {

  position: relative;

  z-index: 1;

  -webkit-box-flex: 2;

  -ms-flex-positive: 2;

  flex-grow: 2;

  margin-bottom: 50px; }

  .sidebar-area .video-catagory ul li a {

    display: block;

    width: 100%;

    height: 45px;

    background-color: #565151;

    padding: 0 30px;

    margin-bottom: 15px;

    color: #ffffff;

    font-size: 14px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    line-height: 45px; }

    @media only screen and (max-width: 767px) {

      .sidebar-area .video-catagory ul li a {

        padding: 0 15px; } }

    .sidebar-area .video-catagory ul li a:hover, .footer-area .video-catagory ul li a:focus {

      background-color: #E8A12B; }





.parallax1 {

  /* The image used */



  /* Set a specific height */

  height: 500px;



  /* Create the parallax scrolling effect */

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  border:0px solid coral;

  position: relative;

  opacity: 1;

}

@media screen and (max-width: 992px) {

  .parallax1 {

    display: none;

  }

}

.caption {

  position: absolute;

  left: 0;

  top: 40%;

  width: 100%;

  text-align: center;

  color: #000;

}



.teams .team-single span{

  color: #777;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 13px;

  display: block;

}

.hero-2{

  height: 500px;

  position: relative;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.hero-2 .row{

  height: 500px;

}

.hero-2 .hero-2-content{

  position: absolute;

}

.hero-2 .title{

  font-weight: 700;

  color: #E8A12B;

  font-size:40px;

}



/* slider */



.banner-top{

  z-index: 1;

  position: relative;

}

.hero-slider{

  margin-top:90px;

  height: 211px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

@media (max-width: 991px) {

  .hero-slider{

    margin-top:0px;

    height: 211px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

  }

}

.hero-slider-height{

  height:780px;

}

.hero-slider .title{

  font-weight: 700;

  color: #E8A12B;

  font-size:55px;

  

}

.hero-slider .subtitle{

  font-weight: 500;

  color: #fff;

  font-size:16px;

}





.owl-carousel .owl-dots {

  text-align: center;

  background: #f8f9fa;

  }

  .owl-carousel .owl-dots .owl-dot {

    bottom:30px;

    width: 10px;

    height: 10px;

    margin: 5px;

    border-radius: 50%;

    background: #f8f9fa;

    position: relative;

     }

    .owl-carousel .owl-dots .owl-dot:after {

      position: absolute;

      top: -2px;

      left: -2px;

      right: 0;

      bottom: 0;

      width: 14px;

      height: 14px;

      content: '';

      border: 0px solid #e6e6e6;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      -ms-border-radius: 50%;

      border-radius: 50%; }

    .owl-carousel .owl-dots .owl-dot.active {

      background: #333; }





.show-all-container .show-all{

  margin-top:70px;

}

.show-all-container .label{

  text-align: center;

  margin-top:10px;

  font-weight: 600;

}

.show-all-container .show-all:hover{

  cursor: pointer;

}

.show-all-container .show-all:hover .label {

  color: #c9800a !important;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms;

  

}

.video-play-btn-3 {

  width:60px;

  height:60px;

  border-radius: 50%;

  margin:0 auto;

  display: block;

  background-color: #E8A12B;

  line-height: 60px;

  text-align: center;

  color: #ffffff;

  font-size: 30px; }

  .show-all-container .show-all:hover .video-play-btn-3{

    color: #ffffff;

    font-size: 30px;

    background-color: #c27e10;

 }







 .img-wrap{

  position: relative;

  background-color: #000;

 }

 .img-wrap .img-content{

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  display: flex;

  align-items: center;

  justify-content: center;

 }

 .img-wrap .img-content > img{

  max-width: 100%;

  max-height: 100%;

  width: auto;

}



.img-wrap.ratio-16-9{

  padding-top: 56.25%;

}







/* Header */



.header_area {

  position: absolute;

  width: 100%;

  z-index: 99;

  background-color: #252525;

  transition: background 0.4s, all 0.3s linear; }

  .header_area .navbar {

    background: transparent;

    padding-top: 5px;

    border: 0px;

    border-radius: 0px; }

    .header_area .navbar .nav .nav-item {

      margin-right: 45px; }

      .header_area .navbar .nav .nav-item .nav-link {

        font: 500 16px/80px "Rubik", sans-serif;

        text-transform: capitalize;

        color: #2a4664;

        padding: 0px;

        display: inline-block; }

        @media (max-width: 991px) {

          .header_area .navbar .nav .nav-item .nav-link {

            color: #ffffff; } }

        .header_area .navbar .nav .nav-item .nav-link:after {

          display: none; }

      .header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {

        color: #fdc632; }

      .header_area .navbar .nav .nav-item.submenu {

        position: relative;

       }

        .header_area .navbar .nav .nav-item.submenu ul {

          border: none;

          padding: 0px;

          border-radius: 0px;

          box-shadow: none;

          margin: 0px;

          background: #303030;

          width:235px; }

          @media (min-width: 992px) {

            .header_area .navbar .nav .nav-item.submenu ul {

              position: absolute;

              top: 120%;

              left: 0px;

              min-width: 200px;

              text-align: left;

              opacity: 0;

              transition: all 300ms ease-in;

              visibility: hidden;

              display: block;

              border: none;

              padding: 0px;

              border-radius: 0px; } }

          .header_area .navbar .nav .nav-item.submenu ul:before {

            content: "";

            width: 0;

            height: 0;

            border-style: solid;

            border-width: 10px 10px 0 10px;

            border-color: #eeeeee transparent transparent transparent;

            position: absolute;

            right: 24px;

            top: 45px;

            z-index: 3;

            opacity: 0;

            transition: all 400ms linear; }

          .header_area .navbar .nav .nav-item.submenu ul .nav-item {

            display: block;

            float: none;

            margin-right: 0px;

            border-bottom: 1px solid #444;

            margin-left: 0px;

            transition: all 0.4s linear; }

            .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {

              line-height: 45px;

              color: #fff;

              padding: 0px 30px;

              transition: all 150ms linear;

              display: block;

              margin-right: 0px; }

            .header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {

              border-bottom: none; }

            .header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {

              background: #fdc632;

              color: #fff; }

        @media (min-width: 992px) {

          .header_area .navbar .nav .nav-item.submenu:hover ul {

            visibility: visible;

            opacity: 1;

            top: 100%; } }

        .header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {

          margin-top: 0px; }

      .header_area .navbar .nav .nav-item:last-child {

        margin-right: 0px; }

    .header_area .navbar .search {

      font-size: 12px;

      line-height: 60px;

      display: inline-block;

      color: #2a4664; }

      .header_area .navbar .search i {

        font-weight: 600; }

  .header_area.white-header .navbar .nav .nav-item.active .nav-link, .header_area.white-header .navbar .nav .nav-item:hover .nav-link {

    color: #fdc632; }

  .header_area.white-header .navbar .nav .nav-item .nav-link {

    color: #fff; }

  .header_area.navbar_fixed .main_menu {

    position: fixed;

    width: 100%;

    top: -72px;

    left: 0;

    right: 0;

    background: #252525;

    -webkit-transform: translateY(70px);

    -moz-transform: translateY(70px);

    -ms-transform: translateY(70px);

    -o-transform: translateY(70px);

    transform: translateY(70px);

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); }

    .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {

      line-height: 70px; }

    .header_area.navbar_fixed .main_menu .navbar .nav .nav-item.submenu ul .nav-item .nav-link {

      color: #2a4664; }

  .header_area.white-header.navbar_fixed .main_menu {

    background: #252525;

     }

    .header_area.white-header.navbar_fixed .main_menu .navbar .nav .nav-item.active .nav-link, .header_area.white-header.navbar_fixed .main_menu .navbar .nav .nav-item:hover .nav-link {

      color: #fdc632; }





      



@media (max-width: 1619px) {

  /* Main Menu Area css

  ============================================================================================ */

  .header_area .navbar .search {

    margin-left: 40px; }



  /* End Main Menu Area css

  ============================================================================================ */ }

@media (max-width: 1199px) {

  /* Main Menu Area css

  ============================================================================================ */

  .header_area .navbar .nav .nav-item {

    margin-right: 28px; }



  /* End Main Menu Area css

  ============================================================================================ */

  /* Home Banner Area css

  ============================================================================================ */

  .home_banner_area .banner_inner {

    padding: 100px 0px; }



  /* End Home Banner Area css

  ============================================================================================ */

  .header_area .navbar .tickets_btn {

    margin-left: 40px; } }

@media (max-width: 991px) {

  /* Main Menu Area css

  ============================================================================================ */

  .navbar-toggler {

    border: none;

    border-radius: 0px;

    padding: 0px;

    cursor: pointer;

    margin-top: 27px;

    margin-bottom: 23px; }



  .header_area {

    position: absolute; }



  .header_area .navbar {

    background: #202020; }



  .navbar-toggler[aria-expanded="false"] span:nth-child(2) {

    opacity: 1; }



  .navbar-toggler[aria-expanded="true"] span:nth-child(2) {

    opacity: 0; }



  .navbar-toggler[aria-expanded="true"] span:first-child {

    transform: rotate(-45deg);

    position: relative;

    top: 7.5px; }



  .navbar-toggler[aria-expanded="true"] span:last-child {

    transform: rotate(45deg);

    bottom: 6px;

    position: relative; }



  .navbar-toggler span {

    display: block;

    width: 25px;

    height: 3px;

    background: #fdc632;

    margin: auto;

    margin-bottom: 4px;

    transition: all 400ms linear;

    cursor: pointer; }



  .navbar .container {

    padding-left: 15px;

    padding-right: 15px; }



  .nav {

    padding: 0px 0px; }



  .header_area + section,

  .header_area + row,

  .header_area + div {

    margin-top: 117px; }



  .header_top .nav {

    padding: 0px; }



  .header_area .navbar .nav .nav-item .nav-link {

    line-height: 40px;

    margin-right: 0px;

    display: block;

    border-bottom: 1px solid #ededed33;

    border-radius: 0px; }



  .header_area .navbar .search {

    margin-left: 0px; }



  .header_area .navbar-collapse {

    max-height: 340px;

    overflow-y: scroll; }



  .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {

    padding: 0px 15px; }



  .header_area .navbar .nav .nav-item {

    margin-right: 0px; }



  .header_area + section,

  .header_area + row,

  .header_area + div {

    margin-top: 0px;

    padding-top: 71px; }



  .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {

    line-height: 40px; }

  }



.search-area{

  width:330px;

  display: block;

  margin-left: 30px;

}

.search-area input[type="search"]{

  height:40px;

  background-color: #121212;

  text-indent: 15px;

  color: #fff;

  width:270px;

  border:1px solid #303030;

}



.search-area button{

  background-color: #303030;

  border-radius: 0px;

  margin-left: -5px;

  margin-top:-3px;

  height:40px;

  border-color: #303030;

}

.search-area button i{

  color: #fff;

  font-weight: 400;

}







.hero-top{

  padding-top:60px

}

.post-title{

  font-size: 16px !important;

  font-weight: 500 !important;

  line-height: 1.5em !important;

  height: 3em !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 2; /* number of lines to show */

  -webkit-box-orient: vertical;

}

/* ====== The End ====== */



/*# sourceMappingURL=style.css.map */



.img-holder-about{

  height: 450px;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.mobile-view {

  display: none; }



@media only screen and (max-width: 767px) {

  .desktop-view {

    display: none; } 

  .mobile-view {

    display: block; }

}