/* @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css');

body {
  overflow-x: hidden !important;
  font-family: 'Poppins', sans-serif !important;
  background-position: 100vh;
  background-size: cover;
  background-attachment: fixed !important;
  background: url(../images/menu-bg.png) left top repeat-x, url(../images/main.webp);
}

.navbar-brand img {
  max-width: 90px;
}

.bg1 {
  background: #fff !important;
}

.navbar {
  position: relative;
  z-index: 5;
}

.navbar .login-btn {
  background: none;
  border: 0;
  font-weight: 600;
  color: #8800c6;
}

.navbar .login-btn:hover {
  color: #000;
}

.navbar .account {
  margin-top: 10px;
}

.navbar li a {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

.navbar-light .navbar-nav .nav-link {
  color: #000 !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: #8800c6 !important;
}

.navbar .account li {
  list-style: none;
  margin: 0 8px;
  color: #000;
}

.navbar .account li {
  font-weight: 600;
}

.navbar .account li.social {
  list-style: none;
  margin: 0 8px;
  color: #000;
}

.navbar .account li.social i {
  color: #000;
}

.navbar .account li.social:hover i {
  color: #8800c6;
}

.navbar .shopping {
  margin-top: 10px;
}

.navbar .shopping li {
  list-style: none;
  margin: 0 8px;
}

.navbar .shopping li a {
  list-style: none;
  margin: 0 8px;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

.navbar .shopping li a:hover,
.navbar .shopping li a:hover i {
  color: #8800c6;
}

.navbar-fixed {
  top: 0;
  z-index: 5;
  position: fixed !important;
  width: 100%;
  background: #8800c6;
}

.navbar-fixed .navbar-brand img {
  filter: invert(100%);
}


.navbar-fixed .navbar-nav .nav-link {
  color: #fff !important;
}

.navbar-fixed .navbar-nav .nav-link:hover {
  color: #000 !important;
}

.navbar-fixed .social a i {
  color: #fff !important;
}

.navbar-fixed .social a i:hover {
  color: #000 !important;
}

.navbar-fixed .account .login-btn {
  color: #fff !important;
}

.navbar-fixed .account .login-btn:hover {
  color: #000 !important;
}

.dropdown-item:hover {
  color: #620093 !important;
}

.dropdown-item:focus {
  color: #fff !important;
  background: #620093 !important;
}

.bg-black {
  background: #000 !important;
}

.bg-purple1 {
  background: #a64cd2 !important;
}

.bg-purple2 {
  background: #8800c6 !important;
}

.bg-purple3 {
  background: #620093 !important;
}

.dots {
  position: fixed;
  width: 25px;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

.dots ul {
  margin: 0;
  padding: 0;
}

.dots ul li {
  margin: 0 0 12px 0;
  list-style: none;
}

.dots ul li a {
  padding: 0;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 180px;
  border: #fff 2px solid;
}

.dots ul li a:hover,
.dots ul li a:focus,
.dots ul li a.active {
  background: #fff;
}



.plz-login p {
  font-size: 13px !important;
  margin-bottom: 5px !important;
}

.plz-login a {
  color: #8800c6;
  text-decoration: none;
}

.plz-login a:hover {
  color: #000;
}

.bammer {
  display: block;
  position: relative;
  min-height: 600px;
}

.bammer .text {
  position: absolute;
  left: 80px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.bammer .text h1 {
  font-size: 85px;
  color: #fff;
  font-weight: 700;
  line-height: 85px;
}

/* .bammer img{width: 100%; position: fixed; z-index: 0; top:0 ;} */

.get-fit {
  position: relative;
  z-index: 1;
  background: rgb(55, 55, 55);
  background: radial-gradient(circle, rgba(55, 55, 55, 1) 0%, rgba(0, 0, 0, 1) 100%);
  padding: 20px 0;
  font-size: 30px;
  text-align: center;
  color: #fff;
  display: block;
}

.get-fit h1 {
  font-size: 38px;
  margin-bottom: 0 !important;
  color: #fff;
  font-weight: 700;
  line-height: 38px;
}

.special-ofr {
  position: relative;
  z-index: 1;
  background: #8800c6;
  padding: 20px 0;
  font-size: 30px;
  text-align: center;
  color: #fff;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

.about-trainer {
  position: relative;
  z-index: 1;
  background: #8800c6;
  text-align: center;
}

.about-trainer .container-fluid {
  padding: 0;
  margin: 0;
}

.about-trainer img {
  width: 100%;
}

.about-trainer .abt-text {
  padding: 40px 30px 30px 30px;
}

.about-trainer .abt-text h2 {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
}

.about-trainer .abt-text p {
  font-size: 15px;
  color: #fff;
}

.choose-workout {
  position: relative;
  z-index: 1;
  padding: 100px 0;
  background: url(../images/workout-bg.webp);
  text-align: center;
  background-position: center top;
  background-size: cover;
}

.choose-workout h1 {
  font-size: 38px;
  color: #fff;
  font-weight: 700;
  line-height: 38px;
}

.choose-workout .box {
  margin: 50px 0;
  text-align: center;
  position: relative;
}

.choose-workout .box a {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
  margin-top: -15px;
  display: block;
}

.choose-workout .box a small {
  display: block;
  margin-top: 15px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
  text-decoration: none;
}

.choose-workout .box:hover a {
  color: #8800c6;
}

.choose-workout .box:hover span {
  color: #fff;
}

/* .choose-workout .box span{font-family: 'Poppins', sans-serif; color: #aa0f63; font-size: 90px; font-weight: 800; top: -41px; left: 50%; transform: translate(-50%); position: absolute; z-index:0;} */
.choose-workout .box span {
  display: block;
  font-family: 'Poppins', sans-serif;
  color: #8800c6;
  font-size: 90px;
  line-height: 75px;
  font-weight: 800;
}


.get-legit {
  position: relative;
  z-index: 1;
  padding: 60px 0;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.get-legit h1 {
  font-size: 38px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 700;
  line-height: 38px;
}

.get-legit:before {
  width: 90px;
  height: 90px;
  left: 55px;
  top: 30px;
  position: absolute;
  content: '';
  background: url(../images/cir-l.png);
  background-size: 100% 100%;
}

.about-fitness {
  position: relative;
  z-index: 1;
  background: rgb(55, 55, 55);
  background: radial-gradient(circle, rgba(55, 55, 55, 1) 0%, rgba(0, 0, 0, 1) 100%);
  text-align: center;
}

.about-fitness .container-fluid {
  padding: 0;
  margin: 0;
}

.about-fitness img {
  width: 100%;
}

.about-fitness .abt-text {
  padding: 150px 80px 120px 80px;
}

.about-fitness .abt-text h2 {
  font-size: 33px;
  color: #fff;
  font-weight: 900;
  margin-bottom: 50px;
}

.about-fitness .abt-text p {
  font-size: 20px;
  color: #fff;
}

.btr-bod-in {
  margin: 60px 0;
}

.parallax-image {
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

.parallax-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.quote-sec {
  position: relative;
  z-index: 1;
  padding: 15px 0 60px 0;
}

.quote-sec .box {
  margin: 10px;
  text-align: center;
  position: relative;
}

.quote-sec .box .text {
  width: 200px;
  min-height: 165px;
  position: absolute;
  background: #8800c6;
  padding: 20px;
  bottom: -65px;
  right: -5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quote-sec .box .text p {
  font-size: 15px;
  margin: 0;
  padding: 0;
}

.quote-sec .box .text span {
  margin-top: 20px;
  font-size: 18px;
}

.quote-sec img {
  max-width: 100%;
}

.services.for-home {
  position: relative;
  z-index: 1;
  margin: 30px 0;
  padding: 100px 0;
  background: radial-gradient(circle, rgba(55, 55, 55, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.services {
  position: relative;
  z-index: 1;
  margin: 250px 0;
  padding: 90px 0;
  background: rgb(55, 55, 55);
  background: radial-gradient(circle, rgba(55, 55, 55, 1) 0%, rgba(0, 0, 0, 1) 100%);
  text-align: center;
}

.services h1 {
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 35px;
}

.services p {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  padding: 0 150px;
  margin: 0 0 15px 0;
}

.services.for-home img {
  max-width: 85px;
  position: absolute;
  left: 75px;
  top: 35px;
  display: none;
}


.about-me.for-home {
  position: relative;
  z-index: 1;
  margin: 30px 0;
  padding: 0;
  background: #620093;
}

.about-me {
  position: relative;
  z-index: 1;
  margin: 250px 0;
  padding: 0;
  background: #000;
}

.about-me .text {
  padding: 50px 35px;
}

.about-me h1 {
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 25px;
}

.about-me p {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  margin: 0 0 15px 0;
  line-height: 32px;
}

.about-me img {
  max-width: 100%;
}

.about-me li {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  margin: 0 0 8px 0;
}

.about-me.for-abt {
  position: relative;
  z-index: 1;
  margin: 30px 0;
  padding: 0;
  background: rgb(55, 55, 55);
  background: radial-gradient(circle, rgba(55, 55, 55, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.about-me.for-abt h1 {
  font-size: 23px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.about-me.for-abt h2 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.about-me.for-abt p {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  margin: 0 0 15px 0;
  line-height: 25px;
}



/* .fat-burning{position:relative; z-index: 1; margin:100px 0; padding:90px 0; background:#8800c6; text-align: center;} */
.fat-burning {
  position: relative;
  z-index: 1;
  margin: 100px 0;
  padding: 0px 0;
  background: #8800c6;
  text-align: center;
}

.fat-burning .col-md-3 {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(93,93,93);
  background: radial-gradient(circle, rgba(93,93,93,1) 0%, rgba(0,0,0,1) 100%);
}

.fat-burning .col-md-6 h1 {
  padding-top: 40px;
}

.fat-burning .col-md-6 p:last-child {
  padding-bottom: 30px;
}

.fat-burning h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.fat-burning p {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  margin: 0 0 15px 0;
  line-height: 25px;
}

.fat-burning .price-box {
  padding: 45px 55px;
  height:
}

.fat-burning .price-box h2 {
  font-size: 30px;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  display: block;
  margin-bottom: 50px;
}

.fat-burning .price-box small {
  font-size: 13px;
  font-weight: 400;
  color: #969696;
  display: block;
}

.fat-burning .price-box strong {
  font-size: 35px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #fff;
  display: block;
}

.fat-burning .price-box span {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  display: block;
}

.fat-burning .price-box a {
  background: #8800c6;
  padding: 8px;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  display: block;
  margin-top: 50px;
}

.fat-burning .price-box a:hover {
  background: #fff;
  color: #8800c6;
}

.fat-burning .box1 a {
  margin-top: 60px;
}

.video {
  padding: 50px 0 150px 0;
  text-align: center;
}

.what-include {
  margin: 0 0 100px 0;
  padding: 75px 0;
  background: rgb(55, 55, 55);
  background: radial-gradient(circle, rgba(55, 55, 55, 1) 0%, rgba(0, 0, 0, 1) 100%);
  text-align: center;
}

.what-include h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: #dedede;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.what-include ul {
  margin: 0;
  padding: 0;
}

.what-include ul li {
  position: relative;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 18px;
  color: #fff;
}

.what-include ul li small {
  display: block;
  font-size: 13px;
  font-weight: 300;
}

.what-include ul li span {
  color: #a64cd2;
}

.Why {
  margin: 0 0 100px 0;
  padding: 75px 0;
  background: #8800c6;
  text-align: center;
}

.Why h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 25px;
}

.Why p {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  font-size: 17px;
  color: #fff;
}


.mission-vision {
  margin: 0 0 100px 0;
  padding: 75px 0;
  background: #8800c6;
  text-align: center;
}

.mission-vision h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 25px;
}

.mission-vision p {
  padding: 0 30px;
  font-size: 17px;
  color: #fff;
}

.join-btn {
  background: none;
  border: #8800c6 2px solid;
  border-radius: 5px;
  padding: 8px 30px;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.join-btn:hover {
  border: #fff 2px solid;
  background: #fff;
  color: #8800c6;
}



.img-slide {
  margin: 0;
  padding: 0 0 50px 0;
}

.slider {
  width: 100%;
}

.slider .item {
  width: 100%;
  padding: 15px;
}

.slider .item img {
  width: 100%;
  border-radius: 180px;
}

.slider .slick-dots li {
  width: 10px;
}

.slider .slick-dots button:before {
  color: #fff;
  opacity: 1;
  font-size: 10px;
}

.slider .slick-dots .slick-active button:before {
  color: #8800c6;
}



.checkout_sec {
  position: relative;
  z-index: 1;
  margin: 0px;
  padding: 0;
  background: #000;
  text-align: center;
}

.checkout_sec .text {
  padding: 30px 35px;
}

.checkout_sec h1 {
  font-size: 50px;
  font-weight: 600;
  color: #8800c6;
  margin-bottom: 5px;
  font-weight: 800;
}

.checkout_sec h2 {
  font-size: 35px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 15px;
}

.checkout_sec h3 {
  font-size: 28px;
  font-weight: 700;
  color: #8800c6;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
}

.checkout_sec p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  margin: 0 0 15px 0;
  line-height: 32px;
}

.checkout_sec img {
  max-width: 100%;
}

.checkout_sec ul {
  padding: 0;
  margin: 30px 0 0 0;
}

.checkout_sec li {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  padding: 0;
  margin: 0 0 8px 0;
  list-style: none;
}

.checkout_sec .price-block {
  position: relative;
}

.checkout_sec .price-block small {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 0;
  margin: 0;
  list-style: none;
}

.checkout_sec .price-block sup {
  position: relative;
  top: -8px;
  font-size: 35px;
  font-weight: 600;
  color: #fff;
  padding: 0;
  margin: 0 0 8px 0;
  list-style: none;
}

.checkout_sec .price-block h4 {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  padding: 0;
  margin: 0 0 8px 0;
  list-style: none;
  line-height: 40px;
}

.checkout_sec .price-block {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  padding: 0;
  margin: 0 0 8px 0;
  list-style: none;
}

.checkout_sec .price-block.first_price {
  max-width: 150px;
  margin: 0 auto;
}

.checkout_sec .price-block.first_price:after {
  pointer-events: none;
  display: block;
  height: 5px;
  width: 100%;
  background: #8800c6;
  content: "";
  margin: auto;
  position: absolute;
  transform-origin: center center;
  transform: rotate(-20deg);
  top: 50px;
}

.checkout_sec .price-block.second_price:after {
  pointer-events: none;
  display: block;
  height: 128px;
  width: 225px;
  background: url(../images/red-circle.png);
  background-size: 100% 100%;
  content: "";
  margin: auto;
  position: absolute;
  transform-origin: center center;
  transform: rotate(0deg);
  top: -26px;
  left: 26px;
}

.thanks {
  border: #8800c6 1px solid;
  text-decoration: none;
  margin: 15px 0;
  background: transparent;
  padding: 10px;
  width: 100%;
  display: block;
  font-size: 22px;
  text-transform: uppercase;
  color: #8800c6;
}

.thanks:hover {
  background: #8800c6;
  color: #fff;
}

.order {
  border: #8800c6 1px solid;
  text-decoration: none;
  margin: 15px 0;
  background: #8800c6;
  padding: 10px;
  width: 100%;
  display: block;
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
}

.order:hover {
  background: transparent;
  color: #8800c6;
}

.express-checkout {
  width: 100%;
  margin: 50px 0 30px 0;
}

.express-checkout .payment-row {
  width: 100%;
  background: #fbfbfb;
  border: #c8c8c8 1px solid;
  padding: 20px 25px 15px 25px;
  text-align: center;
  border-radius: 7px;
  margin-bottom: 40px;
  display: block;
}

.express-checkout h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #222;
  padding: 0;
  margin: 0 0 8px 0;
}

.express-checkout i {
  color: #f0a020;
}

.express-checkout p {
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 15px;
  display: block;
}

.digi-item {
  background: #fef7ed;
  border: #fae0b5 1px solid;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 30px;
}

.digi-item i {
  float: left;
  margin-top: 3px;
}

.digi-item p {
  padding: 0 0 0 25px;
}

.checkout-box {
  background: #fbfbfb;
  border: #c8c8c8 1px solid;
  padding: 17px;
  border-radius: 3px;
  margin-bottom: 30px;
}

.checkout-box .frm-row {
  margin-bottom: 15px;
  display: block;
}

.checkout-box label {
  margin-bottom: 5px;
  display: block;
  font-size: 13px;
  font-weight: 500;
}

.checkout-box input,
.checkout-box select {
  font-size: 13px;
  color: #999;
  padding: 8px 12px;
  display: block;
  font-size: 13px;
  width: 100%;
  border: #c8c8c8 1px solid;
  border-radius: 5px;
  background: #fff;
  outline: none;
  margin-bottom: 7px;
}

.checkout-box.credit ul {
  margin: 0;
  padding: 0;
}

.checkout-box.credit ul li {
  margin: 0;
  padding: 15px 10px;
  list-style: none;
  border-bottom: #ddd 1px solid;
}

.checkout-box.credit ul li:last-child {
  border-bottom: 0;
}

.checkout-box.credit ul li:nth-child(1) {
  padding-top: 5px;
}

.checkout-box.credit ul li img {
  max-width: 50px;
  float: left;
}

.checkout-box.credit ul li .txt01 {
  padding: 0 0 0 60px;
  margin: 0;
  line-height: 20px;
}

.checkout-box.credit ul li .txt01 strong {
  font-size: 15px;
}

.checkout-box.credit ul li .txt01 p {
  font-size: 13px;
}

.checkout-box.credit ul li a {
  text-decoration: none;
  position: relative;
}

.checkout-box.credit ul li a i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  color: #222;
}

.checkout-box.credit ul li a .txt01 p,
.checkout-box.credit ul li a .txt01 strong {
  color: #222222;
  text-decoration: none;
}

.checkout-box.credit ul li a:hover .txt01 p,
.checkout-box.credit ul li a:hover .txt01 strong,
.checkout-box.credit ul li a:hover i {
  color: #8800c6;
  text-decoration: none;
}

.review-order {
  background: #fbfbfb;
  border: #c8c8c8 1px solid;
  border-radius: 3px;
  margin-bottom: 30px;
}

.review-order .dragon-bonus {
  padding: 15px;
}

.review-order .dragon-bonus img {
  max-width: 80px;
  float: left;
  border-radius: 4px;
}

.review-order .dragon-bonus .text {
  padding: 0 0 0 100px;
}

.review-order .dragon-bonus .text strong {
  font-size: 13px;
}

.review-order .dragon-bonus .text p {
  font-size: 12px;
}

.prop-row {
  display: block;
  width: 100%;
  font-family: 'Poppins', sans-serif;
  margin-top: 5px;
}

.product-count {
  width: 54%;
  display: inline-block;
}

.product-count button {
  background: #f2f2f2;
  border: #999 1px solid;
  max-width: 35px;
}

.product-count input {
  background: #fff;
  border: #999 1px solid;
  max-width: 50px;
}

.number-product {
  margin: 0 -6px;
}

.btn-frist {
  border-radius: 5px 0 0 5px;
}

.btn-tow {
  margin-left: -5px;
  border-radius: 0 5px 5px 0;
}

.cart-item-price {
  width: 44%;
  letter-spacing: -1px;
  display: inline-block;
  text-align: right;
}

.cart-item-price .price-value {
  font-size: 17px;
  font-weight: 700;
  color: #8800c6;
}

.promo-code {
  display: block;
  width: 100%;
}

.promo-code a {
  display: block;
  background: #f2f2f2;
  border: 1px solid #ddd;
  padding: 10px;
  color: #666;
  border-radius: 5px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.promo-code a .fa-tags {
  color: #666;
  font-size: 20px;
  position: relative;
  top: 3px;
  margin: 0 3px 0 5px;
}

.promo-code a .fa-angle-right {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
}

.promo-code a:hover {
  color: #8800c6;
  border: #8800c6 1px solid;
}

.promo-code a:hover i {
  color: #8800c6;
}


footer {
  position: relative;
  z-index: 1;
  margin-top: 100px;
  background: rgba(34, 34, 34, 0.7);
}

footer h1 {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}

footer h4 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 30px;
}

footer p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  margin: 0 0 8px 0;
}

footer .footer-social {
  margin-top: 40px;
}

footer .footer-social ul {
  margin: 0;
  padding: 0;
}

footer .footer-social ul li {
  display: inline-block;
}

footer .footer-social ul li a {
  color: #fff;
  font-size: 22px;
  margin: 0 12px 0 0;
}

footer .footer-social ul li a:hover {
  color: #8800c6;
}

footer .form-row {
  display: block;
  margin-bottom: 10px;
}

footer .form-row label {
  display: block;
  margin-bottom: 3px;
  color: #fff;
  font-size: 13px;
}

footer .form-row input {
  padding: 5px 10px;
  display: block;
  background: transparent;
  border-radius: 3px;
  width: 100%;
  border: #fff 1px solid;
  font-size: 12px;
  color: #fff;
  outline: none;
}

footer .form-row textarea {
  padding: 5px 10px;
  display: block;
  background: transparent;
  border-radius: 3px;
  width: 100%;
  border: #fff 1px solid;
  font-size: 12px;
  color: #fff;
  resize: none;
  outline: none;
}

footer .form-row button {
  padding: 5px 30px;
  display: block;
  border: #8800c6 1px solid;
  background: #8800c6;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  float: right;
}

footer .form-row button:hover {
  background: transparent;
  color: #fff;
  border: #fff 1px solid;
}

.contact-top {
  position: relative;
  padding: 70px 0;
  background: rgb(55, 55, 55);
  background: radial-gradient(circle, rgba(55, 55, 55, 1) 0%, rgba(0, 0, 0, 1) 100%);
  margin-bottom: -100px;
  margin-top: 60px;
}

.contact-top:before {
  width: 90px;
  height: 90px;
  right: 55px;
  top: 30px;
  position: absolute;
  content: '';
  background: url(../images/cir-l.png);
  background-size: 100% 100%;
}

.contact-text {
  margin: 0px auto;
  max-width: 700px;
  color: #fff;
}

footer .footer-social {
  margin-top: 0px;
}

footer .contact-in {
  margin: 0 auto;
  max-width: 700px;
  padding: 40px 0;
}

footer .contact-in strong {
  font-size: 13px;
  color: #fff;
  display: block;
}

footer .contact-in ul {
  margin: 0;
  padding: 0;
}

footer .contact-in span {
  display: block;
  font-size: 10px;
  margin-top: 8px;
  float: right;
  width: 100%;
  text-align: right;
  color: #fff;
}



.modal.login .modal-dialog {
  margin: 0;
  min-height: 100%;
  max-width: 100%;
  top: 0;
  align-items: inherit;
  border-radius: 0;
  font-family: 'Poppins', sans-serif;
}

.modal.login .modal-dialog .modal-content {
  border-radius: 0;
  background-color: #313131;
  position: relative;
}

.modal.login .modal-dialog .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  filter: invert(100);
  z-index: 9999;
  outline: none;
}

.modal.login .log-part {
  max-width: 500px;
  margin: 150px auto 0 auto;
  color: #fff;
  text-align: center;
}

.modal.login .log-part h2 {
  font-size: 45px;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 42px;
}

.modal.login .log-part p {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  margin: 0;
}

.modal.login .log-part p a {
  color: #8800c6;
  text-decoration: underline;
}

.modal.login .log-part p a:hover {
  color: #fff;
}

.modal.login .log-part small a {
  color: #8800c6;
  text-decoration: none;
}

.modal.login .log-part small a:hover {
  color: #fff;
}

.modal.login .log-part .log-in-in {
  display: block;
  padding-top: 20px;
  margin: 0 auto;
  max-width: 350px;
}

.modal.login .log-part .or {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 350px;
}

.modal.login .log-part .or span {
  position: relative;
  z-index: 3;
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 180px;
  background-color: #313131;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
}

.modal.login .log-part .or:before {
  background: #666666;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
}

.modal.login .log-part .button.login {
  background: transparent;
  width: 100%;
  padding: .5rem 1rem;
  text-align: center;
  color: #fff;
  border: #666666 1px solid;
  margin: 0 auto 15px auto;
  max-width: 350px;
}

.modal.login .log-part .log-in-inpt {
  margin: 35px auto 0 auto;
  max-width: 350px;
}

.modal.login .log-part .log-row {
  display: block;
  margin-bottom: 25px;
}

.modal.login .log-part .log-row label {
  font-size: 13px;
  color: #999;
  display: block;
  text-align: left;
  font-weight: 300;
}

.modal.login .log-part .log-row input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #f2f2f2;
  padding: 7px 10px;
  color: #fff;
  background: transparent !important;
  display: block;
  outline: none;
  font-size: 14px;
  color: #999;
  font-weight: 300;
}

.modal.login .log-part .log-row {
  text-align: left;
}

.modal.login .log-part .log-row a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

.modal.login .log-part .log-row a:hover {
  color: #8800c6;
}

.modal.login .log-part.two .button.lg-bt {
  background: #8800c6;
  width: 100%;
  max-width: 350px;
  padding: .5rem 1rem;
  text-align: center;
  color: #fff;
  border: #8800c6 1px solid;
  margin: 0 auto;
}

.modal.login .log-part.two .or span {
  position: relative;
  z-index: 3;
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 30px;
  border-radius: 180px;
  background-color: #313131;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
}

.modal.login .log-part .login-soci a {
  color: #fff;
  display: inline-block;
  margin: 0 7px;
}

.modal.login .log-part .login-soci {
  margin: 15px 0;
}

.modal.login .log-part .login-soci a:hover {
  color: #8800c6;
}

.modal.login .log-part .login-soci a i {
  font-size: 30px;
}

#moretext {
  display: none;
}

#moretext1 {
  display: none;
}

.send-reset-success .button.lg-bt,
.reset-success .button.lg-bt {
  margin-top: 40px !important;
}

.send-reset-success p {
  font-size: 14px !important
}

.signup-success {
  max-width: 700px !important;
}

.signup-success p {
  font-size: 15px !important;
  margin-bottom: 20px !important;
}

.signup-success p span {
  font-weight: 600;
}

.signup-success .button {
  max-width: 250px !important;
  margin: 0 auto !important;
}

.signup-success strong {
  font-size: 35px;
  color: #fff;
  display: block;
}

.modal.login .button {
  display: block;
  color: white;
  padding: .5rem 1rem;
  text-decoration: none;
  margin: 1rem 0;
  transition: all 0.3s ease;
  border-radius: 3px;
}

.modal.login .button--facebook {
  background-color: #3b5998;
}

.modal.login .button--facebook:hover {
  background-color: #2d4373;
}

.modal.login .button--facebook:before {
  content: "";
  font-family: "FontAwesome";
  padding-right: 1rem;
}

.modal.login .button--google {
  background-color: #dd4b39;
}

.modal.login .button--google:hover {
  background-color: #c23321;
}

.modal.login .button--google:before {
  content: "";
  font-family: "FontAwesome";
  padding-right: 1rem;
}

.log-part:nth-of-type(1) {
  display: block;
}

.log-part {
  display: none;
}

.account .login-btn {
  text-decoration: none;
}

.checkout-box sup {
  color: red !important;
  font-size: 20px !important;
  top: 5px !important;
}


.checkout-box input,
.checkout-box select {
  color: #333 !important;
  font-weight: 500 !important;
}

.bammer .text h1 {
  display: none;
}


@media screen and (max-width:991px) {
  .contact-top:before,
  .get-legit:before {
    width: 65px;
    height: 65px;
  }
}

@media screen and (max-width:767px) {
  body {
    background: url(../images/main01.jpg) !important;
    background-repeat: no-repeat;
  }

  .bammer {
    min-height: 250px !important;
  }

  .contact-top:before,
  .get-legit:before {
    width: 45px;
    height: 45px;
    top: 20px;
  }

  .contact-top h1,
  .get-legit h1 {
    font-size: 25px;
    margin-top: 15px;
  }

}

@media screen and (max-width:550px) {
  body {
    background: url(../images/main02.jpg) !important;
    background-repeat: no-repeat;
  }

  .bammer {
    min-height: 250px !important;
  }

}