@import "fonts.css";
@import "colors.css";

html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body { font-family: 'Inter'; font-weight: 400; letter-spacing: 0px; color: #000; background: #fff; overflow-x: hidden; overflow-y: scroll; }
.container { max-width: 70%; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: 'Inter'; letter-spacing: 0; }
h1 { font-weight: 500; font-size: 30px; line-height: 34px; color: #000; }
h2 { font-weight: 500; font-size: 26px; line-height: 30px; margin: 0 0 25px; }
h3 { font-weight: 400; font-size: 23px; line-height: 27px; margin: 0 0 20px; }
h4 { font-weight: 400; font-size: 20px; line-height: 24px; margin: 0 0 15px; }
a { text-decoration: none; border: none; transition: all 0.2s ease; letter-spacing: 0; }
img { border: 0px; vertical-align: middle; }
button { margin: 0; padding: 0; cursor: pointer; background: none; border: none; outline: none; text-decoration: none; transition: all 0.2s ease; }
select { cursor: pointer; background: none; border: none; outline: none; }
strong, b { font-weight: 500; }
em, i { font-style: italic; }
em strong, em b, i strong, i b, strong em, strong i, b em, b i { font-style: italic; font-weight: 500; }
.cbp-spmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #fff; position: fixed; transition: all 0.5s ease; }
.collapse { display: none; }
.collapse.in { display: block; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; }
input[type="text"], input[type="email"], input[type="password"], textarea, select, label { font-family: 'Inter'; outline: none; border: none; background: none; transition: all 0.2s ease; }


.wrapper { padding: 0; margin: 0 auto; width: 60%; }
.wrapper-cat { padding: 0; margin: 0; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }

/******   ALERTS   ******/

.alert { padding: 25px 55px 25px 25px; margin-bottom: 0; text-align: left; font-size: 13px; font-weight: 400; line-height: 22px; position: fixed; top: 30px; right: 30px; max-width: 400px; z-index: 92; background: #fff; color: #555; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.25); }
.alert.np { top: 0; margin: 0 0 40px; }
.alert i { display: inline-block; margin: 0 7px 0 0; vertical-align: middle; }
.alert-info { border-left: 9px solid #5bc0de; }
.alert-success { border-left: 9px solid #5cb85c; }
.alert-danger { border-left: 9px solid #d9534f; }
.alert-warning { border-left: 9px solid #f0ad4e; }
.alert button { color: #bebebe; position: absolute; width: 16px; height: 16px; top: 20px; right: 20px; }
.alert button:before { font-family: 'App'; font-size: 16px; line-height: 16px; width: 16px; height: 16px; text-align: center; }
.alert button:hover { color: #000; }
.alert span { display: block; font-size: 15px; font-weight: 400; color: #000; margin: 0 0 7px; }
.alert span.info { color: #5bc0de; }
.alert span.success { color: #5cb85c; }
.alert span.danger { color: #d9534f; }
.alert span.warning { color: #f0ad4e; }
.alert a { text-decoration: underline; color: #000; }
.alert a:hover { text-decoration: none; color: #999; }
.text-danger { width: 100%; font-size: 14px; line-height: 20px; margin: 7px 0; color: #ff5630; }
.text-danger i { display: inline-block; margin: 0 7px 0 0; vertical-align: middle; color: #d9534f; }

/******   BREAD CRUMBS   ******/

.path { width: calc(100% - 60px); padding: 20px 30px; }
.path.new { width: 100%; padding: 20px 0; }
.path ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: stretch; width: 100%; }
.path ul li { font-size: 11px; line-height: 20px; }
.path ul li a { color: #999; text-decoration: none; }
.path ul li:before { content: '/'; color: #999; padding: 0 10px; }
.path ul li:first-child:before { content: ''; padding: 0; }
.path ul li a:hover { color: #000; }
.path ul li:last-child a { color: #000; }

/******   NO RESULTS & NOT FOUND   ******/

.noresult { width: 100%; padding: 80px 0 50px; text-align: center; }
.noresult .imagination { height: 140px; }
.noresult .imagination i { font-style: normal; display: block; text-align: center; height: 140px; line-height: 140px; }
.noresult .imagination i:before { font-family: 'App'; font-size: 140px; color: #efefef; }
.noresult.success .imagination i:before { background: linear-gradient(0deg, rgba(0,113,227,1) 28%, rgba(76,155,235,1) 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }
.noresult .info-message { margin: 50px 0 0; font-size: 22px; color: #000; letter-spacing: 0px; font-weight: 500; line-height: 28px; }
.noresult .info-message span { margin: 10px 0 0; font-size: 16px; display: block; font-weight: 400; color: #777; }
.noresult .info-message a { display: inline-block; text-decoration: none; border: none; position: relative; transition: all 0.1s ease; color: #000; }
.noresult .info-message a:before { content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: #000; transition: all 0.1s ease; }
.noresult .info-message a:hover { color: #0071e3; }
.noresult .info-message a:hover:before { bottom: 0px; height: 2px; background: #0071e3; }
.notfound { width: 100%; margin: 20px 0 70px; padding: 0; }




.paginationdiv { width: 100%; margin: 0; padding: 30px 0 0; }
.paginationdiv ul { width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; margin: 0; padding: 0; text-align: left; list-style: none; }
.paginationdiv ul li { margin: 0 0 0 5px; padding: 0; font-size: 16px; }
.paginationdiv ul li:first-child { margin: 0; }
.paginationdiv ul li.active { line-height: 30px; width: 30px; height: 30px; text-align: center; padding: 0; font-family: 'sfttmedium'; color: #ffffff; background: #42a1ec; background: -moz-linear-gradient(top,  #42a1ec 0%, #0070c9 100%); background: -webkit-linear-gradient(top,  #42a1ec 0%,#0070c9 100%); background: linear-gradient(to bottom,  #42a1ec 0%,#0070c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a1ec', endColorstr='#0070c9',GradientType=0 ); border: 1px solid #0077cc; border-radius: 50%; }
.paginationdiv ul li a { display: block; width: 32px; height: 32px; text-align: center; text-decoration: none; color: #999999; line-height: 32px; -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; }
.paginationdiv ul li a:hover { color: #000000; }
.sort { width: 20%; }
.sort select { display: inline-block; width: 100%; vertical-align: top; height: 30px; line-height: 30px; font-size: 12px; padding: 0 10px 0 0; font-family: 'sfttregular'; color: #000000; cursor: pointer; border: none; background: none; outline: none; }
.sortm { width: 50%; margin: 0; display: none; text-align: right; }
.sortm.full { width: 100%; margin: 30px 0 0; }
.sortm select { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; padding: 0 10px 0 0; font-family: 'sfttregular'; color: #000000; cursor: pointer; border: none; background: none; outline: none; }
.sortm.full select { display: block; width: 100%; padding: 0; }
.sort select > option, .sortm select > option { font-family: 'sfttregular'; font-size: 12px; }
.empty { font-size: 14px; width: 100%; text-align: center; color: #999999; display: flex; justify-content: center; align-items: center; height: 30vh; }
.spec { position: absolute; top: 10px; left: 10px; z-index: 10; color: #ffffff; font-size: 9px; text-transform: uppercase; font-family: 'sfdmedium'; letter-spacing: 1px; }
.spec .preorder { display: inline-block; padding: 3px 5px; background: #757575; margin: 0 0 3px; }
.spec .new { display: inline-block; padding: 3px 5px; background: #76b519; margin: 0 0 3px; }
.spec .sale { display: inline-block; padding: 3px 5px; background: #ff0055; margin: 0 0 3px; }
.spec .hit { display: inline-block; padding: 3px 5px; background: #00abe6; margin: 0 0 3px; }
.dsnone { display: none; }



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

#overheader { position: absolute; z-index: 91; top: 0; left: 0; width: 100%; height: 50px; background: #fff; }
#overheader .container { display: flex; align-content: stretch; justify-content: flex-start; }
#overheader .cnt { width: 50%; font-size: 13px; line-height: 50px; }
#overheader .cnt a { display: inline-block; color: #777; margin: 0 0 0 30px; }
#overheader .cnt a.phone { cursor: default; }
#overheader .cnt a:first-child { margin: 0; }
#overheader .cnt a:hover { color: #0071e3; }
#overheader .cnt a.phone:hover { color: #777; }
#overheader .cnt a:before { font-family: 'App'; font-size: 13px; line-height: 50px; margin: 0 7px 0 0; }
#overheader .personal { width: 50%; }
#overheader .personal ul { width: 100%; margin: 0; padding: 0; list-style: none; display: flex; align-items: stretch; width: 100%; justify-content: flex-end; }
#overheader .personal ul li { display: inline-block; padding: 0; margin: 0 0 0 30px; font-size: 13px; line-height: 50px; }
#overheader .personal ul li:first-child { margin: 0; }
#overheader .personal ul li:last-child { margin: 0 0 0 40px; }
#overheader .personal a { display: block; color: #000; }
#overheader .personal a:hover { color: #0071e3; }
#overheader .personal ul li:last-child a { color: #777; }
#overheader .personal i { display: inline-block; vertical-align: top; margin: 0 4px 0 0; }
#overheader .personal i:before { font-family: 'App'; font-size: 14px; line-height: 50px; }
header { width: 100%; height: 60px; position: absolute; z-index: 80; top: 50px; left: 0; box-shadow: 0 0 15px rgba(0,0,0,0.1); background: rgba(255,255,255,0.92); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); }
header .container { display: flex; align-content: stretch; justify-content: flex-start; }
header .logo { width: 20%; line-height: 60px; }
header .logo a { display: inline-block; color: #0071e3; }
header .logo a:before { font-family: 'App'; font-size: 30px; line-height: 60px; }
header .logo a:hover { color: #66a9ee; }
header .menu { width: 60%; }
header .nav { margin: 0; padding: 0; list-style: none; line-height: 60px; display: flex; align-content: stretch; width: 100%; justify-content: center; }
header .nav li { display: inline-block; vertical-align: top; padding: 0; margin: 0 0 0 50px; font-size: 15px; position: relative; }
header .nav li:first-child { margin: 0; }
header .nav li a { display: block; color: #000; }
header .nav li a:hover { color: #0071e3; }
header .nav li .drop { position: absolute; padding: 10px 0; background: #fff; transition: all 0.1s ease; top: 60px; left: -22px; visibility: hidden; opacity: 0; z-index: 90; box-shadow: 0 10px 10px rgba(0,0,0,0.1); }
header .nav li .drop ul { margin: 0; padding: 0; list-style: none; display: flex; align-content: stretch; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; background: #fff; }
header .nav li .drop ul li { display: block; vertical-align: top; padding: 0; margin: 0; text-align: left; font-size: 14px; line-height: 14px; min-width: 180px; }
header .nav li .drop ul li a { display: block; color: #000; white-space: pre; padding: 9px 22px; margin: 0; }
header .nav li .drop ul li a:hover { color: #999; }
header .nav li .drop ul li a.active { color: #0071e3; }
header .nav li .drop ul.cols { max-height: 258px; width: 360px; }
header .nav li .drop ul.cols.num3 { width: 540px; }
header .nav li .drop ul.cols.num4 { width: 720px; }
header .nav li .drop ul.cols.num5 { width: 900px; }
header .nav li:hover a { color: #0071e3; }
header .nav li:hover .drop { visibility: visible; opacity: 1; }
header .nav li a.active { color: #0071e3;  }
header .data { width: 20%; display: flex; align-content: stretch; justify-content: flex-end; }
header .data .item { margin: 0 0 0 30px; display: inline-block; position: relative; }
header .data .item:first-child { margin: 0; }
header .data .ham, header .data .home { display: none; }
header .data a:before, header .data button:before { font-family: 'App'; font-size: 16px; color: #000; transition: all 0.1s ease; line-height: 60px; width: 20px; height: 60px; text-align: center; }
header .data a:hover:before, header .data button:hover:before { color: #0071e3; }
header .data .ham .active:before { color: #0071e3; }
header .data .sup { display: inline-block; margin: 0; font-size: 10px; font-family: 'Inter'; font-weight: 500; color: #0071e3; position: absolute; top: 12px; right: -12px; z-index: 90; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 7px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.2); }
header .compare a, header .wishlist a { color: #000; }
header .cart button { position: relative; display: inline-block; }
header .compare a.full:before, header .wishlist a.full:before, header .cart button.full:before { color: #0071e3; }
header .wishlist a.icon-bookmark.full:before { content: '\e034'; }
header .cart button.full:before { content: '\e031'; }
header .wishlist .icon-user { display: none; }
header .search button.active:before { content: '\e02d'; color: #0071e3; }
header .ham button.active:before { content: '\e02d'; color: #0071e3; }
header.fix { position: fixed; top: 0; }
.hafter { height: 110px; width: 100%; }
.mobile-header { width: 100%; display: none; height: 60px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; position: relative; z-index: 70; }
.mobile-header .container { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; }
.mobile-header .phone { width: 30%; height: 60px; }
.mobile-header .phone a { display: inline-block; height: 60px; color: #000; }
.mobile-header .phone a:before { font-family: 'App'; font-size: 18px; line-height: 60px; }
.mobile-header .logo { width: 40%; text-align: center; }
.mobile-header .logo a { display: inline-block; color: #0071e3; }
.mobile-header .logo a:before { font-family: 'App'; font-size: 24px; line-height: 60px; }
.mobile-header .wa { width: 30%; height: 60px; text-align: right; }
.mobile-header .wa a { display: inline-block; height: 60px; color: #000; }
.mobile-header .wa a:before { font-family: 'App'; font-size: 18px; line-height: 60px; }

/******   MAIN SEARCH   ******/

.cbp-spmenu .search { width: 100%; margin: 100px 0 0; padding: 50px 0 0; }
.cbp-spmenu .search h2 { margin-bottom: 40px; }
.cbp-spmenu .search .ins { width: 100%; margin: 20px 0 0; font-size: 14px; line-height: 24px; color: #333; letter-spacing: 0; }
.cbp-spmenu .search .ins i { display: inline-block; vertical-align: middle; margin: 0 2px 0 0; }
.cbp-spmenu .search .ins i:before { font-family: 'App'; font-style: normal; font-size: 24px; line-height: 24px; color: #f0ad4e; }
.cbp-spmenu .sform { width: 100%; }
.cbp-spmenu .sform input[type="text"] { width: 100%; margin: 0; height: 70px; line-height: 70px; padding: 0; font-size: 32px; font-weight: 400; color: #000; outline: none; border: none; background: none; }
.cbp-spmenu .sform input[type="text"]::placeholder { color: #bfbfbf; font-weight: 500; }
.cbp-spmenu .sform input[type="text"]:-ms-input-placeholder { color: #bfbfbf; font-weight: 500; }
.cbp-spmenu .sform input[type="text"]::-ms-input-placeholder { color: #bfbfbf; font-weight: 500; }
.cbp-spmenu .sform button { visibility: hidden; }
.cbp-spmenu .shist { margin: 25px 0 0; }
.cbp-spmenu .shist .title { width: 100%; font-weight: 500px; font-size: 20px; line-height: 20px; }
.cbp-spmenu .shist .queries { margin: 25px 0 0; }
.cbp-spmenu .shist .queries ul { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; align-content: stretch; justify-content: flex-start; }
.cbp-spmenu .shist .queries ul li { display: inline-block; font-size: 16px; margin: 0 0 0 10px; text-transform: lowercase; }
.cbp-spmenu .shist .queries ul li:first-child { margin: 0; }
.cbp-spmenu .shist .queries ul li a { display: inline-block; background: #f5f5f6; border-radius: 12px; padding: 0 14px; height: 38px; line-height: 38px; color: #777; }
.cbp-spmenu .shist .queries ul li a:hover { background: #f8f8f8; color: #0071e3; }
.cbp-spmenu-horizontal { width: 100%; left: 0; z-index: 75; overflow: hidden; height: 100vh; background: #fff; }
.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; }


/******   MOBILE MENU   ******/

.cbp-spmenu .searchex { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.05); }
.cbp-spmenu .searchex .field { width: 94%; padding: 0 3%; background: #f7f7f8; display: flex; justify-content: flex-start; align-items: stretch; }
.cbp-spmenu .searchex .field input[type="text"] { width: calc(100% - 25px); height: 70px; line-height: 70px; padding: 0; margin: 0 5px 0 0; font-size: 22px; font-family: 'Inter'; font-weight: 400; color: #000; }
.cbp-spmenu .searchex .field input[type="text"]::placeholder { color: #bfbfbf; font-weight: 500; }
.cbp-spmenu .searchex .field input[type="text"]:-ms-input-placeholder { color: #bfbfbf; font-weight: 500; }
.cbp-spmenu .searchex .field input[type="text"]::-ms-input-placeholder { color: #bfbfbf; font-weight: 500; }
.cbp-spmenu .searchex .field button { width: 20px; height: 50px; color: #000; }
.cbp-spmenu .searchex .field button:before { font-size: 20px; line-height: 70px; font-family: 'App'; }
.nav-primary { position: relative; z-index: 10; width: 100%; padding: 0 0 90px; margin: 0; }
.genesis-nav-menu { margin: 0; padding: 20px 0 0; list-style: none; width: 100%; }
.genesis-nav-menu li { display: block; font-size: 18px; padding: 0 3%; font-weight: 500; }
.genesis-nav-menu li a { display: block; color: #000; position: relative; padding: 6px 0; height: 20px; line-height: 20px; }
.genesis-nav-menu li a.active { color: #0071e3; }
.genesis-nav-menu li.menu-item-has-children a:after { content: '\e021'; font-family: 'App'; position: absolute; z-index: 10; top: 14px; right: 2px; width: 11px; line-height: 22px; font-size: 11px; color: #000; }
.genesis-nav-menu li.gray { font-size: 16px; font-weight: 400; }
.genesis-nav-menu li.gray a { color: #777; padding: 8px 0; }
.genesis-nav-menu li.gray a:before { font-family: 'App'; font-size: 16px; margin: 0; width: 16px; line-height: 16px; text-align: left; margin: 0 12px 0 0; }
.genesis-nav-menu li.phone { padding-top: calc(5% + 17px); }
.genesis-nav-menu li.phone a:before { content: '\e016'; }
.genesis-nav-menu li.address a:before { content: '\e015'; }
.genesis-nav-menu li.account a:before { content: '\e00a'; }
.genesis-nav-menu li.store a:before { content: '\e00e'; }
.genesis-nav-menu li.help a:before { content: '\e01b'; }
.genesis-nav-menu .menu-item, .genesis-nav-menu .menu-item:hover { position: static; }
.genesis-nav-menu .sub-menu { min-height: calc(100vh - 55px); background: #fff; margin: 0; padding: 0 20px 90px; list-style: none; top: 0; position: absolute; left: auto; opacity: 1; width: calc(100% - 40px); z-index: 15; display: none; font-size: 0; overflow-x: hidden; }
.genesis-nav-menu .sub-menu li { display: inline-block; font-size: 16px; font-weight: 400; width: 100%; margin: 0; padding: 0; }
.genesis-nav-menu .sub-menu li.all { font-weight: 500; }
.genesis-nav-menu .sub-menu li.all span { width: 16px; margin: 0 0 0 20px; display: inline-block; }
.genesis-nav-menu .sub-menu li.all span:before { content: '\e021'; font-family: 'App'; font-size: 15px; margin: 0; width: 15px; line-height: 22px; text-align: left; }
.genesis-nav-menu .sub-menu li.back { display: block; width: 100%; margin: 0 0 20px; height: 70px; position: relative; }
.genesis-nav-menu .sub-menu li.back:before { content: ''; width: 110%; position: absolute; bottom: 0; left: -5%; border-bottom: 1px solid rgba(0,0,0,0.05); height: 1px; }
.genesis-nav-menu .sub-menu li.back a { font-size: 16px; padding: 0; line-height: 70px; margin: 0; }
.genesis-nav-menu .sub-menu li.back a:before { content: '\e022'; font-family: 'App'; font-size: 16px; width: 16px; line-height: 70px; text-align: left; margin: 0 3px 0 -2px; }
.genesis-nav-menu .sub-menu li a { padding: 7px 0; display: block; height: auto; line-height: 22px; border: none; margin: 0; }
.genesis-nav-menu .sub-menu li a:after { display: none; }
.genesis-nav-menu .sub-menu.gray li a:before { display: none; }
.genesis-nav-menu .sub-menu.gray li.back a:before { content: '\e022'; font-family: 'App'; font-size: 16px; margin: 0 3px 0 -2px; width: 16px; line-height: 70px; text-align: left; display: inline-block; }
.genesis-nav-menu .sub-menu.active { display: flex; right: -100%; align-content: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.cbp-spmenu-vertical { width: 100%; height: 100%; top: 0; z-index: 80; }
.cbp-spmenu-left { left: -100%; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }


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

#slider { width: 100%; margin: 0; overflow: hidden; height: 48vh; }
#slider .item { width: 100%; position: relative; margin: 0; padding: 0; height: 48vh; }
#slider .item img { border: 0px; vertical-align: middle; width: 100%; height: 48vh; object-fit: cover; }
#slider .item a { display: block; text-decoration: none; border: none; }
#slider .owl-carousel { position: relative; margin: 0; overflow: hidden; height: 48vh; }
#slider .owl-dots { position: absolute; bottom: 50px; left: 10%; text-align: left; -webkit-tap-highlight-color: transparent; }
#slider .owl-dots .owl-dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 50%; margin: 0 15px 0 0; 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; }
#slider .owl-dots .owl-dot.active { width: 30px; height: 6px; border-radius: 20px; }
#slider .owl-dots .owl-dot:last-child { margin: 0; }
#slider .owl-dots.bglight .owl-dot { background: #000000; }
#featured { width: 100%; margin: 80px 0 0; }
#featured h2 { font-size: 26px; font-family: 'sfdlight'; text-align: center; margin: 0 0 50px; }
#featured .list { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#featured .list .item { width: 20.5%; margin: 0 0 40px 6%; vertical-align: top; position: relative; }
#featured .list .item:nth-child(4n+1) { margin: 0 0 40px; }
#featured .list .item .pic { width: 100%; border: none; text-decoration: none; margin: 0 0 30px; }
#featured .list .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; }
#featured .list .item .pic a { display: block; text-decoration: none; border: none; position: relative; }
#featured .list .item .name { width: 100%; margin: 0 0 20px; font-size: 14px; line-height: 16px; min-height: 50px; font-family: 'sfttmedium'; }
#featured .list .item .name a { text-decoration: none; display: block; 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 .list .item .name a:hover { color: #999999; }
#featured .list .item .price { width: 100%; font-size: 15px; color: #000000; line-height: 18px; font-family: 'sfdbold'; }
#featured .list .item .price .old { display: block; color: #999999; text-decoration: line-through; font-family: 'sfdregular'; font-style: normal; font-size: 14px; }
#featured .list .item .out { font-size: 11px; color: #757575; text-transform: uppercase; line-height: 18px; font-family: 'sfttmedium'; }
#featured.related { margin: 20px 0 0; }
#featured.seen { margin: 20px 0 40px; }
#featured.seen .list .item { width: 16.8%; margin: 0 0 30px 4%; vertical-align: top; position: relative; }
#featured.seen .list .item:nth-child(4n+1) { margin: 0 0 30px 4%; }
#featured.seen .list .item:nth-child(5n+1) { margin: 0 0 30px; }
#featured.seen .list .item .name { min-height: 1px; }

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

#category { width: 100%; margin: 0; padding: 0 0 60px; }
#category.suc { margin: 25px 0 0; }
#category .mobile { display: none; width: 100%; margin: 0; }
#category .left { width: calc(20% - 80px); padding: 0 50px 0 30px; position: -webkit-sticky; position: sticky; top: 70px; }
#category .center { width: 60%; }
#category .center.lp { width: 60%; margin: 0 0 0 20%; }
#category .center.rp { width: 60%; margin: 0 20% 0 0; }
#category .right { width: calc(20% - 80px); padding: 0 30px 0 50px; }
#category .top { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#category h1 { font-size: 26px; line-height: 30px; color: #000000; margin: 0; font-weight: 500; width: 80%; }
#category h1 i { font-style: normal; font-family: 'sfdregular'; display: inline-block; vertical-align: top; color: #a5a5a5; margin: 0 0 0 7px; }
#category h1 i:before { content: "-"; margin: 0 7px 0 0; }
#category .subcat { width: 100%; margin: 20px 0 0; }
#category .subcat ul { width: 100%; margin: 0; padding: 0; list-style: none; display: table; font-size: 0; }
#category .subcat ul li { display: inline-block; vertical-align: top; margin: 0 40px 0 0; }
#category .subcat ul li:last-child { margin-right: 0; }
#category .subcat ul li a { display: inline-block; text-decoration: none; border: none; font-size: 14px; line-height: 26px; 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 .subcat ul li a:hover { color: #000000; }
#category .subcat ul li.active a { color: #ffffff; background: #42a1ec; background: -moz-linear-gradient(top,  #42a1ec 0%, #0070c9 100%); background: -webkit-linear-gradient(top,  #42a1ec 0%,#0070c9 100%); background: linear-gradient(to bottom,  #42a1ec 0%,#0070c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a1ec', endColorstr='#0070c9',GradientType=0 ); border: 1px solid #0077cc; border-radius: 20px; padding: 0 10px; font-family: 'sfttmedium'; font-size: 12px; }
#category .list { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 40px 0 0; }
#category .list .item { width: 20.5%; margin: 0 0 40px 6%; vertical-align: top; position: relative; }
#category .list .item:nth-child(4n+1) { margin: 0 0 40px; }
#category .list .item .pic { width: 100%; border: none; text-decoration: none; margin: 0 0 30px; }
#category .list .item .pic img { border: 0px; vertical-align: middle; max-width: 100%; }
#category .list .item .pic a { display: block; text-decoration: none; border: none; position: relative; }
#category .list .item .name { width: 100%; margin: 0 0 20px; font-size: 14px; line-height: 16px; min-height: 50px; font-family: 'sfttmedium'; }
#category .list .item .name a { text-decoration: none; display: block; 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 .list .item .name a:hover { color: #999999; }
#category .list .item .price { width: 100%; font-size: 15px; color: #000000; line-height: 18px; font-family: 'sfdbold'; }
#category .list .item .price .old { display: block; color: #999999; text-decoration: line-through; font-family: 'sfdregular'; font-style: normal; font-size: 14px; }
#category .list .item .rating { line-height: 11px; font-size: 12px; padding: 12px 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#category .list .item .rating span { display: inline-block; vertical-align: top; margin: 0 4px 0 0; width: 11px; height: 11px; }
#category .list .item .rating .fl { background: url(../image/icons/star-full.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#category .list .item .rating .em { background: url(../image/icons/star-full.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=20)"; filter: alpha(opacity=20); opacity: 0.2; }
#category .list .item .rating i { display: inline-block; margin: 0 0 0 5px; color: #000000; font-style: normal; }
#category .list .item .out { font-size: 11px; color: #757575; text-transform: uppercase; line-height: 18px; font-family: 'sfttmedium'; }
#category .list .item.zero .pic img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; }
#category .filter { width: 50%; display: none; padding: 0; margin: 0; }
#category .filter button { display: inline-block; outline: none; height: 20px; line-height: 20px; font-size: 14px; color: #000000; font-family: 'sfttregular'; border: none; cursor: pointer; padding: 0 0 0 24px; background: url(../image/icons/filter-empty.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 button.flsel { background: url(../image/icons/filter-full.svg) no-repeat center left; background-size: 16px 16px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; }

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

.cbp-spfilter .filters { width: 100%; }
.cbp-spfilter .filters .closefilter { display: none; width: 100%; padding: 0 0 30px; text-align: left; }
.cbp-spfilter .filters .closefilter button { display: inline-block; padding: 0 0 0 28px; outline: none; border: none; height: 16px; line-height: 16px; font-family: 'sfttregular'; text-transform: lowercase; font-size: 14px; color: #000000; background: url(../image/icons/arrow-left.svg) no-repeat center left; background-size: 14px 14px; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; -o-background-size: 14px 14px; }
.cbp-spfilter .filters .selectedop { width: 100%; margin: 0 0 40px; }
.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%; border: none; position: relative; background: none; margin: 0 0 10px; font-size: 12px; font-family: 'sfttregular'; line-height: 16px; outline: none; cursor: pointer; color: #000000; }
.cbp-spfilter .filters .selectedop .listf button span { position: absolute; top: 0; right: 0; display: inline-block; vertical-align: middle; font-size: 20px; font-family: 'sfttregular'; }
.cbp-spfilter .filters .selectedop .clear { width: 100%; margin: 0; padding: 0; }
.cbp-spfilter .filters .selectedop .clear button { display: inline-block; vertical-align: top; padding: 0 0 2px; margin: 0; border: none; border-bottom: 1px solid #888888; background: none; margin: 0; font-size: 12px; font-family: 'sfttregular'; line-height: 16px; outline: none; cursor: pointer; color: #888888; }
.cbp-spfilter .filters .group { width: 100%; margin: 0 0 34px; }
.cbp-spfilter .filters .title { font-size: 14px; line-height: 20px; margin: 0 0 20px; font-family: 'sfdmedium'; }
.cbp-spfilter .filters .values { width: 100%; }
.cbp-spfilter .filters .values .collapse { margin: 0; padding: 0; }
.cbp-spfilter .filters .values .check { width: 100%; margin: 0 0 7px; }
.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: table; width: 100%; font-size: 0; cursor: pointer; position: relative; }
.cbp-spfilter .filters .values .check label .box { display: inline-block; vertical-align: top; width: 16px; height: 16px; border: 1px solid #ebebeb; 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; border-radius: 3px; }
.cbp-spfilter .filters .values .check label i { font-style: normal; display: inline-block; vertical-align: top; line-height: 18px; font-size: 12px; color: #000000; font-family: 'sfttregular'; }
.cbp-spfilter .filters .values .check label:hover .box { border: 1px solid #0077cc; }
.cbp-spfilter .filters .values .check label.checked .box { border: 1px solid #0077cc; background: url(../image/icons/tick.svg) no-repeat center, #42a1ec; background-size: 10px 10px; -webkit-background-size: 10px 10px; -moz-background-size: 10px 10px; -o-background-size: 10px 10px; }
.cbp-spfilter .filters .values .check label.checked i { font-family: 'sfttmedium'; }
.cbp-spfilter .filters .values .check label.checked span { display: none; }
.cbp-spfilter .filters .showmore { width: 100%; padding: 10px 0 0; font-size: 12px; line-height: 14px; }
.cbp-spfilter .filters .showmore button { display: inline-block; padding: 0 0 1px; border: none; outline: none; cursor: pointer; background: none; font-family: 'sfttregular'; border-bottom: 1px solid #999999; 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; }
.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-page { width: 100%; margin: 0; padding: 0 0 40px; }
#product-page h1 { font-size: 26px; line-height: 30px; color: #000000; margin: 0; font-family: 'sfdmedium'; }
#product-page h2 { font-size: 22px; line-height: 26px; color: #000000; margin: 0 0 25px; font-family: 'sfdmedium'; }
#product-page h3 { font-size: 18px; line-height: 22px; color: #000000; margin: 0 0 25px; font-family: 'sfdmedium'; }
#product-page h4 { font-size: 17px; line-height: 17px; color: #000000; margin: 0 0 15px; font-family: 'sfdmedium'; }
#product-page .top { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 0 0 60px; }
#product-page .top .left { width: calc(65% - 50px); padding: 0; margin: 0 50px 0 0; }
#product-page .top .right { width: 35%; }
#product-page .top .spec-rating { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin: 15px 0 0; }
#product-page .top .spec-rating .mpn { font-size: 12px; color: #757575; margin: 0 50px 0 0; font-family: 'sfdmedium'; }
#product-page .top .spec-rating .rating { line-height: 11px; font-size: 12px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; }
#product-page .top .spec-rating .rating span { display: inline-block; vertical-align: top; margin: 0 4px 0 0; width: 11px; height: 11px; }
#product-page .top .spec-rating .rating .fl { background: url(../image/icons/star-full.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#product-page .top .spec-rating .rating .em { background: url(../image/icons/star-full.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=20)"; filter: alpha(opacity=20); opacity: 0.2; }
#product-page .top .spec-rating .rating i { display: inline-block; margin: 0 0 0 5px; color: #000000; font-style: normal; }
#product-page .top .spec-rating .spec-product { margin: 0 0 0 50px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; color: #ffffff; font-size: 10px; text-transform: uppercase; font-family: 'sfdmedium'; letter-spacing: 1px; }
#product-page .top .spec-rating .spec-product .preorder { padding: 4px 6px; background: #757575; margin: 0; }
#product-page .top .spec-rating .spec-product .new { padding: 4px 6px; background: #76b519; margin: 0 0 0 3px; }
#product-page .top .spec-rating .spec-product .sale { padding: 4px 6px; background: #ff0055; margin: 0 0 0 3px; }
#product-page .top .spec-rating .spec-product .hit { padding: 4px 6px; background: #00abe6; margin: 0 0 0 3px; }
#product-page .top .gallery { margin: 40px 0 0; padding: 0 0 0 120px; width: calc(100% - 120px); }
#product-page .top .gallery .item { width: 100%; display: block; position: relative; text-align: center; }
#product-page .top .gallery .item a { border: none; text-decoration: none; display: block; text-align: center; }
#product-page .top .gallery img { border: 0px; vertical-align: top; max-width: 80%; }
#product-page .top .gallery .owl-carousel { position: relative; height: 100%; margin: 0; }
#product-page .top .gallery .owl-thumbs { position: absolute; top: 0; left: -120px; width: 70px; text-align: left; z-index: 50; }
#product-page .top .gallery .owl-thumb-item { border: none; margin: 0 0 10px; cursor: pointer; background: none; outline: none; width: 70px; }
#product-page .top .gallery .owl-thumb-item img { max-width: 100%; vertical-align: top; object-fit: cover; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: 0.2; -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-page .top .gallery .owl-thumb-item.active img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#product-page .top .gallery.full { padding: 0 0 40px; width: 100%; text-align: center; }
#product-page .top .gallery.full .item { overflow: hidden; }
#product-page .top .similar { width: 100%; margin: 0 0 30px; }
#product-page .top .similar .group-name { font-size: 14px; font-family: 'sfdmedium'; margin: 0 0 15px; }
#product-page .top .similar ul { width: 100%; list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; flex-flow: row wrap; }
#product-page .top .similar ul li { margin: 0 10px 10px 0; font-size: 14px; display: inline-block; position: relative; }
#product-page .top .similar ul li[data-val="Альпийский зелёный"] { order: 1; }
#product-page .top .similar ul li[data-val="Белый"] { order: 2; }
#product-page .top .similar ul li[data-val="Белый титан"] { order: 3; }
#product-page .top .similar ul li[data-val="Бирюзовый"] { order: 4; }
#product-page .top .similar ul li[data-val="Голубое небо"] { order: 5; }
#product-page .top .similar ul li[data-val="Голубой"] { order: 6; }
#product-page .top .similar ul li[data-val="Графитовый"] { order: 7; }
#product-page .top .similar ul li[data-val="Жёлтый"] { order: 8; }
#product-page .top .similar ul li[data-val="Зелёный"] { order: 9; }
#product-page .top .similar ul li[data-val="Золотой"] { order: 10; }
#product-page .top .similar ul li[data-val="Коралловый"] { order: 11; }
#product-page .top .similar ul li[data-val="Красный"] { order: 12; }
#product-page .top .similar ul li[data-val="Небесно-голубой"] { order: 13; }
#product-page .top .similar ul li[data-val="Пустынный титан"] { order: 14; }
#product-page .top .similar ul li[data-val="Розовое золото"] { order: 15; }
#product-page .top .similar ul li[data-val="Розовое золото, светлые румяна"] { order: 16; }
#product-page .top .similar ul li[data-val="Розовое золото, сливовый"] { order: 17; }
#product-page .top .similar ul li[data-val="Розовый"] { order: 18; }
#product-page .top .similar ul li[data-val="Серебристый"] { order: 19; }
#product-page .top .similar ul li[data-val="Серебристый, голубое облако"] { order: 20; }
#product-page .top .similar ul li[data-val="Серебристый, деним"] { order: 21; }
#product-page .top .similar ul li[data-val="Серый космос"] { order: 22; }
#product-page .top .similar ul li[data-val="Синий"] { order: 23; }
#product-page .top .similar ul li[data-val="Синий титан"] { order: 24; }
#product-page .top .similar ul li[data-val="Сияющая звезда"] { order: 25; }
#product-page .top .similar ul li[data-val="Тёмная ночь"] { order: 26; }
#product-page .top .similar ul li[data-val="Тёмно-зелёный"] { order: 27; }
#product-page .top .similar ul li[data-val="Тёмно-фиолетовый"] { order: 28; }
#product-page .top .similar ul li[data-val="Титан"] { order: 29; }
#product-page .top .similar ul li[data-val="Тихоокеанский синий"] { order: 30; }
#product-page .top .similar ul li[data-val="Ультрамарин"] { order: 31; }
#product-page .top .similar ul li[data-val="Фиолетовый"] { order: 32; }
#product-page .top .similar ul li[data-val="Чёрный"] { order: 33; }
#product-page .top .similar ul li[data-val="Чёрный глянцевый"] { order: 34; }
#product-page .top .similar ul li[data-val="Чёрный космос"] { order: 35; }
#product-page .top .similar ul li[data-val="Чёрный титан"] { order: 36; }
#product-page .top .similar ul li[data-val="32 Гб"] { order: 1; }
#product-page .top .similar ul li[data-val="64 Гб"] { order: 2; }
#product-page .top .similar ul li[data-val="128 Гб"] { order: 3; }
#product-page .top .similar ul li[data-val="256 Гб"] { order: 4; }
#product-page .top .similar ul li[data-val="512 Гб"] { order: 5; }
#product-page .top .similar ul li[data-val="1 Тб"] { order: 6; }
#product-page .top .similar ul li[data-val="2 Тб"] { order: 7; }
#product-page .top .similar ul li[data-val="4 Тб"] { order: 8; }
#product-page .top .similar ul li[data-val="8 Тб"] { order: 9; }
#product-page .top .similar ul li[data-val="16 Тб"] { order: 10; }
#product-page .top .similar ul li[data-val="38 мм"] { order: 1; }
#product-page .top .similar ul li[data-val="40 мм"] { order: 2; }
#product-page .top .similar ul li[data-val="41 мм"] { order: 3; }
#product-page .top .similar ul li[data-val="42 мм"] { order: 4; }
#product-page .top .similar ul li[data-val="44 мм"] { order: 5; }
#product-page .top .similar ul li[data-val="45 мм"] { order: 6; }
#product-page .top .similar ul li[data-val="46 мм"] { order: 7; }
#product-page .top .similar ul li[data-val="S"] { order: 1; }
#product-page .top .similar ul li[data-val="S/M"] { order: 2; }
#product-page .top .similar ul li[data-val="M"] { order: 3; }
#product-page .top .similar ul li[data-val="M/L"] { order: 4; }
#product-page .top .similar ul li[data-val="L"] { order: 5; }
#product-page .top .similar ul li a { text-decoration: none; color: #000000; padding: 6px 9px; display: block; text-align: center; border: 2px solid #ebebeb; position: relative; border-radius: 3px; }
#product-page .top .similar ul li a.outs { color: #999999; background: #f9f9f9; }
#product-page .top .similar ul li.current { color: #000000; padding: 6px 9px; border: 2px solid #42a1ec; border-radius: 3px; font-family: 'sfdmedium'; }
#product-page .top .similar ul li.current.out { border: 2px solid #cccccc; background: #f9f9f9; color: #999999;  }
#product-page .top .similar ul li.out svg { width: 100%; height: 100%; position: absolute; z-index: 3; top: -0px; left: 0; }
#product-page .top .similar ul li.out svg line { stroke: #ebebeb; stroke-width: 2; }
#product-page .top .stock-out { width: 100%; margin: 35px 0 0; padding: 30px 0; text-align: center; font-size: 14px; line-height: 20px; color: #757575; background: #f6f6f6; }
#product-page .top .order { width: 100%; margin: 0; padding: 30px 0 0; border-top: 1px solid #ebebeb; }
#product-page .top .order.npd { padding: 10px 0 0; border: none; }
#product-page .top .order .price { width: 100%; margin: 0 0 10px; font-size: 24px; line-height: 24px; font-family: 'sfttmedium'; }
#product-page .top .order .price .old { display: inline-block; margin: 0 0 0 15px; padding: 0 5px; color: #999999; text-decoration: line-through; font-family: 'sfttlight'; }
#product-page .top .order .instock { font-family: 'sfttmedium'; font-size: 12px; color: #757575; margin: 0 0 40px; }
#product-page .top .order .cart-button { width: 100%; margin: 0; }
#product-page .top .order .cart-button #button-cart { display: inline-block; background: #42a1ec; background: -moz-linear-gradient(top,  #42a1ec 0%, #0070c9 100%); background: -webkit-linear-gradient(top,  #42a1ec 0%,#0070c9 100%); background: linear-gradient(to bottom,  #42a1ec 0%,#0070c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a1ec', endColorstr='#0070c9',GradientType=0 ); border: 1px solid #0077cc; border-radius: 3px; padding: 0; margin: 0; width: 48%; height: 50px; line-height: 50px; text-align: center; font-family: 'sfttregular'; font-size: 15px; color: #ffffff; outline: none; cursor: pointer; }
#product-page .top .order .cart-button #button-cart:hover { background: #42a1ec; }
#product-page .top .order .cart-button #button-credit { display: inline-block; background: #bababa; background: -moz-linear-gradient(top,  #bababa 0%, #7c7c7c 100%); background: -webkit-linear-gradient(top,  #bababa 0%,#7c7c7c 100%); background: linear-gradient(to bottom,  #bababa 0%,#7c7c7c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#7c7c7c',GradientType=0 ); border: 1px solid #777; border-radius: 3px; padding: 0; width: 48%; margin-left: calc(4% - 4px); height: 50px; line-height: 50px; text-align: center; font-family: 'sfttregular'; font-size: 15px; color: #ffffff; outline: none; cursor: pointer; }
#product-page .top .order .cart-button #button-credit:hover { background: #bababa; }
#product-page .top .info { margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #ebebeb; }
#product-page .top .info .title { font-size: 16px; font-family: 'sfdmedium'; color: #000000; margin: 0 0 20px; }
#product-page .top .info ul { width: 100%; margin: 0; padding: 0; list-style: none; }
#product-page .top .info ul li { display: block; font-size: 14px; line-height: 16px; margin: 0 0 10px; color: #757575; }
#product-page .top .info ul li strong { color: #000000; }
#product-page .top .info ul li a { text-decoration: underline; color: #0070c9; -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-page .top .info ul li a:hover { text-decoration: none; color: #000000; }
#product-page .description { width: 100%; color: #000000; font-size: 14px; line-height: 20px; }
#product-page .description .tab { border-bottom: 1px solid #ebebeb; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; }
#product-page .description .tab span { display: inline-block; cursor: pointer; font-size: 15px; font-family: 'sfdmedium'; color: #999999; position: relative; line-height: 20px; padding: 0 10px 18px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; margin: 0 5px; }
#product-page .description .tab span:before { content: ""; position: absolute; bottom: -1px; z-index: 10; left: 0; width: 100%; height: 1px; background: #ebebeb; -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-page .description .tab span.active { color: #000000; }
#product-page .description .tab span.active:before { background: #0070c9; }
#product-page .description .tabcontent { display: none; padding: 40px 0 0; width: 100%; }
#product-page .description .tabcontent .inner { width: 80%; margin: 0 auto; }
#product-page .description p { margin: 0 0 25px; padding: 0; }
#product-page .description p:last-child { margin: 0; }
#product-page .description a { color: #0070c9; 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-page .description a:hover { color: #000000; text-decoration: none; }
#product-page .description ul { margin: 0; padding: 0 0 18px 23px; list-style: square; }
#product-page .description ul li { padding: 0 0 7px; }
#product-page .description ol { margin: 0; padding: 0 0 18px 23px; }
#product-page .description ol li { padding: 0 0 7px; }
#product-page .description .blockfull { margin: 0 0 30px; }
#product-page .description .blockfull:last-child { margin: 0; }
#product-page .description .blockfull .block { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; padding: 12px 0; border-top: 1px solid #f2f2f2; }
#product-page .description .blockfull .block:first-of-type { border: none; }
#product-page .description .blockfull .block .title { display: inline-block; width: 30%; vertical-align: top; font-size: 14px; line-height: 20px; color: #999999; }
#product-page .description .blockfull .block .char { display: inline-block; width: 65%; margin: 0 0 0 5%; font-size: 14px; color: #000000; line-height: 20px; vertical-align: top; }
#product-page .review-list { width: 100%; }
#product-page .review-list .empty { padding: 40px 0; font-size: 14px; color: #999999; width: 100%; text-align: center; height: auto; }
#product-page .review-list .list { width: 100%; }
#product-page .review-list .list .item { width: 100%; padding: 40px 0; border-top: 1px solid #ebebeb; }
#product-page .review-list .list .item:first-child { padding: 0 0 40px; border: none; }
#product-page .review-list .list .item .user-rating { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#product-page .review-list .list .item .user-rating .rating { margin: 0 60px 0 0; }
#product-page .review-list .list .item .user-rating .rating span { display: inline-block; vertical-align: top; margin: 0 4px 0 0; width: 14px; height: 14px; }
#product-page .review-list .list .item .user-rating .rating .fl { background: url(../image/icons/star-full.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#product-page .review-list .list .item .user-rating .rating .em { background: url(../image/icons/star-full.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=20)"; filter: alpha(opacity=20); opacity: 0.2; }
#product-page .review-list .list .item .user-rating .date { font-size: 12px; line-height: 16px; color: #999999; }
#product-page .review-list .list .item p { margin: 20px 0 0; font-size: 14px; line-height: 18px; padding: 0; width: 100%; }
#product-page .review-list .list .item .author { font-size: 13px; line-height: 16px; color: #757575; margin: 20px 0 0; }
#product-page .review-list .list .item .author i { display: inline-block; line-height: 16px; font-style: normal; margin: 0 0 0 10px; }
#product-page .review-list .list .item .author i:before { content: "|"; margin: 0 10px 0 0; }
#product-page .write-review { width: 100%; margin: 10px 0 0; }
#product-page .write-review .title { font-size: 18px; line-height: 18px; color: #000000; margin: 0 0 30px; display: block; font-family: 'sfdmedium'; }
#product-page .write-review .columns { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#product-page .write-review .column { width: 50%; margin: 0 60px 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#product-page .write-review .column:nth-child(2) { width: calc(50% - 60px); margin: 0; }
#product-page .write-review .column:last-child { width: 100%; margin: 30px 0 0; }
#product-page .write-review .value-name { width: 80px; margin: 0 20px 0 0; padding: 0; font-size: 14px; line-height: 14px; }
#product-page .write-review .marks { width: calc(100% - 100px); }
#product-page .write-review .marks .single { width: 100%; margin: 0 0 10px; }
#product-page .write-review .marks .single:last-child { margin: 0; }
#product-page .write-review .marks .single input[type="radio"] { display: none; }
#product-page .write-review .marks .single input[type="radio"] + label { display: flex; width: 100%; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; cursor: pointer; }
#product-page .write-review .marks .single input[type="radio"] + label span { display: inline-block; vertical-align: top; margin: 0 5px 0 0; width: 14px; height: 14px; }
#product-page .write-review .marks .single input[type="radio"] + label .fl { background: url(../image/icons/star-full.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=30)"; filter: alpha(opacity=30); opacity: 0.3; }
#product-page .write-review .marks .single input[type="radio"] + label .em { background: url(../image/icons/star-full.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=10)"; filter: alpha(opacity=10); opacity: 0.1; }
#product-page .write-review .marks .single input[type="radio"]:checked + label .fl { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#product-page .write-review .marks .single input[type="radio"]:checked + label .em { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: 0.2; }
#product-page .write-review .row { width: 100%; margin: 0 0 30px; }
#product-page .write-review .row:last-child { margin: 0; }
#product-page .write-review .row input[type="text"] { width: 100%; border: none; border-bottom: 1px solid #ebebeb; background: none; outline: none; height: 50px; line-height: 50px; font-size: 14px; color: #000000; font-family: 'sfttregular'; margin: 0; padding: 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; }
#product-page .write-review .row input[type="text"]:focus { border-bottom: 1px solid #0070c9; }
#product-page .write-review .row textarea { width: 100%; border: none; border-bottom: 1px solid #ebebeb; background: none; outline: none; height: 110px; line-height: 22px; font-size: 14px; color: #000000; font-family: 'sfttregular'; margin: 0; padding: 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; }
#product-page .write-review .row textarea:focus { border-bottom: 1px solid #0070c9; }
#product-page .write-review .row button { display: inline-block; padding: 0 30px; margin: 0; height: 40px; line-height: 40px; background: #42a1ec; background: -moz-linear-gradient(top,  #42a1ec 0%, #0070c9 100%); background: -webkit-linear-gradient(top,  #42a1ec 0%,#0070c9 100%); background: linear-gradient(to bottom,  #42a1ec 0%,#0070c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a1ec', endColorstr='#0070c9',GradientType=0 ); border: 1px solid #0077cc; border-radius: 3px; font-size: 14px; color: #ffffff; font-family: 'sfdmedium'; outline: none; cursor: pointer; }
#product-page .write-review .row button:hover { background: #42a1ec; }

/******   COMPARE   ******/

#compare { width: 100%; margin: 0 0 70px; padding: 0; }

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

#mycheckout { width: 100%; margin: 20px 0 70px; padding: 0; }
#mycheckout h2 { margin: 40px 0 0; }
#mycheckout .columns { margin: 20px 0 0; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#mycheckout .list { width: 72%; }
#mycheckout .proceed { width: calc(28% - 100px); margin: 0 0 0 40px; padding: 20px 30px 30px; background: #f5f5f6; border-radius: 7px; position: sticky; top: 80px; }
#mycheckout #custom-cart .list-head { width: calc(89% - 40px); border-bottom: 1px solid rgba(0,0,0,0.1); padding: 20px 0; padding-left: calc(11% + 40px); font-weight: 500; font-size: 13px; color: #000; }
#mycheckout #custom-cart .list-head .inner { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; }
#mycheckout #custom-cart .list-head .column { width: calc(24% - 40px); margin: 0 0 0 40px; }
#mycheckout #custom-cart .list-head .column:first-child { width: calc(52%); margin: 0; }
#mycheckout #custom-cart .item { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 20px 0; }
#mycheckout #custom-cart .item .pic { width: 11%; text-align: center; }
#mycheckout #custom-cart .item .pic img { max-width: 100%; }
#mycheckout #custom-cart .item .info { width: calc(89% - 40px); display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 0 40px; padding: 5px 0 0; }
#mycheckout #custom-cart .item .name { width: 52%; }
#mycheckout #custom-cart .item .name .title { width: 100%; font-size: 14px; line-height: 20px; padding: 6px 0 0; }
#mycheckout #custom-cart .item .name .title a { color: #000; }
#mycheckout #custom-cart .item .name .title a:hover { color: #0071e3; }
#mycheckout #custom-cart .item .name .title a span { color: #0071e3; }
#mycheckout #custom-cart .item .name .sub { padding: 8px 0 0; font-size: 12px; color: #555; line-height: 16px; }
#mycheckout #custom-cart .item .name .sub i { display: inline-block; vertical-align: middle; }
#mycheckout #custom-cart .item .name .sub i:before { font-family: 'App'; font-style: normal; margin: 0 2px 0 0; font-size: 20px; line-height: 16px; height: 18px; color: #0071e3; }
#mycheckout #custom-cart .item .qnt, #mycheckout #custom-cart .item .sum { width: calc(24% - 40px); margin: 0 0 0 40px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
#mycheckout #custom-cart .item .qnt button { margin: 1px 0 0; width: 30px; height: 30px; line-height: 30px; font-size: 17px; font-family: 'Inter'; font-weight: 500; text-align: center; color: #000; cursor: pointer; background: #f5f5f6; transition: all 0.3s ease; border-radius: 50%; }
#mycheckout #custom-cart .item .qnt button:hover { background: #ebebeb; }
#mycheckout #custom-cart .item .qnt input[type="text"] { width: 38px; margin: 0 10px; border: none; height: 32px; line-height: 32px; font-family: 'Inter'; font-weight: 400; color: #000; font-size: 14px; outline: none; background: #f5f5f6; border-radius: 5px; text-align: center; transition: all 0.2s ease; }
#mycheckout #custom-cart .item .qnt input[type="text"]:focus { background: #fff; box-shadow: 0 0 15px #ddd; }
#mycheckout #custom-cart .item .sum .price-info { width: calc(100% - 32px); line-height: 32px; font-weight: 500; font-size: 15px; }
#mycheckout #custom-cart .item .sum .pad { margin: 0 0 10px; }
#mycheckout #custom-cart .item .sum i { font-style: normal; font-size: 11px; line-height: 16px; color: #888; display: block; }
#mycheckout #custom-cart .item .sum .price-info .math { line-height: 15px; font-size: 13px; color: #777; font-weight: 400; }
#mycheckout #custom-cart .item .sum .delete { width: 12px; margin: 0 0 0 20px; }
#mycheckout #custom-cart .item .sum .delete button { color: #000; }
#mycheckout #custom-cart .item .sum .delete button:before { font-family: 'App'; font-size: 12px; width: 12px; text-align: center; line-height: 32px; margin: 0; }
#mycheckout #custom-cart .item .sum .delete button:hover { color: #999; }
#mycheckout .cs-block { margin: 50px 0 0; }
#mycheckout .cs-block.sm { margin: 30px 0 0; }
#mycheckout .list .panel { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#mycheckout .list .panel-heading { width: 20%; margin: 0 5% 0 0; font-weight: 500; font-size: 18px; line-height: 24px; }
#mycheckout .list .panel-body { width: 75%; }
#mycheckout .panel-body .radio-list { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#mycheckout .panel-body .radio-list.pad { margin: 0 0 30px; }
#mycheckout .panel-body .radio-list .radio { margin: 0 0 0 10px; }
#mycheckout .panel-body .radio-list .radio:first-child { margin: 0; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] { display: none; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label { display: inline-block; padding: 10px; min-width: 140px; border: 2px solid #ebebeb; background: #fefefe; text-align: left; color: #777; cursor: pointer; transition: all 0.2s ease; border-radius: 5px; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label .radio-icon { width: 100%; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label .radio-icon i { font-style: normal; display: inline-block; width: 28px; height: 28px; color: #aaa; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label .radio-icon i:before { font-family: 'App'; font-size: 26px; width: 26px; line-height: 28px; height: 26px; text-align: left; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label .radio-icon[data-code="pickup.pickup"] i:before { font-family: 'App'; content: '\e01c'; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label .radio-icon[data-code="flat.flat"] i:before { font-family: 'App'; content: '\e00b'; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label .radio-icon[data-code="cod"] i:before { font-family: 'App'; content: '\e009'; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label .radio-icon[data-code="card"] i:before { font-family: 'App'; content: '\e026'; }
#mycheckout .panel-body .radio-list .radio input[type="radio"] + label .radio-title { margin: 8px 0 0; font-family: 'Inter'; font-weight: 400; font-size: 13px; line-height: 20px; }
#mycheckout .panel-body .radio-list .radio.ship input[type="radio"] + label { min-width: 200px; }
#mycheckout .panel-body .radio-list .radio.ship input[type="radio"] + label .radio-title { font-weight: 500; font-size: 14px; line-height: 20px; }
#mycheckout .panel-body .radio-list .radio.ship input[type="radio"] + label .radio-des { margin: 0; font-family: 'Inter'; font-weight: 400; font-size: 12px; line-height: 18px; }
#mycheckout .panel-body .radio-list .radio.ship input[type="radio"] + label .radio-cost { margin: 12px 0 0; font-family: 'Inter'; font-weight: 500; font-size: 14px; line-height: 18px; }
#mycheckout .panel-body .radio-list .radio.shus input[type="radio"] + label { min-width: 0px; padding: 8px 10px; font-size: 14px; line-height: 14px; }
#mycheckout .panel-body .radio-list .radio input[type="radio"]:hover + label { border: 2px solid #ccc; }
#mycheckout .panel-body .radio-list .radio input[type="radio"]:checked + label { border: 2px solid #0071e3; color: #000; background: #fff; }
#mycheckout .panel-body .radio-list .radio input[type="radio"]:checked + label .radio-icon i { color: #0071e3; }
#mycheckout .panel-body .fields { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#mycheckout .panel-body .fields.sel { display: inline-block; }
#mycheckout .panel-body .fields.pad, #mycheckout .panel-body #custom-shipping-address { margin: 30px 0 0; }
#mycheckout .panel-body .fields .form-group { width: calc(50% - 10px); margin: 0 0 20px 20px; padding: 0; }
#mycheckout .panel-body .fields .form-group.full { width: 100%; margin: 20px 0 0; }
#mycheckout .panel-body .fields .form-group:nth-child(odd) { margin: 0 0 20px; }
#mycheckout .panel-body .fields .form-group.full:first-child { margin: 0; }
#mycheckout .panel-body .fields input[type="text"], #mycheckout .panel-body .fields input[type="password"] { width: calc(100% - 20px); padding: 0 10px; border: none; height: 50px; line-height: 50px; font-family: 'Inter'; font-weight: 400; color: #000; font-size: 15px; outline: none; background: #f5f5f6; border-radius: 5px; transition: all 0.2s ease; }
#mycheckout .panel-body .fields input[type="text"]:focus, #mycheckout .panel-body .fields input[type="password"]:focus { background: #fff; box-shadow: 0 0 15px #ddd; }
#mycheckout .panel-body .fields textarea { width: calc(100% - 20px); border: none; background: #f4f4f4; padding: 10px; margin: 0; height: 120px; line-height: 20px; color: #000; font-family: 'Inter'; font-weight: 400; font-size: 15px; outline: none; border-radius: 5px; transition: all 0.2s ease; margin: 0 0 20px; }
#mycheckout .panel-body .fields textarea:focus { box-shadow: 0 0 20px #ebebeb; background: #fff; }
#mycheckout .panel-body .fields .select { display: inline-block; position: relative; width: 100%; }
#mycheckout .panel-body .fields .select:after { content: '\e82a'; font-family: 'app'; font-size: 14px; color: #000; 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; border-radius: 0 5px 5px 0; transition: all 0.2s ease; }
#mycheckout .panel-body .fields .select select { width: 100%; padding: 0 50px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Inter'; font-weight: 400; font-size: 15px; line-height: 50px; color: #000; letter-spacing: 0px; background: #f5f5f6; border-radius: 5px; transition: all 0.2s ease; }
#mycheckout .panel-body .fields .select select:focus { box-shadow: 0 0 20px #ebebeb; background: #fff; }
#mycheckout .panel-body .fields .select select option { font-size: 13px; }
#mycheckout .panel-body .fields button.loginbt { display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; border-radius: 5px; background: #f33829; font-size: 14px; font-family: 'Inter'; font-weight: 400; color: #fff; }
#mycheckout .panel-body .fields button.loginbt:hover { background: #ff7751; }
#mycheckout .panel-body .fields .forgot { margin: 0 0 0 25px; font-size: 13px; line-height: 40px; }
#mycheckout .panel-body .fields .forgot a { color: #999; }
#mycheckout .panel-body .fields .forgot a:hover { color: #000; }
#mycheckout .pull-right { margin: 10px 0 0 25%; width: 75%; }
#mycheckout .check { width: 100%; }
#mycheckout .check input[type="checkbox"] { display: none; }
#mycheckout .check input[type="checkbox"] + label { display: block; width: calc(100% - 35px); padding: 0 0 0 25px; cursor: pointer; position: relative; line-height: 18px; font-size: 14px; color: #555; font-family: 'Inter'; font-weight: 400; }
#mycheckout .check input[type="checkbox"] + label a { color: #0071e3; text-decoration: underline; }
#mycheckout .check input[type="checkbox"] + label a:hover { color: #000; text-decoration: none; }
#mycheckout .check input[type="checkbox"] + label:before { font-family: 'App'; content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #d7d7d7; background: #ffffff; border-radius: 3px; }
#mycheckout .check input[type="checkbox"] + label:hover:before { border: 1px solid #000; }
#mycheckout .check input[type="checkbox"]:checked + label:before { content: '\e025'; font-size: 10px; text-align: center; line-height: 16px; color: #fff; border: 1px solid transparent; background: #0071e3; }
#mycheckout .proceed .title { font-size: 16px; font-weight: 500; margin: 0 0 40px; }
#mycheckout .proceed ul { margin: 0; padding: 0; list-style: none; }
#mycheckout .proceed ul li { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 17px; line-height: 20px; color: #000; }
#mycheckout .proceed ul li .lefts { width: calc(50% - 10px); text-align: left; font-size: 14px; }
#mycheckout .proceed ul li .rights { width: calc(50% - 10px); margin: 0 0 0 20px; text-align: right; font-size: 16px; }
#mycheckout .proceed ul li .rights i { display: block; font-style: normal; font-size: 11px; line-height: 18px; color: #888; }
#mycheckout .proceed ul li .rights i.pad { padding: 10px 0 0; }
#mycheckout .proceed ul li:last-child { margin: 0; font-weight: 500; padding: 17px 0 0; border-top: 1px solid rgba(0,0,0,0.1); }
#mycheckout .proceed ul li:last-child .lefts { color: #000; font-size: 15px; }
#mycheckout .proceed #accordion { margin: 40px 0 0; padding: 0; }
#mycheckout .proceed .panel-title { font-size: 14px; line-height: 20px; }
#mycheckout .proceed .panel-title a { color: #f33829; text-decoration: underline; }
#mycheckout .proceed .panel-title a:hover { color: #000; text-decoration: none; }
#mycheckout .proceed .panel-body { width: 100%; padding: 20px 0 15px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
#mycheckout .proceed .panel-body input[type="text"] { width: calc(100% - 65px); border: none; height: 40px; line-height: 40px; font-family: 'Inter'; font-weight: 400; color: #000; font-size: 14px; outline: none; background: #fff; border-radius: 5px; padding: 0 10px; transition: all 0.2s ease; }
#mycheckout .proceed .panel-body input[type="text"]:focus { box-shadow: 0 0 15px #ddd; }
#mycheckout .proceed .panel-body button { display: inline-block; width: 40px; height: 40px; border-radius: 5px; background: #0071e3; color: #fff; margin: 0 0 0 5px; }
#mycheckout .proceed .panel-body button:before { font-family: 'App'; font-size: 18px; line-height: 41px; width: 40px; height: 40px; text-align: center; }
#mycheckout .proceed .panel-body button:hover { background: #c22c20; }
#mycheckout .proceed .confirm { width: 100%; margin: 15px 0 0; }
#mycheckout .proceed .confirm button { display: block; width: 100%; height: 54px; line-height: 54px; border-radius: 7px; background: #0071e3; font-size: 16px; font-family: 'Inter'; font-weight: 400; color: #fff; text-align: center; }
#mycheckout .proceed .confirm button:hover { background: #4c9beb; }
#mycheckout #custom-confirm { visibility: hidden; height: 0px; }
#mycheckout #custom-confirm .data { display: none; }
#mycheckout #custom-confirm .place { display: none; }
#mycheckout #custom-confirm .place button { display: block; width: 100%; height: 54px; line-height: 54px; border-radius: 7px; background: #0071e3; font-size: 16px; font-family: 'Inter'; font-weight: 400; color: #fff; text-align: center; }
#mycheckout #custom-confirm .place button:hover { background: #4c9beb; }

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

#pages { width: 100%; margin: 0; padding: 0 0 60px; min-height: 50vh; }
#pages h1 { font-size: 26px; line-height: 30px; color: #000000; margin: 0 0 40px; font-family: 'sfdmedium'; width: 80%; }

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

footer { width: 100%; background: #f6f6f6; }
footer .top { padding: 60px 0 50px; margin: 0; border-bottom: 1px solid #e5e5e5; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
footer .column { width: 22%; margin: 0 4% 0 0; }
footer .column:last-child { margin: 0; }
footer .title { font-size: 14px; color: #000; line-height: 14px; margin: 0 0 15px; font-weight: 500; letter-spacing: 0px; }
footer ul { width: 100%; margin: 0; padding: 0; list-style: none; }
footer ul li { display: block; font-size: 14px; line-height: 24px; margin: 0; padding: 0; letter-spacing: 0px; }
footer ul li a { text-decoration: none; color: #666; }
footer ul li a:hover { color: #000; }
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 { font-size: 16px; line-height: 16px; margin: 0 0 16px; display: block; }
footer .contacts a { text-decoration: none; color: #000; }
footer .contacts a.nopoint { cursor: default; }
footer .social { padding: 22px 0 0; width: 100%; display: flex; align-content: stretch; justify-content: flex-start; flex-wrap: wrap; }
footer .social a { display: inline-block; width: 18px; line-height: 18px; margin: 0 0 0 25px; color: #000; }
footer .social a:first-child { margin: 0; }
footer .social a:before { font-family: 'App'; width: 18px; font-size: 18px; line-height: 18px; }
footer .social a:hover { color: #0071e3; }
footer .bottom { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 50px 0 60px; }
footer .left { width: 50%; margin: 0; }
footer .right { width: 50%; margin: 0; text-align: right; }
footer .copy { color: #555; font-size: 12px; line-height: 18px; letter-spacing: 0px; }
footer .designer { margin: 0; text-align: right; line-height: 18px; display: inline-block; color: #000; font-size: 12px; letter-spacing: 0px; }
footer .designer a { display: inline-block; color: #144dde; font-weight: 600; font-size: 14px; }
footer .designer a:hover { color: #000; }