@font-face{font-family:'LatoRegular';src:url('appFonts/Lato/Lato-Regular.ttf');}
*{margin:0;padding:0;box-sizing: border-box;}
html{;min-height: 100vh;overscroll-behavior-y: contain;overflow-x: hidden;}
html,body{position:relative;width: 100%;min-height: 100vh;margin:0 auto;background-color:#F9F9F9/*#EFEFEF*/;overflow-x: hidden;}
/*a{-webkit-tap-highlight-color: transparent; outline: 0;}
btn:active {
background-color: transparent;
}*/

body{
animation: fadeInAnimation ease 3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
/*body.fade{
opacity: 0;
}*/
@keyframes fadeInAnimation{
  0%{
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
}
#loading-overlay{
position: fixed;
top:0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
#loading-line{
margin: 0 auto;
width: 0;
height: 3px;
/*background-color: #3498db;*/
background-color: #f1af11;
transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
}
.loadingLogo_contant{
position: absolute;
width: 165px;
z-index: 9999999;
top: 27%;
}

header{
position: relative;
width: 100%;
height: 90px;
padding:0 30px 0 30px;
background-color: #ffffff;
/*background: #f8f8f8;*/
display: flex;
-webkit-display:flex;
align-items: center;
/*justify-content: space-around;*/
justify-content: space-between;
}
.mobileBurgerBtn_contant {
position: absolute;
display: none;
right: 25px;
top: 25px;
}
.mobileNavmenu_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;
}
.mobileNavmenu_overlay.mobileManuActive{
display: block;
}
.mobileNavmenu_contant{
position: absolute;
width: 100%;
height: 100%;
right: 0;
background-color: transparent;
}
.mobileNav_closeBtn{
position: absolute;
width: 35px;
height: 35px;
color: #000;
line-height: 35px;
text-align: center;
background-color: #fff;
border-radius: 50%;
-webkit-radius: 50%;
top: 15px;
right: 22px;
font-size: 17px;
font-weight: 600;
font-family: 'LatoRegular';
}
nav.mobile_nav{
position: relative;
width: 100%;
height: 100%;
margin: 35px 0 0 0;
padding: 10px;
}
.signMobNav_container{
position: relative;
margin: 20px 0 20px 0;
border-bottom: 1px solid #f0f0f0;
padding: 0 0 5px 0;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
a.signMobNavLink,.registerMObNavLink{
display: block;
text-decoration: none;
color:#ffffff;
font-size: 16px;
font-weight: 600;
font-family: 'LatoRegular';
background: #ffb505;
padding: 8px;
border-radius: 6px;
-webkit-border-radius: 6px;
}
ul.mobile_ul{

}
ul.mobile_ul li{
list-style: none;
border-bottom: 1px solid transparent;
margin: 5px 0 5px 0;
text-align: center;
}
ul.mobile_ul li a{
display: block;
text-decoration: none;
font-size: 15px;
color: #fff;
text-transform: uppercase;
padding: 5px 6px 5px 6px;
font-family: 'LatoRegular';
font-weight: 600;
}
span.burger_line {
display: block;
width: 30px;
height: 3px;
margin-top: 6px;
margin-left: 3px;
background: #14424c;
}
nav.topHeadNav{

}
ul.topHead_navul{
list-style: none;
display: flex;
}
ul.topHead_navul li{
list-style: none;
margin: 0 5px 0 5px;
}
ul.topHead_navul li a{
display: block;
text-decoration: none;
font-size: 15px;
color: #43464b;
text-transform: uppercase;
padding: 15px 4px 15px 4px;
font-family: 'LatoRegular';
transition: ease-in-out;
}
ul.topHead_navul li a:hover{
color:#f8b007;
}
.topLinkActive{
border-bottom: 2px solid #f8b007;
}
.languageContainer{
position: absolute;
right: 115px;
}
.langContant{
display: flex;
display: -webkit-flex;
justify-content: space-around;
align-items: center;
}
.langContant img{
width: 17px;
height: 17px;
margin-right: 4px;
cursor: pointer;
}
span.langactive{
cursor: pointer;
color:#ff9205;
font-family: 'LatoRegular';
font-size: 15px;
}
.subLangContant{
position: absolute;
display: none;
background: #fdfefe;
width: 90px;
right: 1px;
top: 25px;
height: 48px;
z-index: 999999;
border-radius: 4px;
padding: 2px 0 0 2px;
box-shadow: -1px 1px 2px 1px #b8b9ba;
-webkit-box-shadow: -1px 1px 2px 1px #b8b9ba;
line-height: 45px;
}
.subLangContant.subLangActive{
display: block;
}
.subLangContant a.langNoactive{
position: relative;
width: 100%;
display: block;
text-decoration: none;
color: #222;
font-family: 'LatoRegular';
font-size: 16px;
text-align: center;
}
.signNav_container{
position: relative;
background: #222222;
border-radius:6px;
-webkit-border-radius:6px;
}
.signNav_container a {
display: block;
text-decoration: none;
color:#ffffff;
padding:8px 12px 8px 12px;
font-family: 'LatoRegular';
}
img.logoMetall{
height:40px;
}
.mainSlider_container{
position: relative;
width: 100%;
max-height: 500px;
height: 500px;
overflow: hidden;
}
.sliderContent {
display: flex;
width: 300%;
transition: transform 0.5s ease-in-out;
}

/*.slider_box {
min-width: 100%;
box-sizing: border-box;
}

img {
width: 100%;
height: auto;
}*/
/*#832003
#C88A61
#F76102
#343331
*/
.slider_box {
position: relative;
transition: transform 500ms ease-in-out;
width: 100%;
height:500px;
/*background: #e5e6e3; */
background:#e8e8e8;
/*background: linear-gradient(125deg, #832003, #C88A61, #F76102);*/
}


.slide_img_text_flex{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
margin-top: 0px;
align-items: center;
}
.slide_text_contant h1{
font-family: 'LatoRegular';
}
p.slide_text_prg1{
font-size: 30px;
font-family: 'LatoRegular';
text-align: center;
}
.slide_btnContant{
position: relative;
width: 160px;
height: 40px;
line-height: 40px;
margin: 18px auto;
background: #ff9205;
text-align: center;
border-radius: 20px;
-webkit-border-radius: 20px;
}
a.slide_readMoreBtn{
display: block;
text-decoration: none;
color:#ffffff;
font-family: 'LatoRegular';
}
.slide_img_contant{
width: 768px;
height: 500px;
border: 1px solid transparent;
overflow: hidden;
}
.slide_img_flexbox{
position: relative;
display: flex;
justify-content: space-between;
}
.slide_text_contant{
position: relative;
margin: 0 auto;
padding: 0 0 0 0px;
}
/*.slide_text_contant{
position: absolute;
z-index: 1;
top: 120px;
left: 12%;
}*/
.slide_text_contant h1{
color: #06090c;
font-size: 270%;
text-transform: uppercase;
}
.slide_text_contant h2{
color: #fff;
font-size: 300%;
}
.slider_box img {
width: 100%;
height: 100%;
display: block;
margin: 0 auto;
transition: transform 500ms ease-in-out;
}

.slide1_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
text-align: center;
}



.main_container{
position: relative;
height: auto;
min-height: 100vh;
margin:10px 0 25px 0;
}
.main_page_contant{
position: relative;
max-width: 1500px;
margin: 0 auto;
}
section.exclusive_collection{
position: relative;
width: 100%;
margin: 60px 0 60px 0;
}
.exclusive_boxs_container{
position: relative;
width: 100%;
margin: 0 auto;
display: flex;
display: -webkit-flex;
justify-content: space-between;
margin:10px 2px 10px 2px;
}
.exclusive_box_contant{
display: flex;
display: -webkit-flex;
justify-content: space-between;
width: 33%;
border:1px solid #e0b50e;
padding: 6px 5px 3px 5px;
}
.exclusive_box_left{
position: relative;
width: calc(100% - 185px);
}
.exclusive_box_right img{
width: 180px;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.exclusive_box_left h1{
text-align: center;
font-size: 35px;
margin-bottom: 10px;
font-family: 'LatoRegular';
color: #eda61f;
}
.exclusive_box_left h3{
text-align: center;
font-size: 20px;
margin-bottom: 10px;
font-family: 'LatoRegular';
}
.exclusive_box_left a.exclusive_readmore{
display: block;
text-decoration: none;
text-align: center;
padding: 10px;
background: #ff9205;
color: #fff;
width: 120px;
border-radius: 6px;
-webkit-border-radius: 6px;
margin-left: calc(100% - 200px);
font-family: 'LatoRegular';
}

.main_page_box_1{
position: relative;
width: 100%;
margin: 0 auto;
}
.box_1_contant{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.box_1_text{
position: relative;
margin: 0 auto;
text-align: center;
}

.box_1_text h3{
margin:20px 0 20px 0;
font-size: 25px;
font-family: 'LatoRegular';
}
.mainPageBox1_readMoreBtn_contant{
position: relative;
width: 170px;
height: 40px;
line-height:40px;
margin: 0 auto;
background: #ff9205;
border-radius: 20px;
-webkit-border-radius: 20px;
text-align: center;
}
.mainPageBox1_readMoreBtn_contant a{
display: block;
text-decoration: none;
color:#fff;
font-family: 'LatoRegular';
}
.mainpage_items_container{
position: relative;
margin: 25px 0 50px 0;
}
.mainpage_items_contant{
position: relative;
width: 100%;
margin: 0 auto;
}
.mainPageItems_boxHeader{

}
.mainPageItems_boxHeader h2{
font-size: 36px;
font-family: 'LatoRegular';
}
.itemsSlide_container{
position: relative;
max-width: 1350px;
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 35px 0 35px 0;
}
.items_boxs{
display: flex;
/*display: -webkit-flex;*/
display: -webkit-box;
justify-content: flex-start;
margin: 3px;
}
.allitems_boxs{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 3px;
}
.item_box_contant{
position: relative;
/*width: 268px;
height: 238px;*/
/*width: 315px;*/
width: 226px;
height: 319px;
margin: 5px 2px 5px 2px;
padding: 5px;
border: 1px solid #b29935;
}
.itemBox_image_contant{
position: relative;
width: 205px;
height: 199px;
margin: 0 auto;
border: 1px solid transparent;
overflow: hidden;
}
.itemBox_image_contant img{
width:100%;
height: 100%;
border-radius: 10px;
-webkit-border-radius:10px;
object-fit: fill;
}
.itemBox_price_contant{
position: absolute;
right: 9px;
top:5px;
background: #b29935;
padding: 6px;
}
.itemBox_name_contant{
margin: 5px 0 10px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #b29935;
}
.itemBox_name_contant p.itemBox_nameValue{
font-size: 15px;
font-family: 'LatoRegular';
}
.itemBox_OrderBtn_contant{
position: absolute;
bottom: 10px;
width: 95%;
text-align: center;
border: 1px solid #b29935;
padding: 5px 0 5px 0;
}
.itemBox_OrderBtn_contant a{
display: block;
text-decoration: none;
color: #b29935;
font-family: 'LatoRegular';
}
/*span.itemPrice_value{
color: #fff;
font-size: 17px;
font-family: 'LatoRegular';
}*/

.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 35%;
}
.swiper-navBtn {
color: #fff;
height: 45px;
width: 45px;
background: #000;
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 999;
}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
font-size: 30px;
}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
font-size: 30px;
}
.box_2_contant{
position: relative;
display: flex;
justify-content:space-between;
align-items: center;
margin: 20px 0 20px 0;
}
.box_2_text{
position: relative;
text-align: center;
margin: 0 auto;
}
.box_2_text h3{
font-family: 'LatoRegular';
margin:20px 0 20px 0;
font-size: 25px;
}
.box_3_contant{
position: relative;
display: flex;
justify-content:space-between;
align-items: center;
margin: 0 0 20px 0;
}
.box_3_text{
text-align: center;
margin: 0 auto;
}
.box_3_text h3{
font-family: 'LatoRegular';
margin:20px 0 20px 0;
font-size: 25px;
}
.box_4_contant{
position: relative;
display: flex;
justify-content:space-between;
align-items: center;
margin: 0 0 20px 0;
}
.box_4_text{
text-align: center;
margin: 0 auto;
}
.box_4_text h3{
font-family: 'LatoRegular';
margin:20px 0 20px 0;
font-size: 25px;
}
.box_5_contant{
position: relative;
display: flex;
justify-content:space-between;
align-items: center;
}
.box_5_text{
text-align: center;
margin: 0 auto;
}
.box_5_text h3{
font-family: 'LatoRegular';
margin:20px 0 20px 0;
font-size: 25px;
}
.box_1_img{
position: relative;
width: 638px;
overflow: hidden;
}
.box_1_img img{
width: 100%;
border-radius: 17px;
-webkit-border-radius:20px;
}
video.box_1_imgvideo{
width: 100%;
object-fit: cover;
}
.box_2_img{
position: relative;
width:768px;
overflow: hidden;
}
.box_2_img img{
width: 100%;
border-radius: 17px;
-webkit-border-radius:20px;
}
.box_3_img{
position: relative;
width: 638px;
}
.box_3_img img{
width: 100%;
border-radius: 17px;
-webkit-border-radius:20px;
}
.box_4_img{
position: relative;
width: 638px;
}
.box_4_img img{
width: 100%;
border-radius: 17px;
-webkit-border-radius:20px;
}
.box_5_img{
position: relative;
width: 638px;
}
.box_5_img img{
width: 100%;
border-radius: 17px;
-webkit-border-radius:20px;
}
.box_1_text h1{
font-size:36px;
font-family: 'LatoRegular';
}
.box_2_text h1{
font-size:36px;
font-family: 'LatoRegular';
}
.box_3_text h1{
font-size:36px;
font-family: 'LatoRegular';
}
.box_4_text h1{
font-size:36px;
font-family: 'LatoRegular';
}
.box_5_text h1{
font-size:36px;
font-family: 'LatoRegular';
}
.bottom_line_border{
position: relative;
width: 315px;
height: 2px;
background: #535759;
margin: 10px auto;
}
/*------Items Details----*/
section.item_details_container{
position: relative;
height: auto;
min-height: 100vh;
margin: 10px 0 25px 0;
}
.item_details_page{
position: relative;
max-width: 1500px;
margin: 0 auto;
}
.item_gallery_option_contant{
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.item_gallery_lists_contant{
position: relative;
width:116px;
height:auto;
max-height: 514px;
border: 1px solid #f0f0f0;
border-radius: 15px;
-webkit-border-radius: 15px;
overflow-y: hidden;
}
.gallery_img_box{
position: relative;
width: 114px;
height: 97px;
margin: 4px 0 4px 0;
overflow: hidden;
}
img.gallery_img_small{
width:100%;
height: 100%;
}
img.gallery_img_small:hover{
cursor:zoom-in;
}
.item_image_contant{
position: relative;
width: 768px;
height: 512px;
background-color: #ffffff;
border: 1px solid #e3e2e2;
margin: 0 4px 0 4px;
overflow: hidden;
border-radius: 15px;
-webkit-border-radius: 15px;
}
.item_image_contant img{
width: 100%;
height: 100%;
object-fit: contain;
}
.item_image_contant img:hover{
cursor: zoom-in;
}
.item_options_container{
position: relative;
width: 514px;
height: auto;
padding: 25px 10px 10px 10px;
border: 1px solid #ecece9;
background-color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.item_boxs_options_container{
position: relative;
margin: 20px 0 20px 0;
}
.item_options_header > span{
font-size: 17px;
font-family: 'LatoRegular';
}
.item_name_contant{
padding: 0 10px 0 0;
}
.item_name_contant p.item_name{
font-size: 25px;
font-family: 'LatoRegular';
}
.item_price_contant{
margin:15px 0 0 0;
}
.item_price_contant p.item_price{
font-size: 30px;
font-family: 'LatoRegular';
}
.itemStockStatus_content{
position: relative;
margin-top: 10px;
}
span.itemStock_status.inStock{
color:green;
font-size: 18px;
font-family: 'LatoRegular';
}
span.itemStock_status.outStock{
color:#ff0505;
font-size: 18px;
font-family: 'LatoRegular';
}
.qty_container{
position: relative;
margin: 20px 0 20px 0;
}
.qty_content{
display: flex;
display: -webkit-flex;
align-items: center;
}
.qty_textcontent > span{
font-size: 17px;
font-family: 'LatoRegular';
}
.qty_selectcontent{
position: relative;
margin-left: 10px;
}
select.qtyItemValue{
width: 100px;
height: 38px;
outline: none;
border: 1px solid #d1d1d1;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.item_boxs_options_contant{
position: relative;
width: 100%;
padding: 10px 0 0 0;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.item_option_box{
min-width: 80px;
height: 45px;
line-height: 42px;
margin: 3px;
text-align: center;
border:1px solid #b29935;
border-radius: 5px;
-webkit-border-radius:5px;
padding: 0 10px 0 10px;
}
.item_option_box > span{
font-family: 'LatoRegular';
font-size: 19px;
}
.orderbtn_container{
position: relative;
width: 95%;
height: 50px;
background-color: #fec007;
margin: 40px auto;
text-align: center;
line-height: 45px;
border:1px solid transparent;
border-radius: 5px;
-webkit-border-radius:5px;
}
.orderbtn_container a.orderBtn{
display: block;
text-decoration: none;
color: #fff;
font-family: 'LatoRegular';
font-size: 22px;
font-weight: 600;
}

section.item_details_section{
position: relative;
width: 100%;
height: auto;
margin:40px 0 20px 0;
padding: 0 15px;
}
.item_details_contant{
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item_details_text_contant{
margin: 10px 0 15px;
width: 45%;
height: auto;
border-bottom:1px solid #e3e6e7;
}
.item_details_extra_contant{
margin: 10px 0 15px;
width: 45%;
height: auto;
border-bottom:1px solid #e3e6e7;
}
select.item_promotion_section{
position: relative;
margin: 15px 0 15px 0;
width: 100%;
}
.item_promotion_container{
position: relative;
width: 100%;
padding: 15px;
}
.item_promotion_contant{
display: -webkit-flex;
justify-content: space-around;
align-items: center;
}
.item_promotion_text {
font-size: 30px;
font-family: 'LatoRegular';
}
.promotionItem_btn_contant{
position: relative;
width: 200px;
height: 60px;
line-height: 37px;
background: #dea90c;
border-radius: 5px;
margin: 20px auto;
}
a.promotionItem_btn{
display: block;
text-decoration: none;
color: #fff;
text-align: center;
font-family: 'LatoRegular';
font-size: 25px;
padding: 10px;
}
img.promotionImage{
width: 590px;
border-radius: 10px;
-webkit-border-radius:10px;
}
section.similar_items_section{
position: relative;
width: 100%;
padding: 13px;
margin: 10px auto;
}
.similar_items_container{
position: relative;
margin-left: 2px;
}
.similar_items_contant{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.similar_items_box{
position: relative;
margin: 10px 5px 10px 13px;
border: 1px solid #b29935;
padding: 5px;
/*width: 254px;*/
width: 226px;
height: 318px;
}
.similarItems_boxImage_contant{
position: relative;
width: 214px;
height: 210px;
padding: 5px;
overflow: hidden;
}
.similarItems_boxImage_contant img{
width: 100%;
height: 100%;
}
.similarItems_boxPrice_contant{
position: absolute;
right: 10px;
top:10px;
background: #b29935;
padding: 6px;
}
.similarItems_boxNmae_contant{
margin: 5px 0 10px 0;
padding: 0 0 5px 0;
border-bottom:1px solid #b29935;
}
p.similarItems_nameValue{
font-size: 17px;
font-family: 'LatoRegular';
}
.similarItems_boxOrderBtn_contant{
text-align: center;
border:1px solid #b29935;
padding: 5px 0 5px 0;
position: absolute;
bottom: 10px;
width: 95%;
}
.similarItems_boxOrderBtn_contant a{
display: block;
text-decoration: none;
color:#b29935;
font-family: 'LatoRegular';
}
span.itemPrice_value{
color: #fff;
font-size: 17px;
font-family: 'LatoRegular';
}

/*--------------------Basket Order Modal PopUp----------------------*/
.basketOrder_modalBoxContainer{
position: fixed;
display: none;
width: 430px;
height: 255px;
background-color: #ffffff;
border: 1px solid #ffffff;
border-radius: 6px;
-webkit-border-radius: 15px;
top: 35%;
left: 45%;
z-index: 999999999;
box-shadow: 10px 9px 5px 0px #24282a;
-webkit-box-shadow: 10px 9px 5px 0px #24282a;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.basketOrder_modalBoxContainer.modalBoxActive{
display:block;
}
.basketModal_closeBtn{
display: block;
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
background: #272d2e;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
line-height: 32px;
text-align: center;
top: -17px;
right: -11px;
font-family: 'LatoRegular';
font-size: 19px;
}

.backetOrder_modalContent{
position: relative;
width: 100%;
height: auto;
}
.backetOrder_modalTextContent{
position: relative;
padding: 55px 10px 0 20px;
text-align: center;
}
.backetOrder_modalTextContent p:first-child{
font-size: 20px;
font-family: 'LatoRegular';
color: #518d08;
}
.backetOrder_modalTextContent p:last-child{
font-size: 20px;
font-family: 'LatoRegular';
}
a.gotoCart_boxhref{
text-decoration: none;
color: #050507;
}
a.continueShoping_href{
text-decoration: none;
color: #050507;
}
/*----All Categ content*---------------*/
.allcateg_page_content{
position: relative;
width: 1350px;
height: auto;
margin: 10px auto;
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.allcetg_page_leftcontent{
position: relative;
width: 250px;
height: auto;
border-right:1px solid #e5e6e7;
}
.allcetg_page_itemcontent{
position: relative;
width: calc(1350px - 325px);
height: auto;
border-bottom: 1px solid #e5e6e7;
}
ul.allcateg_ul{

}
ul.allcateg_ul li{
list-style: none;
margin: 8px 0 8px 0;
}
ul.allcateg_ul li a{
display: block;
text-decoration: none;
color: #424748;
font-size: 20px;
font-family: 'LatoRegular';

}
/*************About*************/
.aboutUs_header{

}
h1.aboutus_headertext{
text-align: center;
font-family: 'LatoRegular';
text-align: center;
}
.aboutus_content{
position: relative;
width: 90%;
margin: 20px auto;
display: flex;
display: -webkit-flex;
padding: 20px;
}
.aboutus_imgbox{
position: relative;
width: 490px;
}
img.about_img{
width: 100%;
}
.aboutus_textcontent{
padding-left:20px;
}
/*-----------------Contact-------*/
.contactUs_header{

}
h1.contactinfo_headertext{
text-align: center;
font-family: 'LatoRegular';
text-align: center;
}
.contactinfo_content{
position: relative;
width: 90%;
margin: 20px auto;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
padding: 20px;
justify-content: space-around;
}
.contactinfo_leftbox{
position: relative;
width: 500px;
border-right:1px solid #e3e2e0;
}
.contactinfo_map{

}
.contactinfo_data{

}
.contactinfo_data > div{
display: flex;
display: -webkit-flex;
margin: 10px 0 0 0;
}
.contactinfo_data > div > span{
width: 90px;
font-family: 'LatoRegular';
font-size: 17px;
}
a.contactPhone_a{
display: block;
font-family: 'LatoRegular';
font-size: 17px;
text-decoration: none;
color:#020303;
font-weight: 600;
}
a.contactEmail_a{
display: block;
font-family: 'LatoRegular';
font-size: 17px;
text-decoration: none;
color:#020303;
font-weight: 600;
}
a.contactAddress_a{
display: block;
font-family: 'LatoRegular';
font-size: 17px;
text-decoration: none;
color:#020303;
font-weight: 600;
}
.contactinfo_rightbox{
position: relative;
width: 500px;
}
.contactinfo_form_content{

}
.contactform-fields{
position: relative;
margin: 15px 0 0 0;
}
.contactform-fields label{
font-family: 'LatoRegular';
}
input.contactName,.contactPhone,.contactEmail{
position: relative;
width: 100%;
height: 48px;
border: 1px solid #e6e8e9;
border-radius: 9px;
-webkit-border-radius: 9px;
outline: none;
padding-left: 7px;
font-family: 'LatoRegular';
}
textarea.contactText{
width: 100%;
resize:none;
border: 1px solid #e6e8e9;
border-radius: 9px;
-webkit-border-radius: 9px;
outline: none;
font-family: 'LatoRegular';
padding:10px;
}
.contactForm_btnContent{
position: relative;
margin: 10px 0 0 0;
}
input.contactSbt_btn{
position: relative;
width: 100%;
height: 48px;
outline: none;
color: #ffffff;
border: none;
background-color: #fabd05;
cursor: pointer;
border-radius: 7px;
-webkit-border-radius: 7px;
font-size: 25px;
font-family: 'LatoRegular';
}

/*--------------------Cart Basket Page-----------*/
.cartpage_content{
position: relative;
max-width: 1350px;
height: auto;
margin: 10px auto;
}
.cart_table_content{
position: relative;
width: 100%;
height: auto;
}
table.cart_table{
position: relative;
width: 100%;
border-collapse: collapse;
}
table.cart_table tr th{
border: 1px solid #c7d4d8;
padding: 20px;
font-family: 'LatoRegular';
}
table.cart_table tr td{
border: 1px solid #c7d4d8;
padding: 15px;
font-family: 'LatoRegular';
}
footer{
position: relative;
width: 100%;
height: auto;
background: #ededed;
clear: both;
padding: 20px 0 50px 0;
box-shadow: 0px -2px 3px 0px #d7d9d9;
-webkit-box-shadow: 0px -2px 3px 0px #d7d9d9;
}
.footer_nav_container{
position: relative;
max-width: 2000px;
margin: 10px auto;
}
.footer_logo_contant{
position: absolute;
left: 40px;
}
.footer_content{
position: relative;
width: 100%;
height: auto;
}
.footer_nav_contant{
display: flex;
display: -webkit-flex;
justify-content: space-around;
padding: 0 20px 0 80px;
}
ul.footer_navul{
list-style: none;
}
ul.footer_navul li{
list-style: none;
margin: 0 5px 0 5px;
}
ul.footer_navul li a{
display: block;
text-decoration: none;
font-size: 15px;
color: #43464b;
text-transform: uppercase;
padding: 5px 6px 5px 6px;
font-family: 'LatoRegular';
}
.footer_address_contant > div{
margin:7px 0 0 0;
}
.phone_number a{
display: block;
text-decoration:none;
color: #43464b;
font-size: 15px;
font-family: 'LatoRegular';
}
.address_ p{
font-size: 15px;
color: #43464b;
font-family: 'LatoRegular';
}

/****************Partners****************/
section.partners_section{
position: relative;
width: 1200px;
height: auto;
margin: 30px auto;
margin-bottom: 36px;
}
h1.ourpartners_text{
text-align: center;
font-family: 'LatoRegular';
}
.partners_container{

}
.partners_content{
position: relative;
display: flex;
display: -webkit-flex;

}
.partners_box{
position: relative;
width: 145px;
height: 135px;
object-fit: contain;
overflow: hidden;
margin: 0 6px 0 6px;
border: 4px solid #e4e4e4;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.partners_box > a {
display: block;
height: 100%;
}
img.partnersImg{
width: 100%;
object-fit: contain;
}
.cartPageTotal_amountcontent{
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
.goToOrder_BtnContent{
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
.cartPageTotal_amountcontent h3{
font-family: 'LatoRegular';
font-size: 20px;
}
a.goToOrderBtn{
display: block;
text-decoration: none;
color: #ffffff;
background-color: #000000;
padding: 15px;
width: 250px;
text-align: center;
font-family: 'LatoRegular';
font-size: 20px;
}
.itemBasket_icon_content{
position: absolute;
right:185px;
}
a.topNav_shopLink{
position: relative;
display: flex;
display: -webkit-flex;
text-decoration: none;
align-items: center;
}
span.cartCount_content{
position: absolute;
top: -5px;
left: 10px;
background: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-family: 'Latoregular';
color: #000;
font-size:20px;
}
.cartBasketIcon_overlay{
display:none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.7);
z-index: 999999;
}
.cartBasketIcon_overlay.activeCartBasketOverlay{
display: block;
}
.cartItemBar_container{
position: absolute;
right: 0;
top: 30px;
width: 320px;
min-height: 100vh;
background-color: #ffffff;
}

.cartItemBar_content{
position: relative;
margin-top: 35px;
width: 100%;
min-height: 100vh;
}
.cartItemBasket_box{
display: flex;
display: -webkit-flex;
flex-direction: column;
margin: 15px 0 10px 0;
border-bottom: 1px solid #f3f3f3;
}
.cartItemBasket_box_1{
display: flex;
display: -webkit-flex;
}
.cartItemBasket_imgContent{
position: relative;
margin-left: 10px;
}
.cartItemBasket_namePriceQty_box{
position: relative;
margin-left: 5px;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.cartItemBasket_NameContent{
position: relative;
margin-left: 1px;
}
span.cartbasket_itemname{
font-family: 'LatoRegular';
font-size: 15px;
}
.cartbasket_price{
font-family: 'LatoRegular';
font-size: 15px;
}
.cartbasket_qty{
font-family: 'LatoRegular';
font-size: 15px;
}
img.cartbasket_img{
width: 80px;
height: 76px;
}
.cartItemBar_closeBtn{
position: absolute;
width: 35px;
height: 35px;
color: #fff;
line-height: 35px;
text-align: center;
background-color: #21201d;
border-radius: 50%;
-webkit-radius: 50%;
top: -12px;
left: -13px;
font-size: 17px;
font-weight: 600;
font-family: 'LatoRegular';
cursor: pointer;
}
.itemBar_contentGoTocart_header{
position: relative;
margin:50px 5px 0 5px;
}
.itemBar_contentGoTocart_header a{
display: block;
text-decoration: none;
color: #ffffff;
font-size: 17px;
font-weight: 600;
font-family: 'LatoRegular';
background-color: #000000;
text-align: center;
padding: 14px;
outline: none;
cursor: pointer;
}
.loginpage_content{
position: relative;
width: 385px;
height: 400px;
margin: 0 auto;
padding: 10px;
}
.loginpage_content h1{
font-family: 'LatoRegular';
font-size: 28px;
text-align: center;
border-bottom: 1px solid #dedede;
padding-bottom: 10px;
}
.loginForm_content{
position: relative;
width: 100%;
height: auto;
}
.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: 'LatoRegular';
font-size: 17px;
}
.input-column{

}
.input-column input{
position: relative;
width: 100%;
height: 45px;
padding-left: 5px;
outline: none;
color: #222222;
font-family: 'LatoRegular';
border: 1px solid #ebecec;
border-radius: 11px;
-webkit-border-radius: 11px;
}
.loginSbt_btncontent{
position: relative;
margin: 20px 0 15px 0;
}
input.userLogin_sbtBtn{
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color:#000000;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius:7px;
}
.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: 'LatoRegular';
}

.registerpage_content{
position: relative;
width: 385px;
height: 400px;
margin: 0 auto;
padding: 10px;
}
.registerpage_content h1{
font-family: 'LatoRegular';
font-size: 28px;
text-align: center;
border-bottom: 1px solid #dedede;
padding-bottom: 10px;
}
.regForm_content{
position: relative;
width: 100%;
height: auto;
}
.regSbt_btncontent{
position: relative;
margin: 20px 0 15px 0;
}
input.userReg_sbtBtn{
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #000000;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}

.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 p{
font-family: 'LatoRegular';
font-weight: 600;
text-align: center;
color: #0f0f13;
font-size: 17px;
}
.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';
}

.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: 17px;
font-family: 'LataRegular';
}
.succes__icon_app{width: 50pt;margin: 12pt auto;}
img.success_icon{width: 40pt;}

input.userActivt_sbtBtn {
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #000000;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
input.paswdEmailCheck_sbtBtn {
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #000000;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
input.newPasswd_SbtBtn{
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #000000;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
/*-------------Mobile CSS*---------------*/
@media screen and (min-width:320px) and (max-width:470px){
.item_box_contant{
position: relative;
width: 47%;
height: 300px;
 }
.itemBox_image_contant{
position: relative;
width: 100%;
height: 190px;
margin: 0 auto;
border: 1px solid transparent;
overflow: hidden;
}
}
@media screen and (min-width:320px) and (max-width:1349px){
.cartpage_content{
width: 100%;
}
.cart_table_content{
overflow-x: auto;
}
}
@media screen and (min-width:320px) and (max-width:768px){
.main_page_contant{
width: 100%;
}
.allcateg_page_content{
width: 100%;
}
.allcetg_page_leftcontent{
display: none;
}
.allcetg_page_itemcontent{
width: 100%;
}
.itemsSlide_container{
width: 100%;
}
header {
position: relative;
width: 100%;
height: 90px;
padding: 0 15px 0 10px;
}
img.logoMetall {
height: 33px;
}
.languageContainer {
position: absolute;
right: 80px;
top: 30px;
}
}

@media screen and (max-width: 359px){
.mainSlider_container {
 position: relative;
 width: 100%;
 max-height: 100%;
 height: 100%;
 overflow: hidden;
}
.slider_box {
position: relative;
width: 100%;
height: 100%;
}
.slide_text_contant h1 {
color: #06090c;
font-size: 92%;
text-transform: uppercase;
}
p.slide_text_prg1 {
font-size: 20px;
font-family: 'LatoRegular';
text-align: center;
}
.slide_img_contant {
width: 150px;
height: 100%;
border: 1px solid transparent;
overflow: hidden;
}
}


@media screen and (max-width: 414px){
.mainSlider_container {
 position: relative;
 width: 100%;
 max-height: 100%;
 height: 100%;
 overflow: hidden;
}
.slider_box {
position: relative;
width: 100%;
height: 100%;
}
.slide_text_contant h1 {
color: #06090c;
font-size: 89%;
text-transform: uppercase;
}
p.slide_text_prg1 {
font-size: 20px;
font-family: 'LatoRegular';
text-align: center;
}
.slide_img_contant {
width: 200px;
height: 100%;
border: 1px solid transparent;
overflow: hidden;
}
}
@media screen and (min-width:320px) and (max-width:359px){
.exclusive_box_left {
position: relative;
width: calc(100% - 150px);
}
.exclusive_box_left h1 {
text-align: center;
font-size: 25px;
}
.exclusive_box_left h3 {
font-size: 90%;
}
.exclusive_box_left a.exclusive_readmore {
margin-left: calc(100% - 120px);
}
.exclusive_box_right img {
width: 130px;
}
}
@media screen and (min-width:359px) and (max-width:414px){
.exclusive_box_left {
position: relative;
width: calc(100% - 135px);
}
.exclusive_box_left h1 {
text-align: center;
font-size: 23px;
}
.exclusive_box_left h3 {
font-size: 90%;
}
.exclusive_box_right img {
width: 135px;
}
.exclusive_box_left a.exclusive_readmore {
margin-left:5%;
}
}
@media screen and (min-width:415px) and (max-width:514px){
.exclusive_box_left {
position: relative;
width: calc(100% - 135px);
}
.exclusive_box_left h1 {
text-align: center;
font-size: 23px;
}
.exclusive_box_left h3 {
font-size: 90%;
}
.exclusive_box_right img {
width: 135px;
}
.exclusive_box_left a.exclusive_readmore {
margin-left: calc(100% - 200px);
}
}
@media screen and (min-width:320px) and (max-width:768px){
.exclusive_boxs_container {
position: relative;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
margin: 10px 2px 10px 2px;
display: -webkit-box;
overflow-x: scroll;
}
section.exclusive_collection {
position: relative;
width: 100%;
margin: 15px 0 60px 0;
}
.exclusive_box_contant {
width: 90%;
margin: 0 3px 0 3px;
}
.item_gallery_option_contant {
display: flex;
display: -webkit-flex;
justify-content: space-around;
flex-wrap: wrap;
}
.item_gallery_lists_contant {
position: relative;
width: 95%;
height: 95px;
display: flex;
display: -webkit-box;
overflow-x: auto;
border: 1px solid #b29935;
}
.gallery_img_box {
position: relative;
width: 100px;
height: auto;
margin: 2px 5px 4px 5px;
overflow: hidden;
}
.item_image_contant {
position: relative;
width: 95%;
height: 100%;
border: 1px solid #b29935;
margin: 8px 4px 5px 4px;
overflow: hidden;
}
.item_options_container {
position: relative;
width: 95%;
height: auto;
padding: 35px 10px 10px 10px;
border: 1px solid #b29935;
background-color: #fff;
}
.footer_nav_contant {
display: flex;
display: -webkit-flex;
justify-content: space-around;
flex-wrap: wrap;
}
.item_promotion_text{
font-size: 18px;
padding: 0 5px 0 5px;
}
.promotionItem_btn_contant {
width: 152px;
height: 44px;
line-height: 19px;
}
a.promotionItem_btn {
font-size: 18px;
padding: 10px;
}
img.promotionImage {
width: 100%;
}

.box_1_contant {
flex-wrap: wrap-reverse;
padding: 0 8px 0 8px;
}
.box_1_text h1 {
font-size: 22px;
font-family: 'LatoRegular';
}
.box_1_img {
position: relative;
width: 100%;
overflow: hidden;
}
.box_2_contant {
margin: 20px 0 20px 0;
flex-wrap: wrap;
padding: 0 8px 0 8px;
}
.box_2_img {
position: relative;
width: 100%;
overflow: hidden;
}
.box_2_text h1 {
font-size: 22px;
font-family: 'LatoRegular';
}
.box_3_contant {
margin: 0 0 20px 0;
flex-wrap: wrap-reverse;
padding: 0 8px 0 8px;
}
.box_3_text h1 {
font-size: 25px;
font-family: 'LatoRegular';
}
.box_3_img {
position: relative;
width:100%;
}
.box_4_contant {
margin: 0 0 20px 0;
flex-wrap: wrap;
padding: 0 8px 0 8px;
}
.box_4_img {
position: relative;
width:100%;
}
.box_4_text h1 {
font-size: 25px;
font-family: 'LatoRegular';
}
.box_5_contant {
flex-wrap: wrap-reverse;
padding: 0 8px 0 8px;
}
.box_5_img {
position: relative;
width:100%;
}
.box_5_text h1 {
font-size: 25px;
font-family: 'LatoRegular';
}
/*---------------Item Boxes---------------------*/
.items_boxs {
display: flex;
display: -webkit-box;
flex-wrap: nowrap;
margin: 3px;
/*overflow-x: auto;*/
}

.item_box_contant {
position: relative;
width: 100%;
/*height: 310px;*/
height: 330px;
}
.itemBox_image_contant {
position: relative;
width: 100%;
/*height: 172px;*/
height: 235px;
margin: 0 auto;
border: 1px solid transparent;
overflow: hidden;
}
/*-------------------Similar items Boxes---------------*/
.similar_items_contant{
display: flex;
display: -webkit-box;
flex-wrap: nowrap;
margin: 3px;
overflow-x: auto;
}
.similar_items_box{
position: relative;
width: 50%;
height: 310px;
}
.similarItems_boxImage_contant{
position: relative;
width: 100%;
height: 172px;
margin: 0 auto;
border: 1px solid transparent;
overflow: hidden;
}
}

@media screen and (max-width: 1029px){
nav.topHeadNav {
 display: none;
}
.signNav_container {
display:none;
}
.mobileBurgerBtn_contant {
position: absolute;
display: block;
right: 25px;
top: 25px;
}
.mobileNavmenu_overlay{

}
}
@media screen and (min-width: 1030px)  and (max-width:1203px){
ul.topHead_navul li a {
display: block;
text-decoration: none;
font-size: 13px;
}
img.logoMetall {
height: 30px;
}
}

@media screen and (min-width: 415px) and (max-width: 768px){
.mainSlider_container {
 position: relative;
 width: 100%;
 max-height: 100%;
 height: 100%;
 overflow: hidden;
}
.slider_box {
position: relative;
width: 100%;
height: 100%;
}
.slide_text_contant h1 {
color: #06090c;
font-size: 90%;
text-transform: uppercase;
}
p.slide_text_prg1 {
font-size: 20px;
font-family: 'LatoRegular';
text-align: center;
}
.slide_img_contant {
width: 250px;
height: 100%;
border: 1px solid transparent;
overflow: hidden;
}
}
@media screen and (min-width: 604px) and (max-width: 768px){
.slide_text_contant h1 {
font-size: 130%;
}
.slide_img_contant {
width: 370px;
height: 100%;
border: 1px solid transparent;
overflow: hidden;
}
}