@import "cmn.css";

/******   HEADER   ******/

header { width: 100%; height: 80px; line-height: 80px; position: fixed; z-index: 80; top: 0; }
header:before { content: ""; position: absolute; z-index: -1; width: 100%; height: 80px; background: rgba(255,255,255,0); backdrop-filter: saturate(100%) blur(0px); -webkit-backdrop-filter: saturate(100%) blur(0px); transition: all 0.2s ease; }
header.white:before, header.fix:before { background: rgba(255,255,255,1); }
header .container { display: flex; align-content: flex-start; justify-content: space-between; }
header .menu { width: 42%; font-size: 14px; line-height: 80px; }
header .msg { width: 42%; }
header .nav { margin: 0; padding: 0; list-style: none; display: flex; align-content: stretch; width: 100%; justify-content: flex-start; }
header .nav li { display: inline-block; padding: 0; margin: 0; font-size: 15px; margin: 0 0 0 25px; }
header .nav li:first-child { margin: 0; }
header .nav li a { font-weight: 400; display: block; color: #000; height: 80px; position: relative; }
header .nav li .drop { position: absolute; width: 100%; padding: 45px 0 40px; background: #fff; transition: all 0.1s ease; top: 80px; left: 0; visibility: hidden; opacity: 0; z-index: 90; border-top: 1px solid #ebebeb; }
header .nav li .drop ul { margin: 0; padding: 0; list-style: none; }
header .nav li .drop ul.pad { margin: 0 0 30px; }
header .nav li .drop ul li { display: block; padding: 0; margin: 0; text-align: left; text-transform: none; font-size: 14px; line-height: 30px; height: auto; }
header .nav li .drop ul li a { font-weight: 400; display: inline-block; color: #000; white-space: pre; letter-spacing: normal; text-transform: none; height: auto; padding: 0; text-shadow: none; }
header .nav li .drop ul li a:hover { text-shadow: 0 0 .66px #000; }
header .nav li .drop ul li a.active { font-weight: 600; }
header .nav li .drop ul li a.active:hover { text-shadow: none; }
header .nav li .drop ul li.showall a { color: #999; font-size: 13px; }
header .nav li .container { display: flex; align-content: flex-start; justify-content: flex-start; }
header .nav li .column { width: 17.6%; margin: 0 0 0 3%; }
header .nav li .column:first-child { margin: 0; }
header .nav li .column img { max-width: 100%; }
header .nav li .column.promo { width: 38.2%; position: relative; }
header .nav li .column.promo a { display: inline-block; height: auto; }
header .nav li .column.promo a:before { display: none; }
header .nav li .column.promo a span { position: absolute; bottom: 20px; left: calc(50% - 90px); width: 170px; display: block; font-weight: 500; text-align: center; font-size: 12px; text-transform: uppercase; line-height: 18px; text-shadow: none; letter-spacing: 0.5px; color: #0a1a3a; background: #fff; border-radius: 1px; padding: 10px 5px; transition: all 0.2s ease; }
header .nav li .column.promo a span:hover { background: #ced1d7; }
header .nav li .column .title { display: block; font-weight: 700; font-size: 13px; text-transform: uppercase; line-height: 20px; margin: 0 0 10px; text-shadow: none; }
header .nav li:hover a { text-shadow: 0 0 .66px #000; }
header .nav li:hover .drop { visibility: visible; opacity: 1; }
header .nav li a.active { font-weight: 500; }
header .nav li:hover a.active { text-shadow: none; }
header .logo { width: 16%; padding-top: 17px; line-height: 28px; text-align: center; }
header .logo img { max-height: 36px; }
header .data { width: 42%; display: flex; align-content: stretch; justify-content: flex-end; }
header .data .item { margin: 0 0 0 20px; display: inline-block; position: relative; }
header .data .item:first-child, header .data .search { margin: 0; }
header .data .ham, header .data .home { display: none; }
header .data a:before, header .data button:before { font-family: 'pardus'; font-size: 16px; color: #000; transition: all 0.1s ease; line-height: 80px; width: 20px; height: 80px; text-align: center; }
header .data a:hover:before, header .data button:hover:before { color: #999; }
header .data .sup { display: inline-block; margin: 0; font-size: 10px; font-family: 'Rawline'; font-weight: 500; color: #000; position: absolute; top: 17px; right: -10px; z-index: 90; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.3); }
header .data .sup_sm { display: inline-block; margin: 0; font-size: 10px; position: absolute; top: 25px; right: -5px; z-index: 90; width: 7px; height: 7px; border-radius: 50%; background: #ff6633; font-size: 0; }
header .wishlist a { color: #000; }
header .cart button { position: relative; display: inline-block; }
header .wishlist a.full:before, header .cart button.full:before { color: #000; }
header .wishlist a.icon-star.full:before { content: '\e886'; }
header .cart button.full:before { content: '\e032'; }
header .search button.active:before { content: '\e025'; color: #777; }
header:hover:before { background: rgba(255,255,255,1); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); }
header.msg { position: absolute; top: 40px; }
header.fix:before { background: rgba(255,255,255,0.65); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); }
header.fix:hover:before { background: rgba(255,255,255,1); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); }
header.fix_mes { position: fixed; top: 0; }
header.fix_mes:before { background: rgba(255,255,255,0.65); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); }
header.fix_mes:hover:before { background: rgba(255,255,255,1); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); }
.mobile-header { display: none; width: 100%; height: 70px; position: absolute; top: 0; left: 0; z-index: 70; }
.mobile-header.msg { top: 40px; }
.mobile-header .container { display: flex; align-content: stretch; justify-content: center; align-content: center; }
.mobile-header .logo { line-height: 70px; }
.mobile-header .logo img { max-height: 32px; }
.mobile-header .callwa { display: flex; justify-content: flex-start; }
.mobile-header .callwa.tgwa { justify-content: flex-end; }
.mobile-header .callwa a { display: inline-block; margin: 0 0 0 30px; color: #000; }
.mobile-header .callwa a:first-child { margin: 0; }
.mobile-header .callwa a:before { font-family: 'pardus'; font-size: 19px; line-height: 70px; width: 20px; height: 70px; text-align: center; }

/******   HOME PAGE   ******/

#banner_hero { width: 100%; }
#banner_hero .item { width: 100%; display: block; }
#banner_hero .item .bg { width: 100%; height: 75vh; margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; display: flex; align-content: center; justify-content: flex-start; align-items: center; }
#banner_hero .item .banner_data { width: 100%; padding: 0 0 0; }
#banner_hero .item .banner_cat { font-size: 18px; margin: 0 0 4px; line-height: 28px; text-transform: lowercase; }
#banner_hero .item .banner_title { font-size: 34px; line-height: 38px; margin: 0 0 30px; font-weight: 500; }
#banner_hero .item .button a { display: inline-block; padding: 0 30px; height: 44px; line-height: 44px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; border-radius: 3px; color: #fff; background: #0a1a3a; }
#banner_hero .item .button a:hover { background: #535e75; }
#banner_hero .item .banner_data.text_white { color: #fff; }
#banner_hero .item .banner_data.text_white .button a { color: #0a1a3a; background: #fff; }
#banner_hero .item .banner_data.text_white .button a:hover { background: #ced1d7; }
#banner_hero_mobile { width: 100%; display: none; }
#banner_hero_mobile .item .bg { height: 50vh; margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; display: flex; align-content: flex-end; justify-content: flex-start; align-items: flex-end; }
#banner_hero_mobile .item .banner_data { width: 100%; padding: 0 0 4%; }
#banner_hero_mobile .item .banner_cat { font-size: 14px; margin: 0 0 4px; line-height: 24px; text-transform: lowercase; }
#banner_hero_mobile .item .banner_title { font-size: 28px; line-height: 32px; margin: 0 0 20px; font-weight: 500; }
#banner_hero_mobile .item .button a { display: inline-block; padding: 0 25px; height: 38px; line-height: 38px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; border-radius: 3px; color: #fff; background: #0a1a3a; }
#banner_hero_mobile .item .banner_data.text_white { color: #fff; }
#banner_hero_mobile .item .banner_data.text_white .button a { color: #0a1a3a; background: #fff; }
#benefits { width: 100%; margin: 80px 0; }
#benefits .container { display: flex; align-content: flex-start; gap: 30px; }
#benefits .item { font-size: 15px; line-height: 20px; color: #000; flex: 1; margin: 0; width: auto; padding: 50px 0 0; position: relative; text-align: center; }
#benefits .item:before { position: absolute; top: 0; left: 0; font-family: 'pardus'; font-size: 30px; margin: 0; line-height: 30px; text-align: center; width: 100%; }
#featured { margin: 0; }
#featured.good { margin: 100px 0 0; }
#featured.good h2 { text-align: center; }
#featured .list { width: 100%; display: grid; gap: 0 5px; margin: 60px 0 0; grid-template-columns: repeat(4, 1fr); }
#featured .item { text-align: center; }
#featured .pic { width: 100%; text-align: center; overflow: hidden; position: relative; }
#featured .pic img { max-width: 100%; }
#featured .name { font-size: 15px; font-weight: 500; line-height: 26px; margin: 20px 0 0; }
#featured .name a { color: #000; }
#featured .type { font-size: 14px; display: block; margin: 3px 0 0; color: #000; font-weight: 400; }
#featured .vol { font-size: 13px; display: block; margin:  3px 0 0; color: #999; }
#featured .price { width: 100%; font-size: 15px; font-weight: 500; line-height: 20px; margin: 20px 0 0; }
#featured .old { display: inline-block; color: #999; font-weight: 400; margin: 0 0 0 10px; }
#featured .old i { text-decoration: line-through; font-style: normal; }
#featured .itxt { position: absolute; bottom: 20px; left: 20px; z-index: 10; }
#featured .itxt span { display: inline-block; color: #000; font-size: 11px; line-height: 36px; }
#featured .out { margin: 20px 0 0; color: #777; font-size: 13px; font-weight: 500; line-height: 22px; padding: 0 20px; }
#featured .wish { position: absolute; top: 20px; right: 20px; z-index: 10; height: 20px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s ease; }
#featured .wish button { height: 20px; width: 36px; text-align: center; color: #000; }
#featured .wish button:before { font-family: 'pardus'; font-size: 14px; line-height: 20px; }
#featured .wish button:hover { color: #000; }
#featured .wish button:hover:before { content: '\e00a'; }
#featured .buy { position: absolute; bottom: 20px; right: 20px; z-index: 10; }
#featured .buy button { height: 36px; width: 36px; color: #0a1a3a; background: #fff; text-align: center; border-radius: 8px; }
#featured .buy button:before { font-family: 'pardus'; font-size: 14px; line-height: 36px; }
#featured .buy button:hover { color: #fff; background: #0a1a3a; }
#featured .item:hover .wish { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#about_main { width: 100%; margin: 100px 0 0; padding: 0 0 20px; }
#about_main.page { margin: 100px 0; padding: 0; }
#about_main .container { max-width: 80%; display: flex; gap: 0 5px; align-items: stretch; }
#about_main .item { background: #f2f4f7; flex: 1; }
#about_main .item img { max-width: 100%; }
#about_main .item:last-child { display: flex; align-content: center; justify-content: flex-start; align-items: center; }
#about_main.page .item.txt { display: flex; align-content: center; justify-content: flex-start; align-items: center; }
#about_main.page .item.pic { background: #f2f4f7; flex: 1; }
#about_main .content { padding: 0 12%; }
#about_main .content h2 { text-align: left; }
#about_main .content p { margin: 20px 0 0; padding: 0; font-size: 16px; line-height: 26px; }
#about_main .content p.button { margin: 40px 0 0; }
#about_main .content a { display: inline-block; padding: 0 30px; height: 44px; line-height: 44px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; border-radius: 3px; color: #fff; background: #0a1a3a; }
#about_main .content a:hover { background: #535e75; }
#blog_main { margin: 80px 0 0; }
#blog_main .list { width: 100%; display: grid; gap: 0 5px; margin: 60px 0 0; grid-template-columns: repeat(3, 1fr); }
#blog_main .post { text-align: center; }
#blog_main .image { width: 100%; }
#blog_main .image img { max-width: 100%; }
#blog_main .title { font-size: 15px; font-weight: 500; line-height: 26px; margin: 20px 0 0; }
#blog_main .title a { color: #000; }
#blog_main .date { font-size: 13px; display: block; margin: 0; color: #999; }

/******   CATEGORY   ******/

#category { width: 100%; margin: 0; padding: 120px 0 0; }
#category .top.empty { padding: 0 0 20px; border: none; }
#category .description { width: 100%; margin: 20px 0 30px; }
#category .description p { margin: 0 auto; font-size: 14px; line-height: 24px; max-width: 45%; text-align: center; }
#category .modules_top { width: 100%; display: flex; justify-content: space-between; align-items: center; }
#category .modules_top.pad { padding: 30px 0 0; }
#category .right { position: relative; }
#category .list { width: 100%; margin: 60px 0 0; display: grid; gap: 60px 5px; align-items: stretch; flex-wrap: wrap; grid-template-columns: repeat(3, 1fr); }
#category.empty .list { margin: 40px 0 0; }
#category .list .item { text-align: center; }
#category .list .item .pic { width: 100%; text-align: center; overflow: hidden; position: relative; }
#category .list .item .pic img { max-width: 100%; }
#category .list .item .name { font-size: 15px; font-weight: 500; line-height: 22px; margin: 20px 0 0; }
#category .list .item .name a { color: #000; }
#category .list .item .type { font-size: 14px; display: block; margin: 3px 0 0; color: #000; font-weight: 400; }
#category .list .item .vol { font-size: 13px; display: block; margin:  3px 0 0; color: #999; }
#category .list .item .price { width: 100%; font-size: 15px; font-weight: 500; line-height: 20px; margin: 20px 0 0; }
#category .list .item .old { display: inline-block; color: #999; font-weight: 400; margin: 0 0 0 10px; }
#category .list .item .old i { text-decoration: line-through; font-style: normal; }
#category .list .item .itxt { position: absolute; bottom: 20px; left: 20px; z-index: 10; }
#category .list .item .itxt span { display: inline-block; color: #000; font-size: 11px; line-height: 36px; }
#category .list .item .out { margin: 20px 0 0; color: #777; font-size: 13px; font-weight: 500; line-height: 22px; padding: 0 20px; }
#category .list .item .wish { position: absolute; top: 20px; right: 20px; z-index: 10; height: 20px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s ease; }
#category .list .item .wish button { height: 20px; width: 36px; text-align: center; color: #000; }
#category .list .item .wish button:before { font-family: 'pardus'; font-size: 14px; line-height: 20px; }
#category .list .item .wish button:hover { color: #000; }
#category .list .item .wish button:hover:before { content: '\e00a'; }
#category .list .item .buy { position: absolute; bottom: 20px; right: 20px; z-index: 10; }
#category .list .item .buy button { height: 36px; width: 36px; color: #0a1a3a; background: #fff; text-align: center; border-radius: 8px; }
#category .list .item .buy button:before { font-family: 'pardus'; font-size: 14px; line-height: 36px; }
#category .list .item .buy button:hover { color: #fff; background: #0a1a3a; }
#category .list .item:hover .wish { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#category .filter { width: 100%; padding: 0; margin: 0; text-align: left; }
#category .filter button { display: inline-block; height: 26px; line-height: 26px; font-size: 14px; font-family: 'Rawline'; font-weight: 400; color: #000; }
#category .filter button:before { font-family: 'pardus'; content: '\e020'; font-size: 16px; line-height: 26px; margin: 0 7px 0 0; }
#category .filter button.selected:before { display: inline-block; vertical-align: top; margin: 6px 9px 0 0; width: 14px; height: 14px; border-radius: 3px; background: #000; content: "\e02c"; font-family: 'pardus'; color: #fff; line-height: 14px; font-size: 8px; text-align: center; }

/******   FILTER   ******/

.cbp-spfilter { overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #fff; position: fixed; transition: all 0.3s ease; }
.cbp-spfilter.filterbg { overflow-y: auto; }
.cbp-spfilter-filter { width: 30%; height: 100%; top: 0; z-index: 95; }
.cbp-spfilter-fleft { right: -30%; }
.cbp-spfilter-fleft.cbp-spmenu-open { right: 0; }
.cbp-spfilter .filters { width: 100%; padding: 30px 0 90px; }
.cbp-spfilter .filters .innerf { padding: 0 50px; text-align: left; }
.cbp-spfilter .filters .closefilter { width: calc(100% - 60px); margin: 0 0 50px; text-align: left; padding: 0 30px; }
.cbp-spfilter .filters .closefilter button { display: inline-block; height: 12px; line-height: 12px; font-size: 0; color: #000; font-weight: 400; }
.cbp-spfilter .filters .closefilter button:before { font-family: 'pardus'; content: '\e025'; font-size: 12px; line-height: 12px; width: 14px; margin: 0 5px 0 0; }
.cbp-spfilter .filters .selectedop { width: 100%; margin: 0 0 34px; }
.cbp-spfilter .filters .selectedop .listf { width: 100%; font-size: 0; display: table; margin: 0 0 15px; }
.cbp-spfilter .filters .selectedop .listf button { display: block; vertical-align: top; text-align: left; padding: 0; width: 100%; position: relative; margin: 0 0 10px; font-size: 14px; font-family: 'Rawline'; font-weight: 400; line-height: 20px; color: #000; }
.cbp-spfilter .filters .selectedop .listf button span { position: absolute; top: 0; right: 0; display: inline-block; vertical-align: middle; font-size: 20px; line-height: 20px; font-weight: 300; }
.cbp-spfilter .filters .selectedop .clear { position: fixed; bottom: 0; right: -30%; z-index: 95; width: 30%; margin: 0; padding: 0; transition: all 0.3s ease; }
.cbp-spfilter-fleft.cbp-spmenu-open .selectedop .clear { right: 0; }
.cbp-spfilter .filters .selectedop .clear button { display: block; text-align: center; width: 100%; border-top: 3px solid #f5f5f6; background: #fff; height: 60px; line-height: 60px; padding: 0; font-family: 'Engr'; text-transform: uppercase; letter-spacing: 0.5px; color: #999; font-size: 16px; }
.cbp-spfilter .filters .selectedop .clear button:hover { background: #f5f5f6; color: #444; }
.cbp-spfilter .filters .group { width: 100%; margin: 0 0 35px; padding: 35px 0 0; border-top: 1px solid #ebebeb; }
.cbp-spfilter .filters .group:first-child { padding: 0; border: none; }
.cbp-spfilter .filters .title { margin: 0 0 25px; font-weight: 600; font-size: 13px; text-transform: uppercase; color: #000; }
.cbp-spfilter .filters .values { width: 100%; }
.cbp-spfilter .filters .values .check { width: 100%; margin: 0 0 10px; }
.cbp-spfilter .filters .values .check:last-child { margin: 0; }
.cbp-spfilter .filters .values .check input[type="checkbox"] { display: none; }
.cbp-spfilter .filters .values .check label { display: block; width: 100%; padding: 0; cursor: pointer; position: relative; line-height: 20px; font-size: 14px; color: #000; font-family: 'Rawline'; font-weight: 300; }
.cbp-spfilter .filters .values .check label i { display: inline-block; margin: 0 0 0 3px; font-style: normal; font-weight: 300; color: #a5a5a5; }
.cbp-spfilter .filters .values .check label:before { content: ''; display: inline-block; vertical-align: top; margin: 3px 7px 0  0; width: 12px; height: 12px; border: 1px solid #000; border-radius: 3px; text-align: center; }
.cbp-spfilter .filters .values .check label.checked:before { background: #000; border: 1px solid transparent; content: "\e02c"; font-family: 'pardus'; color: #fff; line-height: 12px; font-size: 8px; text-align: center; }
.cbp-spfilter .filters .values .collapse { margin: 0; padding: 0; }
.cbp-spfilter .filters .showmore { width: 100%; padding: 10px 0 0; font-size: 11px; line-height: 14px; }
.cbp-spfilter .filters .showmore button { display: inline-block; padding: 0 0 1px; font-weight: 400; border-bottom: 1px solid #999; color: #999; }
.cbp-spfilter .filters .showmore button:hover { border-bottom: 1px solid transparent; color: #111111; }
.cbp-spfilter .filters .buttons:after { content: ''; display: block; clear: both; }

/******   PRODUCT   ******/

#product { width: 100%; margin: 0; padding: 0; }
#product .container { max-width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#product .item_top { top: 120px; left: 5.5%; }
#product .data { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#product .images { width: 55%; margin: 0; position: relative; }
#product .images.nopad { padding: 0; }
#product .images .gallery { width: 100%; }
#product .images .gallery #owlpr { display: none; }
#product .images .gallery .item { width: 100%; display: block; position: relative; text-align: center; }
#product .images .gallery img { max-width: 100%; }
#product .images .gallery .owl-carousel { position: relative; height: 100%; margin: 0; }
#product .images .gallery .owl-dots, #product .images .gallery .owl-nav { display: none; }
#product .images .gallery .owl-dots { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; -webkit-tap-highlight-color: transparent; }
#product .images .gallery .owl-dots .owl-dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; border: 1px solid transparent; border-radius: 50%; margin: 0 12px 0 0; background: rgba(0,0,0,0.2); }
#product .images .gallery .owl-dots .owl-dot.active { width: 10px; height: 10px; border: 1px solid rgba(0,0,0,0.7); background: none; }
#product .images .gallery .owl-dots .owl-dot:last-child { margin: 0; }
#product .images .gallery .image-list { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: 5px 0 0; }
#product .images .gallery .image-list .item { width: calc(50% - 2.5px); margin: 0 0 5px 5px; }
#product .images .gallery .image-list .item:nth-child(odd) { margin: 0 0 5px; }
#product .info { width: 31%; padding: 120px 7% 0; position: relative; }
#product h1 i { display: block; font-style: normal; font-size: 26px; }
#product h1 span { display: block; font-family: 'Rawline'; font-weight: 500; font-size: 13px; margin: 0; color: #777; }
#product .info .sku { width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 30px 0 0; }
#product .info .sku .rating { line-height: 20px; font-size: 12px; display: flex; justify-content: flex-start; align-items: stretch; }
#product .info .sku .rating span { display: inline-block; vertical-align: top; margin: 0 2px 0 0; width: 20px; height: 20px; }
#product .info .sku .rating span:before { font-family: 'pardus'; font-size: 18px; line-height: 20px; }
#product .info .sku .rating .fl:before { content: '\e00a'; color: #000; }
#product .info .sku .rating .em:before { content: '\e009'; color: #000; }
#product .info .sku .rating a { display: inline-block; margin: 0 0 0 5px; color: #000; color: #777; text-decoration: underline; }
#product .info .sku .rating a:hover { color: #000; text-decoration: none; }
#product .info .similar { width: 100%; margin: 50px 0 0; text-align: center; }
#product .info .similar .group-name { font-size: 13px; font-weight: 500; color: #777; margin: 0 0 15px; }
#product .info .similar ul { width: 100%; margin: 0; padding: 0; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; list-style: none; }
#product .info .similar ul li { display: inline-block; margin: 0 7px 0 0; position: relative; font-size: 13px; font-weight: 600; }
#product .info .similar ul li.npd { margin: 0 7px 0 0; }
#product .info .similar ul li span { display: inline-block; padding: 0 15px; height: 36px; line-height: 34px; border-radius: 3px; border: 1px solid #d7d7d7; color: #777; transition: all 0.3s ease; }
#product .info .similar ul li:hover span { border: 1px solid #000; }
#product .info .similar ul li.active span { color: #000; border: 1px solid #000; cursor: default; }
#product .info .similar ul li[data-val="30 мл"] { order: 1; }
#product .info .similar ul li[data-val="50 мл"] { order: 2; }
#product .info .similar ul li[data-val="100 мл"] { order: 3; }
#product .info .similar ul li[data-val="190 мл"] { order: 4; }
#product .info .similar ul li[data-val="200 мл"] { order: 5; }
#product .info .similar ul li[data-val="Белый"] { order: 1; }
#product .info .similar ul li[data-val="Прозрачный"] { order: 2; }
#product .info .similar ul li[data-val="Чёрный"] { order: 3; }
#product .info .options { margin: 60px 0 0; width: 100%; }
#product .info .option-choose { font-size: 13px; text-transform: uppercase; }
#product .info .option-group { margin: 15px 0 0; }
#product .info .option-title { font-size: 13px; font-weight: 500; color: #777; margin: 0 0 15px; text-align: center; display: block; }
#product .info .select { display: block; width: 100%; position: relative; }
#product .info .select:after { content: '\e029'; font-family: 'pardus'; font-size: 12px; color: #777; position: absolute; right: 10px; top: 0; z-index: 1; text-align: center; width: 20px; height: 50px; line-height: 50px; pointer-events: none; box-sizing: border-box; transition: all 0.2s ease; }
#product .info .select select { padding: 0 50px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#product .info .price { font-size: 20px; color: #000; margin: 60px 0 0; line-height: 30px; font-weight: 600; text-align: center; }
#product .info .price .old { display: inline-block; margin: 0 0 0 15px; color: #a5a5a5; padding: 0 2px; text-decoration: line-through; font-weight: 500; }
#product .info .preorder { display: block; text-align: center; margin: 4px 0 0 0; font-size: 11px; text-transform: uppercase; line-height: 22px; height: 22px; font-weight: 400; }
#product .info .preorder span { display: inline-block; font-size: 10px; text-transform: uppercase; padding: 0 5px; color: #fff; border-radius: 3px; background: #000; font-weight: 600; }
#product .info .order { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 60px 0 0; }
#product .info .order.nopad { margin: 0; }
#product .info .order #button-cart { display: flex; justify-content: space-between; width: calc(100% - 62px); padding: 0; height: 55px; line-height: 55px; background: #0a1a3a; border-radius: 3px; font-size: 15px; color: #fff; font-weight: 600; text-align: center; }
#product .info .order #button-cart i { font-style: normal; padding: 0 15px; }
#product .info .order #button-cart i.added { display: block; text-align: center; font-weight: 500; }
#product .info .order #button-cart:hover { background: #535e75; }
#product .info .order #button-wish { display: inline-block; width: 53px; height: 55px; line-height: 55px; border: 1px solid #d7d7d7; border-radius: 3px; color: #777; text-align: center; margin:  0 0 0 5px; }
#product .info .order #button-wish:before { font-family: 'pardus'; font-size: 18px; line-height: 53px; transition: all 0.2s ease; }
#product .info .order #button-wish:hover { border: 1px solid #000; }
#product .info .order #button-wish:hover:before { content: '\e00a'; color: #000; }
#product .info .order .out { display: inline-block; width: calc(100% - 62px); height: 55px; line-height: 55px; border-radius: 3px; font-size: 14px; font-weight: 500; text-align: center; background: #efefef; color: #999; }
#product .description { width: 100%; margin: 50px 0 0; }
#product .description .nav-tabs { margin: 0; padding: 0; list-style: none; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; border-bottom: 1px solid #ebebeb; }
#product .description .nav-tabs li { font-size: 13px; padding: 0; margin: 0 0 0 30px; }
#product .description .nav-tabs li:first-child { margin: 0; }
#product .description .nav-tabs li a { display: inline-block; color: #777; padding: 16px 0; position: relative; }
#product .description .nav-tabs li a:before { content: ''; position: absolute; width: 100%; bottom: -1px; left: 0; height: 1px; }
#product .description .nav-tabs li.active a { color: #000; }
#product .description .nav-tabs li.active a:before { background: #000; }
#product .description .tab-content .tab-pane { display: none; padding: 25px 0 0; width: 100%; }
#product .description .tab-content .active { display: block; }
#product .description .text { font-size: 14px; line-height: 22px; }
#product .description .text p { margin: 0 0 25px; padding: 0; }
#product .description .text ul { margin: 0; padding: 0 0 22px 18px; list-style: square; font-weight: 400; }
#product .description .text ol { margin: 0; padding: 0 0 22px 18px; font-weight: 400; }
#product .description .text ul li, #product .description .text ol li { font-size: 14px; padding: 0; line-height: 22px; }
#product .description .attrgroup .block { width: 100%; margin: 25px 0 0; }
#product .description .attrgroup .block:first-of-type { margin: 0; }
#product .description .attrgroup .block .title { font-size: 13px; line-height: 20px; font-weight: 500; color: #777; margin: 0 0 5px; }
#product .description .attrgroup .block .char { font-size: 14px; color: #000; line-height: 20px; }
#product .description .sminfo { font-size: 13px; color: #888; line-height: 20px; margin: 30px 0 0; }
#product .description .sminfo a { display: inline-block; text-decoration: none; border: none; position: relative; transition: all 0.1s ease; color: #000; }
#product .benefits { width: 100%; margin: 25px 0 0; padding: 25px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
#product .benefits .item { font-size: 14px; line-height: 24px; color: #000; margin: 15px 0 0; }
#product .benefits .item:first-child { margin: 0; }
#product .benefits .item i { display: inline-block; margin: 1px 5px 0 0; vertical-align: top; }
#product .benefits .item i:before { font-family: 'pardus'; font-size: 20px; color: #000; line-height: 24px; }
#reviews { width: 100%; margin: 50px 0 0; padding: 50px 0; border-top: 1px solid #ebebeb; }
#reviews h2 { text-align: center; }
#reviews .container { max-width: 65%; }
#reviews .noresult { padding: 60px 0 0; text-align: center; }
#reviews .noresult .info-message { font-size: 16px; line-height: 22px; }
#reviews form { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 50px 0 0; }
#reviews #review { width: 55%; margin: 0 5% 0 0; }
#reviews .review-item { width: 100%; padding: 30px 0; margin: 20px 0 0; border-bottom: 1px solid #ebebeb; }
#reviews .review-item:first-child { margin: 0; padding: 0 0 30px; }
#reviews .review-item .rev-rating { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#reviews .review-item .rev-rating span { display: inline-block; margin: 0 4px 0 0; width: 16px; height: 16px; }
#reviews .review-item .rev-rating span:before { font-family: 'pardus'; font-size: 16px; line-height: 13px; }
#reviews .review-item .rev-rating .fl:before { content: '\e00a'; color: #000; }
#reviews .review-item .rev-rating .em:before { content: '\e009'; color: #000; }
#reviews .review-item .review-text { margin: 20px 0 0; }
#reviews .review-item p { margin: 0; padding: 0; font-size: 14px; line-height: 22px; font-weight: 400; }
#reviews .review-item .date { margin: 20px 0 0; font-weight: 500; line-height: 16px; font-size: 13px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#reviews .review-item .date i { display: inline-block; margin: 0 20px 0 0; font-size: 12px; color: #555; font-weight: 400; font-style: normal; }
#reviews .rewmd { width: 40%; }
#reviews .rewmd .title { font-size: 13px; line-height: 20px; padding: 0; margin: 0 0 20px; text-transform: uppercase; font-weight: 700; color: #000; }
#reviews .rewmd fieldset { padding: 0; margin: 0; border: none; }
#reviews .rewmd input[type="text"] { margin: 0 0 25px; }
#reviews .rewmd textarea { margin: 0 0 25px; }
#reviews .rewmd .marks { width: 100%; margin: 0 0 35px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#reviews .rewmd .marks span { font-size: 14px; color: #000; line-height: 36px; margin: 0 10px 0 0; }
#reviews .rewmd .marks input[type="radio"] { display: none; }
#reviews .rewmd .marks input[type="radio"] + label { display: inline-block; margin: 0 5px 0 0; vertical-align: top; width: 36px; height: 36px; line-height: 33px; font-size: 13px; font-family: 'Rawline'; font-weight: 600; text-align: center; color: #000; cursor: pointer; background: none; border: 1px solid #777; transition: all 0.3s ease; border-radius: 50%; }
#reviews .rewmd .marks input[type="radio"]:checked + label { color: #fff; background: #000; border: 1px solid transparent; }
#reviews .rewmd .dbutton { text-align: left; width: 100%; margin: 35px 0 0; }
#reviews .rewmd button { display: block; width: 100%; height: 50px; line-height: 50px; border-radius: 3px; background: #0a1a3a; font-size: 14px; color: #fff; font-weight: 500; text-align: center; }
#reviews .rewmd button:hover { background: #535e75; }

/******   PAGES   ******/

#page { width: 100%; margin: 0; padding: 120px 0 0; min-height: calc(100vh - 588px); }
.toppad { margin-top: 20px; }
.toppadlast { margin-top: 50px; }
#page .container { max-width: 55%; }
#page .content { width: 100%; margin: 40px 0; font-size: 16px; line-height: 26px; }
#page .content p { margin: 0 0 25px; padding: 0; }
#page .content p.small { margin: 0 0 7px; }
#page .content p.last { margin: 0; }
#page .content .lpad { padding: 0 0 0 15px; }
#page .content a { display: inline-block; text-decoration: none; border: none; position: relative; transition: all 0.2s ease; color: #000; }
#page .content a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #999; transition: all 0.2s ease; }
#page .content a:hover { color: #888; }
#page .content a:hover:before { width: 0px; }
#page .content a.nocl { color: #000; text-decoration: none; font-size: 14px; }
#page .content a.nocl:before { display: none; }
#page .content ul { margin: 0; padding: 0 0 18px 23px; list-style: square; font-weight: 400; }
#page .content ol { margin: 0; padding: 0 0 18px 23px; font-weight: 400; }
#page .content ul li, #page .content ol li { padding: 0 0 7px; }
#page .content .fr { display: inline-block; font-style: normal; margin: 0 5px 0 0; line-height: 26px; }
#page .content .fr:before { font-family: 'levvelex'; font-style: normal; content: '\e80a'; line-height: 26px; font-size: 20px; background: linear-gradient(0deg, #ff0016 28%, #ffcb43 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/******   PLACES   ******/

#places { width: 100%; padding: 120px 0 0; }
#places .container { max-width: 70%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#places h1 { display: block; width: 100%; }
#places h3 { margin-top: 50px; }
#places .info { width: 20%; padding: 0 10% 0 0; position: sticky; top: 100px; }
#places .entry_short { width: 100%; font-size: 16px; line-height: 26px; }
#places .entry_short p { margin: 0; padding: 0; }
#places .entry_short a { display: inline-block; position: relative; color: #000; }
#places .entry_short a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #000; transition: all 0.2s ease; }
#places .entry_short a:hover { color: #777; }
#places .entry_short a:hover:before { width: 0px; background: #777; }
#places .info .entry_short { display: none; }
#places .points { width: 100%; }
#places .points ul { width: 100%; margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 26px; }
#places .points ul li { display: block; margin: 7px 0 0; }
#places .points ul li:first-child { margin: 0; }
#places .points ul li a { color: #000; }
#places .points ul li a:hover { color: #999; }
#places .list { width: 70%; }
#places .list .item { width: 100%; display: flex; gap: 0 5px; align-items: stretch; }
#places .list .item.gp { margin: 5px 0 0; }
#places .list .col { background: #f2f4f7; flex: 1; }
#places .list .col img { max-width: 100%; }
#places .list .col:last-child { display: flex; align-content: center; justify-content: flex-start; align-items: center; }
#places .list .content { padding: 0 12%; }
#places .list .content h2 { text-align: left; }
#places .list .content p { margin: 5px 0 0; padding: 0; font-size: 14px; line-height: 24px; }
#places .list .content i { font-style: normal; display: block; line-height: 30px; }
#places .list .content i:before { font-family: 'pardus'; font-size: 16px; line-height: 24px; margin: 0 5px 0 0; }
#places .list .content a { color: #000; }
#places .list .content .goods { width: 100%; display: flex; justify-content: flex-start; margin: 30px 0 0; }
#places .list .content .goods span { display: inline-block; margin: 0 0 0 5px; padding: 0 8px; font-size: 12px; font-weight: 500; border-radius: 3px; height: 28px; line-height: 28px; color: #fff; background: #0a1a3a; }
#places .list .content .goods span:first-child { margin: 0; }
#places .list .points { display: none; }

/******   ABOUT   ******/

#about { width: 100%; padding: 120px 0 0; }
#about h1 { text-align: center; }
#about .container.ab { max-width: 55%; }
#about .mc { font-size: 16px; line-height: 26px; }
#about .mc p { margin: 0 0 25px; padding: 0; }
#about .mc p.last { margin: 0; }
#about .mc a { display: inline-block; position: relative; color: #000; }
#about .mc a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #000; transition: all 0.2s ease; }
#about .mc a:hover { color: #888; }
#about .mc a:hover:before { width: 0px; }
#about .mc ul { margin: 0; padding: 0 0 18px 23px; list-style: square; font-weight: 400; }
#about .mc ol { margin: 0; padding: 0 0 18px 23px; font-weight: 400; }
#about .mc ul li, #about .mc ol li { padding: 0 0 7px; }

/******   CONTACTS   ******/

#contacts { width: 100%; margin: 0; padding: 120px 0 0; }
#contacts .container { max-width: 70%; }
#contacts .columns { width: 100%; margin: 40px 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#contacts .column { width: 65%; margin: 0 0 0 10%; }
#contacts .column:first-child { width: 25%; margin: 0; }
#contacts .info_text { font-size: 14px; line-height: 20px; }
#contacts .contact_block { width: 100%; margin: 25px 0 0; font-size: 14px; line-height: 24px; }
#contacts .contact_block:first-child { margin: 0; }
#contacts .contact_block a { color: #000; }
#contacts .contact_block a.tel { cursor: default; }
#contacts .contact_block i { display: block; margin: 2px 0 0; color: #777; font-size: 12px; line-height: 20px; font-style: normal; }
#contacts .contact_block span { display: block; font-size: 14px; color: #777; margin: 0 0 1px; }
#contacts .fields { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#contacts .form-group { width: 49%; margin: 25px 0 0 2%; }
#contacts .form-group:nth-child(odd) { margin: 25px 0 0; }
#contacts .form-group:last-child { width: 100%; }
#contacts .priv { font-size: 13px; color: #555; line-height: 18px; margin: 20px 0 0; }
#contacts .priv a { display: inline-block; text-decoration: none; border: none; position: relative; transition: all 0.1s ease; color: #000; }
#contacts .priv a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #000; transition: all 0.1s ease; }
#contacts .priv a:hover { color: #999; }
#contacts .priv a:hover:before { width: 0px; background: #999; }
#contacts .button { margin: 35px 0 0; text-align: left; width: 100%; }
#contacts button { display: inline-block; padding: 0 30px; height: 44px; line-height: 44px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; border-radius: 3px; color: #fff; background: #0a1a3a; }
#contacts button:hover { background: #535e75; }
#contacts button:disabled { background: #efefef; color: #999; }

/******   PARTNERS   ******/

#partners_top { width: 100%; background: url(../image/hero-1.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#partners_top .container { max-width: 70%; display: flex; align-content: center; justify-content: center; align-items: center; min-height: 75vh; }
#partners_top .content { width: 100%; }
#partners_top h1 { text-align: center; }
#partners_top h1 span { font-family: 'Rawline'; display: block; padding: 30px 0 0; font-weight: 400; font-size: 20px; line-height: 30px; }
#partners_top .send_top { width: 100%; margin: 60px 0 0; text-align: center; }
#partners_top .send_top a { display: inline-block; padding: 0 40px; height: 55px; line-height: 55px; background: #0a1a3a; border-radius: 3px; font-size: 14px; text-transform: uppercase; color: #fff; font-family: 'Rawline'; font-weight: 500; border: none; letter-spacing: 0.5px; }
#partners_top .send_top a:hover { background: #535e75; }
#partners_who { width: 100%; padding: 100px 0; }
#partners_who .container { max-width: 70%; text-align: center; }
#partners_who .text { font-size: 18px; line-height: 28px; }
#partners_who .text p { margin: 0 0 25px; padding: 0; }
#partners_who .text p:last-child { margin:  0; }
#partners_who .list { margin: 60px 0 0; display: flex; align-content: flex-start; gap: 30px; }
#partners_who .list .item { font-size: 16px; line-height: 26px; color: #777; flex: 1; margin: 0; width: auto; padding: 90px 0 0; position: relative; text-align: center; }
#partners_who .list .item span { display: block; font-weight: 500; margin: 0 0 10px; color: #000; font-size: 17px; }
#partners_who .list .item:before { position: absolute; top: 0; left: 0; font-family: 'pardus'; font-size: 70px; margin: 0; line-height: 70px; text-align: center; width: 100%; background: linear-gradient(0deg, #0044A6 33%, #0175C8 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#partners_benefits { width: 100%; margin: 0; padding: 0; }
#partners_benefits .container { max-width: 80%; display: flex; gap: 0 5px; align-items: stretch; }
#partners_benefits .item { background: #f2f4f7; flex: 1; }
#partners_benefits .item img { max-width: 100%; }
#partners_benefits .item:last-child { display: flex; align-content: center; justify-content: flex-start; align-items: center; }
#partners_benefits .content { padding: 0 12%; }
#partners_benefits .content h2 { text-align: left; }
#partners_benefits .content h2 span { font-family: 'Rawline'; font-size: 24px; font-weight: 300; display: block; }
#partners_benefits .content ul { margin: 20px 0 0; padding: 0; list-style: none; }
#partners_benefits .content ul li { font-size: 18px; padding: 0 0 0 35px; margin: 0 0 20px; line-height: 26px; position: relative; }
#partners_benefits .content ul li em { color: #777; font-size: 14px; }
#partners_benefits .content ul li:before { width: 22px; position: absolute; top: 0; left: 0; font-size: 22px; line-height: 26px; font-family: 'pardus'; content: '\e001'; }
#partners_benefits .content ul li:last-child { margin: 0; }
#partners_form { width: 100%; padding: 100px 0 60px; }
#partners_form .container { max-width: 70%; }
#partners_form h2 { text-align: center; margin: 0 0 60px; }
#partners_form .form-group { width: 100%; margin: 0 0 20px; text-align: center; }
#partners_form .row { display: flex; gap: 0 20px; align-items: stretch; }
#partners_form .row .form-group { flex: 1; width: auto; }
#partners_form .priv { margin: 0 0 20px; }
#partners_form .button { width: 100%; text-align: center; }
#partners_form .button button { display: inline-block; padding: 0 40px; height: 50px; line-height: 50px; background: #0a1a3a; border-radius: 3px; font-size: 14px; text-transform: uppercase; color: #fff; font-family: 'Rawline'; font-weight: 500; border: none; letter-spacing: 0.5px; }
#partners_form .button button:hover { background: #535e75; }
#partners_form .button button:disabled { background: #efefef; color: #999; }

/******   ACCOUNT   ******/

#myaccount { width: 100%; margin: 0 0 50px; padding: 120px 0 0; min-height: 45vh; }
#myaccount h2 { font-family: 'Rawline'; font-size: 18px; font-weight: 500; line-height: 30px; }
#myaccount h2.pad { margin: 40px 0 0; }
#myaccount h2.padres { margin: 40px 0 0; }
#myaccount h2.order { margin: 40px 0 0; }
#myaccount .center { width: 35%; margin: 0 auto; }
#myaccount .red { color: #d9534f; }
#myaccount .green { color: #5cb85c; }
#myaccount .orange { color: #f0ad4e; }
#myaccount .blue { color: #5bc0de; }
#myaccount .gray { color: #999; }
#myaccount .stat { font-style: normal; }
#myaccount .stat:before { font-family: 'pardus'; line-height: 22px; font-size: 18px; margin: 0 7px 0 0; text-align: left; }
#myaccount form { margin: 0; padding: 0; }
#myaccount fieldset { margin: 0; padding: 0; border: none; }
#myaccount .fields { width: 100%; }
#myaccount .fields.top-pad { margin: 50px 0 0; }
#myaccount .fields.flex { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#myaccount .fields .form-group { width: 100%; margin: 0 0 20px; padding: 0; }
#myaccount .fields .form-group.pd { margin: 20px 0; }
#myaccount .fields label { margin: 0; padding: 0; border: none; }
#myaccount .fields label.labsm { display: block; padding: 0 0 10px; font-size: 14px; line-height: 20px; }
#myaccount .fields .select { display: inline-block; position: relative; width: 100%; }
#myaccount .fields .select:after { content: '\e029'; font-family: 'pardus'; font-size: 12px; color: #777; position: absolute; right: 10px; top: 0; z-index: 1; text-align: center; width: 20px; height: 50px; line-height: 50px; pointer-events: none; box-sizing: border-box; transition: all 0.2s ease; }
#myaccount .fields .select select { padding: 0 50px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#myaccount .fields .extra_info { display: block; font-size: 12px; padding: 7px 0 0; color: #555; }
#myaccount .radio-list { width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; margin: 20px 0 30px; }
#myaccount .radio-list.nopad { margin: 0 0 30px; }
#myaccount .radio-list input[type="radio"] { display: none; }
#myaccount .radio-list input[type="radio"] + label { display: inline-block; padding: 12px 16px; text-align: left; border: 1px solid #d7d7d7; background: #fff; color: #777; cursor: pointer; transition: all 0.2s ease; border-radius: 3px; font-family: 'Rawline'; font-weight: 400; font-size: 14px; line-height: 20px; margin: 0 0 0 10px; }
#myaccount .radio-list input[type="radio"]:first-child + label { margin: 0; }
#myaccount .radio-list.news input[type="radio"] + label { width: calc(50% - 9px); padding: 0; text-align: center; line-height: 40px; height: 40px; }
#myaccount .radio-list.news input[type="radio"]:first-child + label { margin: 0; }
#myaccount .radio-list input[type="radio"] + label i { display: inline-block; vertical-align: top; line-height: 20px; margin: 2px 7px 0 0; width: 16px; height: 16px; border: 1px solid #d7d7d7; border-radius: 50%; transition: all 0.2s ease; font-style: normal; }
#myaccount .radio-list input[type="radio"] + label i:before { font-family: 'pardus'; content: ''; font-size: 12px; width: 20px; line-height: 18px; color: #fff; padding: 0 0 0 2px; display: inline-block; vertical-align: top; }
#myaccount .radio-list input[type="radio"] + label:hover { border: 1px solid #000; }
#myaccount .radio-list input[type="radio"] + label:hover i { border: 1px solid #ccc; }
#myaccount .radio-list input[type="radio"]:checked + label { color: #000; border: 1px solid #000; }
#myaccount .radio-list input[type="radio"]:checked + label i { border: 1px solid transparent; background: #144dde; }
#myaccount .radio-list input[type="radio"]:checked + label i:before { content: '\e8b2'; }
#myaccount .info-text { font-size: 15px; line-height: 20px; margin: 0 0 25px; }
#myaccount .fields .logfor { width: 100%; }
#myaccount .fields .logfor .forgot { text-align: right; width: 100%; margin: 0; font-size: 14px; line-height: 30px; }
#myaccount .fields .logfor .forgot.acc { text-align: left; padding: 5px 0 0; }
#myaccount .fields .logfor a { color: #999; }
#myaccount .fields .logfor a:hover { color: #000; }
#myaccount .fields .logfor .forgot.acc a { display: block; color: #777; font-weight: 400; width: 100%; height: 40px; line-height: 40px; background: none; border-radius: 3px; font-size: 14px; text-align: center; border: 1px solid #d7d7d7; margin: 5px 0 0; }
#myaccount .fields .logfor .forgot.acc a:hover { color: #000; border: 1px solid #000; }
#myaccount .fields .logfor .button { text-align: left; width: 100%; margin: 30px 0 0; }
#myaccount .fields .logfor button { display: block; width: 100%; padding: 0; height: 55px; line-height: 55px; background: #0a1a3a; border-radius: 3px; font-size: 14px; color: #fff; text-align: center; }
#myaccount .fields .logfor button:hover { background: #535e75; }
#myaccount .fields .logfor button:disabled { background: #efefef; color: #999; }
#myaccount .notyet { width: 100%; margin: 30px 0 0; padding: 0; }
#myaccount .notyet .small-title { text-align: center; font-size: 16px; line-height: 20px; color: #777; }
#myaccount .notyet .small-title a { color: #000; font-weight: 500; }
#myaccount .notyet .small-title a:hover { color: #999; }
#myaccount .notyet .small-title i { display: inline-block; margin: 0 0 0 3px; }
#myaccount .notyet .small-title i:before { font-family: 'pardus'; font-size: 13px; line-height: 13px; }
#myaccount .main { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#myaccount .left { width: 25%; margin: 0 5% 0 0; position: sticky; top: 40px; }
#myaccount .right { width: 70%; }
#myaccount .main .title { font-weight: 500; font-size: 20px; line-height: 30px; }
#myaccount .main .wtext { margin: 30px 0 0; font-size: 16px; font-weight: 300; line-height: 22px; }
#myaccount .total_reward { margin: 40px 0 0; font-weight: 400; font-size: 14px; line-height: 30px; min-height: 80px; }
#myaccount .total_reward.none { color: #777; font-size: 13px; line-height: 20px; }
#myaccount .total_reward.address { min-height: 1px; line-height: 20px; }
#myaccount .total_reward.order { min-height: 1px; line-height: 20px; font-weight: 500; }
#myaccount .total_reward.order.scnd { margin: 30px 0 0; }
#myaccount .total_reward span { display: block; font-size: 12px; color: #999; font-weight: 500; margin: 0 0 5px; }
#myaccount .total_reward .cmn { display: block; font-style: normal; color: #777; font-size: 12px; margin: 5px 0 0; line-height: 16px; }
#myaccount .total_reward .ordhst { display: none; }
#myaccount .total_reward .ordhst:last-child { display: block; }
#myaccount .linkout { margin: 50px 0 0; }
#myaccount .linkout a { display: inline-block; color: #777; font-size: 13px; line-height: 15px; }
#myaccount .linkout a i { font-style: normal; display: inline-block; margin: 0 5px 0 0; }
#myaccount .linkout a i:before { font-family: 'pardus'; line-height: 15px; font-size: 15px; text-align: left; }
#myaccount .linkout a:hover { color: #000; }
#myaccount .blocks { margin: 30px 0 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#myaccount .blocks .item { width: calc(33.33% - 60px); margin: 0 0 0 30px; padding: 15px 20px 20px; border-radius: 5px; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transition: all 0.4s ease; position: relative; z-index: 1; }
#myaccount .blocks .item:first-child { margin: 0; }
#myaccount .blocks .item:hover { box-shadow: 0 10px 50px rgba(0,0,0,0.2); z-index: 2; }
#myaccount .blocks .item.full { margin: 30px 0 0; width: calc(100% - 40px); }
#myaccount .blocks.two .item { width: calc(50% - 55px); }
#myaccount .blocks .item:before { position: absolute; top: 15px; right: 20px; font-size: 55px; line-height: 55px; color: #ebebeb; z-index: 0; font-family: 'pardus'; }
#myaccount .blocks .item.loyalty:before { content: '\e001'; }
#myaccount .blocks .item.orders:before { content: '\e031'; }
#myaccount .blocks .item.wishlist:before { content: '\e009'; }
#myaccount .blocks .item.personal:before { content: '\e003'; }
#myaccount .blocks .item.address:before { content: '\e011'; }
#myaccount .blocks .item.newsletter:before { content: '\e01a'; }
#myaccount .blocks .item.truck:before { content: '\e005'; }
#myaccount .blocks .item.pay:before { content: '\e002'; }
#myaccount .blocks .item.comment:before { content: '\e021'; }
#myaccount .title.sm { font-size: 14px; font-weight: 500; color: #999; position: relative; }
#myaccount .info_text { margin: 20px 0 0; font-weight: 500; font-size: 13px; line-height: 20px; min-height: 80px; }
#myaccount .info_text.nb { min-height: 50px; font-weight: 400; }
#myaccount .info_text.none { color: #777; font-size: 13px; line-height: 20px; }
#myaccount .counter { display: block; font-size: 36px; line-height: 40px; font-weight: 600; color: #000; margin: 0 0 8px; }
#myaccount .counter.zero { color: #999; }
#myaccount .fires { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#myaccount .fires .fr { display: inline-block; vertical-align: middle; margin: 0; line-height: 40px; }
#myaccount .fires .fr:before { font-family: 'pardus'; font-style: normal; content: '\e02b'; line-height: 40px; font-size: 33px; background: linear-gradient(0deg, #ff0016 28%, #ffcb43 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#myaccount .fires .fr.check:before { background: linear-gradient(0deg, rgba(148,180,71,1) 28%, rgba(203,229,78,1) 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#myaccount .fires .fr.checkgr:before { background: linear-gradient(0deg, #cccccc 28%, #cccccc 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#myaccount .links { width: 100%; margin: 12px 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#myaccount .links.one { padding: 23px 0 0; }
#myaccount .links.scn { margin: 8px 0 0; }
#myaccount .links a { display: inline-block; margin: 0 0 0 20px; color: #777; font-size: 13px; line-height: 15px; }
#myaccount .links a:first-child { margin: 0; }
#myaccount .links a i { font-style: normal; display: inline-block; }
#myaccount .links a i:before { font-family: 'pardus'; line-height: 15px; font-size: 15px; margin: 0 1px 0 0; text-align: left; }
#myaccount .links a:hover { color: #000; }
#myaccount .logout_mobile { display: none; width: 100%; margin: 30px 0 0; }
#myaccount .logout_mobile a { display: block; color: #777; font-weight: 400; width: 100%; height: 50px; line-height: 50px; border-radius: 3px; font-size: 14px; text-align: center; border: 1px solid #d7d7d7; margin: 15px 0 0; }
#myaccount .logout_mobile a i { font-style: normal; display: inline-block; margin: 0 5px 0 0; }
#myaccount .logout_mobile a i:before { font-family: 'pardus'; line-height: 15px; font-size: 15px; text-align: left; }
#myaccount .table_responsive { width: 100%; margin: 30px 0 0; border-radius: 5px; box-shadow: 0 0 30px rgba(0,0,0,0.1); }
#myaccount .row { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; font-size: 13px; line-height: 22px; color: #000; transition: all 0.4s ease; background: #fff; border-top: 1px solid #ebebeb; position: relative; z-index: 1; }
#myaccount .row:first-child { background: #f1f1f1; font-weight: 500; text-align: center; border: none; border-radius: 5px 5px 0 0; }
#myaccount .row:last-child { border-radius: 0 0 5px 5px; }
#myaccount .row .item { display: inline-block; padding: 20px 15px; }
#myaccount .row.single .item { width: calc(100% - 30px); text-align: center; color: #999; padding: 30px 15px; }
#myaccount .row.single.mob { display: none; }
#myaccount .row.three .item { width: calc(50% - 30px); }
#myaccount .row.three .item:first-child { width: calc(20% - 30px); text-align: center; }
#myaccount .row.three .item:last-child { width: calc(30% - 30px); text-align: center; }
#myaccount .row.address .item { width: calc(60% - 30px); text-align: left; }
#myaccount .row.address .item:first-child { width: calc(27% - 30px); text-align: left; }
#myaccount .row.address .item:last-child { width: calc(13% - 30px); display: flex; justify-content: flex-end; align-items: center; }
#myaccount .row.five .item { width: calc(20% - 30px); text-align: left; }
#myaccount .row.five .item:nth-child(2) { width: calc(30% - 30px); font-weight: 500; }
#myaccount .row.five .item:last-child { width: calc(10% - 30px); display: flex; justify-content: flex-end; align-items: center; }
#myaccount .row:hover { box-shadow: 0 0 30px rgba(0,0,0,0.1); z-index: 2; }
#myaccount .row:first-child:hover, #myaccount .row.single:hover { box-shadow: none; }
#myaccount .row .fires { justify-content: center; }
#myaccount .row .fires .fr { display: inline-block; vertical-align: middle; margin: 0 0 2px 2px; line-height: 22px; }
#myaccount .row .fires .fr:first-child { margin: 0; }
#myaccount .row .fires .fr:before { font-family: 'pardus'; font-style: normal; content: '\e80a'; line-height: 22px; font-size: 22px; background: linear-gradient(0deg, #ff0016 28%, #ffcb43 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#myaccount .row .fires .fr.gr:before { background: linear-gradient(0deg, #cccccc 28%, #cccccc 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#myaccount .row a { display: inline-block; color: #777; font-size: 13px; line-height: 15px; }
#myaccount .row a.icons { color: #999; font-size: 0; margin: 0 0 0 10px; }
#myaccount .row a.icons:first-child { margin: 0; }
#myaccount .row a i { font-style: normal; display: inline-block; }
#myaccount .row a i:before { font-family: 'pardus'; line-height: 22px; font-size: 15px; margin: 0 3px 0 0; text-align: left; }
#myaccount .row a.icons i:before { font-size: 17px; margin: 0; }
#myaccount .row a:hover { color: #000; }
#myaccount .row a.icons:hover { color: #000; }
#myaccount .pagination { padding: 20px 0 0; }
#myaccount .pagination ul { justify-content: flex-start; }
#myaccount .pagination ul li.active { width: 30px; height: 30px; line-height: 27px; margin: 0 5px; font-size: 13px; }
#myaccount .pagination ul li a { width: 30px; height: 30px; font-size: 13px; line-height: 27px; text-align: center; }
#myaccount .columns { margin: 30px 0 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; background: #fff; border-radius: 5px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
#myaccount .column { width: calc(65% - 40px); padding: 20px; }
#myaccount .column:last-child { width: calc(35% - 40px); padding: 20px; border-radius: 15px 5px 5px 15px; background: #f8f8f9; }
#myaccount .product { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; border-top: 1px solid rgba(0,0,0,0.1); padding: 20px 0; background: none; margin: 0; }
#myaccount .product:first-child { border: none; padding-top: 0; }
#myaccount .product:last-child { padding-bottom: 0; }
#myaccount .product .pic { width: 20%; text-align: left; }
#myaccount .product .pic img { max-width: 100%; }
#myaccount .product .info { width: calc(80% - 40px); margin: 0 0 0 40px; }
#myaccount .product .name { font-size: 14px; line-height: 22px; color: #000; font-weight: 500; }
#myaccount .product .options { width: 100%; margin: 2px 0 0; font-size: 12px; color: #999; display: flex; justify-content: flex-start; }
#myaccount .product .options span { display: inline-block; }
#myaccount .product .options span:before { content: ', '; }
#myaccount .product .options span:first-child:before { content: ''; }
#myaccount .product .qnt { margin: 15px 0 0; line-height: 20px; font-size: 13px; color: #000; }
#myaccount .product .qnt i { font-style: normal; color: #888; }
#myaccount .product .sum { margin: 7px 0 0; line-height: 20px; font-size: 13px; color: #000; font-weight: 500; }
#myaccount .product .sum i { font-style: normal; color: #888; font-weight: 400; }
#myaccount .check ul { margin: 0; padding: 0; list-style: none; }
#myaccount .check ul li { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 20px; line-height: 20px; color: #000; }
#myaccount .check ul li .lefts { width: calc(50% - 10px); text-align: left; font-size: 13px; color: #777; }
#myaccount .check ul li .lefts .cmn { font-size: 12px; color: #555; }
#myaccount .check ul li .rights { width: calc(50% - 10px); margin: 0 0 0 20px; text-align: right; font-size: 14px; font-weight: 500; }
#myaccount .check ul li:last-child { margin: 0; font-weight: 400; padding: 20px 0 0; border-top: 1px solid rgba(0,0,0,0.1); }
#myaccount .check ul li:last-child .lefts { color: #000; font-size: 14px; font-weight: 600; }
#myaccount .check ul li:last-child .rights { font-size: 15px; font-weight: 600; }
#myaccount .wishes { width: 100%; margin: 40px 0 0; display: grid; gap: 60px 5px; align-items: stretch; flex-wrap: wrap; grid-template-columns: repeat(4, 1fr); }
#myaccount .wishes .item { text-align: center; }
#myaccount .wishes .item .pic {  width: 100%; text-align: center; overflow: hidden; position: relative; }
#myaccount .wishes .item .pic img { max-width: 100%; }
#myaccount .wishes .item .name { font-size: 15px; font-weight: 500; line-height: 22px; margin: 20px 0 0; }
#myaccount .wishes .item .name a { color: #000; }
#myaccount .wishes .item .type { font-size: 13px; display: block; margin: 5px 0 0; }
#myaccount .wishes .item .vol { font-size: 13px; display: block; margin:  3px 0 0; color: #999; }
#myaccount .wishes .item .price { width: 100%; font-size: 15px; font-weight: 500; line-height: 20px; margin: 20px 0 0; }
#myaccount .wishes .item .old { display: inline-block; color: #999; font-weight: 400; margin: 0 0 0 10px; }
#myaccount .wishes .item .old i { text-decoration: line-through; font-style: normal; }
#myaccount .wishes .item .itxt { position: absolute; bottom: 20px; left: 20px; z-index: 10; }
#myaccount .wishes .item .itxt span { display: inline-block; color: #000; font-size: 11px; line-height: 36px; }
#myaccount .wishes .item .out { margin: 20px 0 0; color: #777; font-size: 13px; font-weight: 500; line-height: 22px; padding: 0 20px; }
#myaccount .wishes .item .remove { position: absolute; top: 20px; right: 20px; z-index: 10; height: 20px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s ease; }
#myaccount .wishes .item .remove a { height: 20px; width: 36px; text-align: center; color: #000; }
#myaccount .wishes .item .remove a:before { font-family: 'pardus'; font-size: 14px; line-height: 20px; }
#myaccount .wishes .item .remove a:hover { color: #000; }
#myaccount .wishes .item .remove a:hover:before { content: '\e007'; }
#myaccount .wishes .item:hover .remove { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#myaccount .labsm { font-size: 14px; line-height: 20px; }
#myaccount .labsm.pd { margin: 0 0 10px; }

/******   CHECKOUT   ******/

#scheck { width: 100%; }
#scheck h2 { font-family: 'Rawline'; font-size: 20px; line-height: 32px; font-weight: 500; margin: 0 0 10px; }
#scheck h3 { font-family: 'Rawline'; font-size: 16px; line-height: 28px; font-weight: 500; margin: 0 0 10px; }
#scheck .text-info { font-size: 13px; color: #777; margin: 0 0 7px; line-height: 20px; }
#scheck .form-group { margin: 0 0 15px; padding: 0; width: 100%; }
#scheck .simplecheckout-step { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; }
#scheck .simplecheckout-block-content, #scheck .form-horizontal { margin: 0; padding: 0; }
#scheck .cleft { width: 50%; padding: 120px 5% 0 0; }
#scheck .cright { width: 45%; padding: 120px 0 0; align-self: flex-start; position: sticky; top: 0; }
#scheck .place { width: 50%; padding: 10px 5% 60px 0; }
#scheck .block-header { width: 100%; display: flex; justify-content: space-between; align-content: stretch; flex-wrap: wrap; margin: 0 0 30px; }
#scheck .block-header.extra { margin: 35px 0 20px; }
#scheck .span { display: inline-block; }
#scheck .clear { display: inline-block; height: 30px; line-height: 30px; background: #fff; border: 1px solid #d7d7d7; padding: 0 15px; font-size: 13px; color: #777; font-weight: 500; text-align: center; border-radius: 3px; }
#scheck .clear:hover { color: #000; border: 1px solid #000; }
#scheck .auth { display: inline-block; height: 32px; line-height: 32px; background: #000; padding: 0 15px; font-size: 11px; color: #fff; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-align: center; border-radius: 3px; }
#scheck .auth:hover { background: #6f6f6f; }
#scheck .slist { width: 100%; }
#scheck .sgood { width: 100%; display: flex; justify-content: space-between; align-content: center; align-items: stretch; flex-wrap: wrap; padding: 30px 0; border-bottom: 1px solid #ebebeb; }
#scheck .sgood:first-child { padding-top: 0; }
#scheck .sgood:last-child { border-bottom: none; padding-bottom: 15px; }
#scheck .sgood .image { width: 15%; margin: 0 20px 0 0; }
#scheck .sgood .image img { max-width: 100%; }
#scheck .sgood .data { width: calc(85% - 20px); display: flex; justify-content: space-between; align-content: flex-start; align-items: stretch; flex-wrap: wrap; position: relative; }
#scheck .sgood .name { width: 75%; margin: 0 20px 0 0; padding: 5px 0 0; font-size: 15px; line-height: 22px; }
#scheck .sgood .name a { color: #000; }
#scheck .sgood .name a:hover { color: #6f6f6f; }
#scheck .sgood .opt { width: 100%; display: flex; justify-content: flex-start; align-content: stretch; line-height: 22px; font-size: 13px; color: #777; }
#scheck .sgood .opt i { display: inline-block; }
#scheck .sgood .opt i:before { content: ", "; }
#scheck .sgood .opt i:first-child:before { content: ""; }
#scheck .sgood .tpad { width: 100%; position: absolute; bottom: 10px; left: 0; }
#scheck .sgood .tpad button { display: inline-block; height: 26px; line-height: 26px; font-size: 12px; color: #777; font-weight: 500; }
#scheck .sgood .tpad button:before { content: "\e006"; font-family: "pardus"; font-size: 16px; line-height: 26px; margin-right: 5px; }
#scheck .sgood .tpad button:hover { color: #000; }
#scheck .sgood .prqn { width: calc(25% - 20px); padding: 5px 0 0; text-align: right; font-size: 15px; line-height: 22px; font-weight: 400; }
#scheck .sgood .math { width: 100%; line-height: 22px; font-size: 13px; color: #777; }
#scheck .sgood .quantity { position: absolute; bottom: 5px; right: 0; display: flex; justify-content: flex-end; align-items: stretch; }
#scheck .sgood .quantity span { display: inline-block; }
#scheck .sgood .quantity span button { font-size: 16px; line-height: 36px; height: 36px; background: #f0f0f0; }
#scheck .sgood .quantity span button.minus { padding: 0 6px 0 10px; border-radius: 3px 0 0 3px; }
#scheck .sgood .quantity span button.plus { padding: 0 10px 0 6px; border-radius: 0 3px 3px 0; }
#scheck .sgood .quantity input[type="text"] { display: inline-block; width: 50px; text-align: center; height: 36px; line-height: 36px; font-size: 13px; font-weight: 400; background: #f0f0f0; border-radius: 0px; border: none; }
#scheck .loyalty { margin: 15px 0 0; }
#scheck .login-form { padding: 0 10px; }
#scheck .login-form .close { text-align: right; }
#scheck .login-form .close i { display: inline-block; font-style: normal; color: #999; cursor: pointer; transition: all 0.2s ease; }
#scheck .login-form .close i:before { font-family: 'pardus'; font-size: 14px; line-height: 32px; }
#scheck .login-form .close i:hover { color: #000; }
#scheck .login-form .forgotten { margin: 7px 0 0; display: inline-block; text-decoration: none; border: none; position: relative; color: #999; font-size: 13px; line-height: 20px; }
#scheck .login-form .forgotten:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #999; transition: all 0.2s ease; }
#scheck .login-form .forgotten:hover { color: #000; }
#scheck .login-form .forgotten:hover:before { width: 0px; background: #000; }
#scheck .login-form .login-button { margin-top: 20px; display: block; width: 100%; height: 44px; line-height: 44px; background: #0a1a3a; font-size: 13px; color: #fff; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; cursor: pointer; border-radius: 3px; }
#scheck .login-form .login-button:hover { background: #535e75; }
#scheck .row-customer_register .checkbox label input[type="checkbox"] {display: none;}
#scheck .row-customer_register .checkbox label:after {content: "Зарегистрироваться"; font-size: 14px; line-height: 20px; cursor: pointer;}
#scheck .row-customer_register .checkbox label:before { content: ""; display: inline-block; vertical-align: top; margin: 3px 8px 0 0; width: 16px; height: 16px; line-height: 20px; border-radius: 3px; border: 1px solid #d7d7d7; }
#scheck .row-customer_register .checkbox label.checked:before { content: "\e02c"; font-family: "pardus"; background: #000; font-size: 10px; text-align: center; line-height: 16px; color: #fff; border: 1px solid transparent; }
#scheck .ship label { font-size: 15px; font-weight: 400; line-height: 20px; margin: 0 0 10px; }
#scheck #simplecheckout_shipping .row-shipping_field20 { margin: 0; }
#scheck .radio { width: 100%; margin: 0 0 20px; }
#scheck .radio:last-child { margin: 0; }
#scheck .radio input[type="radio"] { display: none; }
#scheck .radio input[type="radio"] + label { width: 100%; color: #000; display: flex; justify-content: space-between; align-items: flex-start; cursor: pointer; transition: all 0.2s ease; color: #777; font-weight: 400; }
#scheck .radio input[type="radio"] + label:before { content: ""; display: inline-block; vertical-align: top; margin: 2px 8px 0 0; width: 16px; height: 16px; line-height: 20px; border-radius: 50%; border: 1px solid #d7d7d7; }
#scheck .radio input[type="radio"] + label .title { width: 75%; margin: 0 20px 0 0; font-size: 16px; line-height: 22px; }
#scheck .radio input[type="radio"] + label .cost { width: calc(25% - 20px); font-size: 15px; line-height: 20px; text-align: right; }
#scheck .radio input[type="radio"]:checked + label { color: #000; }
#scheck .radio input[type="radio"]:checked + label:before { content: ""; border: 1px solid #000; background: #000; box-shadow: inset 0 0 0 3px #fff; }
#scheck .simplecheckout-button-right { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; background: none; }
#scheck .simplecheckout-button-right span { width: 100%; text-align: left; }
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"] {display: none;}
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"] + label { width: 100%; cursor: pointer; transition: all 0.2s ease; color: #777; font-weight: 400; font-size: 14px; line-height: 20px; }
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"] + label:before { content: ""; display: inline-block; vertical-align: top; margin: 0 8px 0 0; width: 16px; height: 16px; line-height: 20px; border-radius: 3px; border: 1px solid #d7d7d7; }
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"] + label a { display: inline-block; text-decoration: none; border: none; position: relative; color: #999; }
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"] + label a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #999; transition: all 0.2s ease; }
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"] + label a:hover { color: #000; }
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"] + label a:hover:before { width: 0px; background: #000; }
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"]:checked + label { color: #000; }
#scheck .simplecheckout-button-right span .checkbox input[type="checkbox"]:checked + label:before { content: "\e02c"; font-family: "pardus"; background: #000; font-size: 10px; text-align: center; line-height: 16px; color: #fff; border: 1px solid transparent; }
#scheck .simplecheckout-button-right .complete { width: 100%; margin: 20px 0 0; }
#scheck .simplecheckout-button-right .complete button { display: block; width: 100%; height: 55px; line-height: 55px; background: #0a1a3a; font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase; text-align: center; border-radius: 3px; letter-spacing: 0.5px; }
#scheck .simplecheckout-button-right .complete button:hover { background: #535e75; }
#scheck .simplecheckout-button-right .complete button:disabled { background: #efefef; color: #999; }
#scheck .stotallist { width: 100%; margin: 0 0 10px; }
#scheck .stotalgood { width: 100%; display: flex; justify-content: space-between; align-content: center; align-items: stretch; flex-wrap: wrap; padding: 10px 0; }
#scheck .stotalgood:first-child { padding-top: 0; }
#scheck .stotalgood .image { width: 15%; margin: 0 20px 0 0; position: relative; }
#scheck .stotalgood .image a { display: block; }
#scheck .stotalgood .image img { max-width: 100%; border-radius: 3px; }
#scheck .stotalgood .image .qnt { position: absolute; top: -10px; right: -10px; background: rgba(0,0,0,0.55); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); font-size: 12px; text-align: center; line-height: 24px; width: 24px; height: 24px; border-radius: 50%; color: #fff; }
#scheck .stotalgood .data { width: calc(85% - 20px); display: flex; justify-content: space-between; align-content: center; align-items: center; flex-wrap: wrap; position: relative; }
#scheck .stotalgood .name { width: 75%; margin: 0 20px 0 0; font-size: 14px; line-height: 22px; }
#scheck .stotalgood .name a { color: #000; }
#scheck .stotalgood .name a:hover { color: #6f6f6f; }
#scheck .stotalgood .opt { width: 100%; line-height: 20px; font-size: 13px; color: #777; }
#scheck .stotalgood .opt i { display: block; }
#scheck .stotalgood .prqn { width: calc(25% - 20px); text-align: right; font-size: 14px; line-height: 22px; font-weight: 300; }
#scheck .cart-total { width: 100%; display: flex; justify-content: space-between; align-content: center; align-items: stretch; flex-wrap: wrap; padding: 7px 0; font-size: 14px; }
#scheck .cart-total span { display: inline-block; width: 75%; text-align: left; }
#scheck .cart-total span:last-child { width: 25%; text-align: right; }
#scheck .cart-total:last-child { margin: 10px 0 0; font-size: 16px; font-weight: 600; }

/******   BLOG   ******/

#blog { width: 100%; margin: 0; padding: 120px 0 0; }
#blog .top { width: 100%; }
#blog .top.empty { padding: 50px 0 20px; border: none; }
#blog .top .left { width: 50%; }
#blog .top .right { width: 50%; }
#blog .description { width: 100%; margin: 20px 0 0; }
#blog .description p { margin: 0 auto; font-size: 14px; line-height: 24px; max-width: 45%; text-align: center; }
#blog .subcat { width: 100%; margin: 30px 0 0; }
#blog .subcat ul { justify-content: center; }
#blog .list { width: 100%; margin: 60px 0 0; display: grid; gap: 60px 5px; align-items: stretch; flex-wrap: wrap; grid-template-columns: repeat(3, 1fr); }
#blog .list .post { display: inline-block; text-align: center; }
#blog .list .post .image { width: 100%; }
#blog .list .post .image img { max-width: 100%; }
#blog .list .post .data { width: 100%; padding: 40px 0 0; }
#blog .list .post .date { font-size: 13px; line-height: 22px; color: #999; font-weight: 500; }
#blog .list .post .title { font-size: 15px; font-weight: 500; line-height: 22px; color: #000; margin: 7px 0 0; }
#blog .list .post p { font-size: 14px; line-height: 22px; margin: 10px 0 0; padding: 0; color: #000; }
#blog .list .post .more { margin: 6px 0 0; }
#blog .list .post .more span { display: inline-block; position: relative; transition: all 0.2s ease; color: #999; font-size: 12px; line-height: 20px; }
#blog .list .post .more span:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #999; transition: all 0.2s ease; }
#blog .list .post .more span:hover { color: #000; }
#blog .list .post .more span:hover:before { width: 0; }
#blog-post-header { width: 100%; padding: 120px 0 0; text-align: center; }
#blog-post-header .container { max-width: 55%; }
#blog-post-header .date { font-size: 13px; line-height: 22px; color: #999; font-weight: 500; margin: 0 0 10px; }
#blog-post-header .pre { margin: 15px 0 0; font-size: 16px; line-height: 26px; }
#blog-post-header .pre p { margin: 0; padding: 0; }
#blog-post-image { width: 100%; margin: 50px 0; }
#blog-post-image .container { max-width: 75%; }
#blog-post-image img { width: 100%; height: 50vh; object-fit: cover; }
#blog-post { width: 100%; margin: 0 0 70px; }
#blog-post .container { max-width: 55%; }
#blog-post .text { margin: 0 0 50px; }
#blog-post .text p { margin: 0 0 25px; padding: 0; font-size: 16px; line-height: 26px; }
#blog-post .text p.small { margin: 0 0 7px; }
#blog-post .text p.last { margin: 0; }
#blog-post .text p.center { text-align: center; }
#blog-post .text a { display: inline-block; text-decoration: none; border: none; position: relative; transition: all 0.2s ease; color: #000; font-weight: 400; }
#blog-post .text a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #999; transition: all 0.2s ease; }
#blog-post .text a:hover { color: #888; }
#blog-post .text a:hover:before { width: 0px; }
#blog-post .text a.btnmore { display: inline-block; width: 166px; text-align: center; height: 44px; line-height: 44px; font-size: 14px; border-radius: 3px; color: #fff; position: relative; transition: all 0.3s ease; background: #0a1a3a; font-weight: 500; }
#blog-post .text a.btnmore:before { display: none; }
#blog-post .text a.btnmore:hover { background: #535e75; }
#blog-post .text ul { margin: 0; padding: 0 0 18px 23px; list-style: square;  font-weight: 400;}
#blog-post .text ol { margin: 0; padding: 0 0 18px 23px; font-weight: 400; }
#blog-post .text ul li, #blog-post .text ol li { font-size: 16px; padding: 0 0 7px; line-height: 26px; }

/******   FOOTER   ******/

footer { background: #1a1a1a; padding: 50px 0; color: #fff; }
footer .top { display: flex; align-content: stretch; justify-content: flex-start; }
footer .column { width: 22%; margin: 0 0 0 4%; }
footer .column:first-child { margin: 0; }
footer .title { font-size: 12px; text-transform: uppercase; font-weight: 700; line-height: 12px; margin: 0 0 20px; }
footer ul { width: 100%; margin: 0; padding: 0; list-style: none; }
footer ul li { display: block; font-size: 13.5px; line-height: 26px; margin: 0; padding: 0; }
footer ul li a { display: inline-block; color: #fff; }
footer ul li a:hover { color: #999; }
footer .column.cc ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
footer .column.cc ul li { display: inherit; }
footer .contacts { width: 100%; font-size: 13.5px; line-height: 16px; margin: 0 0 16px; display: flex; }
footer .contacts a { display: inline-block; color: #fff; font-weight: 400; margin: 0 0 0 15px; }
footer .contacts a:first-child { margin: 0; }
footer .contacts a:before { font-family: 'pardus'; font-size: 14px; line-height: 16px; margin: 0 5px 0 0; }
footer .contacts a:hover { color: #999; }
footer .contacts.first a.icon-tg, footer .contacts.first a.icon-wa { display: none; }
footer .social { margin: 40px 0 0; width: 100%; display: flex; align-content: stretch; justify-content: flex-start; flex-wrap: wrap; }
footer .social .soc_list { width: 100%; display: flex; align-content: stretch; justify-content: flex-start; }
footer .social a { display: inline-block; font-size: 14px; line-height: 18px; margin: 0 0 0 20px; color: #fff; }
footer .social a:first-child { margin: 0; }
footer .social a:hover { color: #999; }
footer .bottom { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 50px 0 0; }
footer .copyright { width: 50%; font-size: 13px; line-height: 20px; color: #fff; }
footer .copyright i { display: block; font-size: 10px; color: #999; font-style: normal; }
footer .pay { width: 50%; text-align: right; }
footer .pay span { display: inline-block; vertical-align: top; line-height: 40px; margin: 0 0 0 20px; color: #fff; }
footer .pay span:first-child { margin: 0; }
footer .pay span:before { font-family: 'pardus'; font-size: 22px; line-height: 40px; }
footer .pay span.icon-visa:before { font-size: 36px; }
footer .pay span.icon-mir:before { font-size: 36px; }