@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
/***** General CSS *****/

body {
  word-break: break-word;
  font: 15px/25px 'Poppins', sans-serif;
  color: #393939;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #28b16d;
  white-space: initial;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #393939;
}

a:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

img {
  max-width: 100%;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  outline: none;
}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

ul {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
}

p {
  font-weight: 500;
}


/***** Font Files *****/

@font-face {
  font-family: 'Fonts Awesome';
  src: url(../fonts/fontawesome-webfont.eot);
  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
  font-weight: 400;
  font-style: normal
}


/***** Custom Classes *****/

.noPadding {
  padding: 0;
}

.noLeft {
  padding-left: 0;
}

.noRight {
  padding-right: 0;
}

.centerCol {
  float: none;
  margin: 0 auto;
}

.btn {
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: capitalize;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  padding: 0.5em 1.4em;
  /* border: 2px solid transparent; */
  border-radius: 0;
  position: relative;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1); */
  color: #fff;
  text-decoration: none;
  transition: 0.5s ease all;
  z-index: 1;
  background-color: #30112b;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0;
}

.btn:hover {
    box-shadow: inset 0 150px 0 #a33a92;
    
}

.btn:before {
  /* transition: 0.5s all ease; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 50%; */
  /* right: 50%; */
  /* bottom: 0; */
  /* opacity: 0; */
  /* content: ''; */
  /* background-color: #a33a92; */
  z-index: -1;
}

.btn:hover,
.btn:focus {
  color: white;
}

.btn:hover:before,
.btn:focus:before {
  /* transition: 0.5s all ease; */
  /* left: 0; */
  /* right: 0; */
  /* opacity: 1; */
}

.btn:active {
  transform: scale(0.9);
}

.flexRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.flexCol {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items: center;
}

h1 {
  font-family: 'Poppins', Sans-Serif;
  font-size: 55px;
  line-height: 60px;
  color: #fff;
  font-weight: 500;
  margin: 0 0 17px;
}

h2 {
  font-family: 'Poppins', Sans-Serif;
  font-size: 55px;
  line-height: 60px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 30px;
}

h3 {
  font-family: 'Poppins', Sans-Serif;
  font-size: 30px;
  line-height: 34px;
  color: #000000;
  font-weight: 600;
  margin: 0 0 28px;
}

h4 {
  font-family: 'Poppins', Sans-Serif;
  font-size: 24px;
  line-height: 29px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 13px;
}

h5 {
  font-family: 'Poppins', Sans-Serif;
  font-size: 20px;
  line-height: 25px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 20px;
}

/* h6 {
  font-family: 'Poppins', Sans-Serif;
  font-size: 18px;
  line-height: 23px;
  color: #393939;
  font-weight: 500;

} */



::-webkit-input-placeholder {
  color: #575757;
}

::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #575757;
}

:-moz-placeholder {
  color: #575757;
  opacity: 1;
}


/*header css start */



.menuSec img {
  margin: 0;
}

.menuSec ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
  text-transform: capitalize;
}

.menuSec ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.menuSec li ul {
  display: none;
}

.menuSec ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #393939;
  padding: 10px 23px;
  font-size: 13px;
}

/* .menuSec ul li a:after {
  content: '';
  position: absolute;
  top: 35%;
  right: 0;
  height: 13px;
  background-color: #b53d51;
  transition: 0.5s;
} */

.menuSec ul li:last-child a {
  padding-right: 0px;
}

.menuSec ul li:last-child a:after {
  display: none;
}

ul.login-register-btn li:first-child a {
  margin: 0 31px 0 0;
}

ul.login-register-btn li a {
  cursor: pointer;
}

.menuSec ul li a:hover,
.menuSec ul li a.active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #28b16d;
}

.menuSec li:hover>ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 38px;
}

.menuSec li>ul>li>a {
  border: none;
  padding: 13px 20px !important;
  color: #fff !important;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
}

.menuSec li>ul>li,
.menuSec li>ul>li>a {
  display: block;
  margin: 0;
}

.menuSec li>ul>li>a:before,
.menuSec li>ul>li>a:after {
  display: none;
}

.menuSec li:hover li {
  float: none;
}

.menuSec li:hover a {}

.menuSec li ul li a:hover {
  background-color: #ffffff;
  color: #000000 !important;
}

.menuSec ul ul ul {
  left: 100%;
  top: 0;
}

.menuSec ul:before,
.menuSec ul:after {
  content: " ";
  display: table;
}

.menuSec ul:after {
  clear: both;
}

.menuSec li>ul>li:hover>ul {
  left: 230px;
  top: 0px;
  width: 270px;
}

.droopdwon li:hover>ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 40px;
}

.droopdwon {
  float: left;
}

.droopdwon li:hover li a:hover {
  background-color: #ffffff;
  color: #000 !important;
}

/*header css start */

.dropdown-menu {
  position: absolute !important;
  z-index: 1000;
  display: block;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}


/*banner css start */
.inner_banner>img {
  width: 100%;
}

.carousel-item>img {
  width: 100%;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  width: 100%;
}

.carousel-control.right,
.carousel-control.left {
  background: none;
  opacity: 1;
  width: 50px;
  height: 50px;
  top: initial;
  top: 40%;
  background: rgba(255, 255, 255, 0.1);
  text-shadow: none;
}

.carousel-control.right:hover,
.carousel-control.left:hover {
  background: rgba(255, 27, 27, 0.6);
  color: #fff;
}

.carousel-control.right .fa,
.carousel-control.left .fa {
  position: relative;
  top: 12px;
  font-size: 20px;
  color: #fff;
  opacity: 0.5;
}

.carousel-control.right {
  right: 0px;
}

.carousel-control.left {
  left: 0px;
}

.carousel-indicators {}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 12px;
  padding: 0;
  margin: 3px !important;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1;
  /* transition: opacity 0.6s ease; */
  border-radius: 20px;
}

.carousel-caption {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
}

.carousel-indicators li {
  border: none;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background: #fff;
  width: 12px;
  height: 12px;
  margin: 0;
}

.carousel-indicators .active {
  margin: 0;
  background-color: #28b16d;
  width: 10px;
  height: 12px;
}

/*banner css end*/

.blog_sec {
  padding: 5% 0;
}

/*slick slider in tabs css start*/


/* Style the tab */




.tab_sec .tab {
  overflow: hidden;
  border: 0;
  background-color: #ffffff;
}

/* Style the buttons that are used to open the tab content */
.tab_sec .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab_sec .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab_sec .tab button.active {
  background-color: #ccc;
}

/* Style the tab content */

.tab_sec .tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0;
}

.tabcontent.active {
  display: block;
}

/*slick slider in tabs css start*/

.nav-item {
  padding: 10px;
}


/* header css start  */
.menuSec {
  background-color: #fff;
  /* padding: 0 0 16px 0; */
}

.menuSec .row {
  align-items: center;
}

.logo-sec {
  filter: drop-shadow(0px 0px 6px rgba(50, 50, 0, 0.3));
  margin: -50px 0 -20px 0;
  position: relative;
  z-index: 1;
  text-align: center;
}

.menuSec .logo {
  display: inline-block;
  background-color: #fff;
  padding: 40px 50px 40px 50px;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
  /* box-shadow: 0px 0px 20px 6px rgb(0 0 0 / 18%); */
  position: relative;
  z-index: 1;
}

/* .menuSec img {
  height: 139px;
  position: absolute;
  left: 0;
  top: -5px;

} */

.menuSec ul#menu {
  float: left;
}

.menuSec ul.getQUote-btn-sec {
  text-align: end;
}

.menuSec ul.menu {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  text-transform: capitalize;
  float: left;
}

.menuSec ul#menu {
  float: left;
}

.menuSec ul li {
  position: relative;
  display: inline-block;
  margin: 0 0 0 -15px;
  padding: 0;
}

.menuSec li ul {
  display: none;
}

.menuSec ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #393939 !important;
  padding: 0px 15px 0 15px;
  font-size: 20px;
  position: relative;
  font-family: 'Playfair Display';
  transition: 0.5s;
}

.menuSec ul li a:hover:before {
  width: 100%;
}

.menuSec ul li.shopping a:hover:before,
.menuSec ul li.search a:hover:before {
  content: unset !important;
}

.menuSec a.getQuote-btn {
  padding: 10px 24px;
  background-color: #754c29;
  color: #fff !important;
  border-radius: 7px;
  transition: 0.5s;
}

.menuSec a.getQuote-btn:hover:before {
  position: relative;
}

.menuSec a.getQuote-btn:hover {
  background: rgb(255, 163, 0);
  background: linear-gradient(90deg, rgba(255, 163, 0, 1) 0%, rgba(255, 142, 0, 1) 41%, rgba(255, 90, 0, 1) 100%);
  color: #000 !important;
}

ul.getQUote-btn-sec li:first-child {
  padding: 0 59px 0 0px;
}

.menuSec ul li:last-child a:after {
  display: none;
}

.menuSec ul li a:hover,
.menuSec ul li a.active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #28b16d;
}

.menuSec li:hover>ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 38px;
}

.menuSec li>ul>li>a {
  border: none;
  padding: 13px 20px !important;
  color: #fff !important;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
}

.menuSec li>ul>li,
.menuSec li>ul>li>a {
  display: block;
  margin: 0;
}

.menuSec li>ul>li>a:before,
.menuSec li>ul>li>a:after {
  display: none;
}

.menuSec li:hover li {
  float: none;
}

.menuSec li:hover a {}

.menuSec li ul li a:hover {
  background-color: #ffffff;
  color: #000000 !important;
}

.menuSec ul ul ul {
  left: 100%;
  top: 0;
}

.menuSec ul:before,
.menuSec ul:after {
  content: " ";
  display: table;
}

.menuSec ul:after {
  clear: both;
}

.menuSec li>ul>li:hover>ul {
  left: 230px;
  top: 0px;
  width: 270px;
}

.droopdwon li:hover>ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 40px;
}

.droopdwon {
  float: left;
}

.droopdwon li:hover li a:hover {
  background-color: #ffffff;
  color: #000 !important;
}

li.lang-link select {
  background-color: transparent;
  color: #fff;
  border: none;
}

li.lang-link select option {
  color: #000;
}

ul.socialMedia-icon li {
  padding: 0 18px 0 0;
}

/*header css end */

/* top sec css start  */
.topSec .left {
  display: flex;
}

.topSec ul.socialMedia-icon {
  display: flex;
  justify-content: right;
  margin: 7px 0;
}

.topSec ul.socialMedia-icon li {
  margin: 0 23px 0 0;
}

.topSec .left p {
  margin: 8px 0;
}

.topSec .left li {
  margin-right: 21px;
  position: relative;
}

.topSec .left li a {
  color: #000;
}

.topSec ul.socialMedia-icon li {
  margin-right: 11px;
}

.topSec {
  background-color: #000;
  color: #ffff;
}

.topSec .left li i {
  border: 1px solid;
  border-radius: 22px;
  padding: 9px 9px;
  margin: 0 9px 0 0;
}

.topSec .left li:first-child:after {
  content: "";
  background-color: #000;
  position: absolute;
  width: 1px;
  height: 34px;
  margin: 0 0 0 10px;
}

.topSec ul.socialMedia-icon li a {
  color: #ffff;
  transition: 0.5s;
}


.topSec ul.socialMedia-icon li a i {
  height: 10px;
  width: 10px;
}

header {
  position: relative;
}

.menu-search-bar {
  display: none;
  position: absolute;
  bottom: -40px;
  right: 38px;
  width: 100%;
  text-align: end;
}

.menu-search-bar form input {
  border: none;
  outline: none;
  width: 25%;
  padding: 7px 0 6px 18px;
  border-radius: 12px;
}

.show-search-bar {
  display: block !important;
}

/* top sec css end  */
/* header css end */

/* banner css start */
section.banner-sec .text-sec h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 85px;
  text-transform: capitalize;
  line-height: 88px;
  color: #fff;
  text-shadow: 4px 0px 13px rgb(0 0 0);
}

/* .search-bar form {
  text-align: end;
  position: absolute;
  right: 146px;
  top: 67px;
} */
section.banner-sec {
  /* background-image: url("../images/banner-bg1.png"); */
  /*margin: -65px 0 0 0;*/
  /* background-position: center; */
  /* background-size: cover; */
  /* background-repeat: no-repeat; */
  background-color: #02070b;
}

section.banner-sec .row {
  height: 100%;
  align-items: center;
}

.inner-page-banner .row {
  height: 591px;
}

.inner-page-banner {
  background-image: url("../images/inner-banner-bg.png") !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

section.banner-sec .text-sec p {
  color: #fff;
  font-family: 'Playfair Display';
  font-size: 18px;
}

a.shop-btn {
  position: relative;
  font-family: 'Playfair Display';
  display: inline-block;
  z-index: 1;
  font-size: 16px;
  line-height: 40px;
  background-color: #fff;
  padding: 2px 23px;
  color: #30112b;
  text-transform: capitalize;
  border-radius: 4px;
  transition: 0.5s ease-in-out;
  overflow: hidden;
}

/* banner css end */

/* options strip css start */
section.options-stripe .cont {
  display: flex;
  align-items: center;
  transition: 0.5s ease-in-out;
}

section.options-stripe {
  padding: 56px 0 20px;
}

section.options-stripe .cont .txt-sec {
  line-height: 1px;
}

section.options-stripe .cont .txt-sec h6 {
  font-family: 'Playfair Display';
  font-weight: 400;
  font-size: 19px;
  line-height: 25px;
  margin: 0 0 0 0;
}

h6 {
  font-family: 'Playfair Display';
  font-weight: 400;
  font-size: 20px;
  line-height: 9px;
}

h6 {
  font-family: 'Playfair Display';
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
}

section.options-stripe .cont i {
  font-size: 32px;
  margin: 0 14px 0 0px;
  color: #30112b;
}

section.options-stripe .cont .txt-sec p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: gray;
  margin-bottom: 0;
}

/* options strip css END */


/* games-product-sec css start */
.games-product-sec .desc {
  text-align: center;
  margin: 16px 0 0 0;
}

p.price {
  font-family: 'Playfair Display';
  font-size: 30px;
  color: #30112b;
}

h4.name {
  font-family: 'Playfair Display';
  font-size: 30px;
  color: #30112b;
  text-transform: capitalize;
  font-weight: 600;
}

/* games-product-sec css end */

/* our-pord-sec  start */
p.instock {
  border-bottom: 1px solid #0000002b;
  padding: 9px 0 12px 0;
  font-family: 'Playfair Display';
  text-transform: capitalize;
  color: #000;
}

.our-prod-sec img {
  width: 100%;
  filter: contrast(0.8) brightness(0.8);
  transition: 0.4s ease-in-out;
}

.our-prod-sec {
  padding: 70px 0;
}

.our-prod-sec .container .row:nth-child(3n) {
  padding: 65px 0 0 0;
}

.our-prod-sec h4.prod-name {
  font-family: 'Playfair Display';
  font-size: 25px;
  line-height: 25px;
  color: #30112b;
  text-transform: capitalize;
  font-weight: 600;
}

h5.sec-heading {
  text-align: center;
  font-family: 'Playfair Display';
  font-size: 60px;
  line-height: 11px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 600;
  margin: 0 0 40px;
}

.our-prod-sec .txt {
  color: #000;
}

/* our-pord-sec  end*/

/* video sec css start */
section.video-sec .container {
  position: relative;
}

section.video-sec a {
  position: absolute;
  left: 614px;
  top: 297px;
  animation: pulse-animation 2s infinite;
  transition: 0.5s ease-in-out;
}

/* video sec css end */
/* our gallery css start */
.our-gallery-sec .center a:nth-child(2n) img {
  margin: 34px 0 0 0;
}

element.style {
  visibility: visible;
  animation-name: fadeInDown;
}

.our-gallery-sec {
  padding: 59px 0;
}

.our-gallery-sec img.side-img {
  height: 652px;
  width: 100%;
  object-fit: cover;
  transition: 0.5s ease-in-out;
}

.our-gallery-sec .cen-img {
  height: 309px;
  width: 100%;
}

/* our gallery css end */



/*INSTAGRAM STRT*/
ul.img-gall li img {
  width: 100%;
  transition: 0.3s all;
  height: 100%;
  object-fit: cover;
  object-position: top;
  margin: 0 8px;
}

section.instagram-sec {
  padding: 18px 0 36px 0;
}


ul.img-gall {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.4s all;
  width: 100%;
}

ul.img-gall li {
  margin: 0;
  transition: flex .2s linear;
  flex: 1;
  height: 40vh;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

ul.img-gall li a:hover::after {
  content: "\f16d ";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  font-family: 'Font Awesome 5 Brands';
  color: #fff;
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: #00000094;
}

/*INSTAGRAM END*/
/*Footer Start*/

.footer-main {
  padding: 80px 0 50px;
  color: #fff;
}

.foot-social ul {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
  transition: 0.5s;
  margin: 16px 0 0 0;
}

a.footer-logo {
  font-size: 20px;
  font-family: 'Playfair Display';
  color: #fff;
  display: block;
  margin: 0 0 16px 0;
}

.footer-logo-box p {
  font-size: 16px;
  color: #fff;
  font-family: 'Playfair Display';
  line-height: 27px;
}

footer {
  background-color: #000;
}

.footer-logo-box ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  gap: 20px;
  justify-content: center;
}

ul.quick-links li a {
  color: #fff;
  text-transform: capitalize;
}

.foot-social ul li a:hover {
  background-color: #30112b;
  border-color: #30112b;
}

ul.quick-links li {
  margin-top: 17px;
}

.foot-social ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  background-color: transparent;
  color: #fff;
  border: 1px solid;
  border-radius: 50%;
  margin: 0 17px 0 0;
  transition: 0.5s;
}

.quick-link {
  padding-left: 40px;
  margin-left: 40px;
}

.contact-info {
  padding-left: 30px;
}

.new-letter {
  padding-left: 20px;
}

.copy-right {}



.new-letter-input-icon {
  position: absolute;
  left: 15px;
}

.new-letter input {
  width: 100%;
  height: 41px;
  padding: 0 55px 0 9px;
  border: 1px solid #fff;
  background-color: #000;
  color: #fff;
}

.new-letter input::placeholder {
  color: #fff !important;
}

.copy-right .container {
  border-top: 1px solid #ffffff8c;
}

.copy-right p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
  font-family: 'Playfair Display';
  text-transform: capitalize;
}

.new-letter-input input::placeholder {
  font-family: "Rajdhani", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.new-letter-input {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.new-letter-button button {
  font-family: 'Playfair Display';
  width: 100%;
  height: 44px;
  font-size: 16px;
  line-height: 40px;
  border: none;
  background-color: #30112b;
  color: #fff;
  border: 1px solid #fff;
  transition: 0.5s ease-in-out;
}

.footer-main h5 {
  font-size: 20px;
  line-height: 27px;
  font-family: 'Playfair Display';
  text-transform: uppercase;
  margin-bottom: 50px;
  color: #fff;
  text-decoration: underline;
}

.contact-info .foot-list li a {
  color: #fff;
  display: flex;
  align-items: baseline;

}

.container-fluid.add-padding {
  padding: 0 5%;
}

.contact-info .foot-list li a i {
  margin: 0 14px 0 0;
}

.copy-right .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 0 0;
}

ul.pay-cards {
  display: flex;
  align-items: center;
}

/* footer end */

/* aboutpage css start */
.abt_page_txt h5.sec-heading {
  margin: 39px 0;
  text-align: initial;
}

h6.sub {
  font-size: 43px;
  line-height: 45px;
  font-weight: 500;
  color: #fff;
  margin: 20px 0 25px 0;
}

section.abt_page_main .row:nth-child(2n) {
  margin: 29px 0 0 0;
}

section.abt_page_main {
  padding: 89px 0 88px 0;
}

section.vision-mission-sec {
  padding: 126px 0px;
}

/* aboutpage css end */



/* BEGIN: CHECKOUT PAGE CSS */
section.checkout-sec {
  padding: 90px 0px;
}

.checkout-sec h2 {
  font-size: 30px;
  color: #fff;
  font-weight: 100;
  font-family: 'Playfair Display';
  padding: 0px 0 0 35px;
  text-transform: capitalize;
  margin: 0;
  background-color: #381535;
}

.checkout-sec .form-wrapper {
  padding: 30px 20px;
}

.checkout-form label {
  font-size: 16px;
  color: #737273;
  font-family: 'Playfair Display';
  padding: 0;
  font-weight: 500;
}

.checkout-form input,
.checkout-form select {
  padding: 12px;
  margin-bottom: 0px;
  min-height: 40px;
  border: 1px solid #bfbfbf;
  color: #737373;
  appearance: auto;
  width: 100%;
}

.checkout-sec .form-group {
  margin-bottom: 15px;
  padding: 0;
  display: flex;
  align-items: center;
}

form.checkout-form {
  display: inline-block;
  margin-top: 30px;
  width: 80%;
}

.order-detail-table {
  margin-top: 58px;
  border: 1px solid #b6b5b5;
  padding: 0px;
  background: #fff;
  border-radius: 33px;
}

.checkout_head {
  font-size: 40px !important;
}

.order-detail-table h3 {
  padding: 20px 20px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0px;
  font-size: 24px;
  color: #000;
  font-weight: 900;
  font-family: 'Playfair Display';
  text-transform: capitalize;
}

.color-payment {
  color: #000 !important;
}

.order-detail-table ul {
  padding: 0;
  margin: 0;
}

.order-detail-table ul li {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
  color: #a6a6a6;
  font-size: 26px;
  font-family: 'Playfair Display';
  font-weight: 400;
  list-style: none;
}

.order-detail-table ul li span {
  float: right;
}

.order-detail-table form {
  padding: 0px 20px;
  padding-bottom: 50px;
}


.form_checkout_space {
  margin-top: 46px;
}

.checkbox-flex {
  display: flex;
}

.checkbox-flex .american {
  margin-right: 60px;
}

.checkbox-flex .american p,
.credit-card {
  color: #333333;
  margin-bottom: 5px;
}

.form_checkout_space .checkbox {
  margin-top: 10px;
  margin-bottom: 20px;
}

.order-detail-table form span img {
  float: right;
}

.form_checkout_space a.primary-btn {
  background: #931b1d;
  font-size: 16px;
  text-transform: uppercase;
  padding: 15px 40px;
  color: #fff;
}

.order-detail-table label {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Playfair Display';
}

.pay {
  margin-left: 20px;
}

.order-detail-table label span {
  margin-left: 15px;
  color: #737373;
}

.place-order-btn {
  background-color: #381535;
  width: 45%;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0px;
}

.place-order-btn a {
  color: #fff;
  font-family: 'Playfair Display';
  text-transform: uppercase;
  font-size: 19px;
}

/* END: CHECKOUT PAGE CSS */


/* gallery page css start */
.our-gallery-page .center a:nth-child(2n) img {
  margin: 34px 0 0 0;
}

.our-gallery-page .row:nth-child(2n) {
  margin: 0px 0 37px 0;
}

.pagination {
  justify-content: center;
}

.pagination li a {
  margin: 8px 6px;
  background-color: #381535 !important;
  color: #fff !important;
  width: 47px;
  text-align: center;
  height: 38px;
  border-radius: 5px !important;
}

.pagination li a.active {
  opacity: 0.5;
}

.our-gallery-page {
  padding: 60px 0;
}

.our-gallery-page .row {
  margin: 29px 0 33px 0;
}

/* gallery page css end */


/* my account page css start  */
/*lgin signup css*/
.login_content_area {
  padding: 80px 0;
  font-family: 'Playfair Display';
}

.login_area {
  background: #fbfbfb;
  overflow: hidden;
  padding: 30px 30px;
  border: 2px solid #dfe1e4;
  border-radius: 5px;
}

.login_content_area h2 {
  display: inline-block;
  width: 100%;
  font-size: 30px;
  font-family: 'Playfair Display';
  line-height: 35px;
  color: #000000;
  font-weight: 800;
  padding: 0;
  margin: 0 0 30px 0;
  text-transform: capitalize;
  text-align: left;
  position: relative;
}

.login_content_area h2:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 106px;
  height: 3px;
  background: unset;
  right: 0;
  margin: 0 auto;
}

.login_content_area .form_area .form-control {
  background: #ffffff;
  width: 100%;
  height: 53px;
  line-height: 45px;
  margin: 0 0 20px 0;
  color: #b0afaf;
  padding: 0 20px;
  box-shadow: none;
  display: inline-block;
  border-radius: 0;
  border: 2px solid #dfe1e4;
  font-weight: 500;
  font-family: 'Playfair Display';
}

.login_area .fields_area.buttons_area input {
  margin: 0px 0px 30px;
}

/* .fields_area.buttons_area button {
  -webkit-appearance: button;
  cursor: pointer;
  width: 100%;
  padding: 0px 10px;
  outline: none;
  height: 50px;
  margin: 0px 0px 0;
  border: 1px solid #381535;
  background: #381535;
  border-radius: 0;
  font-size: 19.01px;
  font-family: 'Playfair Display';
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  transition: 0.5s ease-in-out;
}

.fields_area.buttons_area button:hover {
  background-color: #fff0;
  color: #000;
} */

a.terms-h {
  float: unset !important;
  font-size: 14.41px !important;
  color: #000000 !important;
  border-bottom: 1px solid #000000;
  font-weight: 700 !important;
  text-transform: capitalize;
}

.login_area input[type="checkbox"],
.login_area input[type="radio"] {
  margin: 7px 10px 0px 0;
  float: left;
}

.login_area p {
  font-weight: 500;
  font-size: 14.41px !important;
  color: #a7a7a7;
  line-height: 29px;
  float: left;
  margin: 0;
}

.fields_area.custom-control.custom-radio a {
  float: right;
  color: #a7a7a7;
  font-weight: 400;
  font-size: 14.41px;
}

.register_area {
  background: #fbfbfb;
  overflow: hidden;
  padding: 30px 30px;
  border: 2px solid #dfe1e4;
  border-radius: 5px;
}

/*lgin signup css*/

/* my account page css end */


/* cart page  css start */

.product-cart figure,
.product-cart article {
  display: inline-block;
}

.product-cart {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


.cart-page-tble thead tr {
  height: 40px;
  color: #fff;
  background-color: #381535;
}

.cart-page-tble thead tr th {
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.cart-page-tble tbody tr td {
  padding: 20px 0px;
}

table.cart-page-tble {
  width: 100%;
}

.product-cart article p {
  font-weight: 600;
  font-size: 15px;
  color: #000;
  text-transform: capitalize;
  font-family: 'Playfair Display';
  margin: 0 0 0px;
  line-height: 25px;
  letter-spacing: 0;
}

.product-cart article {
  margin-left: 10px !important;
}

.cart-page-tble tbody tr td input {
  height: 60px;
  border: none;
  font-size: 26px;
  color: #000;
  border-radius: 10px;
}

.update-cart {
  font-size: 15px;
  text-transform: capitalize;
  font-size: 21px;
  text-transform: capitalize;
  color: #7f7f7f;
  font-weight: 500;
  letter-spacing: 0;
}

.shipping.text-black h4 {
  color: #4d4c4c;
}

.estimate.text-black h4 {
  color: #4d4c4c !important;
}

.unit-sub-price-text {
  font-size: 23px;
  color: #000;
  font-weight: 600;
}

.cart-page-tble tbody tr {
  border-bottom: 1px solid #c4c4c4;
}

.cart-page-tble tbody tr td i {
  border-radius: 0;
  background-color: transparent;
  color: #000;
  border: 1px solid #0000002e;
}

.cart-cross {
  height: 40px;
  width: 40px;
  font-size: 25px;
  background: #000000;
  color: #fff;
  padding: 7px;
}

.total-box,
.total-f,
.shipping-box {
  padding: 30px 30px 0;
  background-color: #f6f6f6;
  border: 1px solid #c4c4c4;
}

.total-f {
  padding: 10px 27px;
  background-color: #f6f6f6;
  border-top: 0 !important;
}

.total-box .sum li {
  color: #858585;
  font-size: 20px;
  font-weight: 500;
  line-height: 54px;
}

.total-f h4 {
  color: #381535;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Playfair Display';
  text-transform: uppercase;
}

.total-box .sum li span {
  margin-left: 91px;
}

.total-f span {
  margin-left: 71px;
  font-size: 32px;
}




.pd-12-110 {
  padding: 12px 110px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-minus-60 {
  margin-top: -60px;
}

.cart-main-sec {
  padding: 80px 0;
  font-family: 'Playfair Display';
}

.cart_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0% auto;

  color: #fff;

  font-size: 20px;

  text-transform: uppercase;

  height: 50px;

  width: 250px;

  background: #53171d;

  border-radius: 100px;

  font-family: 'Bebas Neue';
}

.cart_btn:hover {
  color: black;
}

.product-cart img {
  width: 100%;
  object-fit: contain;
}

.product-cart figure {
  margin: 0;
}

.checkout-bttn {
  background-color: #381535;
  width: 63%;
  margin: 0 auto;
  text-align: center;
  color: #fff !important;
  padding: 20px 35px;
  font-family: 'Playfair Display';
}

.row.checkout-btn-sec {
  margin: 65px 0 0 114px;
}

.checkout-bttn a {
  color: #fff;
  text-transform: capitalize;
  font-family: 'Playfair Display';
  font-size: 15px;
}

a.continue-pur {
  color: #381535;
  font-weight: 800;
  font-family: 'Playfair Display';
}

.shipping h4 {
  color: #000;
  font-family: 'Playfair Display';
  font-size: 27px;
  font-weight: 800;
  text-transform: capitalize;
}

.estimate h4 {
  color: #000;
  font-family: 'Playfair Display';
  font-size: 27px;
  font-weight: 800;
  text-transform: capitalize;
}

.product-cart article p.review {
  font-family: 'Playfair Display';
  text-transform: uppercase;
  color: #00000070;
}

/* cart page  css end */

/* shop page css start  */
.shop-page .row {
  margin: 0px 0 58px 0;
}

/* shop page css end */

/* shop-detailed sec css start */
.slider-nav img {
  height: 179px;
  width: 120px;
  object-fit: contain;
  margin: 0 auto;
}

section.shop-detailed-page {
  padding: 71px 0 0 0;
}

.slider-nav,
.slider-for {
  padding: 0;
}

.slider-for div img {
  width: 100%;
  height: 423px;
  object-fit: contain;
  border: 1px solid #000;
  padding: 28px 0;
  margin: 10px 0;
}

.prod-dsec-sec h4 {
  font-family: 'Playfair Display';
  font-size: 25px;
  line-height: 25px;
  color: #30112b;
  text-transform: capitalize;
  font-weight: 600;
}

.prod-dsec-sec .rating i {
  color: #30112b;
}

.prod-dsec-sec ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.prod-dsec-sec ul.add-to-cart-sec li:nth-child(2n) {
  margin: 0 auto 0 0;
  font-family: 'Playfair Display';
  text-align: center;
  width: 45%;
  height: 44px;
  font-size: 16px;
  line-height: 40px;
  border: none;
  background-color: #30112b;
  color: #fff;
}

.prod-dsec-sec ul.add-to-cart-sec li:nth-child(2n) a {
  color: #fff;
  text-transform: capitalize;
}

.slider-nav .slick-slide {
  border: 1px solid #000;
  text-align: center;
  padding: 10px 0;
  margin: 10px 0;
}

.prod-dsec-sec ul li input {
  width: 35%;
  text-align: center;
  padding: 7px 0;
}

.prod-dsec-sec .foot-social li a {
  color: #000;
}

.prod-dsec-sec .foot-social li a:hover {
  color: #fff;
}

/* shop-detailed sec css end */

/* shop detailed sec tabs */

section.shop-detailed-tabs-sec .nav {
  justify-content: center;
}

.nav-pills .nav-link.active {
  color: #000000;
  background: none;
  text-decoration: underline;
  font-size: 25px;
  font-family: 'Playfair Display';
  font-weight: 800;
}

.nav-pills .nav-link {
  color: #000000;
  background: none;
  font-size: 25px;
  font-family: 'Playfair Display';
}

section.shop-detailed-tabs-sec {
  padding: 89px 0 0 0;
}

div#pills-tabContent {
  width: 54%;
  margin: 0 auto;
}

/* shop detailed sec tabs */
/*Contact Page Start*/

.contact-us {
  padding-top: 100px;
  padding-bottom: 100px;
}

.contact-box {
  padding: 40px 20px;
  height: 100%;
  width: 100%;
  border-radius: 0;
  text-align: center;
  position: relative;
  transition: 0.3s ease-in-out;
}

.contact-box p {
  font-weight: 400;
  color: #000;
  font-size: 16.33px;
}

.contact-box a {
  display: block;
}

.con_icos {
  width: 80px;
  height: 80px;
  /* border-radius: 50px; */
  margin: auto;
  display: flex;
  align-items: center;
  background-color: #381535;
  justify-content: center;
}

.contact-box h3 {
  font-size: 23.06px;
  font-weight: 600;
  margin-top: 20px;
  color: #000;
  margin-bottom: 10px;
}

.line {
  line-height: 20px;
  width: 60px;
  height: 5px;
  border-right: 5px;
  background: #fff;
  margin: 0% auto;
  margin-top: 30px;
  text-align: center;
}

.contact-form {
  padding: 0px 0px 20px;
}

.contact-box a {
  font-size: 15px;
  color: #000;
}

.contact-form h2 {
  font-size: 68px;
  color: #000;
  line-height: 1;
  text-align: center;
  font-family: 'Playfair Display';
}

.contact-form p {
  color: #000;
  font-size: 14px;
}

.contact-form span {
  font-size: 64px;
  font-weight: 400;
  color: #000000;
}

.contat-form input {
  width: 100%;
  height: 50px;
  border: 1px solid #e4e4e4;
  border-radius: 0px;
  padding-left: 15px;
  background: transparent;
  margin-bottom: 20px;
}

.contat-form textarea {
  width: 100%;
  border: 1px solid #e4e4e4;
  border-radius: 0px;
  padding: 15px;
  background: transparent;
}

.contat-form label {
  font-size: 16px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
}

.contact-box ul {
  text-align: center;
  margin-top: 20px;
}

.contact-box ul li {
  display: inline-block;
}

button.btn-1.puprle {
  background: #e12727;
  color: #fff;
  font-family: 'BLADE';
  padding: 15px 40px;
  clip-path: polygon(10% 0, 95% 0, 100% 40%, 90% 100%, 10% 100%, 0 70%);
  text-transform: lowercase;
  font-size: 17.35px;
}

.contat-form select {
  width: 100%;
  height: 50px;
  border: 1px solid #e4e4e4;
  border-radius: 0px;
  padding-left: 15px;
  background: transparent;
}

.contat-box ul li i {
  width: 36px;
  height: 36px;
  border-radius: 30px;
  border: 2px solid #fff;
  font-size: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.related_heading h2 {
  color: #000;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 46px;
  font-family: 'Playfair Display';
}

.related_heading.text-center p {
  color: #000;
  font-size: 14px;
}

.mt-100 {
  margin-top: 100px;
}

.con_icos img {
  width: 40px;
  height: 40px;
}

.contat-form input::placeholder,
.contat-form textarea::placeholder,
.contat-form select {
  font-family: 'Playfair Display';
  text-transform: capitalize;
  font-size: 18px;
  color: #a09c9c;
  margin-bottom: 10px;
}

.contat-form button.btn_theme.puprle {
  background-color: #381535;
  width: 12%;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0px;
  color: #fff;
}

/*Contact Page Start*/



/* Banner Changes */
.menuSec ul li a:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    left: 0;
    background-color: #b63f54;
    bottom: 0;
    margin: 0 0 -8px 0;
    transition: 0.45s ease-in-out;
}
.banner-img img {
    width: 100%;
}
a.shop-btn:hover {
    box-shadow: inset 0 57px 0 0 #30112b;
    color: #fff;
}
section.options-stripe .cont:hover {
    background: #30112b;
    color: #fff;
    padding: 35px 35px;
}

section.options-stripe .cont:hover i {
    color: #fff;
    transform: scale(1.2);
}
section.options-stripe .cont:hover .txt-sec p {
    color: #fff;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
section.video-sec a:hover {
    transform: scale(1.4) rotate(360deg);
}
.our-prod-sec img:hover {filter: contrast(1) brightness(1);}
.main-banner-slider .slick-slide {
    margin: 0;
    opacity: 0;
    transition: 1s ease-in-out;
}
.main-banner-slide {
    position: relative;
    display: flex;
    align-items: center;
}

.main-banner-slide .container {
    position: absolute;
    left: 0;
    right: 0;
}
.prod-box {
    padding: 25px 15px 25px;
    position: relative;
}

.prod-box::before {
    position: absolute;
    content: "";
    background: #30112b;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    border-radius: 30px;
    z-index: -1;
    transition: 0.5s ease-in-out;
}

.prod-box:hover:before {
    height: 100%;
}

.prod-box:hover
h4.prod-name {
    color: #fff;
}

.prod-box:hover p.price {
    color: #fff !important;
}
.new-letter-button button:hover {
    box-shadow: inset 0 150px 0 #a33a92;
}
.our-gallery-sec img:hover {filter: brightness(0.8) contrast(0.9);opacity: 0.95;}

.our-gallery-sec img {
    transition: 0.4s ease-in-out;
}
.main-banner-slider .slick-slide.slick-current {
    opacity: 1;
}
/* Banner Changes */



/*Media Query Start*/

@media only screen and (min-width: 1366px) and (max-width: 1920px){}

@media only screen and (min-width: 1200px) and (max-width: 1365px){
	
section.banner-sec .text-sec h2 {
  line-height: 60px !important;
}
section.options-stripe {
  padding-left: 0px;
}
section.options-stripe .cont:hover {
  padding: 30px 10px !important;
}	
	
	
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    body .top-free {
  padding: 0 !important;
}

 .topSec .col-md-3 {
    width: 50%;
  }
  
  ul.login-register-btn.wow.fadeInDown {
  margin-right: 0;
}

ul#menu li a {
  padding: 10px;
}

ul#menu li a {
  padding: 10px !important;
}

.menuSec ul li a {
  font-size: 14px;
}

ul.login-register-btn.wow.fadeInDown {
  margin-right: 0 !important;
}

.logo-sec {
  margin: -10px 0 -20px 0;
}

section.banner-sec .text-sec h2 {
  font-size: 26px !important;
  margin: 0 !important;

}


section.banner-sec .text-sec p {
  font-size: 12px;
}

section.options-stripe {
  padding-left: 0 !important;
}

.our-prod-sec h4.prod-name {
  font-size: 15px;
}

p.price {
  font-size: 20px;
}
.quick-link {
  padding-left: 20px !important;
  margin-left: 0 !important;
}

.copy-right p {
  font-size: 12px;
}

.inner-page-banner {
  height: 250px;
}

.inner-page-banner .row {
  height: 230px !important;
}

.our-gallery-page .col-md-3 {
    width: 33%;
}
  
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn {
  width: 100% !important;
}

}

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

body .top-free {
  padding: 0 !important;
}

 .topSec .col-md-3 {
    width: 50%;
  }
  
  ul.login-register-btn.wow.fadeInDown {
  margin-right: 0;
}

ul#menu li a {
  padding: 10px;
}

ul#menu li a {
  padding: 10px !important;
}

.menuSec ul li a {
  font-size: 14px;
}

ul.login-register-btn.wow.fadeInDown {
  margin-right: 0 !important;
}

.logo-sec {
  margin: -10px 0 -20px 0;
}

section.banner-sec .text-sec h2 {
  font-size: 26px !important;
  margin: 0 !important;

}


section.banner-sec .text-sec p {
  font-size: 12px;
}

section.options-stripe {
  padding-left: 0 !important;
}

.our-prod-sec h4.prod-name {
  font-size: 15px;
}

p.price {
  font-size: 20px;
}
.quick-link {
  padding-left: 20px !important;
  margin-left: 0 !important;
}

.copy-right p {
  font-size: 12px;
}

.inner-page-banner {
  height: 250px;
}

.inner-page-banner .row {
  height: 230px !important;
}

.our-gallery-page .col-md-3 {
    width: 33%;
}
  
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn {
  width: 100% !important;
}

}

@media only screen and (min-width: 520px) and (max-width: 767px){
    
    body .top-free {
  padding: 0 !important;
}
section.video-sec a {
    position: absolute;
    left: 0;
    top: 0;
    animation: pulse-animation 2s infinite;
    transition: 0.5s ease-in-out;
    /* background: #fff; */
    z-index: 99999999;
    /* width: 200px; */
    /* height: 200px; */
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.menuSec .logo {
  margin-top: 50px;
}

#gt_float_wrapper {
  margin-top: 40px;
}

.topSec ul.socialMedia-icon li {
  margin-right: 11px;
  width: 0;
}

.topSec ul.socialMedia-icon {
  flex-wrap: wrap;
}

body ul#menu li a {
  padding: 14px;
}

body .menuSec ul li a {
  padding: 14px;
  font-size: 11px;
}
.logo-sec img {
  height: 50px !important;
}

.main-banner-slide img {
  height: 50vh;
  width: 100%;
  object-fit: cover;
}

section.banner-sec .text-sec h2 {
  font-size: 28px !important;
  line-height: 40px;
  margin: 0 0 10px;
}

section.banner-sec .text-sec p {
  font-size: 11px;
}

section.options-stripe {
  padding-left: 0 !important;
}
  h5.sec-heading {
    font-size: 30px;
    margin: 0 0 20px;
    line-height: 40px;
  }
  

.our-prod-sec h4.prod-name {
  font-size: 18px;
}

.our-gallery-sec img.side-img {
  height: 230px;
  margin: 0 0 20px;
}

.our-gallery-sec .center a:nth-child(2n) img {
  margin: 34px 0 20px 0;
}

.quick-link {
  padding-left: 0;
  margin-left: 0;
}

.contact-info {
  padding-left: 0;
}

ul.foot-list.mb-0 {
  margin-left: 0 !important;
}
.copy-right p {
  font-size: 12px;
}

.inner-page-banner .row {
  height: 400px !important;
}

.inner-page-banner {
  height: 40vh;
}

.prod-box {
  padding: 25px 5px 25px;
}

h4 {
  font-size: 18px;
}

.contact-form h2 {
  font-size: 32px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.btn {
  width: 100% !important;
}

.contact-us {
  padding-bottom: 0;
}

.contact-box h3 {
  font-size: 18px;
}
.vi-picc {
    width: 100%;
    height: auto !important;
    object-fit: cover;
}
}

@media only screen and (min-width: 300px) and (max-width: 519px){
body .top-free {
  padding: 0 !important;
}
section.video-sec a {
    position: absolute;
    left: 0;
    top: 0;
    animation: pulse-animation 2s infinite;
    transition: 0.5s ease-in-out;
    /* background: #fff; */
    z-index: 99999999;
    /* width: 200px; */
    /* height: 200px; */
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.vi-picc {
    width: 100%;
    height: auto !important;
    object-fit: cover;
}
.menuSec .logo {
  margin-top: 50px;
}

#gt_float_wrapper {
  margin-top: 40px;
}

.topSec ul.socialMedia-icon li {
  margin-right: 11px;
  width: 0;
}

.topSec ul.socialMedia-icon {
  flex-wrap: wrap;
}

body ul#menu li a {
  padding: 14px;
}

body .menuSec ul li a {
  padding: 14px;
  font-size: 11px;
}
.logo-sec img {
  height: 50px !important;
}

.main-banner-slide img {
  height: 50vh;
  width: 100%;
  object-fit: cover;
}

section.banner-sec .text-sec h2 {
  font-size: 28px !important;
  line-height: 40px;
  margin: 0 0 10px;
}

section.banner-sec .text-sec p {
  font-size: 11px;
}

section.options-stripe {
  padding-left: 0 !important;
}
  h5.sec-heading {
    font-size: 30px;
    margin: 0 0 20px;
    line-height: 40px;
  }
  

.our-prod-sec h4.prod-name {
  font-size: 18px;
}

.our-gallery-sec img.side-img {
  height: 230px;
  margin: 0 0 20px;
}

.our-gallery-sec .center a:nth-child(2n) img {
  margin: 34px 0 20px 0;
}

.quick-link {
  padding-left: 0;
  margin-left: 0;
}

.contact-info {
  padding-left: 0;
}

ul.foot-list.mb-0 {
  margin-left: 0 !important;
}
.copy-right p {
  font-size: 12px;
}

.inner-page-banner .row {
  height: 400px !important;
}

.inner-page-banner {
  height: 40vh;
}

.prod-box {
  padding: 25px 5px 25px;
}

h4 {
  font-size: 18px;
}

.contact-form h2 {
  font-size: 32px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.btn {
  width: 100% !important;
}

.contact-us {
  padding-bottom: 0;
}

.contact-box h3 {
  font-size: 18px;
}



}


/*Media Query End*/



ul#menu li a {
    padding: 13px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn {
    font-size: 20px;
    text-transform: capitalize;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    padding: 0.4em 1.2em;
    border: 2px solid #30112b;
    border-radius: 0;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease all;
    z-index: 1;
    background-color: #30112b;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    width: 15%;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn:hover {
    background-color: #a33a92;
}

h1.product_title.entry-title {
    color: black;
}

button.single_add_to_cart_button.button.alt {
    margin: 0 auto 0 0;
    font-family: 'Playfair Display';
    text-align: center;
    width: 35%;
    height: 44px;
    font-size: 16px;
    line-height: 40px;
    border: none;
    background-color: #30112b;
    color: #fff;
    padding: 1px 10px 10px 10px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #30112b;
    color: #fff;
}
.woocommerce .quantity .qty {
    width: 5.631em;
    text-align: center;
    padding: 4px 1px 10px 10px;
    font-size: 20px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000000;
    font-size: 2.25em;
}
span.posted_in a {
    color: black;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin: 10px;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 50px 0 1em;
}
.woocommerce ul.products li.product .price {
    color: #000000;
    font-size: 1.857em;
}
p.txt {
    color: #000;
}
.woocommerce .woocommerce-result-count {
    margin: 40px 0 1em;
}
.woocommerce .woocommerce-ordering {
    margin: 40px 0 1em;
}
.our-prod-sec .col-md-3.col-lg-3.col-sm-3.col-12 {
    margin-top: 60px;
}
nav.woocommerce-breadcrumb {
    display: none;
}
.woocommerce div.product {
    margin-bottom: 0;
    margin-top: 60px;
    position: relative;
}
table.shop_table thead tr {
    height: 40px;
    color: #fff;
    font-size: 20px;
    background-color: #381535;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 30%;
    box-shadow: none;
}
td.product-name a {
    font-size: 20px;
    color: #000 !important;
}
a.checkout-button.button.alt.wc-forward {
    background-color: #381535;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #fff !important;
    padding: 20px 35px;
}
button.button {
    background-color: #381535 !important;
    color: #fff !important;
}
input#coupon_code {
    display: none;
}
.woocommerce-billing-fields h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 100;
    font-family: 'Playfair Display';
    text-transform: capitalize;
    margin: 0;
    padding: 10px 10px 10px 10px;
    background-color: #381535;
}
.woocommerce-additional-fields h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 100;
    font-family: 'Playfair Display';
    text-transform: capitalize;
    margin: 0;
    padding: 10px 10px 10px 10px;
    background-color: #381535;
}

element.style {
}
input#billing_first_name {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#billing_last_name {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#billing_company {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
span.select2-selection.select2-selection--single {
    padding: 5px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#billing_address_1 {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#billing_address_2 {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#billing_city {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#billing_postcode {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#billing_phone {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#billing_email {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
.woocommerce-privacy-policy-text a {
    display: none;
}
textarea#order_comments {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#username {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
input#password {
    padding: 12px;
    margin-bottom: 0px;
    min-height: 40px;
    border: 1px solid #bfbfbf;
    color: #737373;
    appearance: auto;
    width: 100%;
}
h1.product_title.entry-title {
    font-family: 'Playfair Display';
}
div#tab-description h2 {
    font-family: 'Playfair Display';
}
section.related.products h2 {
    font-family: 'Playfair Display';
}
ul.tabs.wc-tabs a {
    font-family: 'Playfair Display';
}
h4.prod-name {
    font-family: 'Playfair Display';
}
.shop_table thead {
    font-family: 'Playfair Display';
}
td.product-name a {
    font-family: 'Playfair Display';
}
.cart_totals h2 {
    font-family: 'Playfair Display';
}
a.checkout-button.button.alt.wc-forward {
    font-family: 'Playfair Display';
}
div#tab-description h2 {
    font-family: 'Playfair Display';
    font-size: 40px;
}
section.related.products h2 {
    text-align: center;
    font-size: 40px;
}
h1.product_title.entry-title {
    font-size: 40px;
}
/* ul.login-register-btn.wow.fadeInDown {
    margin-right: -220px;
} */
section.options-stripe {
    padding-left: 200px;
}
/* ul.products.columns-4 li a {
    pointer-events: none;
} */
section.vision-mission-sec {
    padding: 0px 0px;
    margin-top: -100px;
}

.our-prod-sec h4.prod-name {
    padding-top: 20px;
}





/* .menuSec ul li {
    margin: 0 0 0 29px;
} */


 
     section.banner-sec .text-sec h2 {
	
	font-family: 'geometos';
	font-weight: 400 ;
	font-size: 65px ;
}

/* ul.foot-list.mb-0 p {
    font-size: 12px;
} */


ul.login-register-btn li:first-child a {
    margin: 0px 0px 0 0;
}

.logo-sec img {
    height: 140px;
}


.menuSec .logo {
    padding: 20px 10px 20px 20px;
}

.top-free {
    display: block !important;
    text-align: -webkit-center !important;
    padding: 0 0 0 200px !important;
}

.menuSec ul#menu {
    float: inherit;
    display: block;

}
ul#menu li a {
    padding: 30px;
}

/* ul.login-register-btn.wow.fadeInDown {
    margin-right: -140px;
} */

/* ul.foot-list.mb-0 {
    margin-left: -50px;
}
 */

/* .wc-proceed-to-checkout {
    display: none;
} */


.vc_custom_1696468217327 p,
.vc_custom_1696533300148 p{
    font-weight: 600;
    font-size: 16px;
}
.contact-us {
    padding-top: 0px !important;
}
.contact-box {
    padding-bottom: 0 !important;
}
.contact-form p {
    font-size: 16px;
    font-weight: 600;
}
.contact-box a {
    font-size: 18px !important;
}
section.abt_page_main p,
.abt_page_txt p{
    font-weight: 600;
}
.woocommerce-product-details__short-description p,
#tab-description p{
    font-weight: 600;
}

.gt_float_switcher .gt-selected .gt-current-lang {
  width: 155px;
}





button.single_add_to_cart_button.button.alt {
  display: block !important;
}


.topSec .left p {
  margin: 8px 265px !important;
}

.topSec ul.socialMedia-icon li {
  margin-left: 10px;
}

.custom-logo-link {
  display: inline-block;
  background-color: #fff;
  padding: 10px 10px 20px 20px;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
  box-shadow: 0px 0px 20px 6px rgb(0 0 0 / 18%);
  position: relative;
  z-index: 1;
}

li.shopping img {
    width: 22px;
}

li.shopping a {
    padding: 2px !important;
    margin-bottom: 10px !important;
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
  .logo-sec img {
    height: 150px !important;
  }
	.logo-sec {
  margin: -30px 0 0px 0;
}
	.is-form-style input.is-search-input {
  padding: 0 12px;
  margin: 0px 10px 10px -10px;
	}
}



.slick-list.draggable h2 {
  margin-top: 520px !important;
}

ul.login-register-btn.wow.fadeInDown {
  margin-right: 0px !important;
}



.vi-picc {
  height: 570px !important;
  width: 100%;
  object-fit: contain;
}

@media only screen and (max-width:1400px){
	ul#menu li a {
  padding: 20px;
}
.main-banner-slide .text-sec h2 {
  margin-top: 0px !important;
}	
}

@media (max-width:1200px){	
.custom-logo-link {
  width: 200px;
}
	.topSec .left p {
  margin: 15px 0px 0px 10px !important;
}
.menuSec ul li {
  margin: 0 0 0 -10px;
}
.video-sec a.play-btn {
  left: 45%;
  top: 45%
}	
}

@media only screen and (max-width:992px){
 body .menuSec ul li a {
    font-size: 16px;
  }	
.menuSec ul#menu {
  text-align: center;
  margin-top: 20px;
}	
ul.login-register-btn.wow.fadeInDown {
  text-align: center;
}	
.our-gallery-sec img {
  margin: 10px auto !important;
  display: table !important;
	width:100% !important;
	height:auto !important;
}
.copy-right p{
  text-align: center !important;
}	
ul.pay-cards {
  justify-content: center;
}
}

@media (max-width:767px){
a.footer-logo {
  font-size: 20px;
  line-height: 40px;
}	
.video-sec a.play-btn {
    left: 0%;
    top: 0%;
  }	
.video-sec a.play-btn img {
  width: 30% !important;
}	
.vi-picc {
  height: auto !important;
  width: 100%;
  object-fit: contain;
}	
section.options-stripe .cont {
  margin: 10px 0px;
}	
ul.login-register-btn.wow.fadeInDown {
  margin-right: 0px !important;
  margin-bottom: 20px;
}	
.our-prod-sec {
  padding: 20px 0;
}	
.new-letter {
  padding-left: 0px;
  padding-top: 20px;
}	
  .logo-sec img {
    height: 150px !important;
  }	
.main-banner-slide img {
  height: auto !important;
}
.menuSec ul#menu {
  display: none;
}
.topSec .left p {
  margin: 0 !important;
  text-align: center;
}
.topSec ul.socialMedia-icon {
  flex-wrap: inherit !important;
}
li.lang-link select {
  display: none;
}
.topSec ul.socialMedia-icon li {
  display: none;
}
.topSec .left p {
  text-align: center;
}
.topSec ul.socialMedia-icon {
  flex-wrap: ;
}
.logo-sec img {
  height: 130px !important;
  width: 100%;
  object-fit: cover !important;
}	
	
	
	.topSec ul.socialMedia-icon {
  display: flex !important;
  justify-content: center !important;
}
	
 .logo-sec img {
    height: 140px !important;
  }

	.topSec .col-sm-3 {
  width: 100%;
}
	
	
	.logo-sec {
  margin: 0 !important;
}
	
	
}


@media screen and (min-device-width: 320px) and (max-device-width: 575px) {
 a.shop-btn {
    font-size: 15px !important;
    line-height: 30px !important;
    padding: 2px 15px !important;
}	
a.shop-btn {
  font-size: 16px !important;
  line-height: 40px !important;
  padding: 2px 23px !important;
}	
.is-form-style input.is-search-input {
    padding: 0 12px;
    margin: 10px 10px 10px 0px;
  }	
section.banner-sec .text-sec h2 {
  font-size: 20px !important;
  line-height: 40px;
  margin: 0 0 10px;
}	
	
.topSec .col-sm-3 {
  width: 100%;
}

.topSec ul.socialMedia-icon {
  display: flex !important;
  justify-content: center !important;
}
	
	 height: 130px !important;
	
	
}


@media screen and (min-device-width: 320px) and (max-device-width: 768px) {

.topSec .left p {
  margin: 0px 0px !important;
}
}








/*  #loading-wrapper{background:#fff;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999999999}.loader-backdrop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(2px)}#loading-text{display: block;position: absolute;top: 50%;left: 50%;color: #000;width: 100px;height: 30px;margin: -7px 0 0 -45px;text-align: center;font-family: 'PT Sans Narrow', sans-serif;font-size: 20px;z-index: 1}#loading-content{border: 3px solid transparent;border-top-color: #4D658D;border-bottom-color: #4D658D;border-radius: 50%;-webkit-animation: loader 2s linear infinite;-moz-animation: loader 2s linear infinite;-o-animation: loader 2s linear infinite;animation: loader 2s linear infinite}#loading-content{display: block;position: relative;left: 50%;top: 50%;width: 170px;height: 170px;margin: -85px 0 0 -85px;border: 3px solid #F00;border-radius: 50%;-webkit-animation: loader 2s linear infinite;-moz-animation: loader 2s linear infinite;-o-animation: loader 2s linear infinite;animation: loader 2s linear infinite;border: 3px solid transparent;border-top-color: #4D658D;border-bottom-color: #4D658D;border-radius: 50%;-webkit-animation: loader 2s linear infinite;-moz-animation: loader 2s linear infinite;-o-animation: loader 2s linear infinite;animation: loader 2s linear infinite;background: #fff}#loading-content:before{content: "";position: absolute;left: 5px;right: 5px;top: 5px;bottom: 5px;border: 3px solid transparent;border-top-color: #D4CC6A;border-bottom-color: #D4CC6A;border-radius: 50%;-webkit-animation: loader 3s linear infinite;-moz-animation: loader 2s linear infinite;-o-animation: loader 2s linear infinite;animation: loader 3s linear infinite}#loading-content:after{content: "";position: absolute;border: 3px solid #0F0;left: 15px;right: 15px;top: 15px;bottom: 15px;border: 3px solid transparent;border-top-color: #84417C;border-bottom-color: #84417C;border-radius: 50%;-webkit-animation: loader 1.5s linear infinite;animation: loader 1.5s linear infinite}@keyframes loader{0%{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}100%{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}} */




.woocommerce-message a {
  padding: 0 !important;
  height: 40px;
  width: 160px;
  display: flex !important;
  justify-content: end !important;
  align-content: center !important;
  padding-top: 12px !important;
	padding-right:25px !important;
}
/*.woocommerce-message a::before {*/
/*  content: "\f290";*/
/*  font-family: "Font Awesome 5 Pro" !important;*/
/*  font-size: 30px;*/
/*  position: absolute;*/
/*  left: 10px;*/
/*  top: 5px;*/
/*}*/
.woocommerce-notices-wrapper {
  margin-top: 40px !important;
}

.woocommerce-message .button.wc-forward {
  font-size: 0;
  width: auto;
  padding: 0 !important;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex !important;
  justify-content: center !important;
  align-content: center !important;
}
.woocommerce-message .button.wc-forward::before {
  position: inherit !important;
  inset: 0;
  display: flex !important;
  align-content: center !important;
}


.woocommerce-message .button.wc-forward {
  background: transparent !important;
}
.woocommerce-message a::before {
  content: '' !important;
  font-size: 30px;
  position: inherit !important;
  left: 0 !important;
  top: 0 !important;
  justify-content: end !important;
  width: 35px;
  background: url(https://www.titletrackscardgame.com/wp-content/uploads/2023/12/shopping-cart-1.png);
  background-size: 100% 100% !important;
  height: 35px !important;
}

@media (max-width:991px){
    .main-banner-slide {
  flex-direction: column;
}
.main-banner-slide .container {
  position: initial !important;
}

section.banner-sec .row {
  height: auto !important;
}
.inner-page-banner {
  height: 140px !important;
  display: flex;
  align-content: center !important;
  padding-top: 50px;
}
section.banner-sec .text-sec h2 {
  font-size: 30px !important;
}
.abt_page_txt h5.sec-heading {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
section.abt_page_main {
  padding-top: 30px;
}
.footer-main {
  padding-top: 10px;
}

section.banner-sec .text-sec {
  padding-top: 20px;
}

section.banner-sec .text-sec h2 {
  line-height: 30px !important;
  margin-bottom: 0 !important;
}
section.banner-sec .text-sec {
  padding: 0 !important;
}
.inner-page-banner {
  padding: 0 !important;
}
section.banner-sec .row {
  height: 100% !important;
}
section.banner-sec .row .col-md-3:nth-child(2) {
  display: none;
}
}