@font-face {
    font-family: 'OnestRegular';
    src: url('../fonts/OnestRegular.eot');
    src: url('../fonts/OnestRegular.eot') format('embedded-opentype'),
         url('../fonts/OnestRegular.woff2') format('woff2'),
         url('../fonts/OnestRegular.woff') format('woff'),
         url('../fonts/OnestRegular.ttf') format('truetype'),
         url('../fonts/OnestRegular.svg#OnestRegular') format('svg');
}
@font-face {
    font-family: 'OnestBold';
    src: url('../fonts/OnestBold.eot');
    src: url('../fonts/OnestBold.eot') format('embedded-opentype'),
         url('../fonts/OnestBold.woff2') format('woff2'),
         url('../fonts/OnestBold.woff') format('woff'),
         url('../fonts/OnestBold.ttf') format('truetype'),
         url('../fonts/OnestBold.svg#OnestBold') format('svg');
}
@font-face {
    font-family: 'OnestMedium';
    src: url('../fonts/OnestMedium.eot');
    src: url('../fonts/OnestMedium.eot') format('embedded-opentype'),
         url('../fonts/OnestMedium.woff2') format('woff2'),
         url('../fonts/OnestMedium.woff') format('woff'),
         url('../fonts/OnestMedium.ttf') format('truetype'),
         url('../fonts/OnestMedium.svg#OnestMedium') format('svg');
}

body{background: linear-gradient(143.7deg, #3E2A30 2.03%, #261D20 99.61%); line-height: 1.5; font-family: 'OnestRegular'; font-weight: 400;  font-size:16px; color:#000; line-height:20px;}
img{max-width:100%;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-family: 'OnestBold';}
h2{font-size:40px; font-weight:600; color:#333; margin-bottom:30px;}
a:hover{text-decoration:none;}
ul{margin:0; padding:0;}
ul li{margin:0; padding: 0; list-style:none;}
label{color:#333; font-weight:400; display:block; font-size:13px;}
lable span{color:#333;}
.btn-primary{font-size: 22px; line-height: 34px; font-family: 'OnestMedium'; color: #fff; padding: 9px 30px; box-shadow: none; background: #121212;
border-radius: 6px; position:relative; border: 0;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{border-color:transparent; background:transparent; color:#333;}
.btn-primary:hover, .btn-primary:active,.btn-primary:focus{border-color:transparent; background:#5129F1; color:#fff;}
.btn.active, .btn:active{box-shadow:none; border-color:transparent;background:transparent; color:#333;}
.btn.disabled, .btn.disabled:hover{background:#edf0f1; color:#a6a8a9; font-weight:300; border-color:transparent;}
.btn-default{background:transparent; border:2px solid #fff; font-size: 16px; color:#fff; padding: 16px 24px; border-radius:16px;}
.btn-small{padding: 10px 40px;}
.form-control{height: 52px; box-shadow: none; border: 1px solid #593D45; padding: 11px 30px 11px 20px; font-size: 14px; background: rgba(32, 22, 25, 0.5); border-radius: 6px; padding: 10px 15px; font-size: 16px; color: #A7A7A7;}
.form-control:focus{box-shadow:none;height: 52px; box-shadow: none; border: 1px solid #593D45; padding: 11px 30px 11px 20px; font-size: 14px; background: rgba(32, 22, 25, 0.5); border-radius: 6px; padding: 10px 15px; font-size: 16px; color: #A7A7A7;}
.form-control::-webkit-input-placeholder {color:#A7A7A7;}
.form-control::-moz-placeholder {color:#A7A7A7;}
.form-control:-ms-input-placeholder {color:#A7A7A7;}
.form-control:-moz-placeholder {color:#A7A7A7;}
.form-control.error{border-color:#c41c56;}
.form-control.error::-webkit-input-placeholder {color:#022736;}
.form-control.error::-moz-placeholder {color:#022736;}
.form-control.error:-ms-input-placeholder {color:#022736;}
.form-control.error:-moz-placeholder {color:#022736;}
.form-control.error + span{font-size:12px;color: #c41c56; font-weight:300;}
.form-group{margin-bottom:20px;}
@media(min-width:1200px){.container{max-width:1336px; width:100%; z-index:1; position:relative;}}
label{color:#fff;font-family: 'OnestBold'; margin-bottom:10px;}

.loginpage{background: url(../img/login-bg.jpg) no-repeat #692024; background-size:cover;}
header{padding:20px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.05); margin-bottom:20px;}
header .navbar-brand{}
header .navbar-brand img{height:30px;}
header .navbar{padding:0;}
header .searchbox .form-control{display:none;}
header .searchbox .btn{border-color:transparent;}
header .searchbox .btn:hover{background:#ffcc32;}
header .nav-item.cart span{display:inline-block; margin-left:10px; background:#fff; width:20px; height:20px; border-radius:50%; font-size:12px; line-height: 10px; color: #3E3E59;text-align:center; line-height:20px;} 


header .navbar-nav .nav-item .nav-link{font-family: 'OnestMedium'; font-size: 14px; line-height: 24px;color: #FAFAFB; padding-left:15px; padding-right:15px;}
@media (min-width: 992px){.navbar-expand-lg .navbar-collapse{flex-grow: initial;}.navbar-expand-lg .navbar-nav{padding-right:20px;}}
footer{background: rgba(35, 22, 26, 0.6); backdrop-filter: blur(30px); padding:35px 0;}
footer .footer-block{margin-bottom:40px;}
footer .links ul{margin:0; padding:0;}
footer .links ul li{list-style:none; margin-bottom:5px;}
footer .links ul li a{font-family: 'OnestBold'; color:#fff; text-decoration:none; font-size:16px; color: #F5F5F5;}
footer .contact p{font-size: 16px; line-height: 26px; margin-bottom:0;color: #FAFAFB;}
footer .contact p a{color:#FAFAFB; text-decoration:none;}
footer .footerlogo .img img{height:60px;}
footer .copyrighttext{color:#fff; padding-top:25px; border-top:1px solid #fff; margin-bottom:0;}


.loginbox{width:310px; min-height:688px;background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(15px);padding:30px; margin-bottom:40px;}
.loginbox h3{color:#fff;font-size: 22px; line-height: 34px; margin-bottom:30px;}
.loginbox .link{margin-bottom:0;}
.loginbox .link a{font-family: 'OnestBold'; font-size: 14px; line-height: 22px; color: #EAEAEA; text-decoration:none;}
.loginbox .btn{width:100%;}
.loginbox .form-group{margin-bottom:30px;}
.loginbox .customcheckbox{position:relative;}
.loginbox .customcheckbox input{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0; cursor:pointer;}
.loginbox .customcheckbox span{position:relative; display:block; padding-left:30px;}
.loginbox .customcheckbox span:before{content:""; display:block; width:16px; height:16px;border: 1px solid #CBD5E0; position:absolute; left:0; top:2px; border-radius:50%; transition:0.5s all ease;}
.loginbox .customcheckbox input:checked + span:before{background:#fff;}
.loginbox .cus_phone{display:flex; position:relative}
.loginbox .cus_phone .dropdown{width:76px; position:absolute; top:8px; left:8px;}
.loginbox .cus_phone .form-control{padding-left:96px;}
.loginbox .cus_phone .dropdown-toggle::after{}
.loginbox .cus_phone .dropdown button{background: #2B2B2B; border-radius: 4px; border:0;}
.sidebar{width:310px; min-height:688px;background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(15px);padding:30px; margin-bottom:40px;}
.sidebar h3{color:#fff;font-size: 22px; line-height: 34px; margin-bottom:30px;}
.profileimg{margin-bottom:30px; position:relative;width:82px;}
.profileimg .updateimg{position:absolute; bottom:0; right:0; width:30px; height:30px;}
.profileimg span input{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.profileimg .updateimg img{}
.profileimg span{width:82px; height:82px; border-radius:50%; overflow:hidden; display:inline-block;}
.profileimg span img{width:82px; height:82px; object-fit:cover; object-position:center;}

.sidebar ul{margin:0; padding:0;}
.sidebar ul li{}
.sidebar ul li a{color: #807E7E;font-size: 18px; line-height: 32px;font-family: 'OnestMedium';letter-spacing: -0.4px; text-decoration:none; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding:10px 0; display:block;}
.sidebar ul li.active > a{color:#fff; border-color:#fff;}
.sidebar ul li.active ul li a{padding-left:25px;border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
.twocolumn{display:flex;}
.twocolumn .sidebar{width:310px; margin-right:30px;}
.twocolumn .rightcontent{width:calc(100% - 340px);}
.rightcontent .innerpagebanner{padding:45px 30px; background:url(../img/my-profile-banner-bg.jpg) no-repeat center right; background-size:cover; border-radius:10px; margin-bottom:25px;}
.rightcontent .innerpagebanner .text1{font-family: 'OnestBold'; font-size: 22px; line-height: 34px;color: #FFFFFF; margin-bottom:0;}
.rightcontent .innerpagebanner .text2{font-family: 'OnestBold'; font-size: 54px; line-height: 58px;color: #FFFFFF;}
.myprofileform{max-width:652px; margin-bottom:40px;}
.myprofileform .btn{width:100%;padding: 19px 30px;}
.myprofileform h6{color:#fff; margin-bottom:40px; margin-top:40px;font-size: 18px; line-height: 30px;color: #FFDDEE;}

.prod_banner{background:url(../img/prod-banner-bg.jpg) no-repeat top right ; background-size:cover; padding:40px; border-radius:20px; margin-bottom:40px;}
.prod_banner .link{margin-bottom:10px;}
.prod_banner .link a{font-family: 'OnestMedium';color: #605F5F;font-size: 12px; line-height: 20px; text-decoration:none;}
.prod_banner .title{font-family: 'OnestBold';  font-size: 54px; line-height: 58px;color: #121212; margin-bottom:20px; }
.prod_banner p{font-family: 'OnestBold';  font-size: 12px; line-height: 20px;color: #3E3E59; margin-bottom:10px;}

.prodsidebar{}
.prodsidebar h4{font-size: 16px; line-height: 26px;color: #FFCB2F; margin-bottom:10px;}
.prodsidebar ul li a{border:0;color: #CBCBCB;font-size: 14px; line-height: 22px;    padding: 8px 0;}
.sidebarblock{margin-bottom:40px;}
.grid .items{background:#261c1f; height:304px; padding:10px; margin-bottom:30px;}
.grid .items .img{border-radius:10px; overflow:hidden; margin-bottom:15px;}
.grid .items .img img{width:100%; height:130px; object-fit:cover; object-position:center;}
.grid .items .name{margin-bottom:20px;}
.grid .items .name a{font-size: 18px; line-height: 32px;color: #FFFFFF;letter-spacing: -0.4px; text-decoration:none;}
.grid .items .dropdown button{padding: 9px 15px; border:0; text-align:left; background: rgba(255, 255, 255, 0.05); border-radius: 6px; width:100%;}
.grid .items .dropdown button:after{width:15px; height:9px; background:url(../img/icon-dropdown.svg) no-repeat; border:0;   position: absolute; right: 15px; top: 17px;}
.loadmore{text-align:center; }
.loadmore .btn{font-size:18px;}
.filterselected{margin-bottom:20px;}
.filterselected span{color:#fff; background:transparent; padding:6px 10px; border-radius:4px;font-size: 12px; line-height: 20px;font-family: 'OnestMedium'; margin-right:10px;}
.filterselected span a{display:inline-block; margin-right:5px;}
.filterselected span.active{background:#454545;}
.prod_filter{margin-bottom:20px; display:flex; justify-content:space-between;}
.prod_filter h4{font-size: 16px; font-family: 'OnestRegular'; line-height: 26px;color: #CBCBCB;}
.prod_filter .action{display:flex;}
.prod_filter .action .dropdown{margin-left:10px;}
.prod_filter .action .dropdown button{background:transparent; border:0; padding-right:25px;}
.prod_filter .action .dropdown button:after{width:15px; height:9px; background:url(../img/icon-dropdown.svg) no-repeat; border:0; position: absolute; right: 0; top: 17px; background-size:12px auto;}
.prod_filter .action .dropdown.filter  button:after{background:url(../img/icon-dropdown-filter.svg) no-repeat;   background-size: 15px auto; height: 15px; top: 13px;}


@media(max-width:767px){
.navbar-toggler{background:#ffd600;}	
.twocolumn{display:block;}
.twocolumn .sidebar, .twocolumn .rightcontent{width:100%;}
.prod_banner{padding:20px;}
.prod_banner .title, .rightcontent .innerpagebanner .text2{font-size: 36px; line-height: 36px;}
.rightcontent .innerpagebanner .text1{font-size:18px;}
.loadmore{margin-bottom:30px;}
.loginbox{width:100%;}

}