@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: 45px 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;
display: -webkit-flex;
margin-right: 40px;
}
ul.topHead_navul li{
list-style: none;
margin: 0 2px 0 2px;
}
ul.topHead_navul li a{
display: block;
text-decoration: none;
font-size: 13px;
color: #43464b;
text-transform: uppercase;
padding: 15px 2px 15px 2px;
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: 130px;
}
.langContant{
display: flex;
display: -webkit-flex;
justify-content: space-around;
align-items: center;
}
.langContant img{
width: 21px;
height: 21px;
margin-right: 4px;
cursor: pointer;
}
span.langactive{
cursor: pointer;
color:#ff9205;
font-family: 'LatoRegular';
}
.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';
}
.items_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: 226px;
height: 319px;
margin: 5px 4px 5px 4px;
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';
}*/
.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;
}
.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_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';
}
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;
}
/*-----------------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';
}

/*-------------Mobile CSS*---------------*/
@media screen and (min-width:320px) and (max-width:768px){
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: 50%;
height: 310px;
}
.itemBox_image_contant {
position: relative;
width: 100%;
height: 172px;
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;
}
}