@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--roboto: "Roboto", sans-serif;
--theme-color:#FF7F00;
--dark-bg:#141313;
--gray-bg:#F3F3F3;
}
/* common css start  */
*{box-sizing: border-box;  list-style: none;text-decoration: none;margin: 0; padding: 0;}
body{font-size: 16px; line-height: 28px; color: #797979; font-weight: 400;font-family: var(--roboto);}
p{margin-bottom: 12px;}
p:last-child{margin-bottom: 0;}
a{transition: .5s ease; color: var(--dark-bg);}
img{max-width: 100%;}
h1,h2,h3,h4,h5,h6{font-family: var(--roboto); font-weight: 500;color:var(--dark-bg);}
input:focus,button:focus,select:focus{box-shadow: none;}


/* common btn start */
.common-btn{display: inline-block; width: fit-content;  font-size: 18px; border-radius: 6px; padding: 8px 18px; line-height: normal; font-weight: 500; color:#fff; background-color: var(--dark-bg);}
.common-btn:hover { background-color: var(--dark-bg);}
.common-btn-two{font-size: 18px; font-weight: 600; color: var(--theme-color); position: relative;}
.common-btn-two:hover{color: var(--dark-bg);}
.common-btn-two:hover:before{ animation: btn-link .5s;}
@keyframes btn-link{0%{width: 0;} 100%{width: 100%;}}
.common-btn-two:before{position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: var(--theme-color);content: ""; transition: .5s ease;}
/* common btn end */

em{font-style: normal}


/* common css end  */

/* header start  */

header article{display: flex;align-items: center;justify-content: space-between;    margin-left: 15px;    margin-right: 15px;}
.logo{display: flex;}


/* top header start  */
.top-header{background-color: var(--theme-color);    padding: 11px 0;}
.top-header > div{display: flex; justify-content: space-between;align-items: center;}
.top-header > div section{ margin-left: 15px;margin-right: 15px;}
.top-header > div  section{display: flex; align-items: center;}
.top-header > div >div.menu_navigation{display: none;}
.top-header > div   section:first-child a:first-child{font-weight: 600;font-size: 18px;}
.top-header > div > section a:not(:last-of-type){margin-right: 25px;}
.top-header > div > section:last-child a:not(:last-of-type){margin-right: 16px;}

.top-header a{color: #fff;display: flex;align-items: center; line-height: normal;    font-weight: 400;}
.top-header a:hover {color: var(--dark-bg);}
.top-header a:hover svg path {fill: var(--dark-bg);}
.top-header a svg path{transition: .5s ease;}

.top-header a svg{margin-right: 8px;}
.top-header div > section:last-child  a svg { margin-right: 4px;}
/* top header end  */

/* search content start */
header{padding: 17px 0; border-bottom: 1px solid #E4E4E4;}
.search_content{margin-left: auto; margin-right: 40px;}
.search_content form{border: 1px solid #E4E4E4; border-radius: 50px; padding: 5px 6px 5px 26px; width: 666px; display: flex;align-items: center;}
.search_content form button{transition: .5s ease; cursor: pointer; background-color: var(--dark-bg);padding: 10px 30px; border: 0;display: inline-block;border-radius: 50px;padding: 5px 33px;}
.search_content form button:hover{background-color: var(--theme-color);}
.search_content form input{border: 0 !important; outline: 0; width: 100%; font-size: 16px; color:#797979; font-weight: 300;}
.search_content form input::placeholder{  color:#adadad; font-weight: 300;}

header #go_cart{font-weight: 500;    line-height: normal; display: flex;align-items: center; position: relative;}
header #go_cart:hover{color: var(--theme-color);}
header #go_cart span{height: 16px; width: 16px; background-color: var(--theme-color); color: #fff; border-radius: 100%;position: absolute; right: -7px;  font-weight: 600;  top: -2px; font-size: 10px; display: flex; justify-content: center; align-items: center;}
header #go_cart svg{margin-left: 10px;}
/* search content end */

/* navigation start  */
.main_navigation_cnt{position: relative;}
.main_navigation_cnt::before{height: 1px;width: 100%; background-color: #E4E4E4; content: "";    position: absolute; bottom: -1px;left: 0;}
.main_navigation_cnt ul{display: flex; align-items: center;justify-content: space-between;    margin-left: 15px; margin-right: 15px;}
.main_navigation_cnt ul li{padding: 16px 0; position: relative;}
.main_navigation_cnt ul li a{font-size: 18px; font-weight: 500;}
.main_navigation_cnt ul li a:hover{color: var(--dark-bg);}
.main_navigation_cnt ul li a:before{content: "";bottom: 0; left: 0; height: 2px; width: 0; background-color: var(--dark-bg); position: absolute;transition: .5s ease;}
.main_navigation_cnt ul li a:hover:before{width: 100%;}
.main_navigation_cnt ul li a.active:before{width: 100%; transition: .5s ease;}
/* navigation end  */

/* sticky header start  */
.sticky-header{position: fixed; left: 0; top: 0; width: 100%; background-color: #fff ; z-index: 6; animation: sticky-header .5s linear;     box-shadow: 0 11px 8px 0 #a5a5a512; max-width:100%;}
@keyframes sticky-header { 0%{top: -50px; opacity: 0; }100%{top: 0px; opacity: 1; }}
/* sticky header end 
/* header end  */

/* home page start */

/* home banner start */
.home-banner{position: relative; }
/* .home-banner:before{position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; z-index: 1; height: 100%; width: 100%;} */
.banner-img{display: flex;  height: 600px;display: flex; width: 100%;}
.home-banner .banner-img img{width: 100%; object-fit: cover; height: 100%;}
.home-banner p{ font-size: 60px; font-weight: 600; padding: 0 15px; height: fit-content; color: #fff;position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; line-height: 1.25; text-align: center; max-width: 645px; background-color: #000;display: flex; align-items: center; height: 100%; justify-content: center;}
/* home banner end */

/*Home services start*/
.home_services{background: #fff; padding:60px 0;}
.home_services .home_services-box h1{text-transform: uppercase; text-align: center; font-size: 38px; line-height: 1.3;font-weight: 600; margin-bottom: 30px;}
.home_services .home_services-box > div{display:flex ; flex-wrap: wrap;}
/*Home services box start*/

.home_services article{display: flex; flex-direction: column; width: calc(33.33% - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 15px; border-radius: 10px; cursor: pointer; vertical-align: top;}
.home_services article figure{text-align: center;}
.home_services article figure a{display: flex;}
.home_services article figure a img{width: 100%; border-radius: 10px 10px 0 0;}

.home_services article > div{height: -webkit-fill-available;height:100%; background-color: var(--dark-bg); z-index: 1; align-items: center; display: flex;justify-content: center;position: relative;  transition: .5s ease; color: #fff; padding: 16px 15px 16px;}
.home_services article:hover > div{background:var(--theme-color);}
.home_services article > div > a{display: flex;}
.home_services article h2{width: 100%; transition: .5s ease; text-transform: uppercase; display: block; text-align: center; font-weight: 400;font-size: 16px; align-items: center; color: #fff;}
.home_services article:hover > div > a h2{color: #fff;}
/*Home services box end*/
/*Home services end*/


/*Home featured product start*/
.home_featured_product-box > h1 {text-transform: uppercase; text-align: center; font-size: 38px; line-height: 1.3; font-weight: 600; }
.home_featured_product-box article{margin-top: 30px;}
.home_featured_product-box{ padding:60px 0;}
.home_featured_product{background: var(--gray-bg);display: flex;}
.home_featured_product-box aside{ display: flex;flex-wrap: wrap;}
/*Home featured product box start*/

/* img figure are start  */
.home_featured_product-box figure{position: relative;}
.home_featured_product-box figure figcaption { position: absolute; right: 12px; top: 12px;  text-align: left;}
.sale { font-size: 12px; color: #fff; line-height: normal; font-weight: 500; margin: 0; padding: 4px 11px; background: #20497F; border-radius: 4px; display: table;}
.home_featured_product-box article figure{  overflow: hidden;  align-items: center;justify-content: center; display: flex; border-bottom: solid 1px #E4E4E4; text-align: center; height: 252px; min-height: 252px;}
.home_featured_product-box article figure a {display: flex;    height: auto;}
.home_featured_product-box article figure a img{height:max-content; width: 100%; object-fit: contain;}
/* img figure are end  */
.category_title{font-size: 14px; color: #797979;margin-bottom: 8px;display: block;  width: 100%;}
.category_title:hover{color: var(--theme-color);}
.home_featured_product-box article h1{margin-bottom: 4px; line-height: normal;height: 58px; overflow: hidden;    width: 100%;}
.home_featured_product-box article > div > p{overflow: hidden; height: 112px;    width: 100%;}
.home_featured_product-box article h1 a{font-size: 22px; font-weight: 600; color: #231F20; overflow: hidden; display: inline-block; }
.home_featured_product .home_featured_product-box > div{display: flex; flex-wrap: wrap;}
.home_featured_product-box article{  display: flex;flex-direction: column; width: calc(33.33% - 30px);height: -webkit-fill-available; margin-left: 15px; margin-right: 15px; box-shadow: 0 0 3px 0px rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden; background: #fff; height: 691px;}
.home_featured_product-box article > div{padding: 13px 15px 16px; display: flex; flex-wrap: wrap;     height: -webkit-fill-available; height: inherit;}
.home_featured_product-box article h1 a:hover{color: var(--theme-color);}
.home_featured_product-box article > div > div{padding: 6px 0 4px; font-size: 22px; display: flex;    width: 100%; }
.home_featured_product-box article > div > div p{font-size: 18px; text-transform: uppercase; margin-right: 5px;}
.home_featured_product-box article > div > div > div:last-child{display:flex; flex-wrap: wrap;width: 100%;justify-content: space-between;}
.home_featured_product-box article > div > div  .kn_price { color: var(--theme-color);font-size: 22px;    font-weight: 700;}
.home_featured_product-box article > div > div  .kn_oldprice {text-decoration: line-through;margin-left: auto; padding-left: 15px; font-size: 16px; color: var(--dark-bg); font-weight: 300;}
.home_featured_product-box article > div > section{display: flex; justify-content: space-between; border: 1px solid #E4E4E4; border-radius: 6px; padding:7px 12px;margin-bottom: 17px; width: 100%;    margin-top: auto;}

/* quick and detais btn start  */
.quick_view_btn{text-transform: uppercase;}
.details_btn {text-transform: uppercase;display:none;}
.quick_view_btn svg path{transition: .5s ease;}
.quick_view_btn:hover svg path{stroke: var(--theme-color); }
.quick_view_btn:hover,.details_btn:hover{color: var(--theme-color);}
/* quick and detais btn end */

/* price aria start  */
#best_price{font-size: 14px;text-transform: uppercase; margin-bottom: 17px; height: initial;    width: 100%;}
#best_price b{color: var(--dark-bg); font-weight: 400;}
.quick_view_btn svg{vertical-align: sub;margin-right: 7px;}
.details_btn i{margin-left: 4px;font-size: 15px;}
.home_featured_product-box article > div > div del{font-weight: 600;}
/* price aria end */
/* bellow btn css start  */
.home_featured_product-box article .common-btn{width: calc(50% - 15px); margin-top: auto; text-align: center;padding: 10px 15px; border: 1px solid var(--dark-bg);}
.home_featured_product-box article .common-btn:last-child:hover{color: var(--dark-bg);background-color: transparent;border: 1px solid var(--dark-bg);}
.home_featured_product-box article .common-btn.border-btn{color: var(--dark-bg);background-color: transparent;border: 1px solid var(--dark-bg);}
.home_featured_product-box article .common-btn.border-btn:hover{color: #fff;background-color:var(--dark-bg);border: 1px solid var(--dark-bg); cursor: pointer;}
/* bellow btn css end  */
/*Home featured product box end*/
/*Home featured product end*/ 



/*Home Blog start*/
.home_blog{padding:60px 0 30px; position: relative;}
.home_blog .home_blog_box > div{flex-wrap: wrap; display: flex;}
.home_blog .home_blog_box > h1 {text-align: center; font-size: 38px; line-height: 1.3; font-weight: 600; margin-bottom: 30px;}

/*Home Blog box start*/
.home_blog article{width:calc(50% - 30px); border-radius: 10px 10px 0 0; display: flex; flex-direction: column; margin-left: 15px; margin-right: 15px;  margin-bottom: 30px; background-color: var(--dark-bg);}
.home_blog article figure a{display: flex}
.home_blog article figure a img{border-radius: 10px 10px 0 0; width: 100%; object-fit: cover; height: 429px;}
.home_blog article > div{padding: 22px 22px 33px; display: flex;flex-direction: column;height: 100%; color: #fff;}
.home_blog article > div em{font-size: 18px;  display: flex; margin-bottom: 10px;color: #e2e2e2;}
.home_blog article > div h1 {font-size: 30px; line-height: 1.35; font-weight: 500;margin-bottom: 10px; color: #fff; transition: .5s ease;}
.home_blog article > div h1:hover{color: var(--theme-color);}
.home_blog .common-btn{color: var(--theme-color); width: fit-content;margin-top: auto; background-color: #fff; text-align: center; padding: 6px 25px;border-radius: 4px; min-width: 100px;}
.home_blog .common-btn:hover{background-color: var(--theme-color); color: #fff;}
/*Home Blog box end*/

/*Home Blog end*/ 



/* footer top section start */
.shop_secure_delivery_cnt{background-color: #F3F3F3; padding: 28px 0;border-bottom: 3px solid var(--theme-color);}
.shop_secure_delivery_cnt ul{display: flex; flex-wrap: wrap; align-items: center;}
.shop_secure_delivery_cnt ul li{margin-left: 15px; margin-right: 15px;width: calc(25% - 30px);display: flex; align-items: center; text-transform: uppercase;}
.shop_secure_delivery_cnt ul li svg{flex-shrink: 0;margin-right: 14px;}
.shop_secure_delivery_cnt h2{font-size: 20px;}
.shop_secure_delivery_cnt a:hover{color: var(--theme-color);}
/* footer top section end  */

/* footer start  */
footer{ clear: left;} 
footer h2{padding-bottom: 12px;text-transform: uppercase; font-size: 18px;}
footer > article{display: grid; gap: 30px; justify-content: center; padding: 36px 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
footer > article section{    margin-left: 15px; margin-right: 15px;}
/* footer top start */

/* footer logo start */
.footer_logo p{padding-top:15px;}
.footer_logo ul li{position: relative;padding-left: 30px;}
.footer_logo ul li a{font-weight: 500;}
.footer_logo ul li svg{position: absolute; top: 7px; left: 0;}
.footer_logo ul li:not(:last-of-type){margin-bottom: 3px;}
.footer_logo ul li a:hover{color: var(--theme-color);}
/* footer logo end */

/* footer menu start */
.footer_menu ul li a{color: #797979;}
.footer_menu ul li:not(:last-of-type){margin-bottom: 6px;}
.footer_menu ul li a:hover{color: var(--theme-color);}
/* footer menu end */

/* newsleter start */
.newsletter_btn svg{margin-right: 13px;}
.newsletter_btn{margin-top: 16px; justify-self: center;position: relative; width: calc(100% - 12px); padding: 4px 0; font-size: 18px; font-weight: 600; background-color: var(--dark-bg); border-radius: 30px; display: flex; align-items: center; color: #fff; justify-content: center;}
.newsletter_btn:before{content: "" ;  border-radius: 50px; height: 48px; width: calc(100% + 12px); border: 1px solid #E4E4E4; top: -7px; left: -7px; right: 0; bottom: 0; position: absolute;}
.newsletter_btn:hover{background-color: var(--theme-color);}
.newsletter_btn:hover svg path{fill: #fff;}
.newsletter_btn svg path{transition: .5s ease;}

/* newsleter end */

/* footer contact start */
.footer_contact ul li a{display: flex;}
.footer_contact ul li a:hover{color: var(--theme-color);}
.footer_contact em b{color: var(--dark-bg); font-weight: 400;}
/* footer contact end */

footer aside{background: #797979; color: #fff;font-size: 12px; line-height: 20px; padding: 11px 0;}
footer aside p:not(:last-of-type){padding-bottom: 10px;}
footer aside p{text-align: center;padding-left: 15px;   padding-right: 15px;}
/* footer top end */

/* footer social icon start */
.footer_social_ntws{display: flex;padding-top: 18px; border-top: 1px solid #E4E4E4; margin-top: 30px;}
.footer_social_ntws li:not(:last-of-type){margin-right: 10px;}
.footer_social_ntws li  svg path{transition: .5s ease;}
.footer_social_ntws li a:hover svg path{fill: var(--theme-color);}
/* footer social icon end */

/* copyright start  */
footer .copyright{display: flex; justify-content: space-between; padding: 17px 0;    padding-left: 15px !important; padding-right: 15px !important;}
.copyright p{margin-bottom: 0; color: #2D2D2D;}
.copyright a{color: var(--theme-color);}
.copyright a:hover{text-decoration: underline;}
/* copyright end */

/* footer end  */
/* home page end  */




/******** Innerpages start *******/
/*Product list page start*/
.products_main_container{display: flex;}
 .products_main_container .home_featured_product-box{padding: 45px 15px 60px;}
/*Sidebar start*/
.home_featured_product-box nav{width: 26%; float: left; margin: 0; padding: 0;}
.home_featured_product-box nav ul {list-style: none; margin: 0; padding: 0; width: 100%;}
.home_featured_product-box nav ul li {width: 100%; display: table; margin-bottom: 5px;}
.home_featured_product-box nav ul li a {color:#2D2D2D; font-weight: 500; text-transform: uppercase; align-items: center;display: flex;justify-content: space-between; margin: 0; padding: 10px 20px; background: #F3F3F3; border-radius: 4px; position: relative;}
.home_featured_product-box nav ul li a.active, .home_featured_product-box nav ul li a:hover {color: #fff; background: var(--theme-color);}
.home_featured_product-box nav ul > li > a > svg{background: #fff; flex-shrink: 0; padding: 4px 6px 5px 5px; width: 24px; height: 24px; border-radius: 4px; float: right; margin-top: 0px;    margin-left: 8px;}

.home_featured_product-box nav ul li ul li {width: 100%; display: table; margin-bottom: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.15);}
.home_featured_product-box nav ul li ul li:last-child{border-bottom: 0;}
.home_featured_product-box nav ul li ul li a {color: rgba(0, 0, 0, 0.7); font-weight:400; text-transform: none; margin: 0; padding: 8px 20px 8px; line-height: 24px; display: block; background: 0 0; border-radius: 0;}
.home_featured_product-box nav ul li ul li a.active, .home_featured_product-box nav ul li ul li a:hover {color: var(--theme-color); background: 0 0;}
/*Sidebar start*/

/* Right side content start */
.products_categ_cnt > h1{margin-bottom: 12px;font-size: 38px;line-height: 1.1;}
 aside.sorter{background-color: #fff; width: 100%; padding: 15px 5px;    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);border-radius: 10px; margin: 25px 0 0px;}
  aside.sorter ul{display: flex; align-items: center;}
.products_right_cnt {width: 74%; float: right; margin: 0;padding-left: 30px;}
.products_main_container .home_featured_product-box article .common-btn {width: calc(50% - 8px);}
  aside.sorter ul li:not(:last-of-type){margin-right: 7px;}
  aside.sorter ul li input{text-align: center; padding: 7px 10px; cursor: pointer; border: 1px solid #20497f;  border-radius: 4px; background-color: transparent; transition: .5s ease;
-webkit-text-fill-color: rgba(0,0,0,1); font-weight: 400 !important;
-webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
 }
  aside.sorter ul li input:hover ,  aside.sorter ul li input.active{background-color: rgb(32, 73, 127); 
     -webkit-text-fill-color: rgba(255, 255, 255, 1); 
     -webkit-background-color: rgba(32, 73, 127, 1);
    color: #fff; font-weight: 400 !important;
-webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}
/*products sub product box start*/
.products_sub_prod_cnt{margin-left: -15px; margin-right: -15px;display: flex;flex-wrap: wrap;}
/* .products_sub_prod_cnt article{width: calc(50% - 30px); margin-left: 15px; margin-right: 15px;  box-shadow: 0 0 4px 0px rgba(0,0,0,0.2); border-radius: 10px;   background: #fff; display: inline-block;} */

/*products sub product box end*/
/* Right side content end */

/* product filter start  */
.products_sub_prod_cnt .sorter { width: 100%; box-sizing: border-box; margin: 20px auto 10px; width:calc(100% - 30px); padding: 12px 5px; clear: both; display: table; border-radius: 4px; background: rgba(0, 0, 0, 0.1);}
.sorter form {display: flex; justify-content: space-between; width: 100%; margin: 0; padding: 0; }
.sorter form div {flex-wrap: wrap; width: auto; float: left; margin: 0 10px 0;  display: flex;align-items: center;  padding: 0;}
.sorter form div:last-child{justify-content: end;}
select:focus{outline: 0; box-shadow: none; }
.sorter form label { font-size: 14px; color: #414141;font-weight: 500; text-transform: uppercase;margin: 0px 5px 0 0; padding: 0; float: left; line-height: normal;}
.sorter form div select { height: 40px;  width: 240px !important; max-width: 240px !important; box-sizing: border-box; margin: 0; padding: 7px 10px 10px; font-size: 15px !important; background-color: #fff !important; color: #696969; font-weight: 400;  border-radius: 4px; border: 1px solid #d7d7d7; }
.sorter form div select{background: url(../img/down-arrow.svg) no-repeat ; background-size: 15px; background-position: center right 8px ; appearance: none; }
option { font-size: 13px !important; background-color: transparent !important; padding: 0 5px; outline: 0 !important;}
/* product filter end  */
/*Product list page end*/


/* brands page start */
.intro_headline_cnt{display: flex; flex-wrap: wrap;  width: 100%; background-color: #F3F3F3;     border-radius: 10px;   padding: 30px;   align-items: center;}
.intro_headline_cnt > h1{margin-bottom: 10px;font-size: 26px;line-height: 1.1;width: 100%; }
.intro_headline_cnt figure{width: 26%;      display: flex;  padding-right: 20px;}
.intro_headline_cnt aside{width: 74%;    padding-left: 50px;}
.intro_headline_cnt aside {display: block;}
.intro_headline_cnt aside a{color: var(--theme-color);}
.intro_headline_cnt aside a:hover{text-decoration: underline;}

/* pagination start */
.paging_content{width: 100%; margin-top: 35px;}
.paging_content .paging p{margin-bottom: 0; margin-right: 10px; color: #141313;}
.paging_content .paging{display: flex; align-items: center; justify-content: center;margin-bottom: 15px;}
.paging_content .paging a{padding: 10px 15px; background-color: #eee;margin: 3px; border-radius: 4px; line-height: normal;}
.paging_content .paging a:hover{background-color: #000000;color: #fff;}
.paging_content .paging a.active{background-color: #000000;color: #fff;}
.paging_right_content{display: flex; flex-wrap: wrap; justify-content: center;}
.paging_info{text-align: center;}

.home_blog .paging_content {margin-top: 0; padding: 0 15px; margin-bottom: 30px;}
/* pagination end */

/* brands page end */

/* product details page start */
.product_details_content{padding: 45px 15px 60px;max-width: 1290px;margin: 0 auto;width: 100%;display: flex; flex-wrap: wrap; }

.product_details_left_cnt {width: 50%;padding-right: 15px;}
.product_details_left_cnt figure{position: relative;}
.product_details_left_cnt figure img{border-radius: 4px;}
.product_details_left_cnt figure .sale{position: absolute; right: 12px; top: 12px;}

ul.product_thumbnails_cnt {display: flex; flex-wrap: wrap;margin: 0 -10px 0;}
ul.product_thumbnails_cnt  li{width: 33.33%; padding: 10px;}
ul.product_thumbnails_cnt  li a{border:1px solid #eee; border-radius: 4px; overflow: hidden;}


ul.product_thumbnails_cnt  li a{display: flex;}
/* left image area start   */

/* right area start  */
.product_details_right_cnt b{font-weight: 400;}
.product_details_right_cnt{width: 50%; padding-left: 30px;}
.product_details_right_cnt > h1{margin-bottom: 15px;font-size: 24px;line-height: 1.1;}
.product_price_button_cnt #best_price b {color: #ff7f00;}
.product_price_button_cnt > div {border: 1px solid #eee; margin-bottom: 15px;    border-radius: 4px; padding: 20px; display: flex; flex-wrap: wrap;}
.product_price_button_cnt > div > div{width: 25%;}
.product_price_button_cnt > div > div p{color: #000;}

.product_price_button_cnt > div > .pricing_cnt div del {text-decoration: line-through; margin-bottom: 5px;}
.product_price_button_cnt > div > .pricing_cnt div strong {color: #000;font-size: 30px; line-height: normal; margin-bottom: 5px;}

.product_price_button_cnt > div > .pricing_cnt{width: 75%;}
.product_price_button_cnt > div > .pricing_cnt div{display:flex; flex-direction: column;text-align: end;}
.product_price_button_cnt > div > p{text-align: end;width: 100%;margin-bottom: 0 !important;}

.product_price_button_cnt .shop_add{display: flex; justify-content: space-between;flex-direction: row-reverse;}
.product_price_button_cnt .shop_add a{display: flex;width: 50%; background-color: var(--theme-color);padding:15px; color: #fff;    align-items: center;}
.product_price_button_cnt .shop_add a svg{
  margin-left: 5px;
}
.product_price_button_cnt .shop_add a:nth-child(3){ background-color: #20497F;}
.product_price_button_cnt .shop_add a i{margin-left: 8px;}
.product_price_button_cnt .shop_add a:hover{
  cursor: pointer;
}

dl > div{display: flex; justify-content: space-between; padding:8px 10px; border: 1px solid #eee; border-top:0 ;}
dl > div dt {font-weight: 400;  color: #000;} 
dl > div dd {text-align: end;} 


.home_featured_product-box article .shop_add{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.home_featured_product-box article .shop_add .common-btn{
  background-color: var(--dark-bg) !important;
}
.home_featured_product-box article .shop_add .common-btn:hover{
  background-color: var(--gray-bg) !important;
  color: var(--dark-bg) !important;
  cursor: pointer;
}

.home_featured_product-box article .shop_add .border-btn{
   background-color: var(--gray-bg) !important;
   color: var(--dark-bg) !important;
}
.home_featured_product-box article .shop_add .border-btn:hover{
   background-color: var(--dark-bg) !important;
   color: var(--gray-bg) !important;
}


.compressed{margin-top: 20px;display: block;}
.compressed p{margin-bottom: 10px;line-height: 1.3;}

.item_share_ntws ul{display: flex; align-items: center; margin-left: 10px;}
.item_share_ntws ul li:not(:last-of-type){margin-right: 7px;}
.item_share_ntws ul li a{display: flex;}
.item_share_ntws ul li a img{border-radius: 100%;width: 30px;height: 30px;}
.item_share_ntws{display: flex;align-items: center;margin-top: 30px;}
.item_share_ntws p{margin-bottom: 0;}
/* right area end  */


/* tabbing area start */
.product_details_tabs_cnt{padding-top: 50px; width: 100%;}

.product_details_tabs_cnt .container{display: flex;}

.product_details_tabs_cnt ul.tabs{width: 25%;padding-right: 25px;}
.product_details_tabs_cnt ul.tabs li:first-child{ border-radius: 4px 4px 0 0;}

.product_details_tabs_cnt ul.tabs li:last-child{border-bottom: 1px solid #eee; border-radius: 0 0 4px 4px;}
.product_details_tabs_cnt ul.tabs li{border: 1px solid #eee; cursor: pointer; transition: .5s ease;border-bottom: 0;padding: 10px 15px; color: #000;}
.product_details_tabs_cnt ul.tabs li.current{color: #fff; background: var(--theme-color);}
.product_details_tabs_cnt ul.tabs li:hover{color: #fff; background: var(--theme-color);}



.product_details_tabs_cnt .tab-content {width: 75%; border: 1px solid #eee; padding: 10px 15px;    border-radius: 4px;}
.product_details_tabs_cnt .tab-content dl > div { border: 0px solid #eee; justify-content: initial;padding: 10px 20px;    border-radius: 4px;}
.product_details_tabs_cnt .tab-content dl > div:nth-child(even) { background-color:#eeeeee73}
.product_details_tabs_cnt .tab-content dl > div dt{width: 30%;}
/* tabbing area end */

/* product details page end */


/******** Innerpages end *******/
.bxslider { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    box-shadow: none;
    border: none;
    position: relative; 
}
.bx-wrapper { 
    position: relative; 
    overflow: hidden; 
    margin: 0 auto; 
    box-shadow: none;
    border: none;
}
.bx-wrapper .bx-viewport{
    box-shadow: none;
    border: none;
    left: 0;
}
.bx-wrapper img { 
    max-width: 100%; 
    height: auto; 
    display: block; 
    object-fit: cover; 
}
.bx-pager { 
    display: none;
    text-align: center; 
    padding-top: 10px; 
}  

/* Responsivnost */
@media (max-width: 768px) {
    .home-banner { height: auto !important; }
    .bx-wrapper { height: auto; }
}


/*CSS ZA OSNOVNU*/
.basic_site_inner_content{
    display: flex;
  width: 100%;
  flex-direction: column;
  box-sizing: border-box;
  margin: 30px 0;
  padding: 0 83px;
}
.basic_site_inner_content article{
	display: table;
   width: 100%;
}
.basic_site_inner_content article time{
	color: var(--theme-color);
	font-weight: 700;
}
.basic_site_inner_content article h1{
    font-size: 32px;
    margin: 25px 0;
    line-height: 40px;
}
.basic_site_inner_content article h2{
  font-size: 30px;
  margin: 15px 0;
}
.basic_site_inner_content article em{
  display: table;
}
.basic_site_inner_content article figure{
  margin: 20px 20px 20px 0;
  overflow: hidden;
  float: left;
  border-radius: 10px;
  max-width: 450px;
  max-height: 325px;
}
.basic_site_inner_content article figure img{
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}
.basic_site_inner_content article p{
  margin-bottom: 10px;
}
.basic_site_inner_content article p a{
  color: var(--theme-color);
}
.basic_site_inner_content article p a:hover{
  text-decoration: underline;
  cursor: pointer;
}
.hist_and_social{
	width: 100%;
	display: table;
}
.hist_and_social .social_toolbar_inside{
	float: right;
}
.hist_and_social .back_button{
	float: left;
}
.hist_and_social ul{
	display: flex;
 	justify-content: end;
  	align-items: center;
}
.hist_and_social ul li svg{
	max-width: 30px;
	max-height: 30px;
	vertical-align: middle;
}
/*CSS KONTAKT*/
.basic_site_inner_content_contact {
    width: 1200px;
    margin: 0 auto 100px auto;
    padding: 60px 20px 0 20px;
    display: table;
}
.basic_site_inner_content_contact article {
    width: 500px;
    float: left;
    margin: 0;
}
.basic_site_inner_content_contact article em{
	display: table;
	margin-bottom: 10px;
}
.basic_site_inner_content_contact h1 {
    font-size: 36px;
    color: var(--txtcolor);
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 10px;
}
.basic_site_inner_content_contact h2 {
    font-size: 26px;
    color: var(--txtcolor);
    font-weight: 600;
    margin: 0;
    padding: 0 0 5px;
}
.basic_site_inner_content_contact h3 {
    font-size: 24px;
    color: var(--txtcolor);
    font-weight: 600;
    margin: 0;
    padding: 0 0 5px;
}
.right_column_contact {
    width: 640px;
    float: right;
    margin: 50px 0 0;
}
.basic_site_inner_content_contact iframe {
    width: 100%;
    height: 480px;
    border: none;
    outline: none;
    margin: 60px auto;
}
.basic_site_inner_content_contact .grecaptcha-logo iframe {
    width: inherit;
    height: inherit;
    border: inherit;
    margin: inherit;
}
.basic_site_inner_content_contact em {
    line-height: 26px;
    color: var(--txtcolor);
}
.basic_site_inner_content_contact p {
    line-height: 24px;
    color: var(--txtcolor);
}
.basic_site_inner_content_contact p a{
	color: var(--theme-color);
}
/*contact form*/
.contact_form {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
}
.contact_form dl {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    display: table;
}
.contact_form div {
    width: 310px;
    float: left;
    margin: 0 20px 20px 0;
    padding: 0;
	display: table;
	border: none;
}
.contact_form div.cnt_form_div_note {
    width: 100%;
    float: none;
    margin: 0 0 15px;
}
.contact_form div:nth-of-type(2n) {
    margin-right: 0;
}
.contact_form dd div {
    width: auto;
    float: none;
    margin: 0;
}
.contact_form dt {
    display: table;
    margin: 0 10px 0 0;
    padding: 0 !important;
    float: left;
}
.contact_form dt label {
    font-size: 16px;
    color: var(--txtcolor);
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px 5px;
    display: block;
    cursor: text;
}
.contact_form dd {
    width: 89% !important;
    display: table;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
	text-align: left;
}
.buttons_action input[type="reset"] {
    background: var(--dark-bg) !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    border: 1px solid var(--dark-bg) !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    float: left;
    width: auto !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    transition: all .2s linear !important;
    margin: 0 5px 0 0 !important;
}
.buttons_action input[type="reset"]:hover,
.buttons_action input[type="reset"]:focus {
    font-size: 14px !important;
    color: var(--dark-bg) !important;
    background: #fff !important;
    border: 1px solid var(--dark-bg) !important;
    opacity: 1;
}
.buttons_action input[type="submit"] {
    background: #fff !important;
    border: 1px solid var(--theme-color) !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
    color: var(--theme-color) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    float: left;
    width: auto !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    transition: all .2s linear !important;
    margin: 0 !important;
}
.buttons_action input[type="submit"]:hover,
.buttons_action input[type="submit"]:focus,
.buttons_action input[type="submit"]:valid:hover,
.buttons_action input[type="submit"]:valid:focus {
    font-size: 14px !important;
    color: #fff !important;
    background: var(--theme-color) !important;
    border: 1px solid var(--theme-color) !important;
    opacity: 1;
}
.contact_form dd input,
.contact_form dd textarea,
.contact_form dd select {
    width: 100%;
    max-width: 100%;
    padding: 13px 15px 14px;
    margin: 0 !important;
    /* background: linear-gradient(#ffffff, #fafafa) !important;
    background: -webkit-linear-gradient(#ffffff, #fafafa) !important; */
    background-color: white;
    border-radius: 10px !important;
    border: 1px solid #cdcdcd !important;
    outline: none;
    box-shadow: none !important;
    transition: all .3s linear;
    color: #2d2d2d;
    font-size: 14px !important;
    font-weight: 500;
    opacity: 1;
}
.contact_form dd textarea {
    width: 605px;
}
.contact_form dd input:hover,
.contact_form dd input:focus,
.contact_form dd input:active {
    background: #fff !important;
    border: 1px solid #a5a5a5 !important;
    box-shadow: none !important;
}
.contact_form dd textarea:hover,
.contact_form dd textarea:focus,
.contact_form dd textarea:active {
    background: #fff !important;
    border: 1px solid #a5a5a5 !important;
    box-shadow: none !important;
}
.contact_form dd select:hover,
.contact_form dd select:focus,
.contact_form dd select:active {
    background: #fff !important;
    border: 1px solid #a5a5a5 !important;
    box-shadow: none !important;
}
.contact_form dd textarea {
    min-height: 120px;
    max-height: 120px;
    resize: none;
}
.contact_form div dd .formInfo:nth-child(2) {
    position: absolute;
    right: 5px;
    top: -22px;
}
.contact_form dd select {
    padding: 8px 10px 10px;
}
.contact_form dd input[type="file"] {
    padding: 7px 10px 7px;
}
/*invalid input*/
.contact_form dd input:invalid:focus,
.contact_form dd select:invalid:focus,
.contact_form dd textarea:invalid:focus {
    border: 1px solid #e10f0f !important;
}
.contact_form dd input:valid:focus,
.contact_form dd select:valid:focus,
.contact_form dd textarea:valid:focus {
    border: 1px solid #179d0a !important;
}
.formInfo {
    margin: 0;
    color: #C20E24;
    font-size: 18px;
    cursor: help;
}
.FormButton {
    width: auto !important;
}
.contact_form dd img {
    border: none;
}
#reload_ecaptcha_contact {
    border: none;
}
.contact_form dd.buttons_action {
    padding: 20px 0 0 !important;
}
.contact_form dd div p {
    font-size: 13px;
    color: #555;
    font-weight: normal;
    margin: 0 0 8px;
    padding: 0;
    display: block;
}
.error_content {
    color: #2d2d2d !important;
    margin: 20px 0;
}
.msg_content {
    color: #2d2d2d !important;
    margin: 20px 0;
}
.right_column_contact .contact_form .consent_data {
    display: table;
    width: 100%;
}
@media (max-width: 600px){
    .basic_site_inner_content_contact {
            width: 100%;
            float: none;
            margin: 30px auto;
            padding: 0 20px;
            box-sizing: border-box;
        }
    
        .basic_site_inner_content_contact article {
            width: 100%;
        }
    
        .basic_site_inner_content_contact h1 {
            text-align: center;
        }
    
        .basic_site_inner_content_contact em {
            display: block;
            width: 100%;
            text-align: center;
        }
    
        .right_column_contact {
            width: 100%;
            float: none;
        }
    
        .contact_form dd textarea {
            width: 100%;
        }
    
        .contact_form div {
            width: 93%;
            float: none;
            margin: 20px auto !important;
        }
    
        .cnt_form_div_note>dd:nth-child(2) {
            margin: 0 auto !important;
        }
        .contact_form dt {
            padding: 0 10px 0 10px;
        }
        .contact_form dd{
            width: 100% !important;
        }
        .contact_form div.cnt_form_div_note{
            width: 93%;
        }
    
        .contact_form div.consent_data dd,
        .consent_data dd {
            width: 90% !important;
        }
    
        .contact_form dd.buttons_action {
            width: 65% !important;
            margin: 0px auto !important;
        }
    
        .buttons_action>div:nth-child(2) {
            margin: 0 !important;
        }
}
@media (max-width:768px) {
   .basic_site_inner_content_contact {
           width: 100%;
           padding: 60px 0px 0 0px;
    }
    
    .basic_site_inner_content_contact article {
        width: 90%;
        float: none;
        margin: 20px auto;
    }   
    
    .right_column_contact {
        width: 84%;
        float: none;
        margin: 50px auto 0 auto;
    }
}

/*KONTAKT END*/

.map {
    width: 100%;
    margin: 50px auto;
    display: block;
}
.map h1 {
    display: block;
    margin: 30px auto;
    font-size: 34px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}
.map iframe {
    width: 50%;
    margin: 0 auto;
    display: block;
}

/*CSS AKCIJE*/

.akcije .products_right_cnt{
	width: 100%;
	padding-left: 0;
}
.akcije .products_right_cnt h1{
	text-align: center;
  	width: 100%;
  	font-size: 30px;
}
.akcije .home_featured_product-box article{
	width: calc(25% - 30px);
}
.slicknav_menu{
    display: none;
}

.modal-box{
    display: none;
}

.login_content nav ul ul {
  display: none; /* Sakrij podmeni */
  position: absolute; /* Da se pojavi preko sadržaja ispod */
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  list-style: none;
  min-width: 180px;
  z-index: 1000;
}
.login_content nav ul li {
  position: relative; /* Za apsolutno pozicioniranje podmenija */
}

.login_content nav ul li:hover > ul {
  display: block; /* Prikaži podmeni na hover */
}

.login_content nav ul ul li a{
  padding: 8px 12px;
}

.login_content nav ul ul li a {
  color: #333;
  text-decoration: none;
  display: block;
}

.login_content nav ul ul li a:hover {
  background-color: #eee;
}


#quickview-overlay{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: 10000;
}

/* Ako želite onemogućiti scroll kad je modal otvoren */
body.qv-open {
  overflow: hidden;
}

/* Osigurajte da modali imaju display:none po defaultu */
.modal-box { display: none; }

.modal-box.qv-active {
  transform: translate(0%, 10%);
  z-index: 10001;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  width: 80%;
  max-width: 1100px;
  margin: 0 auto;
  position: fixed;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
}
.js-modal-close.close{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
}
.modal-box.qv-active figure{
    float: left;
    margin: 0 10px 10px 0;
}
.modal-box.qv-active section h1{
    font-size: 20px;
    margin-bottom: 20px;
}
.modal-box.qv-active section em,
.modal-box.qv-active section p,
.modal-box.qv-active section p a{
    font-size: 14px;
}
.modal-box.qv-active section > div{
    display: block;
  margin-left: auto;
  margin-right: 0;
  width: fit-content;
}
.modal-box.qv-active section > div > div:first-of-type p{
    font-size: 24px;
    text-transform: capitalize;
}
.modal-box.qv-active section > div > div:last-child strong{
    color: var(--theme-color);
    font-weight: 700;
}
.modal-box.qv-active section > div > div:last-child del{
    text-decoration: line-through;
}
.modal-box.qv-active section > a:last-child{
   float: right;
  padding: 10px 25px;
  border: 1px solid var(--theme-color);
  border-radius: 10px;
  color: var(--theme-color);
  transition: .3s;
}
.modal-box.qv-active section > a:last-child:hover{
    color: #FFF;
    background-color: var(--theme-color);
}