@font-face{font-family:'bpgninomtavr';src:url('/assets/bpg_nino_mtavruli_normal.ttf');}

*{margin:0;padding:0;box-sizing: border-box;}
html{min-height: 100vh;overflow-x: hidden;}
html,body{position:relative;width: 100%;min-height: 100vh;margin:0 auto;background-color:#ffffff;overflow-x: hidden;}
/*body{position:relative;width: 100%;min-height: 100vh;margin:0 auto;
  background-color: #f5f5f8;
  transition: opacity .2s ease,background-color .2s ease,fill .2s ease;
  -webkit-transition: opacity .2s ease,background-color .2s ease,fill .2s ease;
  overflow-x: hidden;}*/
section.header{
position: fixed;
width:100%;
height:auto;
border-bottom: 0px solid #d0dbdf;
box-shadow: 1px 4px 5px 1px #ececec;
-webkit-box-shadow: 1px 4px 5px 1px #ececec;
background: #ffffff;
z-index: 20;
}
.swiper-navBtn{
top: 31%;
background: #283134;
width: 40px;
height:40px;
border-radius: 50%;
}
.swiper-navBtn::after{
font-size:1.4rem;
color:#fff;
}
header.header{
position: relative;
width:100%;
height:auto;
}
.top_nav{
  width:100%;
  height:auto;
  border-bottom: 1px solid #e4e4e4;
  }
  .top_header_box{
  position: relative;
  display:flex;
  display:-webkit-flex;
  justify-content: space-between;
  align-items: center;
  width:1260px;
  margin:0 auto;
  }
  .top_header_nav{
  position: relative;
  padding: 15px 0 10px 20px;
  }
  .top_header_nav ul{
  display:flex;
  display:-webkit-flex;
  list-style:none;
  }
  .top_header_nav ul li{
  margin:0 5px 0 5px;
  }
  .top_header_nav ul li a{
  display:block;
  text-decoration:none;
  color:#212529;
  font-weight:600;
  font-size:0.9rem;
  font-family: 'bpgninomtavr';
  }
  
  .top_header_info{
  display:flex;
  display:-webkit-flex;
  }
  .top_tel_email{
  display:flex;
  display:-webkit-flex;
  border-right: 1px solid #e4e8ea;
  padding: 10px 5px 10px 10px;
  align-items: center;
  }
  .top_tel_email a{
  display:block;
  text-decoration: none;
  margin:0 5px 0 5px;
  color:#212529;
  font-weight:500;
  font-size:0.9rem;
  font-family:arial;
  }
  a.topnav_autoimport{
  background: #edb50c;
  color: #fff;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
  -webkit-border-radius:5px;
  }
  .top_header_lang{
  padding: 15px 10px 15px 10px;
  }

.search_logo_nav_container{
position: relative;
width:1260px;
margin:0 auto;
}
.search_log_felx_boxs{
display:flex;
display:-webkit-flex;
justify-content: space-between;
align-items:center;
}
.logo_flex_box_content{
width: 70px;
width: 70px;
}
img.logo_header_img{
width:100%;
height: 100%;
object-fit: cover;
}
.search_flex_box_content{
position: relative;
width:800px;
}
input.main_searchfield{
width: 100%;
height: 42px;
padding: 0 0 0 10px;
border-radius: 9px;
-webkit-border-radius:9px;
border: 1px solid #d1dbde;
outline: none;
}
a.navheaderloginreg-button{
display: flex;
display: -webkit-flex;
align-items:center;
text-decoration:none;
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.main_navigation_container{
position: relative;
width: 1260px;
margin: 0 auto;
}
.main_navigation_content{
position: relative;
padding: 15px 0 25px 0;
}
.main_nav_flex_boxs{
display: flex;
display: -webkit-flex;
align-items: center;
}
.nav_categ_header{

}
p.nav_categ_link{
color:#212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight:600;
}
nav.navigation_nav{
position: relative;
margin-left: 40px;
width: 100%;
}
ul.nav_ul{
display: flex;
display: -webkit-flex;
list-style: none;
justify-content: space-between;
}
ul.nav_ul li {

}
ul.nav_ul li a.main_nav_href{
text-decoration:none;
color:#212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight:600;
}
span.nav_svgicon{
position: absolute;
margin-left: 3px;
}
svg.nav_arrow_out{
transition: ease-in-out
}
ul.nav_ul li a.main_nav_href:hover span.nav_svgicon{
top: -3px;
}
ul.nav_ul li a.main_nav_href:hover svg.nav_arrow_out{
fill: #09c;
}
main.app-main{
position: relative;
width:1260px;
margin:185px auto
}
section.section_categlist_slider{
position: relative;
width:100%;
height: auto;
}
.categlist_slider_container{
position: relative;
width:100%;
height: auto;
}
.categlist_slider_content{
display:flex;
display: -webkit-flex;
justify-content: space-between;
}
.categlist_content{
position: relative;
width:260px;
background-color: #ffffff;
box-shadow: 2px 3px 10px 1px #e0e4e6;
-webkit-box-shadow: 2px 3px 10px 1px #e0e4e6;
border-radius: 6px;
-webkit-border-radius: 6px;
}
nav.categlist_nav{
position: relative;
padding-top: 20px;
}
ul.categlist_ul{
list-style:none;
}
ul.categlist_ul li{
position: relative;
margin:5px 0 5px 0;
padding:0 10px 0 10px;
border-bottom:1px solid #e8edef;
}
ul.categlist_ul li a{
position: relative;
display: block;
text-decoration:none;
padding:7px 0 7px 0;
color:#212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight:600;
}
nav.categlist_nav span.categnav_rightarrow_content{
position: absolute;
right: 3px;
top: 0px;
}
nav.categlist_nav ul.categlist_ul li.maincateg_li:hover a.maincateg_a{
color: #09c;
}
nav.categlist_nav ul.categlist_ul li.maincateg_li:hover span.categnav_rightarrow_content svg{
fill: #09c;
}
nav.categlist_nav ul.categlist_ul li.maincateg_li:hover .parent_subcateg_content{
display: block;
left:257px;
z-index: 12;
}
.parent_subcateg_content{
position:absolute;
display:none;
padding:10px;
left:0;
top: 5px;
width: 480px;
background: rgb(255, 255, 255);
border-radius:5px;
-webkit-border-radius:5px;
box-shadow: rgba(33, 37, 41, 0.25) 0px 25px 50px -12px;
z-index: -1;
}
.parent_categ_lists_box{

}
ul.parent_categ_ul li.parent_categ_li{
list-style:none;
}
ul.parent_categ_ul li.parent_categ_li a{
display: block;
text-decoration: none;
}
ul.parent_categ_ul li.parent_categ_li:last-child{
border-bottom:none;
}
.slider_container{
position: relative;
width:calc(100% - 260px);
height: 558px;
overflow: hidden;
}
.slider_content{
position: relative;
width: 99%;
height: 558px;
margin-left: 1%;
}
img.mainslide_img{
width: 100%;
height:100%;
object-fit: cover;
object-position: center;
border-radius: 12px;
-webkit-border-radius:12px;
}
.slider_boxs_images{
position: relative;
}
.slider_text_contant{
position: absolute;
top: 20%;
left: 15%;
transform: translate(-20%, 50%);
-webkit-transform: translate(-20%, 50%);
}
.slider_texth1_div{
background: rgba(0, 0, 0, 0.5);
padding: 1rem 2rem 0.4rem 2rem;
opacity:0;
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
animation:slideFromTop 0.8s ease-out forwards;
animation-delay: 0.3s;
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
border-radius:8px;
-webkit-border-radius:8px;
}
.slider_texth1_div h1.slider_texth1{
font-size: 3rem;
font-family: 'bpgninomtavr';
font-weight:600; 
color:#fff;
overflow: hidden;
display:inline-block;
}
.slider_texth1 .letter{
display:inline-block;
opacity:0;
transform: translateY(20px);
-webkit-transform: translateY(20px);
animation:letterFadeIn 0.5s ease forwards;
}
.sliderbutton_content{
position:relative;
margin-top:20px;
width: 250px;
opacity:0;
transform: translate(-100px);
-webkit-transform: translate(-100px);
animation: slideFromLeft 0.8s ease-out forwards;
animation-delay:1.2s;
}
a.slider_text_btnlink{
position:relative;
display: block;
text-align: center;
text-decoration:none;
font-size: 1.2rem;
color:#ffffff;
font-family: 'bpgninomtavr';
/*background-color: #129ff4;*/
background:linear-gradient(135deg, #129ff4 0%, #0d7ac4 100%);
padding:8px 10px 5px 10px;
border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
-webkit-transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 15px rgba(18, 159, 244, 0.3);
}
a.slider_text_btnlink::before{
content: '';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.5s ease;
-webkit-transition: left 0.5s ease;
}
a.slider_text_btnlink:hover::before {
  left: 100%;
}
a.slider_text_btnlink:hover{
transform: translateY(-2px);
-webkit-transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(18, 159, 244, 0.5);
}
@keyframes slideFromTop{
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity:0;
    transform: translateX(-100px);
  }
  100% {
    opacity:1;
    transform: translateX(0);
  }
}
/*--letter fade in--*/
@keyframes letterFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
/*--wave animation for letters--*/
@keyframes wave {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-10px) scale(1.1);
    color:#129ff4;
    text-shadow: 0 0 20px rgba(18, 159, 244, 0.8);
  }
}
/*--Pulse animation for letters--*/
/*@keyframes pulse{
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}*/
/*--color shift animation--*/
/*@keyframes colorShift {
  0%, 100% {
    color: #ffffff;
  }
  50% {
    color: #129ff4;
  }
}*/
.swiper-slide:not(.swiper-slide-active) .slider_texth1_div,
.swiper-slide:not(.swiper-slide-active) .sliderbutton_content {
  opacity: 0;
  animation: none;
}
.swiper-slide-active .slider_texth1_div {
  animation: slideFromTop 0.8s ease-out forwards;
  animation-delay: 0.3s;
}
.swiper-slide-active .sliderbutton_content {
  animation: slideFromLeft 0.8s ease-out forwards;
  animation-delay: 1.2s;
}
/*---Banners--*/
section.section_banners_rowx1{
position: relative;
width:100%;
height: auto;
margin:20px 0 20px 0;
}
.banners_rowx1_container{
position: relative;
width: 100%;
}
.banners_rowx1_content{
display:grid;
grid-template-columns: repeat(3, 1fr);
/*grid-template-columns: repeat(auto-fit, minmax(228px, 228px));
width: 100%;*/
gap: 10px;
width: 100%;
height:auto;
}
.banner_rowx1_imgbox{
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
}
.banner_rowx1_wrapper{
position:absolute;
width:100%;
height:100%;
}
.banner_rowx1_text_wrapper{
position: absolute;
margin-top: 20px;
width: 90%;
display: flex;
flex-direction: column;
gap: 1.7rem;
align-items: flex-start;
padding: 0.3rem 0.6rem 0.6rem 1.6rem;
}
.banner_rowx1_badge{
background-color: #f98b17;
padding:0.2rem;
border-radius:5px;
-webkit-border-radius:5x;
}
.banner_rowx1_badge span{
color:#212529;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-weight:600; 
color:#fff;
}
h2.rowx1_text_wrapper_h2{
color:#ffffff;
font-size: 1.3rem;
font-family: 'bpgninomtavr';
font-weight:600;
background: rgba(0, 0, 0, 0.5);
padding: 0.5rem 0.1rem 0.4rem 0.5rem;
}
.banner_rowx1_footer{

}
a.topbanner_link{
position: relative;
text-decoration:none;
display: flex;
display:-webkit-flex;
align-items: center;
color:#ffffff;
font-size: 1.1rem;
font-family: 'bpgninomtavr';
font-weight:600;
background-color: #252a2c; /* Keep this */
padding: 0.5rem 0.5rem 0.2rem 0.5rem;
border-radius: 0.4rem;
-webkit-border-radius:0.4rem;
border: 1px solid #252a2c;
overflow: hidden;
transition: color 0.3s ease;
}
a.topbanner_link::before{
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #3a4144 0%, #4a5356 100%);
transition: left 0.4s ease;
z-index: 0;
border-radius: 0.4rem;
}
a.topbanner_link > * {
position: relative;
z-index: 1;
}
a.topbanner_link:hover::before {
  left: 0;
}
/* Arrow icon container */
.footer_arrow_icon {
transition: transform 0.3s ease;
margin-left: 0.3rem;
}

/* Arrow animation on hover */
a.topbanner_link:hover .footer_arrow_icon {
  transform: translateX(5px);
  animation: arrowSlide 0.6s ease-in-out;
}

/* Keyframe animation for the arrow */
@keyframes arrowSlide {
  0% {
      transform: translateX(0);
  }
  50% {
      transform: translateX(8px);
  }
  100% {
      transform: translateX(5px);
  }
}

@keyframes arrowPulse {
  0%, 100% {
      transform: translateX(0);
  }
  25% {
      transform: translateX(5px);
  }
  75% {
      transform: translateX(3px);
  }
}

img.banner_rowx1_img{
width: 100%;
height: 100%;
border-radius:6px;
-webkit-border-radius:6px;
object-fit: cover;
object-position: center center;
}

/*-----products lists--wrappper--*/
.products_wrapp_slide_header h1{
font-size: 1.4rem;
font-family: 'bpgninomtavr';
font-weight:600;
}
.products_slide_container{
position: relative;
/*width: 100%;
overflow: hidden;*/
padding: 5px 10px 5px 10px;
}
.products_slide_content{
position: relative;
display: flex;
display:-webkit-flex;
justify-content:flex-start;
margin-bottom: 25px;
}
.item_wrapp_box_content{
position: relative;
width:256px;
height: auto;
border:1px solid transparent;
}
.item_imgbox_content{
position: relative;
width:100%;
height: 100%;
padding:0.9rem;
}
.product_slide_img{
position: relative;
width:100%;
height:226px;
border: 1px solid #e8eef0;
border-radius: 6px;
-webkit-border-radius:6px;
overflow: hidden;
}
img.imgbox_img{
width:100%;
height:100%;
object-fit: cover;
object-position: center center;
}
.product_wishlist{
position:absolute;
right:5px;
top:5px;
background: #fdfeff;
box-shadow: 2px 2px 2px 1px #f2f4f4;
-webkit-box-shadow: 2px 2px 2px 1px #f2f4f4;
border-radius: 50%;
-webkit-border-radius: 50%;
padding: 0.2rem 0.2rem 0.1rem 0.2rem;
}
svg.wishlist_svg:hover{
fill:rgb(1, 144, 180);
}
.item_title_wrapper{
position: relative;
margin-top: 15px;
overflow: hidden;
height: 38px;
}
h3.product_title{
font-size:0.98rem;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.product_rating_wrapper{
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
margin-top:9px;
}
span.item_rating_span{

}
span.item_review_span{
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
margin-left:10px;
}
.product_price_wrapper{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
margin-top: 10px;
}
span.price_values del{
color: #87969b;
}
span.price_values{
display: flex;
display: -webkit-flex;
flex-direction: column;
}
span.price_amount{
font-size:1rem;
font-weight: 600;
}
svg.product_cartsvg:hover{
fill: #09c;
}
h3.categ_box_title{
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
text-align: center;
}
.categ_totalitems_wrapper{
  text-align: center; 
}
span.categ_totalitem_span{
color: #71767b;
font-size:1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
/*------Banners rowx2----*/
.banners_rowx2_content{
display:grid;
grid-template-columns: repeat(2,1fr);
gap:10px;
width: 100%;
height:auto;
}
.banner_rowx2_imgbox{
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
}

/*----Banners row3---*/
.banners_rowx3_content{
display:grid;
grid-template-columns: repeat(1,1fr);
gap:10px;
width: 100%;
height:auto;
}
.banner_rowx3_imgbox{
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
}
/*-----Brands---*/
.brand_rowx5_slide_img{
position: relative;
width: 100%;
height:160px;
border: 1px solid #e8eef0;
border-radius: 6px;
-webkit-border-radius: 6px;
overflow: hidden;
text-align: center;
}
img.brand_rowx5box_img{
width: 98%;
height: 100%;
object-fit:contain;
object-position: center center;
}
h3.brand_title{
font-size: 0.9rem;
text-transform: capitalize;
}
/*---Products lists---*/
.products-page-wrapper{
position: relative;
width: 100%;
min-height: 100vh;
margin:195px auto;
}
.mainpage-nav-section{
position: relative;
width: 100%;
height: auto;
}
section.category-mainpage-section {
position: relative;
width: 100%;
margin: 20px auto;
}
.category-mainpage-section-container {
position: relative;
width: 100%;
}
.category-mainpage-section-content {
position: relative;
width: 100%;
height: auto;
}
.category-mainpage-section-content-flex-boxs {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.category-page-filter-right-side-content {
position: relative;
width: 280px;
min-height: 100vh;
background-color: #f7f7f8;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 5px 7px 2px 9px;
}
.category-page-filter-right-side-content h2 {
font-size: 1.2rem;
font-family: Arial, Helvetica, sans-serif;
}
.mobile-filter-slide-close {
display: none;
}
.category-filter-container {
position: relative;
margin-top: 20px;
}
.category-filter-header h4 {
font-size: 1.1rem;
font-family: 'bpgninomtavr';
}
.category-filter-lists{

}
.category-filter-checkbox-content {
display: flex;
display: -webkit-flex;
margin: 10px 0 10px 0;
}
.category-filter-checkbox-input input {
cursor: pointer;
}
.category-filter-checkbox-label {
position: relative;
margin-left: 10px;
}
label.brand_filter-label {
cursor: pointer;
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize;
}
.category-page-products-content-side {
position: relative;
width: calc(1260px - 280px);
padding: 0 10px 5px 10px;
}
.product-filter-container {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 7px;
border-radius: 11px;
-webkit-border-radius: 11px;
margin-bottom: 5px;
}
.showing-filter-result p {
font-size: 1rem;
font-family: arial;
color: #676768;
}
span.total_items{
font-family: 'bpgninomtavr'; 
font-weight: 600;
color: #222;
}
.showing-filter-result a.mobile_advance_filter_btn {
  display: none;
}
.product-sort-showitems-flex {
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.product-sortby-select-latest-flex {
display: flex;
display: -webkit-flex;
margin-right: 15px;
align-items: center;
}
.product-sortby-span {
margin-left: 10px;
margin-right: 5px;
}
.product-sortby-span span {
font-family: arial;
font-size: 0.9rem;
}
select.product-sort-by-select {
height: 35px;
border: 1px solid transparent;
border-radius: 5px;
padding: 0 0 0 10px;
}
.show-total-items-content span {
font-size: 0.9rem;
font-family: arial;
color: #222;
}
select.showitems-select {
height: 35px;
border: 1px solid transparent;
border-radius: 5px;
padding: 0 0 0 10px;
}
.app-products-container {
position: relative;
padding: 20px 0 20px 0;
}
.products-list-boxs {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fit,minmax(200px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(228px, 228px));
width: 100%;
gap: 10px;
}
img.brandlist_img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center; 
}
/*--Product Details---*/
.product-gallery-detail-content {
position: relative;
width: 100%;
margin: 0 auto;
}
.pageheader-nav-route {
position: relative;
margin: 10px 0 10px 0;
padding: 0 0 0 0px;
display: flex;
display: -webkit-flex;
}
.pageheader-nav-route a.navroute-notactive-link {
display: flex;
display: -webkit-flex;
align-items: center;
color: #fffbfb;
background: #b1b6b7;
padding: 3px 5px 3px 5px;
border-radius: 5px;
-webkit-border-radius:5px;
border: 1px solid transparent;
}
.pageheader-nav-route a {
display: block;
text-decoration: none;
font-size: 0.8rem;
font-family: Arial, Helvetica, sans-serif;
margin: 0 5px 0 5px;
}
.pageheader-nav-route a.navroute-active-link {
display: flex;
display: -webkit-flex;
align-items: center;
color: #fff;
background: #129ff4;
padding: 3px 5px 3px 5px;
border-radius:5px;
-webkit-border-radius:5px;
}
.product-view-boxs-flex {
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product-gallery-side {
position: relative;
width: 635px;
border: 1px solid #dde5e8;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.product-main-image-content {
position: relative;
width: 635px;
height: auto;
}
.itemBigImg_content {
position: relative;
width: 635px;
height: 600px;
overflow: hidden;
}
.itemBigImg_content img {
width: 100%;
height: auto;
object-fit: contain;
cursor: zoom-in;
}
.itemview_galleryList {
position: relative;
border-top: 1px solid #d9ddde;
margin: 4px 5px 4px 5px;
}
.itemview_gallery_box {
position: relative;
margin-top: 10px;
width: 110px;
height: 110px;
}
img.gallery_img_small {
width: 100%;
height: 100%;
cursor: zoom-in;
}
.product-detail-side {
position: relative;
border-bottom: 1px solid #e9eaeb;
width: calc(1260px - 664px);
padding: 10px;
}
.product-name-header h2 {
font-size: 1.6rem;
font-family: Arial, Helvetica, sans-serif;
}
.product-review-stock-flex {
position: relative;
margin: 10px 0 10px 0;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.rating {
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
}
.star {
cursor: pointer;
display: inline-block;
width: 24px; /* Adjust based on your SVG size */
height: 24px;
}
.star svg {
fill: #ccc; /* Default color (gray) */
transition: fill 0.2s ease; /* Smooth color transition */
}
.star:hover svg,
.star.active svg {
fill: orange; /* Color on hover or when selected */
}
.product-price-header {
position: relative;
margin: 20px 0 20px 0;
}
.product-price-header p {
font-size: 2rem;
font-family: Arial, Helvetica, sans-serif;
color: #ff1104;
}
.product-qty-addcart-content {
display: flex;
display: -webkit-flex;
align-content: center;
margin: 20px 0 20px 0;
border-bottom: 1px solid #c7ced0;
padding-bottom: 30px;
}
.product-qty-box {
display: flex;
display: -webkit-flex;
align-items: center;
}
.qtyMinus_content {
position: relative;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
background: #071223;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
outline: none;
}
.qtyMinus_content span {
outline: none;
}
input.itemQty_value {
position: relative;
width: 70px;
text-align: center;
height: 35px;
border: 1px solid transparent;
background: #f2f2f2;
font-size: 20px;
outline: none;
border-radius: 10px;
-webkit-border-radius: 10px;
appearance: textfield;
-moz-appearance: textfield;
-webkit-appearance: textfield;
}
.qtyPlus_content {
position: relative;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
background: #071223;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
outline: none;
}
.qtyPlus_content span {
  outline: none;
}
.product-addtocart-btn-box {
  margin: 0 0 0 20px;
}
a.itemAdd_toCartBtn {
display: block;
text-decoration: none;
color: #fff;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-family:600;
background: #129ff4;
padding: 12px 12px 7px 12px;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.product-description-review-content {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
}
h3.product-description-header {
font-size: 1.3rem;
font-family: Arial, Helvetica, sans-serif;
outline: none;
}
.itemadded_tocart_modalcontainer{
position: fixed;
right: -6px;
bottom: 10px;
width: 355px;
min-height: 85px;
background-color: #3e894d;
z-index: 10;
border-radius: 6px;
-webkit-border-radius: 6px;
transform: translateX(100%);
transition: transform 0.6s ease;
}
.itemadded_tocart_modalcontainer.activeAddtoCartmodalBox{
transform: translate(0%);
right:6px;
}
.itemadded_tocart_modalcontainer.activeAddtoCartmodalRedBox{
transform: translate(0%);
right:6px;
background-color: #db3b3b;
}
.itemadded_tocart_modalbox{
padding: 1rem 0.3rem 0.6rem 1rem;
}
.added_tocart_link{
padding:0.5rem 0 0 0;
}
.added_tocart_text p{
color:#ffffff;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-family:600;
}
.added_tocart_link a.gotoCart_boxhref{
color:#ffffff;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-family:600;
}
.cart_count_content{
position:relative;
}
span.cart_count_value{
position: absolute;
right: -1px;
top: -6px;
background: red;
width: 19px;
height: 19px;
border-radius: 50%;
color: #fff;
text-align: center;
}
.itemtotal_pricevalue{
font-size: 1rem;
font-weight: 600;
font-family: arial;
}

/*---------Login Reg Modal-------*/
.loginreg_modalbox_overlay{
position: fixed;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(3, 4, 7, 0.89);
z-index: 99999999;
overflow: hidden;
}
.loginreg_modalbox_overlay.loginRegBoxActive{
display:block;
}
.loginreg_container_modalbox{
position: fixed;
display: none;
top: 42%;
left: 50%;
width: 410px;
height: auto;
padding: 0 20px 20px 20px;
background: #ffffff;
border-radius: 6px;
-webkit-border-radius: 6px;
transform: translate(-50%, -50%) scale(0.9);
opacity: 1;
z-index: 999999;
}
.loginreg_container_modalbox.loginRegPopUpActive {
display: block;
animation: bounceIn 0.6s ease forwards;
  animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.loginregmodalbox_close{
position: absolute;
right: 8px;
top: 6px;
font-family: 'LatoRegular';
font-size: 16px;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #d3d5d6;
height: 25px;
width: 25px;
text-align: center;
line-height: 24px;
cursor: pointer;
outline: none;
}
  
.loginreg_div_header{
text-align: center;
margin: 10px 0 10px 0;
padding: 10px 10px 10px 10px;
}
span.loginreg_span_header{
text-align: center;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
color: #626769;
}
.loginForm_container{
display: block;
}
.signInForm_container{
  display:none; 
}
.tabFormActive{
display:block;
}
.tabFormInActive{
display:none;
}
.loginForm_tabBtn{
padding: 9px 10px 5px 10px;
margin: 0 15px 0 15px;
cursor: pointer;
outline:none;
font-size: 1rem;
}
.loginForm_tabBtn h3{
font-family: 'bpgninomtavr';
font-size:1rem;
}
.regForm_tabBtn{
padding: 9px 10px 5px 10px;
margin: 0 15px 0 15px;
cursor: pointer;
outline:none;
font-size: 1rem;
}
.regForm_tabBtn h3{
font-family: 'bpgninomtavr';
font-size:1rem;
}
.tabActiveBtn{
border-bottom: 1px solid #4ba8df;
color:#21201d;
background-color:#ffffff;
}
.tabInActiveBtn{
background-color: #1e2e53;
color: #ffffff;
border-radius:4px;
-webkit-border-radius:4px;
}
.input-label-column {
position: relative;
margin: 20px 0 20px 0;
}
.label-column {
position: relative;
margin: 5px 0 5px 0;
}
.label-column label {
color: #020206;
font-family: 'bpgninomtavr';
font-size: 1rem;
}
.input-column input {
position: relative;
width: 100%;
height: 45px;
padding-left: 5px;
outline: none;
color: #222222;
font-family: 'arial';
border: 1px solid #ebecec;
border-radius: 11px;
-webkit-border-radius: 11px;
}
.forgotPassword_content {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: flex-end;
}
a.forgotPasswd_link {
display: block;
text-decoration: none;
color: #222222;
font-family: 'bpgninomtavr';
}
.loginSbt_btncontent {
position: relative;
margin: 20px 0 15px 0;
}
input.userLogin_sbtBtn {
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: rgb(18, 159, 244);
color: #ffffff;
font-size: 1.1rem;
font-family: 'bpgninomtavr';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
input.userReg_sbtBtn {
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: rgb(18, 159, 244);;
color: #ffffff;
font-size: 1.1rem;
font-family: 'bpgninomtavr';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
/*-----Cart----*/
section.cart-section{
position: relative;
width: 100%;
margin: 0 auto;
min-height: 100vh;
}
.cart_table_content {
position: relative;
width: 100%;
height: auto;
margin-top: 20px;
}
table.cart_table {
position: relative;
width: 100%;
border-collapse: collapse;
}
table.cart_table tr th {
border: 1px solid #c7d4d8;
padding: 20px;
font-family: 'bpgninomtavr';
}
table.cart_table tr td {
border: 1px solid #c7d4d8;
padding: 4px;
font-family: 'arial';
font-size:0.9rem;
}
.itemQtySelect_box {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
margin-left: 4px;
}
.cartPageTotal_amountcontent {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
.cartPageTotal_amountcontent h3{
font-family: 'bpgninomtavr';
}
.goToOrder_BtnContent {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
a.goToOrderBtn {
display: block;
text-decoration: none;
color: #ffffff;
background: #129ff4;
border-radius:5px;
-webkit-border-radius:5px;
padding: 15px;
width: 250px;
text-align: center;
font-family: 'bpgninomtavr';
font-size: 20px;
}
p.cart-itmqty-upd{
font-family: 'bpgninomtavr';
font-size:1.1rem;
text-align: center;
}
p.cart-delete-message{
font-family: 'bpgninomtavr';
font-size:1.1rem;
text-align: center;
}
/*------Lgin Registration----*/
section.register-login-wrapper {
position: relative;
width:100%;
min-height: 100vh;
margin:20px auto;
}
.register-login-app-container {
position: relative;
width: 370px;
height: auto;
margin: 20px auto;
box-shadow: -1px 10px 25px 6px #e5eaee;
-webkit-box-shadow: -1px 10px 25px 6px #e5eaee;
padding: 20px;
}
.register-login-tabs {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
padding: 10px 0 10px 0;
border-bottom: 1px solid #d9e0e2;
}
.register-login-tabs p{
color: #121210;
font-family: 'bpgninomtavr';
font-size: 1rem;
}
a.active-reglogin-tab {
  font-weight: 600;
}
a.login-tab-btn {
text-decoration: none;
color: #121210;
font-family: 'bpgninomtavr';
font-size: 1rem;
}
a.register-tab-btn {
text-decoration: none;
color: #121210;
font-family: 'bpgninomtavr';
font-size: 1rem;
}
a.inactive-reglogin-tab {
color: #adafb1;
font-weight: 600;
}

.reglogin-label-input-content {
position: relative;
margin: 16px 0 16px 0;
}
.reglogin-label {
padding: 0 0 5px 0;
}
.reglogin-label label {
font-family: 'bpgninomtavr';
font-size: 1rem;
}
.reglogin-input {
position: relative;
width: 100%;
}
.reglogin-input input {
position: relative;
width: 100%;
height: 46px;
padding: 0 0 0 5px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
input.phoneDialing_code {
position: relative;
width: 115px;
height: 46px;
padding: 0 0 0 5px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
.forgot-passwprd-link-content {
position: relative;
margin: 15px 0 15px 0;
text-align: right;
}
.forgot-passwprd-link-content a {
text-decoration: none;
color: #61686e;
font-size: 1rem;
font-family: 'bpgninomtavr';
}
.reglogin-sbtbtn-content {
position: relative;
width: 100%;
}
input.loginForm_sbtBtn {
width: 100%;
height: 48px;
font-size: 1.2rem;
cursor: pointer;
color: #ffffff;
font-family: 'bpgninomtavr';
background-color: #129ff4;
border-radius: 21px;
-webkit-border-radius: 21px;
border: 1px solid transparent;
}
input.regForm_sbtBtn {
width: 100%;
height: 48px;
font-size: 1.2rem;
cursor: pointer;
color: #ffffff;
font-family: 'bpgninomtavr';
background-color: #129ff4;
border-radius: 21px;
-webkit-border-radius: 21px;
border: 1px solid transparent;
}
.gmailLogin_content {
  margin-top: 15px;
}
/*----My invoices----*/
.invoice-details-header {
font-family: 'bpgninomtavr';
font-size: 1.1rem;
padding: 0 0 0 10px;
}
.invoice-list-container {
  padding: 10px;
}
table.invoice_table {
position: relative;
width: 100%;
border-collapse: collapse;
border: 1px solid #d6d6d7;
margin: 10px 3px 0 4px;
}
table.invoice_table tr th {
border: 1px solid #d6d6d7;
text-align: center;
padding: 7px 0 7px 0;
font-family:'bpgninomtavr';
}
table.invoice_table tr td {
border: 1px solid #d6d6d7;
padding: 15px 5px 15px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
}
/*----my profile---*/
.myprofile-container {
position: relative;
width: 100%;
margin: 20px auto;
}
.myprofile-content {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
}
.myprofile-leftbar {
position: relative;
width: 250px;
height: auto;
border-right: 1px solid #ebebeb;
}
nav.myprofile-nav {
position: relative;
padding: 10px;
}
ul.myprofile-ul li {
list-style: none;
margin: 8px;
border-bottom: 1px solid #d2dfe8;
background: #fff;
border-radius: 22px;
box-shadow: 1px 3px 2px 0px #e6e9ea;
}
ul.myprofile-ul li a {
display: block;
text-decoration: none;
color: #1b222f;
padding: 10px 4px 10px 10px;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.myprofile-rightcontent {
position: relative;
width: calc(1260px - 250px);
height: auto;
}
.myprofile-form-content {
position: relative;
width: 370px;
margin: 0 auto;
padding: 10px;
}
.myprofile-header {
  text-align: center;
}
.myprofile-header h4 {
font-size: 1.2rem;
font-family: 'bpgninomtavr';
}
.myprofile-label-input-boxs {
position: relative;
margin: 10px 0 10px 0;
}
.myprofile-label label {
position: relative;
margin: 5px 0 5px 5px;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
}
.myprofile-input input {
width: 100%;
height: 46px;
padding: 5px 0 0 5px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
.myprofile-submitbtn-content {
position: relative;
width: 100%;
}
input.profileUpd_btn {
width: 100%;
height: 48px;
font-size: 1.2rem;
cursor: pointer;
color: #ffffff;
font-family: 'bpgninomtavr';
background-color: #129ff4;
border-radius: 21px;
-webkit-border-radius: 21px;
border: 1px solid transparent;
}
/*----Order page---*/
section.orders-section {
width: 100%;
min-height: 100vh;
margin-top:30px;
}
.order-success-container{
position: relative;
text-align: center;
margin:20px 0 0 0;
}
.order_succes_text_1{
margin-top:20px;
}
.order_succes_text_1 h1{
font-size:1.3rem;
font-family: 'bpgninomtavr'; 
}
.order_succes_text_2{
margin-top: 20px;
}
.order_succes_text_2 a{
font-size:1.1rem;
font-family: 'bpgninomtavr';
text-decoration: none;
color:#ffffff;
background-color:#129ff4;
padding: 13px 13px 10px 13px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.orders-container {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
}
.order-content {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.order-left-content {
position: relative;
width: calc(100% - 420px);
height: auto;
border-right: 1px solid #dcdfe1;
}
.order-left-form-container {
display: flex;
display: -webkit-flex;
justify-content: space-between;
padding: 0 20px 0 20px;
}
.label-input-row {
position: relative;
margin: 10px 0 10px 0;
}
.order-label-input-content .label-col label {
position: relative;
margin: 5px 0 5px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.order-label-input-content .input-col input {
width: 350px;
height: 46px;
padding: 5px 0 0 5px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
textarea.userOrderMessage {
padding: 5px 0 0 10px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
resize: none;
}
.order-right-content {
position: relative;
width: 350px;
min-height: 100vh;
}
.cartItemBasket_box {
display: flex;
display: -webkit-flex;
flex-direction: column;
margin: 15px 0 10px 0;
border-bottom: 1px solid #c4ccd2;
}
.cartItemBasket_box_1 {
display: flex;
display: -webkit-flex;
}
.cartItemBasket_imgContent {
position: relative;
margin-left: 10px;
}
img.cartbasket_img {
width: 80px;
height: 76px;
}
.cartItemBasket_namePriceQty_box {
position: relative;
margin-left: 5px;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.cartItemBasket_NameContent {
position: relative;
margin-left: 1px;
font-family: 'LatoRegular';
font-size: 0.9rem;
}
.cartbasket_price {
font-family: 'LatoRegular';
font-size: 1rem;
margin: 5px 0 5px 0;
}
.cartbasket_qty {
font-family: 'LatoRegular';
font-size: 1rem;
margin: 5px 0 5px 0;
}
.cartItem_totalSum_content {
position: relative;
margin: 10px 0 10px 0;
}
p.cartItem_totalSum_value {
font-size: 1.4rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
input.finishCheckout_SbtBtn {
width: 100%;
height: 48px;
color: #ffffff;
font-family: 'bpgninomtavr';
font-size: 1.2rem;
border: 1px solid transparent;
border-radius: 21px;
-webkit-border-radius: 21px;
background-color: #129ff4;
cursor: pointer;
}
/*-------RegLogin PopUp modalbox-----*/
.popupOverlay {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 999999999;
}
.popUp_container{
position: fixed;
display: none;
width: 420px;
min-height: 200px;
top:38%;
left: 49%;
background: #ffffff;
transform: translate(-50%,-50%);z-index: 999999;border-radius:10px}
.popUp_container.popUpActive{
display:block;
}
.popupOverlay.popupOverlayActive{
display:block;
}
.successAdd__apptext{
position:relative;
text-align: center;
margin-top: 5px;
}
.successAdd__apptext p{
font-size: 1.1rem;
font-family: 'bpgninomtavr';
}
.succes__icon_app{width: 50pt;margin: 12pt auto;}
img.success_icon{width: 40pt;}

.reg_log_errorOverlay_container {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 1000;
}
.reg_log_errorOverlay_container.active {
display: block;
}
.reglog_errorbox {
display: none;
position: fixed;
width: 420px;
top: 38%;
left: 49%;
padding: 30px 5px 30px 5px;
background-color: #ffffff;
transform: translate(-50%, -50%);
-webkit-transform: translate(-49%, -50%);
border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 1005;
}
.reglog_errorbox.active {
display: block;
}
.regLog_errorcloseBtn {
position: absolute;
width: 30px;
height: 30px;
background-color: #121210;
top: -7px;
right: -2px;
line-height: 30px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1006;
}
.regLog_errorcloseBtn span {
color: #fff;
font-family: 'LataRegular';
cursor: pointer;
}
.reglog_errorbox p {
font-family: 'bpgninomtavr';
font-weight: 600;
text-align: center;
color: #0f0f13;
font-size: 0.9rem;
}
/*----Footer---*/
footer{
position: relative;
width:100%;
height:auto;
background-color:#F6F7F9;
}
.footer_container{
position: relative;
width:1260px;
height:auto;
margin:0 auto;
padding: 60px 0 30px 0;
}
.footer_content{
position: relative;
width:100%;
}
.footer-boxs-flex{
display:flex;
display:-webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-logo{
margin:0 0 10px 0;
}
.footer-logo h1{
color:#25b07c;
font-family: arial;
font-size: 1.8rem;
}
.footer-about-info{
margin:0 0 10px 0;
}
.footer-about-info h2{
color:#ffffff;
font-family: 'bpgninomtavr';
font-size:1.2rem;;
}
.footer-about-text{
margin:0 0 20px 0;
}
.footer-about-text p{
color:#687182;
font-size: 1rem;
font-family: arial;
line-height: 23px;
}
.footer-about-email a{
display:block;
color: #ef233c;;
text-decoration:none;
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.footer-needhelp-header{
margin:0 0 10px 0;
}
.footer-needhelp-header h4{
color:#fff;
font-family: 'bpgninomtavr';
font-weight:600;
font-size: 1.3rem;
}
.footer-support-phone{
margin: 30px 0 25px 0;
}
.footer-support-phone h3{
color:#ffffff;
font-size: 1.5rem;
font-family:arial;
font-weight:600;
}
.footer-support-email a{
color: #ef233c;
font-size: 1.1rem;
font-family: 'NotoSansBold';
font-weight: 600;
text-decoration: none;
}
nav.footer-nav ul li{
list-style:none;
margin:10px 0 10px 0;
}
nav.footer-nav ul li a{
text-decoration:none;
color: #343A3D;
font-size: 1rem;
font-weight: 600;
font-family: 'bpgninomtavr';
}
.footer-second-level{
position: relative;
display:flex;
display:-webkit-flex;
width:100%;
height: auto;
justify-content: center;
margin: 50px 0 10px 0;
padding: 20px 0 20px 0;
border-top: 1px solid #333537;
border-bottom: 1px solid #333537;
}
.footer-second-level-box p{
font-family: 'NotoSansBold';
font-size: 1.1rem;
font-weight:600;
color: #e4e8ea;
margin: 0 10px 0 10px;
}

nav.privacy-nav ul{
display:flex;
display:-webkit-flex;
list-style:none;
}
nav.privacy-nav ul li{
margin: 20px 20px 20px 0px;
text-align: center;
}
nav.privacy-nav ul li a{
display:block;
text-decoration:none;
color:#18222d;
font-size:0.9rem;
font-family: Arial, Helvetica, sans-serif;
}
.footer-copy-right-content p{
color: #687182;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
}
.mobile-header-content{
display:none;
}
.mobileNavmenu_overlay{
position: fixed;
display: none;
top: 0;
left: 0;
width: 90%;
min-height:calc(100vh - 70px);
background-color: rgba(255, 255, 255, 0.89);
z-index: 99999999;
overflow: hidden;
overflow-y: auto;
}
.mobile-bottom-nav-container{
display:none;
}
@media screen and (min-width:320px) and (max-width:768px){
.main_navigation_container{
width: 100%;
}
.main_navigation_content {
position: relative;
padding: 1px 0 1px 0;
}
.top_nav{
display:none;
}
.search_logo_nav_container{
display:none;
}
.mobile-header-content{
display: block;
height: 68px;
padding:0 5px 0 5px;
}
.mobile-nav-boxs{
display: flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
}
span.burger_line {
display: block;
width: 30px;
height: 3px;
margin-top: 6px;
margin-left: 3px;
background: #272727;
}
.mobile-logo-content{
width:65px;
height:65px;
}
img.mobile_logo{
width: 100%;
height: 100%;
object-fit: contain;
}
.mobile-wishlist-basket-content{
display: flex;
display: -webkit-flex;
}
.mobile-wishlist-box{
margin-right:14px;
}
.mobileNavmenu_overlay.mobileManuActive{
display: block;
}
.mobileNavmenu_contant {
position: absolute;
width: 100%;
min-height: 100vh;
right: 0;
background-color: #ffffff;
}
.mobileNav_logocontent{
position: absolute;
display: block;
top: 22px;
left: 10px;
}
.mobileNav_logocontent a{
text-decoration: none;
color: #25b07c;
font-size: 1.2rem;
font-family: Arial, Helvetica, sans-serif;
}
.mobileNav_closeBtn{
position: absolute;
width: 35px;
height: 35px;
color: #000;
line-height: 35px;
text-align: center;
background: #e5e6e7;
border-radius: 50%;
-webkit-radius: 50%;
top: 15px;
right: 8px;
font-size: 1.1rem;
font-weight: 600;
font-family:Arial, Helvetica, sans-serif;
}
nav.mobile_nav{
position: relative;
width: 100%;
height: 100%;
margin: 60px 0 0 0;
padding: 10px;
}
a.topNav_signBtn{
display:block;
text-decoration:none;
color:#ffffff;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
}
a.topNav_bookBtn{
display:block;
text-decoration:none;
color:#ffffff;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
}
ul.mobile_ul li{
list-style: none;
border-bottom: 1px solid #e3e7e8;
margin: 7px 0 7px 0;
text-align: left;
}
.mobile-subnav-content{
position: relative;
width:100%;
overflow: hidden;
height: auto;
max-height:0;
transition: max-height 0.3s ease;
-webkit-transition: max-height 0.3s ease;
}
.mobile-subnav-content.subnavActive{
min-height:50px;
}
ul.mobile-subnav-ul li.mobilesubnav-li{
margin-left:20px;
}
ul.mobile-subnav-ul li.mobilesubnav-li:last-child{
border-bottom: none;
}
ul.mobile_ul li.mobilemain-nav-li a.mobilesub-info-link{
display: flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
}
ul.mobile-subnav-ul li.mobilesubnav-li a{
display: block;
text-transform: capitalize;
text-decoration: none;
font-size: 1rem;
color: #000000;
padding: 3px 6px 6px 6px;
font-family: Arial, Helvetica, sans-serif;
font-weight:500;
}
ul.mobile_ul li a{
display: block;
text-decoration: none;
font-size:0.9rem;
color: #000000;
text-transform: uppercase;
padding: 10px 6px 10px 6px;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.mobile_ul-second-header p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2rem;
font-weight: 600;
}
ul.mobile_ul-second{
position: relative;
margin-top:10px;
}
ul.mobile_ul-second li{
position: relative;
list-style: none;
border-bottom: 1px solid #e3e7e8;
margin: 7px 0 7px 0;
text-align: left;
}
ul.mobile_ul-second li a{
display: block;
text-decoration: none;
font-size:0.9rem;
color: #000000;
text-transform: uppercase;
padding: 10px 6px 6px 6px;
font-family: 'bpgninomtavr';
font-weight: 600;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.mobileNavContact_container{
position:relative;
margin-top: 1px;
left: 10px;
}
.mobileNavContact_content p{
font-family: Arial, Helvetica, sans-serif;
font-size:0.9rem;
font-weight: 600;
color: #9a9fa0;
}
.mobileNav_tel{
position: relative;
margin-top: 10px;
}
.mobileNav_tel a{
text-decoration:none;
color: #9a9fa0;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
display: flex;
display: -webkit-flex;
align-items: center;
}
.mobileNav_tel a span{
margin-left:5px;
}
.mobileSoc_linksContainer{
position: relative;
bottom: 0;
left: 10px;
width: 90%;
top:15px;
}
.mobileSocLink_header p{
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #dbe7f4;
}
.mobileSoc_linksContent div{
margin: 5px;
}

.main_nav_flex_boxs{
display:none;
}
main.app-main{
width:98%;
margin: 78px auto;
}
.categlist_content{
display:none;
}
.slider_container{
width:100%;
}
.slider_texth1_div h1.slider_texth1{
font-size:2rem;
}
.banners_rowx1_content{
grid-template-columns:repeat(1, 1fr);
}
.banners_rowx2_content {
grid-template-columns: repeat(1,1fr);
}
.banner_rowx2_imgbox {
height: 203px;
margin: 10px 0 10px 0;
}
.item_wrapp_box_content{
position: relative;
width:100%;
border:1px solid transparent;
}
.item_imgbox_content {
padding: 0.2rem;
}
.product_slide_img{
height:142px;
}
h3.product_title{
font-size: 0.8rem;
}
.products-page-wrapper{
margin: 90px auto;
}
.products-mobile-filter-overlay{
display:none;
}
.category-page-products-content-side{
width:100%;
padding: 0 5px 5px 5px;
}
.products-list-boxs{
grid-template-columns:repeat(2, 1fr);
}
.showing-filter-result p{
display:none;
}
.show-total-items-content span{
display:none;
}
.product-sortby-span{
display:none;
}
.showing-filter-result a.mobile_advance_filter_btn{
display: block;
display: flex;
display: -webkit-flex;
align-items: center;
text-decoration:none;
}
span.mobile_advance_filter_header{
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
margin-top: 7px;
}
select.product-sort-by-select{
width: 119px;
}
.products-mobile-filter-overlay{
display:none;
position: fixed;
width: 100%;
min-height: 100vh;
background-color: rgba(3, 4, 7, 0.89);
z-index: 30;
top: 0;
left: 0;
}
.products-mobile-filter-overlay.productMobileFilterActive{
display: block;
}
.category-page-filter-right-side-content{
position: fixed;
display: block;
z-index: 1;
top: 0;
background: #fff;
min-height: 100vh;
width: 85%;
padding: 10px;
}
.mobile-filter-slide-close{
position: absolute;
display:block;
top: 10px;
right: 30px;
background: #e5e6e6;
width: 32px;
height: 32px;
text-align: center;
border-radius: 8px;
font-size: 1rem;
font-family: arial;
font-weight: 600;
}
a.mobileFilter_closeBtn{
display: block;
text-decoration: none;
color: #000;
padding: 5px;
}

/*---Product view--*/
.product-gallery-side{
width:98%;
}
.product-gallery-side{
width: 100%;
}
.product-main-image-content{
width: 100%;
}
.itemBigImg_content{
width:100%;
height: 410px;
}

.mobile-bottom-nav-container {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
height: 70px;
border-top: 1px solid #c3cfda;
box-shadow: 1px 4px 5px 1px #ececec;
-webkit-box-shadow: 1px 4px 5px 1px #ececec;
z-index: 999;
padding: 0.625rem 0.7rem;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul {
position: relative;
display: flex;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul li {
flex: 1;
-webkit-box-flex: 1;
padding-left: 5px;
padding-right: 5px;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul a.bottomlink {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
font-family: 'bpgninomtavr';
color: #626c6f;
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}
.footer_container {
width: 100%;
padding: 30px 7px 30px 10px;
 }
.footer-logo h1 {
text-align: center;
}
}