/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : ULaunch - Multi Purpose Products Landing Page
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. General css
02. Navigation area css
03. Slider area css
04. Step area css
05. Features area css
06. About Product area css
07. About Facts area css
08. Product area css
09. Testimonial area css
10. Pricing Plan area css
11. Buynow Infobar area css
12. Newsletter Form area css
13. Contact Us area css
14. Footer area css
15. Media Screens
-------------------------------------------------------------------------------------- */
/************************************/
/***** 	   01. General css		 ****/
/************************************/
html {
  background-color: #202020;
}

/*html * {
    font-family: 'Comfortaa', cursive !important;
}*/
body {
  font-size: 18px;
  font-family: "Comfortaa", cursive;
}

p {
  font-size: 17px;
}

h1,
h2 {
  margin-top: 0;
  font-weight: 500;
  font-family: "Comfortaa", cursive;
  text-transform: uppercase;
  word-break: break-word;
}

h3,
h4,
h5,
h6 {
  word-break: break-word;
  margin-top: 0;
  font-weight: 400;
  font-family: "Comfortaa", cursive;
}

img {
  max-width: 100%;
  border-radius: 3px;
}

a {
  color: #ceb07f;
}

.color-golden {
  color: #ceb07f;
}

@media (hover: hover) {
  a:hover {
    text-decoration: none;
    outline: 0;
    color: #bd9e6b;
  }
}
@media (hover: none) {
  a:active {
    text-decoration: none;
    outline: 0;
    color: #bd9e6b;
  }
}
/*a:focus {
    text-decoration: none;
    outline: 0;
}*/
.d-none {
  display: none;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  /*background: #20bea7;*/
  background: #141414;
  z-index: 9999;
}

.logo {
  width: 125px !important;
}
.logo.small {
  /* Safari */
}

.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #ceb07f;
  top: calc(50% - 15px);
  -webkit-animation: loader 2s infinite ease;
          animation: loader 2s infinite ease;
}

.investors-row-img {
  margin-top: 45px;
  margin-bottom: 45px;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  -webkit-animation: loader-inner 2s infinite ease-in;
          animation: loader-inner 2s infinite ease-in;
}

.btn-custom {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 14px 30px;
  min-width: 170px;
  text-align: center;
  color: #fff;
  box-shadow: 1px 2px 46px 0px rgba(0, 0, 0, 0.1);
  background: #16c9f6;
  background: linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
  background: -o-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
}

@media (hover: hover) {
  .btn-custom:hover {
    background: #16c9f6;
    color: #fff;
  }
}
@media (hover: none) {
  .btn-custom:active {
    background: #16c9f6;
    color: #fff;
  }
}
/************************************/
/***** 02. Navigation area css  *****/
/************************************/
nav.navbar.bootsnav {
  background: #141414 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-brand {
  height: auto;
  padding: 25px 15px 0;
  transition: all 0.3s ease-in-out;
}

.navbar-right {
  margin-right: 0;
}

nav.navbar.bootsnav ul.nav > li > a {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #faf5ef;
  padding: 40px 0px 36px;
  line-height: 1em;
  letter-spacing: 0.05em;
  transition: all 0.3s ease-in-out;
  margin-right: 25px;
}
@media (hover: hover) {
  nav.navbar.bootsnav ul.nav > li > a:hover {
    color: #ceb07f;
  }
}
@media (hover: none) {
  nav.navbar.bootsnav ul.nav > li > a:active {
    color: #ceb07f;
  }
}

nav.navbar.bootsnav ul.nav > li > a:after {
  /*content: "";
  padding: 0 14px 0 18px;
  color: #fff;*/
}

nav.navbar.bootsnav ul.nav > li:last-child a:after {
  display: none;
}

nav.navbar.bootsnav ul.nav > li.active > a {
  color: #000;
}

nav.navbar.bootsnav.sticky-header {
  /*background: #20bea7 !important;*/
}

nav.navbar.bootsnav.sticky-header .navbar-brand {
  padding-top: 15px;
}

nav.navbar.bootsnav.sticky-header ul.nav > li > a {
  padding: 30px 0px 26px;
}

/************************************/
/*****   03. Slider area css    *****/
/************************************/
.signpost-banner {
  position: relative;
  top: 0px;
  left: 0;
  width: 100%;
  background: url(../images/hero.png) no-repeat center center fixed;
  background-size: cover;
  padding: 180px 0 155px;
  min-height: 100vh;
}

.banner {
  position: relative;
  top: 0px;
  left: 0;
  width: 100%;
  background: url(../images/hero.png) no-repeat center center fixed;
  background-size: cover;
  padding: 180px 0 155px;
  min-height: 100vh;
}

.banner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.banner .row {
  position: relative;
  z-index: 1;
}

.header-content #brush-main-disc {
  /*color: #20bea7;*/
  color: #faf5ef;
  font-size: 28px;
}
.header-content #brush-main-title {
  /*color: #20bea7;*/
  color: #ceb07f;
  text-transform: uppercase;
  font-size: 70px;
  line-height: 95px;
  margin-bottom: 20px;
  margin-left: -3px;
}
.header-content h2 {
  font-size: 45px;
  color: #ceb07f;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 23px;
}
.header-content h2 p {
  color: #fff;
  line-height: 1.5em;
  letter-spacing: 0.04em;
  margin-bottom: 1.8em;
}
.header-content p {
  color: #c8c8c8;
  margin: 10px 0;
}
@media only screen and (max-width: 767px) {
  .header-content p {
    margin: 17px 0;
  }
}

.btn-buynow {
  position: relative;
  display: inline-block;
  border-radius: 3px;
  padding: 14px 30px 12px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.1s linear;
  color: #ceb07f;
  border: 2px solid #ceb07f;
}

header .buy-button {
  padding: 27px 0;
  transition: all 0.3s ease-in-out;
}

header .btn-buynow {
  padding: 7px 15px 5px;
  margin-right: 10px;
}

.sticky-header .buy-button {
  padding: 20px 0;
}

@media (hover: hover) {
  .btn-buynow:hover {
    background: #ceb07f;
    color: #33322d;
  }
}
@media (hover: none) {
  .btn-buynow:active {
    background: #ceb07f;
    color: #33322d;
  }
}
/*
.btn-buynow:focus {
    color: none;
}*/
.header-content .btn-buynow {
  margin-top: 20px;
}

@media (hover: hover) {
  .header-content .btn-buynow:hover {
    background: #ceb07f;
    /*color: #20bea7;*/
    color: #000;
  }
}
@media (hover: none) {
  .header-content .btn-buynow:active {
    background: #ceb07f;
    /*color: #20bea7;*/
    color: #000;
  }
}
.slider-image {
  text-align: center;
}

.auto-resizable-iframe {
  max-width: 1350px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.landing-page_container {
  padding: 20px;
  background-color: #141414;
}
.landing-page_video {
  /*width: 100%;
  height: 600px;*/
}

.pop-up active {
  opacity: 0.5;
}
.pop-up inactive {
  opacity: 0;
}
.pop-up_container {
  position: fixed;
  box-sizing: border-box;
  border-radius: 0 2px 2px 0;
  padding: 15px;
  opacity: 0.9;
  left: 0;
  bottom: 15%;
  z-index: 1000;
  max-height: 280px;
  width: 600px;
  background-color: #33322d;
  color: whitesmoke;
}
@media only screen and (max-width: 600px) {
  .pop-up_container {
    left: 0%;
    bottom: 0%;
    max-height: 280px;
    width: 100%;
  }
}
.pop-up_container-inactive {
  opacity: 0;
  transition: opacity 0.1s linear;
}
.pop-up_text {
  float: left;
  width: 90%;
}
.pop-up_button-cont {
  float: right;
}
.pop-up_button-cont button {
  width: 30px;
  height: 30px;
  color: #33322d;
  font-weight: bold;
  border: none;
  border-radius: 2px;
}

/**********************************/
/*****   04. Step area css    *****/
/**********************************/
.step-container {
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.15);
  padding: 30px;
  margin-top: -110px;
  border-radius: 2px;
}

.step-container .col-md-4 {
  border-right: 1px solid #eaeaea;
}

.step-container .col-md-4:last-child {
  border: none;
}

.step-single {
  text-align: center;
  padding: 0 10px;
}

.step-single .icon-box {
  font-size: 50px;
  color: #20bea7;
}

.step-single h3 {
  font-size: 16px;
  color: #263238;
  font-weight: 500;
  margin: 10px 0 14px;
}

.step-single p {
  font-size: 13px;
  color: #546e7a;
}

/**************************************/
/*****   05. Features area css    *****/
/**************************************/
.section-title {
  text-align: left;
  margin-bottom: 50px;
}

.section-title h1 {
  color: #33322d;
  padding-top: 30px;
  font-size: 30px;
  font-family: "Comfortaa", cursive;
}

.section-title h2 {
  color: #ceb07f;
  font-size: 45px;
  font-weight: 400;
  text-align: center;
}

.section-title p {
  color: #546e7a;
  font-size: 13px;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.section-title p:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  margin-left: -15px;
  background: #20bea7;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.investors-title h2 {
  text-align: left;
}

.features {
  padding: 100px 0;
  padding-bottom: 0;
  background-color: #111;
}
.features h2 {
  color: #ceb07f;
}

.feature-single {
  position: relative;
  margin-bottom: 10px;
  height: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.feature-single .icon-box {
  width: 50px;
  height: 50px;
  font-size: 26px;
  /*border: 1px solid #000;*/
  border-radius: 50%;
  color: #000;
  text-align: center;
  padding-top: 6px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}

/*.feature-single:hover .icon-box{
	background: #000;
	color: #fff;
}*/
.feature-single .icon-box img {
  height: 30px;
  width: 30px;
}

.feature-single h3 {
  font-size: 16px;
  color: #263238;
  font-weight: 500;
  margin: 0 0 14px;
}

.feature-single p {
  font-size: 17px;
  color: #c8c8c8;
}

.feature-right .icon-box {
  right: 0;
  top: 0;
}

.feature-right {
  padding-right: 70px;
  text-align: right;
}

.feature-left .icon-box {
  left: 0;
  top: 0;
}

.feature-left {
  padding-left: 70px;
  text-align: left;
}

.feature-image {
  text-align: center;
}
.feature-image img {
  filter: brightness(90%);
}

.how-to-use-image {
  padding-top: 60px;
}

.funnel-image {
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  .product-image {
    margin-bottom: 60px;
  }
}
/**************************************/
/***** 06. About Product area css *****/
/**************************************/
.about-product {
  background: #141414;
  padding: 100px 0;
  padding-top: 150px;
}

.about-product-single {
  max-width: 960px;
  border-bottom: 1px solid #faf5ef;
  padding: 60px 0;
  margin: 0 auto;
}

.about-product-single:first-child {
  padding-top: 0;
}

.about-product-single:last-child {
  border: none;
  padding-bottom: 0;
}

.about-entry {
  padding-top: 30px;
}

.about-entry h4 {
  color: #fff;
  font-size: 18px;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 1em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.about-entry h4:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background: #20bea7;
  position: absolute;
  bottom: 0;
  left: 0;
}

.about-entry h3 {
  color: #ceb07f;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 0.5em;
  line-height: 1.2em;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Comfortaa", cursive;
}

.about-entry p {
  color: #c8c8c8;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

.about-image {
  text-align: center;
}

#about-image-first {
  margin-top: 91px;
}

#about-image-second {
  margin-top: 33px;
}

/************************************/
/***** 07. About Facts area css *****/
/************************************/
.about-facts {
  padding: 100px 0;
  position: relative;
  background: url(../images/counter-bg.jpg) no-repeat center center fixed;
  background-size: cover;
}

.about-facts:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(32, 190, 167, 0.9);
}

.about-facts .section-title {
  margin-bottom: 60px;
}

.about-facts .section-title h2 {
  color: #fff;
}

.about-facts .section-title p {
  color: #fff;
}

.about-facts .section-title p:after {
  background: #fff;
}

.facts-single {
  text-align: center;
}

.facts-single h3 {
  font-size: 45px;
  position: relative;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding-bottom: 8px;
  margin-bottom: 14px;
}

.facts-single h3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 1px;
  margin-left: -15px;
  background: #fff;
}

.facts-single p {
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.03em;
}

/************************************/
/*****  08. Product area css    *****/
/************************************/
.products {
  padding: 100px 0;
  background-color: #0a0a0a;
}

.product-box {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 10px 30px 0px rgba(84, 110, 122, 0.25);
}

.front,
.back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.front {
  padding: 50px;
  z-index: 2;
  transform: rotateY(0deg);
  background-color: #fffdfd;
  min-height: 580px;
  /*background: linear-gradient(69deg,#fff 0% , #fff 50%, #20bea7 50%, #20bea7 51%);
  background: -webkit-linear-gradient(69deg,#fff 0% , #fff 50%, #20bea7 50%, #20bea7 51%);
  background: -moz-linear-gradient(69deg,#fff 0% , #fff 50%, #20bea7 50%, #20bea7 51%);
  background: -o-linear-gradient(69deg,#fff 0% , #fff 50%, #20bea7 50%, #20bea7 51%);*/
  /*
  background: linear-gradient(69deg, $black-color-1 0%, $black-color-1 50%, $golden-color-2 50%, $golden-color-2 51%);
  background: -webkit-linear-gradient(69deg,
          $white 0%,
          $white 50%,
          $black-color-1 50%,
          $black-color-1 51%);
  background: -moz-linear-gradient(69deg,
          $white 0%,
          $white 50%,
          $black-color-1 50%,
          $black-color-1 51%);
  background: -o-linear-gradient(69deg, $white 0%, $white 50%, $black-color-1 50%, $black-color-1 51%);
  */
}
.front .line {
  width: 100%;
  height: 2px;
  background-color: #8c6956;
}

.product-box .front h3 {
  word-break: break-word;
  font-size: 30px;
  color: #33322d;
  font-weight: 400;
  margin: 20px 0 0;
}

.product-box .front h4 {
  font-family: "Comfortaa", cursive;
  font-weight: 900;
  color: #867871;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 14px;
}

.product-box .front del {
  /*color: #20bea7;*/
  color: #000;
  padding-left: 6px;
}

.back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #20bea7;*/
  background: #141414;
  transform: rotateY(180deg);
  border-radius: 8px;
}

.product-info {
  position: absolute;
  padding: 30px;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  transform: translate(0, -50%);
}

.product-info h3 {
  color: #c7aa9a;
  font-size: 28px;
  font-weight: 400;
  position: relative;
  padding-bottom: 10px;
}

.product-info h3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 1px;
  background: #fff;
}

.product-info p {
  font-size: 14px;
  color: #faf5ef;
  letter-spacing: 0.03em;
  line-height: 1.5em;
  margin-top: 18px;
}

.btn-ordernow {
  display: inline-block;
  font-size: 12px;
  color: #33322d;
  border: 1.5px solid #33322d;
  text-transform: uppercase;
  padding: 14px 32px;
  letter-spacing: 0.04em;
  margin-top: 60px;
  margin-bottom: 60px;
  font-weight: 900;
  font-family: "Comfortaa", cursive;
  /* Safari */
  transition: background-color 0.2s ease-in;
}

.btn-ordernow:hover {
  background: #33322d;
  /*color: #20bea7;*/
  color: #faf5ef;
}

@media (hover: hover) {
  .btn-ordernow:hover {
    background: #33322d;
    /*color: #20bea7;*/
    color: #faf5ef;
  }
}
@media (hover: none) {
  .btn-ordernow:active {
    background: #33322d;
    /*color: #20bea7;*/
    color: #faf5ef;
  }
}
.product-text-bold {
  font-weight: 900;
  color: #ceb07f;
}

/************************************/
/***** 09. Testimonial area css *****/
/************************************/
.testimonials {
  padding: 100px 0;
  background: url(../images/header-bg.jpg) no-repeat center center fixed;
  background-size: cover;
  position: relative;
}

.testimonials:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: rgba(32,190,167,0.9);*/
  background: #141414;
}

.testimonials .section-title {
  margin-bottom: 60px;
}

.testimonials .section-title h2 {
  color: #ceb07f;
  text-align: center;
}

.testimonials .section-title p {
  color: #faf5ef;
}

.testimonials .section-title p:after {
  background: #faf5ef;
}

.testimonials-slider {
  padding-top: 50px;
}

.testimonials-slider .testimonial-slide {
  background: #0f0f0f;
  padding: 60px 30px 30px;
  position: relative;
  border-radius: 2px;
}

.author-info {
  max-width: 100px;
  margin: 0 auto;
  padding: 10px;
  background: #0f0f0f;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.author-info img {
  border-radius: 50%;
}

.testimonial-entry h4 {
  font-size: 18px;
  font-weight: 500;
  color: #ceb07f;
  margin: 20px 0 0;
}

.testimonial-entry h4 span {
  color: #33322d;
  font-size: 17px;
  font-weight: 400;
}

.testimonial-entry p {
  line-height: 1.5em;
  color: #959595;
}

.testimonial-pagination {
  text-align: center;
  padding-top: 40px;
}

.testimonial-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: none;
  border: 2px solid #ceb07f;
  opacity: 0.4;
  border-radius: 100%;
}

.testimonial-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

/*************************************/
/***** 10. Pricing Plan area css *****/
/*************************************/
.pricing {
  background: #fff;
  padding: 100px 0;
}

.pricing-single {
  text-align: center;
  padding: 40px 0;
  border-radius: 2px;
}

.recommended {
  background: #f2f2f3;
}

.pricing-header {
  margin-bottom: 40px;
}

.pricing-header .icon-box {
  font-size: 60px;
  color: #546e7a;
}

.pricing-header h3 {
  font-size: 16px;
  font-weight: 500;
  color: #263238;
}

.pricing-header p {
  font-size: 80px;
  font-weight: 400;
  color: #20bea7;
  margin: 0;
}

.pricing-header .btn-buynow {
  padding: 12px 30px 10px;
}

.recommended .pricing-header .btn-buynow {
  background: #20bea7;
  color: #fff;
}

.recommended .pricing-header .btn-buynow:hover {
  background: #33322d;
  border-color: #33322d;
}

@media (hover: hover) {
  .recommended .pricing-header .btn-buynow:hover {
    background: #33322d;
    border-color: #33322d;
  }
}
@media (hover: none) {
  .recommended .pricing-header .btn-buynow:active {
    background: #33322d;
    border-color: #33322d;
  }
}
.pricing-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-body ul li {
  padding: 6px 0;
  font-size: 14px;
  color: #546e7a;
  letter-spacing: 0.02em;
}

.pricing-body ul li span {
  font-weight: 600;
}

/***************************************/
/***** 11. Buynow Infobar area css *****/
/***************************************/
.buynow-infobar {
  background: url(../images/buynow-bg.jpg) no-repeat center center fixed;
  background-size: cover;
  padding: 100px 0;
  position: relative;
}

.buynow-infobar:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(32, 190, 167, 0.9);
}

.buynow-infobar .section-title {
  margin-bottom: 40px;
  text-align: left;
}

.buynow-infobar .section-title h2 {
  color: #faf5ef;
}

.buynow-infobar .section-title p {
  color: #faf5ef;
}

.buynow-infobar .section-title p:after {
  background: #faf5ef;
  left: 0;
  margin-left: 0;
}

.buynow-entry p {
  color: #faf5ef;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.6em;
}

.buynow-entry .btn-buynow {
  color: #fff;
  border: 2px solid #fff;
  margin-top: 20px;
}

@media (hover: hover) {
  .buynow-entry .btn-buynow:hover {
    background: #fff;
    color: #20bea7;
  }
}
@media (hover: none) {
  .buynow-entry .btn-buynow:active {
    background: #fff;
    color: #20bea7;
  }
}
.buynow-video {
  text-align: center;
  padding-top: 70px;
}

.buynow-video a {
  display: inline-block;
  font-size: 100px;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s;
}

.buynow-video a:hover {
  opacity: 1;
}

@media (hover: hover) {
  .buynow-video a:hover {
    opacity: 1;
  }
}
@media (hover: none) {
  .buynow-video a:active {
    opacity: 1;
  }
}
/****************************************/
/***** 12. Newsletter Form area css *****/
/****************************************/
.newsletter-feature {
  padding: 100px 0;
  background: #fff;
}

.newsletter-form {
  max-width: 568px;
  margin: 0 auto 80px;
}

.newsletter-form p {
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.8em;
  color: #546e7a;
  text-align: center;
  margin-bottom: 1.5em;
}

.newsletter-form form {
  margin-top: 40px;
  border: 4px solid #f1f1f1;
  border-radius: 30px;
}

.newsletter-form .form-group {
  width: 100%;
}

.newsletter-form .form-control {
  border: none;
  box-shadow: none;
  border-radius: 20px;
  box-shadow: none;
  height: 50px;
  background: none;
  font-size: 14px;
  padding: 0 20px;
  width: 70%;
}

.btn-subscribe {
  background: #20bea7;
  color: #c8c8c8;
  border: none;
  height: 50px;
  width: 30%;
  margin-left: -4px;
  border-radius: 0 30px 30px 0;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.04em;
  transition: all 0.3s;
}

@media (hover: hover) {
  .btn-subscribe:hover {
    background: #33322d;
  }
}
@media (hover: none) {
  .btn-subscribe:active {
    background: #33322d;
  }
}
/*.btn-subscribe:focus {
    outline: 0;
}*/
.newsletter-feature .col-md-2 {
  border-right: 1px solid #eaeaea;
}

.newsletter-feature .col-md-2:last-child {
  border: none;
}

.small-feature-single {
  text-align: center;
}

.small-feature-single .icon-box {
  color: #20bea7;
  font-size: 48px;
}

.small-feature-single p {
  font-size: 13px;
  color: #546e7a;
  margin: 10px 0 0;
}

.our-clients {
  padding: 30px 0;
}

.client-logo {
  text-align: center;
  padding: 0 20px;
}

.client-logo img {
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}

@media (hover: hover) {
  .client-logo:hover img {
    opacity: 1;
  }
}
@media (hover: none) {
  .client-logo:active img {
    opacity: 1;
  }
}
/****************************************/
/*****   13. Contact Us area css    *****/
/****************************************/
.contactus {
  /*background: #263238;*/
  background: #141414;
  padding: 100px 0 60px;
}
@media only screen and (max-width: 767px) {
  .contactus {
    padding: 40px 0px 60px;
  }
}

.contactus .section-title {
  text-align: left;
  margin-bottom: 40px;
}

.contactus .section-title h2 {
  color: #ceb07f;
}

.contactus .section-title p {
  color: #20bea7;
}

.contactus .section-title p:after {
  left: 0;
  margin-left: 0;
}

.contact-form .form-control {
  border: none;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.03em;
  padding: 12px 14px;
  box-shadow: none;
  resize: none;
}

.contact-form .form-control::-webkit-input-placeholder {
  color: white;
}

.contact-form .form-control:-moz-placeholder {
  color: white;
}

.contact-form .form-control::-moz-placeholder {
  color: white;
}

.contact-form .form-control:-ms-input-placeholder {
  color: white;
}

.contact-form .form-control::-ms-input-placeholder {
  color: white;
}

.btn-contact {
  position: relative;
  display: inline-block;
  /*color: #20bea7;*/
  color: #ceb07f;
  border-radius: 3px;
  background: none;
  /*border: 2px solid #20bea7;*/
  border: 2px solid #ceb07f;
  padding: 10px 30px 8px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.1s linear;
}

@media (hover: hover) {
  .btn-contact:hover {
    /*background: #20bea7;
    color: #fff;*/
    background: #ceb07f;
    color: #000;
  }
}
@media (hover: none) {
  .btn-contact:active {
    /*background: #20bea7;
    color: #fff;*/
    background: #ceb07f;
    color: #000;
  }
}
.footer-info {
  border-left: 1px solid #313c42;
  padding: 30px 0 30px 30px;
  padding-top: 100px;
}

.footer-info img {
  margin-bottom: 30px;
}

.footer-info p {
  color: #c8c8c8;
  font-size: 13px;
  letter-spacing: 0.03em;
  font-weight: 300;
  margin-bottom: 1.8em;
}

.contactinfo-single {
  position: relative;
  padding-left: 50px;
  margin-bottom: 30px;
}

.contactinfo-single h3 {
  color: #ceb07f;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 4px 0;
  padding-top: 2px;
}

.contactinfo-single i {
  width: 36px;
  height: 36px;
  color: #ceb07f;
  border: 1px solid #ceb07f;
  border-radius: 50px;
  text-align: center;
  padding-top: 9px;
  position: absolute;
  top: 0;
  left: 0;
}

.footer-social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #313c42;
  color: #20bea7;
  font-size: 14px;
  text-align: center;
  padding-top: 6px;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}

@media (hover: hover) {
  .footer-social a:hover {
    background: #20bea7;
    color: #fff;
  }
}
@media (hover: none) {
  .footer-social a:active {
    background: #20bea7;
    color: #fff;
  }
}
/************************************/
/*****   14. Footer area css    *****/
/************************************/
footer {
  /*background: #263238;*/
  background: #202020;
}

.footer-siteinfo {
  /*border-top: 1px solid #313c42;*/
  padding: 40px 0;
}

.footer-siteinfo p {
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.04em;
  margin-bottom: 0;
}

.jumptotop {
  position: fixed;
  right: 30px;
  bottom: 0px;
  text-align: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.btn-active {
  opacity: 1;
  bottom: 30px;
}

.jumptotop a {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  padding-top: 6px;
  /*background: #20bea7;*/
  background: #686868;
  font-size: 18px;
  border-radius: 2px;
}

@media (hover: hover) {
  .jumptotop a:hover {
    background: #313c42;
  }
}
@media (hover: none) {
  .jumptotop a:active {
    background: #313c42;
  }
}
/*************************************/
/*****     Custom css     *****/
/*************************************/
.faqs {
  background: #141414;
  padding: 80px 0;
  padding-top: 150px;
}
.faqs h1 {
  color: #ceb07f;
}

.faq-container {
  max-width: 940px;
}

.faq-category h3 {
  font-size: 18px;
  color: #ceb07f;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0;
}

.faq-single {
  border-bottom: 1px solid #8c6956;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.faq-single .panel {
  margin-top: 0;
  box-shadow: none;
  background: none;
}

.faq-single .panel-heading {
  padding: 0;
}

.faq-single .panel-heading a {
  display: block;
  padding: 10px 0;
  font-size: 20px;
  color: #c8c8c8;
}

.faq-single .panel-body {
  padding: 20px;
  border: none !important;
  background: #0f0f0f;
}

.faq-single .panel-body p {
  font-size: 17px;
  line-height: 1.8em;
  color: #959595;
  margin-bottom: 0;
}

.faq-last {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.signpost-image {
  padding-top: 30px;
}

.signpost-image div img {
  margin-top: -15px;
}

.flags {
  display: flex;
  row-gap: 30px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  flex-wrap: wrap;
}

.flag-image {
  max-width: 70px;
  height: 50px;
  border-radius: 3px;
}

@media (hover: hover) {
  .flag-image:hover {
    transition: 1s;
    transform: scale(1.2);
  }
}
@media (hover: none) {
  .flag-image:active {
    transition: 1s;
    transform: scale(1.2);
  }
}
.gallery-image-container {
  width: 300px;
  height: 200px;
}

.gallery-section {
  background: #141414;
  padding: 180px 0 155px;
  min-height: 90vh;
}

.gallery-headline {
  text-align: center;
  padding-bottom: 60px;
}

.gallery {
  display: flex;
  row-gap: 30px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
}

.gallery-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
  transition: 1s;
}

@media (hover: hover) {
  .gallery-image:hover {
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .gallery-image:active {
    transform: scale(1.1);
  }
}
.landingpage-button {
  width: 200px;
  height: 10px;
}

.active-li a {
  color: #ceb07f !important;
}

#product-detail-page.banner {
  min-height: 90vh;
}
#product-detail-page.banner.product-detail:before {
  background-color: #141414;
  min-height: 90vh;
}
#product-detail-page .slider-image {
  background-color: #fbfbfb;
  border-radius: 4px;
}

.product-detail .next-products {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .product-detail .next-products {
    margin-top: 20px;
    margin-bottom: 60px;
  }
}
.product-detail .next-products .container_next-product {
  width: 100%;
  border-radius: 4px;
  background-color: white;
}
.product-detail .next-products .container_next-product img {
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .product-detail .next-products .container_next-product {
    margin: 10px 0;
  }
}
.product-detail .next-products .container_next-product:hover {
  transition: ease-in-out 100ms;
  opacity: 0.5;
}
.product-detail .tag {
  font-family: "Comfortaa", cursive;
  font-weight: 900;
  color: #867871;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 18px;
}
.product-detail h2 {
  margin-bottom: 23px;
  color: #ceb07f;
}
.product-detail p {
  color: #c8c8c8;
}
@media (hover: hover) {
  .product-detail .btn-buynow:hover {
    background-color: #bd9e6b;
    border: 2px solid #bd9e6b;
  }
}
@media (hover: none) {
  .product-detail .btn-buynow:active {
    background-color: #bd9e6b;
    border: 2px solid #bd9e6b;
  }
}

@media only screen and (max-width: 1200px) {
  .split-line {
    border-bottom: 1px solid #faf5ef;
    display: block;
    margin: 20px 0;
  }
}

.investors {
  background: #111;
  padding: 80px 0;
  padding-top: 150px;
  min-height: 100vh;
}
@media only screen and (max-width: 767px) {
  .investors {
    padding-bottom: 0;
  }
}

.investors-content h2 {
  color: #ceb07f;
}

.investors-content p {
  color: #c8c8c8;
}

.fat-span {
  font-weight: 700;
}

.signpost-content h2 {
  font-size: 46px;
}

.vision {
  background: #141414;
  padding: 80px 0;
  padding-top: 150px;
  min-height: 100vh;
}

.article {
  background: #141414;
  padding: 80px 0;
  padding-top: 150px;
  min-height: 100vh;
}

.article_img {
  background-color: white;
}

.eshops {
  display: flex;
  row-gap: 30px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  flex-wrap: wrap;
  padding-top: 40px;
}

.eshop {
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}

.amazon {
  padding-bottom: 0px;
}

.eshop-image {
  width: 150px;
  border-radius: 3px;
}

@media (hover: hover) {
  .eshop-image:hover {
    transition: 1s;
    transform: scale(1.2);
  }
}
@media (hover: none) {
  .eshop-image:active {
    transition: 1s;
    transform: scale(1.2);
  }
}
.footer-social-logos {
  padding-top: 10px;
}

.footer-social-logos a {
  padding-right: 10px;
}

.social-logo {
  height: 20px;
}

/************************************/
/*****    15. Media Screens     *****/
/************************************/
@media only screen and (max-width: 1200px) {
  .navbar-default .navbar-nav > li > a:after {
    padding: 0 12px 0 14px;
  }
}
@media only screen and (max-width: 1199px) {
  .sticky-header .buy-button {
    padding: 10px 0;
  }
  header .buy-button {
    padding: 10px 0;
  }
  nav.navbar.bootsnav .navbar-header {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  nav.navbar.bootsnav.sticky-header .navbar-brand,
nav.navbar.bootsnav .navbar-brand {
    padding: 25px 13px;
  }
  nav.navbar.bootsnav .navbar-collapse {
    background: #141414;
    padding: 15px 15px;
    margin: 0;
  }
  nav.navbar.bootsnav .navbar-toggle {
    background: none;
    height: 36px;
    width: 36px;
    color: #fff;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 30px;
  }
  nav.navbar.bootsnav .navbar-nav {
    margin: 0;
    padding: 0;
  }
  nav.navbar.bootsnav.sticky-header ul.nav > li > a,
nav.navbar.bootsnav ul.nav > li > a {
    padding: 14px 0;
    border: none;
    margin: 0;
  }
  nav.navbar.bootsnav ul.nav > li > a:after {
    display: none;
  }
  .header-content {
    padding-top: 0;
  }
  .feature-image {
    padding: 20px 0 50px;
  }
  .feature-right {
    text-align: left;
    padding-right: 0;
    padding-left: 70px;
  }
  .feature-right .icon-box {
    right: auto;
    left: 0;
  }
  .facts-single {
    margin-bottom: 40px;
  }
  .product-box {
    margin-bottom: 30px;
  }
  .newsletter-feature .col-md-2 {
    border: none;
  }
  .small-feature-single {
    margin-bottom: 30px;
  }
  .footer-info {
    padding: 50px 0 0 0;
    border: none;
  }
  .header-content #brush-main-title {
    font-size: 45px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .signpost-banner {
    padding: 140px 0 0px;
    background: black;
    min-height: auto;
  }
}
@media only screen and (min-width: 991px) {
  .signpost-mobile-img {
    display: none;
  }
}
/* Mobile Layout */
@media only screen and (max-width: 767px) {
  .d-sm-b {
    display: block;
  }
  .d-sm-n {
    display: none;
  }
  .investors-row-img {
    margin-top: 0;
  }
  .investors-row-img .col-sm-12 {
    padding: 0;
  }
  nav.navbar.bootsnav.sticky-header .navbar-brand,
nav.navbar.bootsnav .navbar-brand {
    padding-left: 15px;
    padding-right: 15px;
  }
  nav.navbar.bootsnav .navbar-toggle {
    right: 15px;
  }
  nav.navbar.bootsnav .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
  }
  .banner {
    padding: 140px 0 0px;
    background: black;
    min-height: auto;
  }
  .header-content {
    text-align: left;
    margin-bottom: 40px;
  }
  .header-content-center {
    text-align: center;
  }
  .navbar-toggle {
    margin-right: 15px;
  }
  .jumptotop {
    display: none;
  }
  .step-container {
    padding: 10px 40px;
  }
  .step-container .col-md-4 {
    border-right: 0;
    border-bottom: 1px solid #eaeaea;
  }
  .step-single {
    padding: 20px 0;
  }
  .section-title {
    margin-bottom: 50px;
  }
  .section-title h2 {
    font-size: 28px;
  }
  .features,
.about-product,
.products,
.testimonials,
.pricing,
.buynow-infobar,
.newsletter-feature {
    padding: 60px 0;
  }
  .newsletter-form {
    margin-bottom: 60px;
  }
  .about-facts {
    padding: 60px 0 20px;
  }
  .about-entry {
    padding-top: 0;
    padding-bottom: 0px;
  }
  .product-box {
    max-width: 320px;
    margin: 0 auto 30px;
  }
  .buynow-video {
    padding-top: 40px;
  }
  .newsletter-form .form-control {
    width: 100%;
    border: 4px solid #f1f1f1;
    border-radius: 30px;
    margin-bottom: 20px;
  }
  .newsletter-form form {
    border: none;
    text-align: center;
  }
  .btn-subscribe {
    width: 100%;
    border-radius: 40px;
  }
  .about-product-single:first-child {
    padding-top: 100px;
  }
  .product-box {
    min-height: auto;
  }
  .eshops, .flags {
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}
/* Small Mobile Layout */
@media only screen and (max-width: 480px) {
  .header-content h2 {
    font-size: 28px;
    line-height: 1.5em;
  }
  .header-content h2 span {
    font-size: 20px;
  }
  .pricing-header p {
    font-size: 60px;
  }
  .header-content #brush-main-title {
    font-size: 37px;
    line-height: 52px;
  }
  .header-content h2 {
    font-size: 30px;
  }
  .about-product-single:first-child {
    padding-top: 100px;
  }
}
/*# sourceMappingURL=custom.css.map */