@charset "utf-8";
/*
  Primary Addon for Elementor Basic Styling
  -----------------------------------------
  1. Common
  2. Separator
  3. Service
  4. Blog
  5. Gallery
  6. Contact
  7. Process
  8. Team
  9. Team Single
  10. Testimonials
  11. Video Popup
  12. About Me
  13. About Us
  14. Get Apps
  15. Image Compare
  16. Subscribe
  17. History
  18. Typewriter
  19. Chart
  20. Slider
  21. Woo Carousel / Woo Grid
  22. Duel Button
  23. Pricing Table

*/
/* 1. Common */
.napae-table-wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.napae-align-wrap {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.napae-align-wrap.top {
  vertical-align: bottom;
}
[class*="napae-"] a {
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
  text-decoration: none;
}
[class*="napae-"] a:focus {
  outline: none;
  outline-offset: 0;
}
[class*="napae-"] a:hover,
[class*="napae-"] a:focus {
  text-decoration: none;
}
[class*="napae-"] h1:not(.site-title):before,
[class*="napae-"] h2:before {
  content: none;
}
[class*="napae-"] .fa {
  font-family: FontAwesome;
}
/* Overlay */
.napae-overlay {
  position: relative;
}
.napae-overlay > * {
  position: relative;
  z-index: 1;
}
.napae-overlay:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 19, 34, 0.75);
  background-repeat: repeat;
  content: "";
  z-index: 1;
}

/*Form*/

/*Table*/

/*Button*/
.napae-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 21px 40px 19px;
  font-size: 14px;
  color: #232323;
  background-color: #f7b800;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
}
.napae-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
  -webkit-box-shadow: 0 9px 0 rgba(247, 184, 0, 0.2);
  -ms-box-shadow: 0 9px 0 rgba(247, 184, 0, 0.2);
  box-shadow: 0 9px 0 rgba(247, 184, 0, 0.2);
}

.napae-btn:hover,
.napae-btn:focus {
  color: #ffffff;
  background-color: #232323;
}
.napae-btn:hover:after,
.napae-btn:focus:after {
  -webkit-box-shadow: 0 0 0 rgba(35, 35, 35, 0.1);
  -ms-box-shadow: 0 0 0 rgba(35, 35, 35, 0.1);
  box-shadow: 0 0 0 rgba(35, 35, 35, 0.1);
}
.napae-btn-wrap {
  padding-top: 20px;
}
.napae-btn i {
  padding-right: 5px;
}

/*Link*/

/*Rounded Link*/

/* Zoom Image */

/* Default Social */
/* Rounded Social */

/* Masonry */

/* Magnific Popup */

/* Slick Slider */
/* Slick Vertical Slider */

/* Owl Carousel Slider */

/*Swiper Slider*/
.napae-swiper-slide.swiper {
  clear: both;
  height: 800px;
  min-height: 800px;
}
.napae-swiper-slide.swiper .swiper-button-next,
.napae-swiper-slide.swiper .swiper-button-prev {
  width: 45px;
  height: 45px;
  background-image: none;
  outline: none;
  background-color: #fff;
  border-radius: 100%;
  left: 60px;
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
  opacity: 0;
}
.napae-swiper-slide.swiper .swiper-button-prev:before,
.napae-swiper-slide.swiper .swiper-button-next:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #232323;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font: normal normal normal 28px/1.42857143 FontAwesome;
  text-rendering: auto;
  content: "\f105";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 1;
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
}
.napae-swiper-slide.swiper .swiper-button-prev:before {
  content: "\f104";
}
.napae-swiper-slide.swiper .swiper-button-next {
  left: auto;
  right: 60px;
}
.napae-swiper-slide.swiper:hover .swiper-button-prev {
  left: 30px;
  opacity: 1;
}
.napae-swiper-slide.swiper:hover .swiper-button-next {
  right: 30px;
  opacity: 1;
}
.napae-swiper-slide.swiper .swiper-button-next:hover,
.napae-swiper-slide.swiper .swiper-button-prev:hover {
  background-color: #f7b800;
}
.napae-swiper-slide.swiper .swiper-button-next:hover:before,
.napae-swiper-slide.swiper .swiper-button-prev:hover:before {
  color: #ffffff;
}

/*Pagination*/

/* 1. Separator */
.napae-separator {
  display: flex;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.napae-separator span {
  position: relative;
  width: 100%;
  max-width: 50px;
}
.napae-separator .sep-left, .napae-separator .sep-right {
  height: 1px;
  background-color: #444444;
}
.napae-sep {
  margin: 0 12px;
  width: auto;
}
.napae-sep i {
  font-size: 20px;
}
.napae-separator.separator-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
  justify-content: flex-start;
}

.napae-separator.left-separator .sep-left {
  max-width: 0;
}
.napae-separator.left-separator .napae-sep {
  margin-left: 0;
}

.napae-separator.right-separator .sep-right {
  max-width: 0;
}
.napae-separator.right-separator .napae-sep {
  margin-right: 0;
}

/*2. Service*/
/* Services Style Two */

/*Style Three*/

/* Blog */

/* Blog Style Two */

/*Style Three*/

/*Gallery*/

/*Contact*/

/* Process */
/*Process Style Two*/
/*Three*/
/*Team*/
/* Team Style Two */
/*Team Style Three*/

/*Style Four*/

/*Team Single*/

/*Testimonials*/
/*Style Two*/
/*Style Four*/

/*Video Popup*/
@-webkit-keyframes ripple {
  70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
  100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
  70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
  100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

/*About Me*/

/*About Us*/

/*Get Apps*/

/*Image Compare*/

/*Subscribe*/

/*History*/
@-webkit-keyframes rippleSmall {
  70% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);}
  100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes rippleSmall {
  70% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);}
  100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

/*Typewriter*/

/* Slider */
.napae-banner {
  background-color: #0c1322;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.banner-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
}
.banner-caption {
  max-width: 900px;
  padding: 100px 0;
}
.banner-caption.center-align {
  margin: 0 auto;
  text-align: center;
}
.banner-caption h1.banner-title {
  font-size: 55px;
  padding: 0 0 15px;
  margin: 0;
  color: #fff;
}
.banner-caption p {
  color: #bfbfbf;
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 0;
}
.banner-caption .napae-btn {
  margin: 0 15px 0 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.banner-caption .napae-btn:last-child {
  margin-right: 0;
}
.banner-sub-title .sub-title {
  margin: 0 20px;
}
.banner-caption .napae-btn-wrap {
  padding-top: 30px;
}
.banner-caption h1.banner-title span {
  color: #f7b800;
}
.napae-swiper-slide .swiper-slide .banner-caption *:nth-child(1n) {
  animation-delay: 1s;
}
.napae-swiper-slide .swiper-slide .banner-caption *:nth-child(2n) {
  animation-delay: 2s;
}
.napae-swiper-slide .swiper-slide .banner-caption *:nth-child(3n) {
  animation-delay: 2.5s;
}
.napae-swiper-slide .swiper-slide .banner-caption *:nth-child(4n) {
  animation-delay: 3s;
}
.napae-swiper-slide .swiper-slide .banner-caption *:nth-child(5n) {
  animation-delay: 3.5s;
}

/*Section Title*/

/* NicheAddons Pro Button for each section */
/* NicheAddons Free/Pro Lable */



/* 21. Woo Carousel */

/* 22. Pricing Table */


.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.napae-swiper-slide.swiper .swiper-button-next:after,
.napae-swiper-slide.swiper .swiper-button-prev:after {
    display: none;
}