@import "metreon1.css";
@import "colors3.3.css";

@font-face { font-family: 'stemlight'; src: url('../fonts/Stem-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Stem-Light.otf')  format('opentype'), url('../fonts/Stem-Light.woff') format('woff'), url('../fonts/Stem-Light.ttf')  format('truetype'), url('../fonts/Stem-Light.svg#stemlight') format('svg'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'stem'; src: url('../fonts/Stem-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Stem-Regular.otf')  format('opentype'), url('../fonts/Stem-Regular.woff') format('woff'), url('../fonts/Stem-Regular.ttf')  format('truetype'), url('../fonts/Stem-Regular.svg#stem') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'stemitalic'; src: url('../fonts/Stem-Italic.eot?#iefix') format('embedded-opentype'),  url('../fonts/Stem-Italic.otf')  format('opentype'), url('../fonts/Stem-Italic.woff') format('woff'), url('../fonts/Stem-Italic.ttf')  format('truetype'), url('../fonts/Stem-Italic.svg#stemitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'stemmedium'; src: url('../fonts/Stem-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Stem-Medium.otf')  format('opentype'), url('../fonts/Stem-Medium.woff') format('woff'), url('../fonts/Stem-Medium.ttf')  format('truetype'), url('../fonts/Stem-Medium.svg#stemmedium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'stemmediumitalic'; src: url('../fonts/Stem-MediumItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/Stem-MediumItalic.otf')  format('opentype'), url('../fonts/Stem-MediumItalic.woff') format('woff'), url('../fonts/Stem-MediumItalic.ttf')  format('truetype'), url('../fonts/Stem-MediumItalic.svg#stemmediumitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'stembold'; src: url('../fonts/Stem-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Stem-Bold.otf')  format('opentype'), url('../fonts/Stem-Bold.woff') format('woff'), url('../fonts/Stem-Bold.ttf')  format('truetype'), url('../fonts/Stem-Bold.svg#stembold') format('svg'); font-weight: normal; font-style: normal; }

/*************************     COMMON STYLES     *************************/

html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body { font-family: 'stem'; color: #000000; font-size: 14px; background: #ffffff; overflow-y: scroll; }
.wrapper { padding: 0; margin: 0 auto; width: 75%; }
.wrapperinner { padding: 0 12%; }
.clear { clear: both; height: 0px; padding: 0; margin: 0; line-height: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
strong { font-family: 'stemmedium'; font-weight: normal; }
em { font-family: 'stemitalic'; font-weight: normal; font-style: normal; }
strong em, em strong { font-family: 'stemmediumitalic'; font-weight: normal; font-style: normal; }
.offerab { position: absolute; top: 20px; left: 20px; color: #ffffff; font-size: 9px; text-transform: uppercase; font-family: 'stem'; letter-spacing: 1px; }
.offerab .new { display: inline-block; padding: 3px 5px; background: #76b519; margin: 0 0 3px; }
.offerab .spo { display: inline-block; padding: 3px 5px; background: #ff0055; margin: 0 0 3px; }
.offerab .hit { display: inline-block; padding: 3px 5px; background: #00abe6; }
.path { width: 100%; padding: 10px 0; }
.path ul { list-style: none; margin: 0; padding: 0; display: table; font-size: 0; width: 100%; }
.path ul li { display: inline-block; vertical-align: top; font-size: 11px; line-height: 20px; padding: 10px 0; font-family: 'stemlight'; }
.path ul li a { color: #999999; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.path ul li:before { content: '/'; color: #999999; padding: 0 12px; }
.path ul li:first-child:before { content: ''; padding: 0; }
.path ul li a:hover { color: #000000; }
.path ul li:last-child a { color: #000000; }
.pagination { width: 100%; margin: 0; padding: 40px 0 0; }
.pagination ul { width: 100%; margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
.pagination ul li { margin: 0 6px 0 0; padding: 0; width: 40px; }
.pagination ul li.active { height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #ffffff; background: #ff0055; }
.pagination ul li a { display: block; height: 40px; text-decoration: none; color: #000000; font-family: 'stemlight'; font-size: 14px; line-height: 40px; text-align: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.pagination ul li a:hover { color: #999999; }
.overlaymn { position: fixed; display: none; top: 0; bottom: 0; left: 0; right: 0; background: #000000; opacity: .5; z-index: 50; transition: opacity 0.3s ease; }
.emptycat { height: 40vh; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; }
.emptycat p { margin: 0; padding: 0; font-size: 16px; color: #999999; text-align: center; font-family: 'stemlight'; }
.alert-info { color: #a94442; background: #f2dede; padding: 25px 0; width: 100%; text-align: center; font-size: 14px; line-height: 20px; }

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

header { width: 100%; height: 120px; margin: 0; padding: 0; background: #ffffff; position: absolute; z-index: 100; border-bottom: 1px solid #ebebeb; }
header .logo { width: 30%; float: left; padding: 23px 0 0; }
header .logo a { display: inline-block; vertical-align: top; text-decoration: none; border: none; width: 137px; height: 26px; background: url(../image/logo.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
header .logom { display: none; width: 30%; float: left; padding: 23px 0 0; }
header .logom a { display: inline-block; vertical-align: top; text-decoration: none; border: none; width: 137px; height: 26px; background: url(../image/logo.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
header .logo-slide { width: 5%; float: left; display: none; }
header .logo-slide a { display: inline-block; vertical-align: top; text-decoration: none; border: none; width: 26px; height: 65px; background: url(../image/logo-icon.svg) no-repeat center; background-size: 26px 26px; -webkit-background-size: 26px 26px; -moz-background-size: 26px 26px; -o-background-size: 26px 26px; }
header .store-data { float: right; width: 70%; text-align: right; font-size: 0; display: table; padding: 27px 0 0; }
header .store-data i { display: inline-block; vertical-align: top; min-height: 16px; line-height: 20px; font-size: 12px; font-family: 'stemlight'; margin: 0 0 0 30px; font-style: normal; color: #999999; padding: 0 0 0 28px; }
header .store-data i:first-child { margin: 0; }
header .store-data i a { text-decoration: none; color: #999999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
header .store-data i a:hover { color: #000000; }
header .store-data i.phone { background: url(../image/icons/phone.svg) no-repeat center left; background-size: 10px 16px; -webkit-background-size: 10px 16px; -moz-background-size: 10px 16px; -o-background-size: 10px 16px; }
header .store-data i.address { background: url(../image/icons/placeholder.svg) no-repeat center left; background-size: 14px 16px; -webkit-background-size: 14px 16px; -moz-background-size: 14px 16px; -o-background-size: 14px 16px; }
header .store-data i.hours { background: url(../image/icons/clock.svg) no-repeat center left; background-size: 16px 16px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; }
header .menu { float: left; width: 70%; }
header .menu .nav { margin: 0; padding: 0; list-style: none; line-height: 65px; font-family: 'stemlight'; display: flex; align-content: stretch; width: 100%; justify-content: flex-start; flex-wrap: nowrap; }
header .menu .nav li { display: inline-block; vertical-align: top; font-size: 14px; margin: 0 0 0 40px; letter-spacing: 1px; padding: 0; }
header .menu .nav li:first-child { margin: 0; }
header .menu .nav li a { display: block; text-decoration: none; color: #8f8f8f; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; }
header .menu .nav li a:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
header .menu .nav li .drop { position: absolute; padding: 30px 0; width: 100%; background: #ffffff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; top: 121px; left: 0; visibility: hidden; opacity: 0; z-index: 5; }
header .menu .nav li .drop ul { margin: 0; padding: 0; list-style: none; -webkit-columns: 5; -moz-columns: 5; columns: 5; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
header .menu .nav li .drop ul li { display: inherit; margin: 0; line-height: 32px; font-size: 12px; }
header .menu .nav li .drop ul li a { display: block; text-decoration: none; color: #999999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
header .menu .nav li .drop ul li:hover a { color: #000000; }
header .menu .nav li .drop ul li.active a { color: #ff0055; }
header .menu .nav li .drop ul li a:before { display: none; }
header .menu .nav li:hover a { color: #000000; }
header .menu .nav li:hover a:before { width: 100%; }
header .menu .nav li:hover .drop { visibility: visible; opacity: 1; }
header .menu .nav li a.active { color: #000000; }
header .menu .nav li a.active:before { width: 100%; }
header .data { float: right; display: table; font-size: 0; text-align: right; margin: 0; width: 30%; }
header .data .search { display: inline-block; vertical-align: top; width: 17px; margin: 0; }
header .data .search button { display: inline-block; z-index: 90; border: none; background: url(../image/icons/search.svg) no-repeat center left; height: 65px; width: 16px; margin: 0; cursor: pointer; padding: 0; outline: none; overflow: hidden; background-size: 16px 16px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; }
header .data .cart_info { display: inline-block; vertical-align: top; width: 26px; height: 65px; padding: 0; margin: 0 0 0 40px; background: url(../image/icons/cart.svg) no-repeat center left; background-size: 15px 16px; -webkit-background-size: 15px 16px; -moz-background-size: 15px 16px; -o-background-size: 15px 16px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
header .data .cart_info .full { display: block; height: 65px; text-decoration: none; color: #ffffff; font-size: 10px; line-height: 18px; font-family: 'stemlight'; border: none; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
header .data .cart_info .full i { display: inline-block; position: absolute; right: 0; top: 15px; width: 18px; height: 18px; border-radius: 50%; background: #ff0055; text-align: center; font-style: normal; }
header .data .cart_info:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; }
header .top { width: 100%; height: 55px; }
header .top:after { content: ''; display: block; clear: both; }
header .bottom { width: 100%; height: 65px; }
header .bottom:after { content: ''; display: block; clear: both; }
header .left { display: none; float: left; vertical-align: top; width: 25%; padding: 0; font-size: 0; }
header .left button { display: inline-block; position: relative; z-index: 90; border: none; background: none; height: 60px; width: 21px; margin: 0; cursor: pointer; padding: 0; text-align: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; outline: none; overflow: hidden; }
header .left button .l1 { width: 21px; height: 2px; position: absolute; top: 22px; left: 0; background: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
header .left button .l2 { width: 21px; height: 2px; position: absolute; top: 29px; left: 0; background: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
header .left button .l3 { width: 21px; height: 2px; position: absolute; top: 36px; left: 0; background: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
header .left button.active .l1 { top: 29px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
header .left button.active .l2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
header .left button.active .l3 { top: 29px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
header .left i { display: inline-block; vertical-align: top; height: 60px; margin: 0 0 0 40px; font-style: normal; }
header .left i a { display: inline-block; text-decoration: none; border: none; width: 16px; height: 60px; background: url(../image/icons/phoneb.svg) no-repeat center left; background-size: 16px 16px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; }
.hafter { height: 121px; width: 100%; }
header.hslide { height: 65px; position: fixed; }
header.hslide .logo-slide { display: inline-block; }
header.hslide .menu { width: 75%; }
header.hslide .menu .nav li .drop { top: 66px; }
header.hslide .data { margin: 0; width: 20%; }
header.hslide .top { display: none; width: 100%; height: 55px; }


/*************************     MAIN MENU     *************************/

.cbp-spmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #ffffff; position: fixed; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.cbp-spmenu .close { padding: 0; margin: 40px 40px 0; text-align: center; position: relative; }
.cbp-spmenu .close .but { position: absolute; right: 0; top: 0; z-index: 120; }
.cbp-spmenu .close button { display: inline-block; position: relative; z-index: 120; border: none; background: none; height: 30px; width: 30px; line-height: 30px; margin: 0; cursor: pointer; padding: 0; text-align: center; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; outline: none; overflow: hidden; }
.cbp-spmenu .close button .l1 { width: 30px; height: 2px; position: absolute; top: 10px; left: 0; background: #000000; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cbp-spmenu .close button .l3 { width: 30px; height: 2px; position: absolute; top: 10px; left: 0; background: #000000; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.cbp-spmenu ul.rmenu { width: 100%; list-style: none; padding: 61px 0 0; margin: 0; }
.cbp-spmenu ul.rmenu li { display: block; width: 100%; border-top: 1px solid #ebebeb; }
.cbp-spmenu ul.rmenu li:first-child { border: none; }
.cbp-spmenu ul.rmenu li a { display: block; width: calc(100% - 40px); padding: 17px 20px; color: #000000; font-size: 14px; font-family: 'stemlight'; text-decoration: none; line-height: 18px; position: relative; }
.cbp-spmenu ul.rmenu li a.actv { color: #ff0055; font-family: 'stem'; }
.cbp-spmenu ul.rmenu li a.gry { color: #888888; }
.cbp-spmenu ul.rmenu li span { display: block; width: calc(100% - 40px); padding: 17px 20px; color: #000000; font-size: 14px; font-family: 'stemlight'; cursor: pointer; line-height: 18px; position: relative; border-bottom: 1px solid transparent; }
.cbp-spmenu ul.rmenu li span:after { content: "+"; position: absolute; top: 50%; margin-top: -9px; right: 20px; font-size: 26px; line-height: 18px; color: #999999; font-family: 'stemlight'; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.cbp-spmenu ul.rmenu li span.active { border-bottom: 1px solid #ebebeb; }
.cbp-spmenu ul.rmenu li span.active:after { color: #000000; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cbp-spmenu ul.rmenu li span.actv { color: #ff0055; font-family: 'stem'; }
.cbp-spmenu ul.rmenu li .panel { padding: 0 20px 0 30px; background: #f9f9f9; max-height: 0px; overflow: hidden; transition: max-height 0.2s ease-out; -webkit-transition: max-height 0.2s ease-out; -moz-transition: max-height 0.2s ease-out; -o-transition: max-height 0.2s ease-out; -ms-transition: max-height 0.2s ease-out; }
.cbp-spmenu ul.rmenu li .panel ul { width: 100%; margin: 0; padding: 0; list-style: none; }
.cbp-spmenu ul.rmenu li .panel ul li { display: block; width: 100%; }
.cbp-spmenu ul.rmenu li .panel ul li a { display: block; width: 100%; padding: 15px 0; color: #000000; }
.cbp-spmenu ul.rmenu li .panel ul li a.active { color: #ff0055; }
.cbp-spmenu ul.rmenu li .panel ul li:last-child { border-bottom: none; }
.cbp-spmenu .inner { padding: 0; position: absolute; top: 0; height: 100vh; margin: 0 auto; width: 100%; left: 0; display: flex; align-items: center; }
.cbp-spmenu .search { width: 100%; margin: 0; padding: 0; }
.cbp-spmenu .search .wrapper { position: relative; }
.cbp-spmenu .search input[type="text"] { width: 98%; height: 80px; line-height: 80px; padding: 0 2% 0 0; font-size: 20px; font-family: 'stemlight'; color: #000000; outline: none; border: none; border-bottom: 1px solid #ffffff; background: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.cbp-spmenu .search input[type="text"]:focus { border-bottom: 1px solid #000000; }
.cbp-spmenu .search button { position: absolute; z-index: 90; width: 20px; height: 80px; top: 0; right: 0; outline: none; border: none; cursor: pointer; background: url(../image/icons/search.svg) no-repeat center; background-size: 20px 20px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; }
.cbp-spmenu-vertical { width: 100%; height: 100%; top: 0; z-index: 90; }
.cbp-spmenu-left { left: -100%; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }
.cbp-spmenu-horizontal { width: 100%; left: 0; z-index: 110; overflow: hidden; height: 100vh; }
.cbp-spmenu-top { top: 0; visibility: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.cbp-spmenu-top.cbp-spmenu-open { visibility: visible; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.cbp-spmenu-quick { width: 100%; left: 0; z-index: 110; height: 100vh; display: flex; align-items: center; }
.cbp-spmenu-topquick { top: 0; visibility: hidden; background: #ffffff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.cbp-spmenu-topquick.cbp-spmenu-open { visibility: visible; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.cbp-spmenu-topquick .wrapper { width: 600px; margin: 0 auto; }
.cbp-spmenu-topquick .close { width: 100%; text-align: right; margin: 0 0 40px; }
.cbp-spmenu-topquick .close button { display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 30px; text-align: center; font-family: 'Geometria'; color: #999999; border: none; background: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; outline: none; cursor: pointer; }
.cbp-spmenu-topquick .close button:hover { color: #333333; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.cbp-spmenu-topquick .chosen { text-align: center; font-size: 12px; font-family: 'stemlight'; color: #999999; line-height: 12px; margin: 0 0 10px; }
.cbp-spmenu-topquick h2 { font-size: 16px; line-height: 16px; font-family: 'stem'; color: #000000; margin: 0 0 30px; text-align: center; }
.cbp-spmenu-topquick .piq { width: 100%; text-align: center; margin: 0 0 40px; }
.cbp-spmenu-topquick .piq img { border: 0px; vertical-align: middle; max-width: 130px; max-height: 130px; }
.cbp-spmenu-topquick input[type="text"] { width: 100%; margin: 0 0 30px; padding: 0; border: none; border-bottom: 1px solid #d7d7d7; background: none; outline: none; height: 46px; line-height: 46px; font-family: 'stemlight'; color: #000000; font-size: 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.cbp-spmenu-topquick input[type="text"]:focus { border-bottom: 1px solid #ff0055; }
.cbp-spmenu-topquick textarea { width: 100%; margin: 0 0 30px; padding: 0; border: none; border-bottom: 1px solid #d7d7d7; background: none; outline: none; height: 120px; line-height: 20px; font-family: 'stemlight'; color: #000000; font-size: 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.cbp-spmenu-topquick textarea:focus { border-bottom: 1px solid #ff0055; }
.cbp-spmenu-topquick .priv { font-size: 12px; color: #757575; line-height: 20px; margin: 0 0 40px; font-family: 'stemlight'; }
.cbp-spmenu-topquick .priv a { color: #ff0055; text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.cbp-spmenu-topquick .priv a:hover { color: #000000; text-decoration: none; }
.cbp-spmenu-topquick .sub { width: 100%; text-align: center; }
.cbp-spmenu-topquick .sub button { margin: 0; height: 50px; line-height: 50px; border: none; outline: none; background: #ff0055; padding: 0 40px; cursor: pointer; font-size: 16px; color: #ffffff; font-family: 'stem'; border-radius: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.cbp-spmenu-topquick .sub button:hover { background: #000000; }
.cbp-spmenu-topquick .sub button:active { color: #000000; background: #ebebeb; }
.notification_error { padding: 0 0 10px; text-align: center; font-size: 14px; color: #ec4444; line-height: 16px; }
.notification_ok { padding: 20px 0; text-align: center; font-size: 16px; color: #333333; line-height: 22px; }

/*************************     MAIN PAGE     *************************/

#slider { width: 100%; margin: 0; overflow: hidden; }
#slider .item { width: 100%; position: relative; margin: 0; padding: 0; }
#slider .item img { border: 0px; vertical-align: middle; max-width: 100%; }
#slider .item a { display: block; text-decoration: none; border: none; }
#slider .owl-carousel { position: relative; margin: 0; overflow: hidden; }
#slider .owl-dots { position: absolute; bottom: 61px; left: 12.5%; text-align: left; -webkit-tap-highlight-color: transparent; }
#slider .owl-dots .owl-dot { display: inline-block; vertical-align: middle; width: 8px; height: 8px; border: 1px solid transparent; border-radius: 50%; margin: 0 15px 0 0; background: #ffffff; }
#slider .owl-dots .owl-dot.active { width: 12px; height: 12px; border: 1px solid #ffffff; background: none; }
#slider .owl-dots .owl-dot:last-child { margin: 0; }
#slider .owl-nav { margin: 0; cursor: pointer; }
#slider .owl-nav .owl-next { width: 16px; height: 16px; right: 12.5%; position: absolute; bottom: 60px; z-index: 90; background: url(../image/icons/next.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#slider .owl-nav .owl-prev { width: 16px; height: 16px; right: calc(12.5% + 35px); position: absolute; bottom: 60px; z-index: 90; background: url(../image/icons/prev.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#slider .owl-nav .owl-next:hover, #slider .owl-nav .owl-prev:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#featured { width: 100%; margin: 80px 0 0; }
#featured .wrapper { width: auto; margin-left: calc(12.5% - 20px); margin-right: calc(12.5% - 20px); overflow: hidden; position: relative; }
#featured h2 { font-size: 20px; color: #636363; margin: 0 0 40px; line-height: 20px; font-family: 'stem'; padding: 0 0 0 20px; }
#featured .list { padding: 20px; width: calc(100% - 40px); }
#featured .item { margin: 0; padding: 0; position: relative; z-index: 20; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#featured .item .inner { padding: 20px; }
#featured .item .pic { margin: 0 0 20px; }
#featured .item .pic a { border: none; text-decoration: none; display: block; }
#featured .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#featured .item .name { font-family: 'stemlight'; font-size: 14px; line-height: 20px; min-height: 42px; margin: 0 0 20px; }
#featured .item .name a { text-decoration: none; border: none; color: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#featured .item .name a:hover { color: #999999; }
#featured .item .price { font-size: 14px; color: #000000; line-height: 20px; letter-spacing: 1px; padding: 16px 0 0; }
#featured .item .price.old { padding: 0; }
#featured .item .price.old span { display: block; margin: 0; padding: 0; line-height: 16px; color: #999999; text-decoration: line-through; font-size: 12px; }
#featured .item .out { font-size: 13px; color: #999999; line-height: 20px; font-family: 'stemlight'; padding: 16px 0 0; }
#featured .item .out.dark { color: #000000; }
#featured .item:hover { box-shadow: 0 0 20px #d7d7d7; }
#featured .owl-carousel { position: relative; margin: 0; }
#featured .owl-carousel .owl-stage-outer { overflow: visible; }
#featured .owl-dots { display: none; position: absolute; bottom: -30px; left: 0; width: 100%; text-align: center; -webkit-tap-highlight-color: transparent; }
#featured .owl-dots .owl-dot { display: none; vertical-align: middle; width: 6px; height: 6px; border: 1px solid transparent; border-radius: 50%; margin: 0 20px 0 0; background: #000000; }
#featured .owl-dots .owl-dot.active { width: 10px; height: 10px; border: 1px solid #000000; background: none; }
#featured .owl-dots .owl-dot:last-child { margin: 0; }
#featured .owl-nav { margin: 0; cursor: pointer; }
#featured .owl-nav .owl-next { width: 16px; height: 16px; right: 20px; position: absolute; top: -56px; z-index: 90; background: url(../image/icons/next-black.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#featured .owl-nav .owl-prev { width: 16px; height: 16px; right: 55px; position: absolute; top: -56px; z-index: 90; background: url(../image/icons/prev-black.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#featured .owl-nav .owl-next:hover, #featured .owl-nav .owl-prev:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#blogmain { width: 100%; margin: 80px 0 0; }
#blogmain h2 { font-size: 20px; color: #636363; margin: 0 0 60px; line-height: 20px; font-family: 'stem'; position: relative; width: 100%; }
#blogmain h2 a { display: inline-block; position: absolute; top: 0; right: 0; font-size: 12px; font-family: 'stemlight'; line-height: 20px; color: #999999; text-decoration: none; border: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#blogmain h2 a:hover { color: #000000; }
#blogmain .list { width: 100%; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; }
#blogmain .list .item { display: inline-block; width: 31%; vertical-align: top; font-family: 'stemlight'; }
#blogmain .list .item .pic { margin: 0 0 30px; }
#blogmain .list .item .pic a { border: none; text-decoration: none; display: block; }
#blogmain .list .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#blogmain .list .item .title { font-size: 14px; line-height: 20px; margin: 0 0 20px; }
#blogmain .list .item .title a { color: #000000; text-decoration: none; border: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#blogmain .list .item .title a:hover { color: #999999; }
#blogmain .list .item p { width: 100%; margin: 0 0 20px; padding: 0; font-size: 13px; line-height: 18px; color: #7c7c7c; }
#blogmain .list .item .date { font-size: 11px; color: #999999; }
#blogmain .list .item:hover .pic img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; }

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

#category { width: 100%; margin: 20px 0 0; }
#category .top { width: 100%; }
#category h1 { font-size: 26px; color: #000000; line-height: 26px; font-family: 'stem'; width: 100%; }
#category h1 i { display: inline-block; vertical-align: top; font-style: normal; color: #bbbbbb; margin: 0 0 0 10px; position: relative; }
#category h1 i:before { content: "—"; font-size: 26px; color: #bbbbbb; line-height: 26px; font-family: 'stem'; margin: 0 10px 0 0; }
#category .sub { margin: 40px 0 0; width: 100%; }
#category .sub ul { margin: 0; padding: 0; width: 100%; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#category .sub ul li { font-size: 14px; line-height: 20px; margin: 0 20px 10px 0; letter-spacing: 0.5px; }
#category .sub ul li a { text-decoration: none; color: #999999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#category .sub ul li a:hover { color: #000000; }
#category .sub ul li.active a { color: #ff0055; }
#category .columns { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 40px 0 0; }
#category .columns .left { width: 20%; }
#category .columns .right { width: 80%; }
#category .filter { width: 100%; display: none; margin: 0 0 30px; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; overflow: hidden; }
#category .filter button { display: inline-block; vertical-align: top; outline: none; height: 16px; line-height: 16px; font-size: 14px; color: #111111; font-family: 'stem'; border: none; cursor: pointer; padding: 0 0 0 28px; background: url(../image/icons/filter.svg) no-repeat center left; background-size: 16px 16px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; }
#category .filter .sort { display: inline-block; }
#category .filter .sort select { display: inline-block; vertical-align: top; height: 16px; line-height: 16px; font-size: 14px; padding: 0 30px 0 0; font-family: 'stem'; color: #000000; cursor: pointer; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../image/icons/down.svg) no-repeat right center, #ffffff; background-size: 12px 12px; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; -o-background-size: 12px 12px; }
#category .list { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#category .list .item { display: inline-block; width: 25%; margin: 0 0 10px; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#category .item .inner { padding: 40px 20px; }
#category .item .pic { margin: 0 0 20px; }
#category .item .pic a { border: none; text-decoration: none; display: block; }
#category .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; }
#category .item .pic.outs img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; }
#category .item .name { font-family: 'stemlight'; font-size: 14px; line-height: 20px; min-height: 42px; margin: 0 0 20px; }
#category .item .name a { text-decoration: none; border: none; color: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#category .item .name a:hover { color: #999999; }
#category .item .price { font-size: 14px; color: #000000; line-height: 20px; letter-spacing: 1px; position: relative; padding: 16px 0 0; }
#category .item .price.old { padding: 0; }
#category .item .price.old span { display: block; margin: 0; padding: 0; line-height: 16px; color: #999999; text-decoration: line-through; font-size: 12px; }
#category .item .price button { position: absolute; bottom: 0; right: 0; border: none; background: none; line-height: 20px; font-size: 18px; letter-spacing: 1px; font-family: 'stem'; color: #ff0055; cursor: pointer; outline: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
#category .item .price button:hover { color: #000000; }
#category .item .price button:active { color: #999999; }
#category .item .out { font-size: 13px; color: #999999; line-height: 20px; font-family: 'stemlight'; padding: 16px 0 0; }
#category .item .out.dark { color: #000000; }
#category .item:hover { box-shadow: 0 0 20px #d7d7d7; }
#category .item:hover .price button { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

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

.cbp-spfilter .filters { width: 100%; }
.cbp-spfilter .filters .closefilter { display: none; width: 100%; margin: 0 0 40px; text-align: left; }
.cbp-spfilter .filters .closefilter button { display: inline-block; outline: none; height: 16px; line-height: 16px; font-size: 14px; color: #000000; font-family: 'stem'; border: none; cursor: pointer; padding: 0 0 0 28px; background: url(../image/icons/prev-black.svg) no-repeat center left; background-size: 16px 16px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; }
.cbp-spfilter .filters .group { width: 100%; margin: 0 0 40px; }
.cbp-spfilter .filters .title { font-size: 16px; line-height: 20px; margin: 0 0 20px; color: #000000; }
.cbp-spfilter .filters ul { width: 100%; margin: 0; padding: 0; list-style: none; }
.cbp-spfilter .filters ul li { display: block; margin: 0 0 6px; font-size: 14px; line-height: 20px; letter-spacing: 0.5px; }
.cbp-spfilter .filters ul li a { text-decoration: none; border: none; font-family: 'stemlight'; color: #757575; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.cbp-spfilter .filters ul li .box { display: inline-block; vertical-align: top; width: 16px; height: 16px; border: 1px solid #cccccc; margin: 0 15px 0 0; background: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.cbp-spfilter .filters ul li:hover a { color: #000000; }
.cbp-spfilter .filters ul li:hover .box { border: 1px solid #000000; }
.cbp-spfilter .filters ul li.active a { font-family: 'stem'; color: #000000; }
.cbp-spfilter .filters ul li.active .box { border: 1px solid #000000; background: url(../image/icons/check.svg) no-repeat center, #ffffff; background-size: 8px 8px; -webkit-background-size: 8px 8px; -moz-background-size: 8px 8px; -o-background-size: 8px 8px; }
.cbp-spfilter .filters ul li:last-child { margin: 0; }

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

#product-top { width: 100%; margin: 20px 0 0; }
#product-top h1 { font-size: 26px; color: #000000; line-height: 26px; font-family: 'stem'; width: 100%; }
#product-top .spec { margin: 15px 0 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; font-size: 9px; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; }
#product-top .spec .new { padding: 3px 5px; background: #76b519; margin: 0 6px 0 0; }
#product-top .spec .spo { padding: 3px 5px; background: #ff0055; margin: 0 6px 0 0; }
#product-top .spec .hit { padding: 3px 5px; background: #00abe6; }
#product-grid { width: 100%; margin: 50px 0 0; }
#product-grid .wrapper { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#product-grid .left { width: 50%; margin: 0 10% 0 0; }
#product-grid .left .gallery { padding: 0 0 0 200px; }
#product-grid .left .gallery .item { width: 100%; display: block; position: relative; text-align: center; }
#product-grid .left .gallery .item a { border: none; text-decoration: none; display: block; }
#product-grid .left .gallery img { border: 0px; vertical-align: middle; max-width: 100%; }
#product-grid .left .gallery .owl-carousel { position: relative; height: 100%; margin: 0; }
#product-grid .left .gallery .owl-thumbs { position: absolute; top: 0; left: -200px; width: 70px; text-align: left; z-index: 50; }
#product-grid .left .gallery .owl-thumb-item { border: none; border-right: 1px solid transparent; margin: 0 0 10px; padding: 10px; cursor: pointer; background: none; outline: none; width: 68px; }
#product-grid .left .gallery .owl-thumb-item img { max-width: 100%; border: 0px; vertical-align: top; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: 0.2; }
#product-grid .left .gallery .owl-thumb-item.active { border-right: 1px solid #ff0055; }
#product-grid .left .gallery .owl-thumb-item.active img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#product-grid .left .gallery.full { padding: 0 100px; text-align: center; }
#product-grid .right { width: 40%; }
#product-grid .right .similar { width: 100%; margin: 0 0 40px; }
#product-grid .right .similar.frst { margin: 0 0 10px; }
#product-grid .right .similar .group-name { font-size: 14px; color: #777; margin: 0 0 12px; letter-spacing: 0px; }
#product-grid .right .similar .group-name:nth-child(n+2) { display: none; }
#product-grid .right .similar ul { width: 100%; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; list-style: none; }
#product-grid .right .similar ul li { display: inline-block; margin: 0 16px 16px 0; position: relative; font-size: 14px; }
#product-grid .right .similar ul li.npd { margin: 0 10px 10px 0; }
#product-grid .right .similar ul li i { display: inline-block; width: 32px; height: 32px; border-radius: 50%; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); }
#product-grid .right .similar ul li:hover i:before { content: ''; border: 2px solid #ebebeb; border-radius: 50%; width: 38px; height: 38px; position: absolute; top: -5px; left: -5px; z-index: 1; }
#product-grid .right .similar ul li.active i:before { content: ''; border: 2px solid #ff0055; border-radius: 50%; width: 38px; height: 38px; position: absolute; top: -5px; left: -5px; z-index: 1; }
#product-grid .right .similar ul li span { display: inline-block; padding: 0 12px; height: 34px; line-height: 34px; border: 2px solid #ebebeb; border-radius: 5px; color: #000; transition: all 0.3s ease; }
#product-grid .right .similar ul li:hover span { border: 2px solid #ccc; }
#product-grid .right .similar ul li.active span { border: 2px solid #ff0055; }
#product-grid .right .similar ul li.out-stock i:after { content: ''; width: 32px; height: 2px; transform: rotate(-45deg); background: #ff0055; box-shadow: 0 0 0 1px rgba(255,255,255,0.95); position: absolute; top: 16px; left: 0; z-index: 1; }
#product-grid .right .similar ul li.active.out-stock i:after { content: ''; width: 32px; height: 2px; transform: rotate(-45deg); background: #ff0055; box-shadow: 0 0 0 1px rgba(255,255,255,0.95); position: absolute; top: 16px; left: 0; z-index: 1; }
#product-grid .right .similar ul li.out-stock span { background: #fefefe; color: #888; }
#product-grid .right .similar ul li.out-stock span:before { content: ''; width: 30px; height: 2px; transform: rotate(-45deg); background: #ebebeb; box-shadow: 0 0 0 2px rgba(255,255,255,0.95); position: absolute; top: 18px; left: 50%; margin-left: -18px; z-index: 1; transition: all 0.3s ease; }
#product-grid .right .similar ul li.out-stock:hover span:before { background: #ccc; }
#product-grid .right .similar ul li.active.out-stock span:before { content: ''; width: 30px; height: 2px; transform: rotate(-45deg); background: #ff0055; box-shadow: 0 0 0 2px rgba(255,255,255,0.95); position: absolute; top: 18px; left: 50%; margin-left: -18px; z-index: 1; }


#product-grid .right .price { width: 100%; font-size: 22px; line-height: 24px; color: #000000; }
#product-grid .right .price .old { display: block; color: #999999; text-decoration: line-through; margin: 0 0 10px; font-size: 18px; }
#product-grid .right .buttons { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 40px 0 0; }
#product-grid .right .buttons .cart { margin: 0 20px 0 0; height: 46px; line-height: 46px; border: none; outline: none; background: #ff0055; padding: 0 30px; cursor: pointer; font-size: 14px; color: #ffffff; font-family: 'stem'; border-radius: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-grid .right .buttons .cart:hover { background: #000000; }
#product-grid .right .buttons .cart:active { color: #000000; background: #ebebeb; }
#product-grid .right .buttons .oneclick { height: 46px; line-height: 46px; border: none; outline: none; background: #ebebeb; cursor: pointer; font-size: 14px; color: #000000; font-family: 'stem'; padding: 0 30px; border-radius: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-grid .right .buttons .oneclick:hover { background: #d7d7d7; }
#product-grid .right .buttons .oneclick:active { background: #c5c5c5; }
#product-grid .right .buttons .oneclick.pre { background: #ff0055; color: #ffffff; }
#product-grid .right .buttons .oneclick.pre:hover { background: #000000; }
#product-grid .right .buttons .oneclick.pre:active { color: #000000; background: #ebebeb; }
#product-grid .right .buttons .out { padding: 0 50px; height: 50px; line-height: 50px; font-size: 12px; color: #555555; background: #ebebeb; border-radius: 3px; }
#product-grid .right .stock { margin: 25px 0 0; padding: 0 0 40px; border-bottom: 1px solid #d7d7d7; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#product-grid .right .stock i.code { display: inline-block; vertical-align: top; height: 14px; line-height: 14px; margin: 0 20px 0 0; font-style: normal; font-size: 12px; color: #000000; }
#product-grid .right .stock i.yes { display: inline-block; vertical-align: top; height: 14px; line-height: 14px; padding: 0 0 0 26px; background: url(../image/icons/check.svg) no-repeat center left; background-size: 14px 14px; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; -o-background-size: 14px 14px; font-style: normal; font-size: 12px; color: #000000; }
#product-grid .right .info { width: 100%; margin: 40px 0 0; }
#product-grid .right .info .box { margin: 0 0 30px; }
#product-grid .right .info .box:last-child { margin: 0; }
#product-grid .right .info .title { font-size: 14px; color: #000000; line-height: 20px; }
#product-grid .right .info .text { font-size: 13px; line-height: 20px; color: #333333; margin: 5px 0 0; font-family: 'stemlight'; }
#product-grid .right .info .text a { text-decoration: underline; color: #ff0055; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-grid .right .info .text a:hover { text-decoration: none; color: #000000; }
#product-description { width: 100%; margin: 60px 0 0; }
#product-description .tab { border-bottom: 1px solid #d7d7d7; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; }
#product-description .tab span { display: inline-block; cursor: pointer; font-size: 16px; color: #999999; position: relative; line-height: 22px; padding: 0 20px 18px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; }
#product-description .tab span:before { content: ""; position: absolute; bottom: -1px; z-index: 10; left: 0; width: 100%; height: 1px; background: #d7d7d7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-description .tab span.active { color: #000000; }
#product-description .tab span.active:before { background: #000000; }
#product-description .tabcontent { display: none; padding: 40px 0 0; width: 100%; }
#product-description .inner { width: 70%; margin: 0 auto; }
#product-description h2 { font-size: 22px; color: #000000; font-family: 'stem'; margin: 0 0 30px; }
#product-description h3 { font-size: 18px; line-height: 24px; color: #000000; font-family: 'stem'; margin: 0 0 25px; }
#product-description .text { width: 100%; font-family: 'stemlight'; font-size: 15px; line-height: 21px; }
#product-description .text p { margin: 0 0 25px; padding: 0; }
#product-description .text ul { margin: 0; padding: 0 0 18px 18px; list-style: square; }
#product-description .text ol { margin: 0; padding: 0 0 18px 18px; }
#product-description .text ul li, #product-description .text ol li { padding: 0 0 7px; }
#product-description .text a { color: #ff0055; text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-description .text a:hover { text-decoration: none; color: #000000; }
#product-description .block { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; padding: 12px 0; border-top: 1px solid #f2f2f2; font-family: 'stemlight'; }
#product-description .block:first-of-type { border: none; }
#product-description .block .title { display: inline-block; width: 25%; vertical-align: top; font-size: 14px; line-height: 20px; color: #777777; }
#product-description .block .char { display: inline-block; width: 70%; margin: 0 0 0 5%; font-size: 14px; color: #000000; line-height: 20px; vertical-align: top; }
#product-related { width: 100%; margin: 80px 0 0; }
#product-related h2 { font-size: 20px; color: #636363; margin: 0 0 60px; line-height: 20px; font-family: 'stem'; text-align: center; padding: 50px 0 0; border-top: 1px solid #d7d7d7; }
#product-related .list { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#product-related .list .item { display: inline-block; width: 20%; margin: 0 0 10px; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-related .item .inner { padding: 40px 20px; }
#product-related .item .pic { margin: 0 0 20px; }
#product-related .item .pic a { border: none; text-decoration: none; display: block; }
#product-related .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; }
#product-related .item .name { font-family: 'stemlight'; font-size: 14px; line-height: 20px; min-height: 42px; margin: 0 0 20px; }
#product-related .item .name a { text-decoration: none; border: none; color: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-related .item .name a:hover { color: #999999; }
#product-related .item .price { font-size: 14px; color: #000000; line-height: 20px; letter-spacing: 1px; position: relative; padding: 16px 0 0; }
#product-related .item .price.old { padding: 0; }
#product-related .item .price.old span { display: block; margin: 0; padding: 0; line-height: 16px; color: #999999; text-decoration: line-through; font-size: 12px; }
#product-related .item .price button { position: absolute; bottom: 0; right: 0; border: none; background: none; line-height: 20px; font-size: 18px; letter-spacing: 1px; font-family: 'stem'; color: #ff0055; cursor: pointer; outline: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
#product-related .item .price button:hover { color: #000000; }
#product-related .item .price button:active { color: #999999; }
#product-related .item .out { font-size: 13px; color: #999999; line-height: 20px; font-family: 'stemlight'; padding: 16px 0 0; }
#product-related .item:hover { box-shadow: 0 0 20px #d7d7d7; }
#product-related .item:hover .price button { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#product-seen { width: 100%; margin: 80px 0 0; }
#product-seen h2 { font-size: 20px; color: #636363; margin: 0 0 60px; line-height: 20px; font-family: 'stem'; text-align: center; padding: 50px 0 0; border-top: 1px solid #d7d7d7; }
#product-seen .list { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#product-seen .list .item { display: inline-block; width: 16.66%; margin: 0 0 10px; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-seen .item .inner { padding: 20px; }
#product-seen .item .pic { margin: 0 0 20px; }
#product-seen .item .pic a { border: none; text-decoration: none; display: block; }
#product-seen .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; }
#product-seen .item .name { font-family: 'stemlight'; font-size: 14px; line-height: 20px; }
#product-seen .item .name a { text-decoration: none; border: none; color: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#product-seen .item .name a:hover { color: #999999; }
#product-seen .item:hover { box-shadow: 0 0 20px #d7d7d7; }
#product-seen .item:hover .price button { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

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

#pages { width: 100%; margin: 20px 0 0; }
#pages h1 { font-size: 26px; color: #000000; line-height: 30px; font-family: 'stem'; width: 100%; }
#pages h2 { font-size: 22px; color: #000000; line-height: 26px; font-family: 'stem'; margin: 0 0 30px; }
#pages h3 { font-size: 20px; color: #000000; line-height: 24px; font-family: 'stem'; margin: 0 0 25px; }
#pages h4 { font-size: 18px; color: #000000; line-height: 22px; font-family: 'stem'; margin: 0 0 25px; }
#pages .wrapper { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#pages .left { width: 15%; margin: 0 5% 0 0; }
#pages .left ul { margin: 0; padding: 0; width: 100%; list-style: none; }
#pages .left ul li { display: block; font-size: 14px; line-height: 20px; margin: 0 0 10px 0; letter-spacing: 0.5px; }
#pages .left ul li a { text-decoration: none; color: #999999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#pages .left ul li a:hover { color: #000000; }
#pages .left ul li.active a { color: #ff0055; }
#pages .right { width: 80%; }
#pages .text { width: 100%; margin: 40px 0 0; font-family: 'stemlight'; font-size: 15px; line-height: 21px; }
#pages .text p { margin: 0 0 25px; padding: 0; }
#pages .text p:last-child { margin: 0; }
#pages .text p.small { margin: 0; }
#pages .text ul { margin: 0; padding: 0 0 18px 18px; list-style: square; }
#pages .text ol { margin: 0; padding: 0 0 18px 18px; }
#pages .text ul li, #pages .text ol li { padding: 0 0 7px; }
#pages .text a { color: #ff0055; text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#pages .text a:hover { text-decoration: none; color: #000000; }

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

#blog { width: 100%; margin: 20px 0 0; }
#blog h1 { font-size: 26px; color: #000000; line-height: 26px; font-family: 'stem'; width: 100%; }
#blog .list { width: 100%; margin: 50px 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#blog .list .item { width: 31%; margin: 40px 0 10px 3.5%; font-family: 'stemlight'; }
#blog .list .item:nth-child(3n+1) { margin: 40px 0 10px; }
#blog .list .item:nth-child(-n+3) { margin-top: 0; }
#blog .list .item .pic { margin: 0 0 30px; }
#blog .list .item .pic a { border: none; text-decoration: none; display: block; }
#blog .list .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#blog .list .item .title { font-size: 14px; line-height: 20px; margin: 0 0 20px; }
#blog .list .item .title a { color: #000000; text-decoration: none; border: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#blog .list .item .title a:hover { color: #999999; }
#blog .list .item p { width: 100%; margin: 0 0 20px; padding: 0; font-size: 13px; line-height: 18px; color: #7c7c7c; }
#blog .list .item .date { font-size: 11px; color: #999999; }
#blog .list .item:hover .pic img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; }
#blog-full-top { width: 100%; margin: 20px 0 0; }
#blog-full-top h1 { font-size: 26px; color: #000000; line-height: 30px; font-family: 'stem'; width: 70%; margin: 0 auto; }
#blog-full-top .date { font-size: 13px; color: #999999; line-height: 16px; font-family: 'stemlight'; width: 70%; margin: 0 auto; padding: 15px 0 0; }
#blog-full-top .date a { display: inline-block; vertical-align: top; text-decoration: underline; color: #999999; margin: 0 0 0 30px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#blog-full-top .date a:hover { color: #000000; text-decoration: none; }
#blog-full-pic { width: 100%; margin: 40px 0 0; }
#blog-full-pic img { border: 0px; vertical-align: middle; height: 40vh; object-fit: cover; width: 100%; }
#blog-full { width: 100%; margin: 40px 0 0; }
#blog-full h2 { font-size: 22px; color: #000000; line-height: 26px; font-family: 'stem'; margin: 0 0 30px; }
#blog-full h3 { font-size: 20px; color: #000000; line-height: 24px; font-family: 'stem'; margin: 0 0 25px; }
#blog-full h4 { font-size: 18px; color: #000000; line-height: 22px; font-family: 'stem'; margin: 0 0 25px; }
#blog-full .text { width: 70%; margin: 0 auto; font-family: 'stemlight'; font-size: 15px; line-height: 21px; }
#blog-full .text p { margin: 0 0 25px; padding: 0; }
#blog-full .text p:last-child { margin: 0; }
#blog-full .text p.small { margin: 0; }
#blog-full .text ul { margin: 0; padding: 0 0 18px 18px; list-style: square; }
#blog-full .text ol { margin: 0; padding: 0 0 18px 18px; }
#blog-full .text ul li, #blog-full .text ol li { padding: 0 0 7px; }
#blog-full .text a { color: #ff0055; text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#blog-full .text a:hover { text-decoration: none; color: #000000; }
#blog-full .socapi { width: 100%; margin: 40px 0 0; }
#blog-full .socapi .ya-share2 { width: 100%; text-align: left; }
#blog-full .socapi .ya-share2 ul { margin: 0; padding: 0; }
#blog-full .socapi .ya-share2 li { display: inline-block; vertical-align: top; margin: 0 2px; }

/*************************     CART     *************************/

#cart-top { width: 100%; margin: 50px 0 0; }
#cart-top h1 { font-size: 26px; color: #000000; line-height: 30px; font-family: 'stem'; width: 65%; margin: 0 auto; }
#cart-products { width: 100%; margin: 50px 0 0; }
#cart-products #cart-info { width: 65%; margin: 0 auto; }
#cart-products #cart-info .item { padding: 40px 0; border-top: 1px solid #d7d7d7; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
#cart-products #cart-info .item:first-child { border: none; padding: 0 0 40px; }
#cart-products #cart-info .item .pic { width: 15%; margin: 0 5% 0 0; text-align: center; }
#cart-products #cart-info .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; }
#cart-products #cart-info .item .pic a { border: none; text-decoration: none; }
#cart-products #cart-info .item .name { width: 55%; margin: 0; }
#cart-products #cart-info .item .name .title { font-size: 14px; line-height: 22px; }
#cart-products #cart-info .item .name .title a { text-decoration: underline; color: #000000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-products #cart-info .item .name .title a:hover { text-decoration: none; }
#cart-products #cart-info .item .name .sub { margin: 20px 0 0; font-size: 14px; line-height: 26px; color: #000000; font-family: 'stemlight'; }
#cart-products #cart-info .item .name .sub i { display: block; font-style: normal; color: #999999; font-size: 12px; margin: 0 0 5px; line-height: 20px; }
#cart-products #cart-info .item .name .sub select { display: inline-block; vertical-align: top; height: 26px; line-height: 26px; font-size: 14px; padding: 0 30px 0 0; font-family: 'stemlight'; color: #000000; cursor: pointer; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../image/icons/down.svg) no-repeat right center, #ffffff; background-size: 12px 12px; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; -o-background-size: 12px 12px; }
#cart-products #cart-info .item .name .sub span { display: inline-block; vertical-align: top; margin: 0 10px; }
#cart-products #cart-info .item .name .delete { width: 100%; display: block; margin: 20px 0 0; }
#cart-products #cart-info .item .name .delete a { display: inline-block; text-decoration: none; border: none; font-family: 'stemlight'; font-size: 12px; line-height: 26px; color: #000000; background: none; outline: none; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; }
#cart-products #cart-info .item .name .delete a i { display: inline-block; vertical-align: top; width: 12px; height: 26px; margin: 0 3px 0 0; background: url(../image/icons/delete.svg) no-repeat center; background-size: 12px 12px; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; -o-background-size: 12px 12px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-products #cart-info .item .name .delete a:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#cart-products #cart-info .item .sum { width: 20%; text-align: right; margin: 0 0 0 5%; }
#cart-products #cart-info .item .sum .price { font-size: 14px; line-height: 22px; color: #000000; }
#cart-products #cart-total { width: 65%; margin: 0 auto; border-top: 1px solid #d7d7d7; padding: 40px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; }
#cart-products #cart-total .title { width: 80%; margin: 0 5% 0 0; font-size: 14px; color: #999999; text-align: right; line-height: 26px; }
#cart-products #cart-total .summary { width: 15%; text-align: right; font-size: 16px; color: #000000; line-height: 26px; }
#cart-delivery { width: 100%; margin: 40px 0 0; }
#cart-delivery h2 { font-size: 22px; color: #000000; line-height: 26px; font-family: 'stem'; }
#cart-delivery .inner { width: 65%; margin: 0 auto; }
#cart-delivery input[type="radio"] { display: none; }
#cart-delivery input[type="radio"] + label { margin: 40px 0 0; padding: 0; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; cursor: pointer; }
#cart-delivery input[type="radio"] + label:first-child { margin: 0; }
#cart-delivery input[type="radio"] + label .box { width: 18px; height: 18px; border: 1px solid #d7d7d7; margin: 0 20px 0 0; background: #ffffff; }
#cart-delivery input[type="radio"] + label .name { width: calc(75% - 40px); margin: 0 5% 0 0; }
#cart-delivery input[type="radio"] + label .name .title { font-family: 'stem'; font-size: 14px; line-height: 20px; color: #666666; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-delivery input[type="radio"] + label .name .des { font-family: 'stemlight'; font-size: 12px; line-height: 18px; color: #999999; margin: 7px 0 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-delivery input[type="radio"] + label .name .des p { margin: 0; padding: 0; }
#cart-delivery input[type="radio"] + label .name .des a { color: #ff0055; text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-delivery input[type="radio"] + label .name .des a:hover { color: #000000; text-decoration: none; }
#cart-delivery input[type="radio"] + label .cost { width: 20%; font-size: 16px; line-height: 20px; font-family: 'stem'; color: #999999; text-align: right; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-delivery input[type="radio"]:checked + label .box { border: 1px solid #000000; background: url(../image/icons/check.svg) no-repeat center, #ffffff; background-size: 12px 12px; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; -o-background-size: 12px 12px; }
#cart-delivery input[type="radio"]:checked + label .title { color: #000000; }
#cart-delivery input[type="radio"]:checked + label .name .des { color: #454545; }
#cart-delivery input[type="radio"]:checked + label .cost { color: #000000; }
#cart-user { width: 100%; margin: 60px 0 0; }
#cart-user h2 { font-size: 22px; color: #000000; line-height: 26px; font-family: 'stem'; margin: 0 0 40px; }
#cart-user .inner { width: 65%; margin: 0 auto; }
#cart-user .form { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#cart-user .form input[type="text"] { width: 100%; margin: 0 0 30px; padding: 0; border: none; border-bottom: 1px solid #d7d7d7; background: none; outline: none; height: 46px; line-height: 46px; font-family: 'stemlight'; color: #000000; font-size: 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-user .form input[type="text"]:focus { border-bottom: 1px solid #ff0055; }
#cart-user .form textarea { width: 100%; margin: 0 0 30px; padding: 0; border: none; border-bottom: 1px solid #d7d7d7; background: none; outline: none; height: 120px; line-height: 20px; font-family: 'stemlight'; color: #000000; font-size: 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-user .form textarea:focus { border-bottom: 1px solid #ff0055; }
#cart-user .form .priv { font-size: 12px; color: #757575; line-height: 20px; margin: 0 0 40px; font-family: 'stemlight'; }
#cart-user .form .priv a { color: #ff0055; text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-user .form .priv a:hover { color: #000000; text-decoration: none; }
#cart-user .form .button { width: 100%; text-align: center; }
#cart-user .form .button button { margin: 0; height: 50px; line-height: 50px; border: none; outline: none; background: #ff0055; padding: 0 40px; cursor: pointer; font-size: 16px; color: #ffffff; font-family: 'stem'; border-radius: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#cart-user .form .button button:hover { background: #000000; }
#cart-user .form .button button:active { color: #000000; background: #ebebeb; }
#orderinfo .success { width: 100%; min-height: 30vh; padding: 60px 0 10px; text-align: center; }
#orderinfo .success h3 { margin: 20px 0 0; font-size: 24px; color: #000000; line-height: 26px; font-family: 'stemmedium'; }
#orderinfo .success .icon { width: 100%; text-align: center; }
#orderinfo .success .icon i { display: inline-block; width: 120px; height: 120px; background: url(../image/icons/success.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#orderinfo .success .text { font-family: 'stemlight'; font-size: 16px; line-height: 22px; color: #555; margin: 50px 0 0; }
#orderinfo .success .text-cont { font-family: 'stemlight'; font-size: 14px; line-height: 20px; color: #999; margin: 60px 0 0; }
#orderinfo .success .text-cont a { color: #ff0055; text-decoration: underline; transition: all 0.2s ease; }
#orderinfo .success .text-cont a:hover { color: #000000; text-decoration: none; }


/*************************     FEEDBACK     *************************/

#feedback { width: 100%; margin: 20px 0 0; }
#feedback h1 { font-size: 26px; color: #000000; line-height: 26px; font-family: 'stem'; width: 100%; }
#feedback .data { margin: 50px 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#feedback .map { width: 50%; margin: 0 10% 0 0; }
#feedback .contacts { width: 40%; font-family: 'stemlight'; font-size: 15px; line-height: 22px; }
#feedback .contacts p { margin: 0 0 30px; padding: 0; }
#feedback .contacts p:last-child { margin: 0; font-size: 13px; }
#feedback .contacts p i { display: block; font-size: 12px; color: #999999; margin: 0 0 3px; font-style: normal; }
#feedback .contacts p a { text-decoration: underline; color: #ff0055; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#feedback .contacts p a.black { text-decoration: none; color: #000000; }
#feedback .contacts p a:hover { color: #000000; text-decoration: none; }
	
/*************************     EXTRA     *************************/

.impmes { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; height: 46px; line-height: 46px; background: #ff4d00; font-size: 14px; font-family: 'stem'; color: #ffffff; z-index: 50; }

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

footer { width: 100%; padding: 60px 0 106px; background: #242b48; margin: 90px 0 0; }
footer .top { margin: 0 0 60px; width: 100%; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; }
footer .top .title { font-size: 14px; color: #d4d4d4; line-height: 20px; margin: 0 0 30px; }
footer .top .column { width: 31%; }
footer .contacts { font-size: 15px; line-height: 20px; margin: 0 0 20px; color: #ffffff; font-family: 'stemlight'; }
footer .contacts i { font-style: normal; font-size: 12px; }
footer .contacts a { text-decoration: none; color: #ffffff; }
footer .contacts.address a { text-decoration: underline; }
footer .contacts.adderss a:hover { text-decoration: none; }
footer .social { margin: 25px 0 0; width: 100%; display: flex; align-content: stretch; justify-content: flex-start; flex-wrap: wrap; }
footer .social a { display: inline-block; width: 19px; line-height: 19px; margin: 0 0 0 20px; color: #fff; transition: all 0.2s ease; text-decoration: none; }
footer .social a:first-child { margin: 0; }
footer .social a:before { font-family: 'metreon'; width: 19px; font-size: 19px; line-height: 19px; }
footer .social a:hover { color: #ff0055; }
footer ul { margin: 0; padding: 0; list-style: none; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
footer ul li { display: inherit; margin: 0; line-height: 24px; font-size: 14px; font-family: 'stemlight'; }
footer ul li a { text-decoration: none; color: #ffffff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
footer ul li a:hover { color: #d4d4d4; }
footer .bottom { padding: 0; width: 100%; }
footer .bottom:after { content: ''; display: block; clear: both; }
footer .copy { float: left; width: 50%; margin: 0; color: #d4d4d4; font-size: 11px; line-height: 20px; font-family: 'stemlight'; }
footer .copy a { color: #d4d4d4; text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
footer .copy a:hover { color: #ffffff; }
footer .text { float: right; width: 50%; margin: 0; color: #d4d4d4; font-size: 11px; line-height: 20px; font-family: 'stemlight'; text-align: right; }