html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
figure { border:none; margin:0; padding:0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body { margin:0; color:#000; font-size:14px; font-family:Fellix, Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }

html::-webkit-scrollbar { width:10px; }
html::-webkit-scrollbar-track { background:#444; }
html::-webkit-scrollbar-thumb { background-color: #FFF; border:3px solid #444; }
html { scrollbar-color:#FFF #444; scrollbar-width:thin; }

*::-moz-selection { background:rgba(0, 0, 0, 0.2); }
*::selection { background:rgba(0, 0, 0, 0.2); }

a { color:#000; text-decoration:none;  }
a:hover { color:#333; text-decoration:none; }

:root {
    --input-background-color: #FFF;
    --input-border-color: #bfbfbf;
    --input-border-color-inline: #FFF;
    --input-border-color-checked: #FF9E18;
    --input-background-color-checked: #FF9E18;
    --input-border-color-inline-checked: #FF9E18;
    --input-border-color-disabled: #bfbfbf;
    --input-background-color-disabled: #efefef;
    --input-border-color-inline-disabled: #bfbfbf;
    --input-border-color-hover: #FF9E18;
    --input-background-color-hover: #FFF;
    --input-border-color-inline-hover: #bfbfbf;
    --input-border-color-focus: #FF9E18;
}

/* Reset Css */
input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; }
input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; }
input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; }

/* Customization checkbox & radio */
input[type='checkbox'], input[type='radio'] { width:18px; height:18px; line-height:18px; min-width:1px !important; margin:1px 10px -1px 0; padding:0; }
input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; }
input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; }

/* Customization checbox */
input[type='checkbox']::before { border-radius:3px; border:solid 1px; border-color:var(--input-border-color); }
input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 2px 2px 0; width:5px; height:10px; left:7px; bottom:5px; }
input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); }
input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); }
input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

/* Customization radio */
input[type='radio']::before { border-radius: 50%; border: solid 1px; }
input[type='radio']::after { border: solid; border-color: var(--input-border-color-inline-checked); border-width: 5px; border-radius: 50%; width: 0px; height:0px; left:4px; bottom:4px; }
input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); }
input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='radio']:disabled::before {}
input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); }
input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

input, textarea, select { float:left; font-size:14px; font-family:Fellix, Arial; border-radius:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:Fellix, Arial; font-size:15px; font-weight:600; letter-spacing:1px; }

.input { width:100%; height:45px; padding:0 16px; border:1px solid #BBB; transition:ease 0.3s; background-color:#FFF; border-radius:3px; line-height:45px; }
.input:focus { border-color:#666; }

.select { background:#FFF url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

.button { float:none; height:45px; display:inline-block; padding:0 40px 0 30px; cursor:pointer; position:relative; color:#FFF; background-color:#000; line-height:45px; transition:all 0.25s; border-radius:3px; overflow:hidden; }
.button:hover { background-color:#FF931C; }
.button::before { content:""; position:absolute; top:0; bottom:0; right:-40%; left:50%; background-image:linear-gradient(0deg,rgba(255,255,255,0.0),#FFF); transform:skew(-40deg); opacity:0.25; transition:all 0.25s; }
.button:hover::before { left:30%; }
.button::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:16px; background:url(../images/arrow-white-right.png) no-repeat right center / 100% auto; transition:all 0.25s; }
.button:hover::after { right:12px; }

.nettech { float:left; width:100%; position:relative; }
.outer { margin:0 auto; width:100%; max-width:1840px; padding:0 30px; position:relative; }
.wrap { margin:0 auto; width:1440px; min-height:10px; position:relative; }
.wrap-slim { max-width:1000px; }

.tac { text-align:center; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50% !important; }
.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }
.mt15 { margin-top:15px; }
.mt10 { margin-top:10px; }
.mr15 { margin-right:15px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }

/*	FUNCTIONS	*/

.to-top { position:fixed; bottom:-20px; right:20px; z-index:9999; opacity:0; transition:all 0.5s; }
.scroll-top .to-top { opacity:1; bottom:20px; }
.to-top a { float:right; width:48px; height:48px; background:#FCF8F7 url(../images/arrow-black-down.png) no-repeat center / 16px auto; border-radius:50%; position:relative; text-indent:-9999px; transform:rotate(180deg); transition:all 0.1s; box-shadow:0 -5px 10px rgb(0 0 0 / 15%); border:2px solid #FFF; }
.to-top a:hover { background-position:center 55%; background-color:#FF9E18; }

.connect-whatsapp { position:fixed; bottom:60px; right:20px; z-index:9999; display:block; font-weight:600; font-size:12px; line-height:33px; }
.connect-whatsapp a { float:right; width:48px; height:48px; background-color:#18BC41; border-radius:50%; overflow:hidden; position:relative; text-indent:-9999px; }
.connect-whatsapp a:hover { background-color:#00C451; }
.connect-whatsapp a::before { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../images/icon-whatsapp-2.png) no-repeat center / 24px; }

/*	Start TOP	*/

.header-wrap { position:fixed; top:0; left:0; right:0; padding-bottom:20px; z-index:5000; transition:all 0.4s; }
.header-wrap::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/bg-page.png) no-repeat center / cover; }
.header-home::before { background:#000; }
.scroll .header-wrap { margin-top:-40px; background-color:#000; }

.header-shopping { padding:10px 0 !important; margin-top:0 !important; }

.header-wrap::after { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; background-color:#FF9E18; z-index:100; transition:all 1s; opacity:0; }
.scroll .header-wrap::after , .scroll-mobile .header-wrap::after { left:0; right:0; opacity:1; }

.header-inner { float:left; width:100%; position:relative; }
.header { float:left; width:100%; z-index:2000; position:relative; }

.header-top { float:left; width:100%; margin-bottom:10px; position:relative; }
.header-top ul { float:right; }
.header-top li { padding:0 15px; }
.header-top li:last-child { padding-right:0; }
.header-top li a { float:left; line-height:50px; color:#FFF; }
.header-top li a:hover { color:#FF9E18; }

.header-flex { display:flex; }

#logo { float:left; margin-top:-60px; margin-right:20px; position:relative; z-index:1000; }
#logo a { float:left; padding-top:50px; position:relative; }
#logo a::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background-image:linear-gradient(90deg,#FF9E18,#FFF); border-radius:0 0 3px 3px; }
#logo a:hover::before { background:#FFF; }
#logo img { height:60px; transition:all 0.4s; }
.scroll #logo img { height:50px; margin-top:10px; }
#logo img:hover { opacity:0.8; }

#logo-shopping { flex:1; margin-right:20px; position:relative; z-index:1000; }
#logo-shopping a { float:left; position:relative; }
#logo-shopping a img { float:left; height:50px; }

.header-box { position:absolute; top:60px; background-color:#FFF; box-shadow:0 7px 25px rgba(0,0,0,0.1); z-index:100; border-radius:3px; display:none; }
.header-box::before {
    content:"";
    border-bottom:4px solid transparent;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    height: 0;
    top:-4px;
    right:19px;
    position:absolute;
    width:0;
    border-bottom-color:#FFF;
}

.header-icon { float:left; height:50px; position:relative; cursor:pointer; font-weight:500; color:#FFF; letter-spacing:1px; line-height:49px; }
.header-icon::before { content:""; position:absolute; top:0; left:0; width:20px; height:100%; background-position:center; background-size:auto 20px; background-repeat:no-repeat; z-index:5; }
.header-icon::after { content:""; position:absolute; top:0; left:50%; width:40px; height:40px; margin-left:-20px; background-color:transparent; border-radius:50%; transition:all 0.3s; }
.header-icon span { position:relative; z-index:10; }

.header-cart { float:right; margin-left:auto; position:relative; }
.header-cart-icon { padding-left:26px; }
.header-cart-icon::before { width:18px; background-image:url(../images/icon-cart.png); }
.header-cart-icon i { position:absolute; top:-1px; left:18px; width:18px; height:16px; text-align:center; background-color:#FF9E18; color:#FFF; font-size:10px; font-weight:600; letter-spacing:0; line-height:16px; border-radius:3px 3px 3px 0; z-index:10; }
.header-cart-icon i::after {
    content:"";
    border-top:3px solid transparent;
    border-left:0 solid transparent;
    border-right:4px solid transparent;
    height: 0;
    bottom:-3px;
    left:0;
    position:absolute;
    width:0;
    border-top-color:#FF9E18;
}

.header-cart-content { width:450px; padding:20px; right:0; }
.header-cart-content ul { width:100%; border-top:1px solid rgba(0, 0, 0, 0.06); max-height:261px; overflow-y:auto; line-height:16px; }
.header-cart-content li { width:100%; padding:10px 0; position:relative; border-bottom:1px solid rgba(0, 0, 0, 0.06); font-weight:500; display:flex; align-items:center; }
.header-cart-content li a:hover { text-decoration:underline; }
.header-cart-content li img { float:left; width:60px; position:relative; }
.header-cart-content li div { flex:1; padding-left:15px; display:flex; align-items:center; }
.header-cart-content li div span { width:55%; padding-right:10px; font-size:12px; font-weight:600; }
.header-cart-content li div span a { display:block; }
.header-cart-content li div i { width:15%; text-align:center; }
.header-cart-content li div em { width:30%; padding-right:10px; text-align:right; font-weight:700; }

.header-cart-content .summary { float:left; width:100%; padding:15px 0; margin-bottom:15px; text-align:right; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.06); }
.header-cart-content .summary i { font-size:17px; font-weight:700; }

.header-cart-content .empty { float:left; width:100%; padding:60px 0 30px 0; color:#999; text-align:center; position:relative; }
.header-cart-content .empty::before { content:""; position:absolute; top:20px; left:50%; width:30px; height:30px; margin-left:-15px; background:url(../images/header-basket.png) no-repeat center; background-size:100%; opacity:0.4; }

.header-cart-content .func { float:left; width:100%; font-weight:600; line-height:39px; }
.header-cart-content .func a { float:left; height:40px; transition:all 0.3s; }
.header-cart-content .func a:last-child { float:right; padding:0 20px; background-color:#FF9E18; letter-spacing:1px; color:#FFF; border-radius:3px; }
.header-cart-content .func a:last-child:hover { background-color:#3D4B5A; }

.header-account { float:right; margin-left:auto; position:relative; }

.header-account::after { content:""; float:right; width:2px; height:30px; margin:10px 30px; background-color:rgba(255,255,255,0.2); }

.header-account-icon { padding-left:28px; }
.header-account-icon::before { background-image:url(../images/icon-user.png); }
.header-login-icon::before { background-image:url(../images/icon-lock.png); }

.header-account-content { width:280px; right:50px; }
.header-account-content ul { width:100%; padding:15px; }
.header-account-content li { width:100%; }
.header-account-content li a { float:left; width:100%; padding:10px 15px; position:relative; font-weight:500; display:flex; align-items:center; border-radius:3px; transition:all 0.3s; }
.header-account-content li a:hover { background-color:#F4F4F4; }
.header-account-content li:last-child a { color:#FF9E18; }
.header-account-content li a img { float:left; height:20px; margin:0 10px 0 -5px; }

.header-search { float:right; position:relative; }
.header-search-icon::before { background-image:url(../images/icon-search.png); }
.header-search-content { margin:0 40px 0 20px; display:block; flex:1; position:relative; }
.header-search-content input { width:100%; height:50px; padding:0 58px 0 18px; border-radius:3px; color:#FFF; line-height:50px; border:2px solid rgba(255,255,255,0.5); background-color:transparent; }
.header-search-content input::placeholder { color:#FFF; opacity:1; }
.header-search-content input:-ms-input-placeholder { color:#FFF; }
.header-search-content input::-ms-input-placeholder { color:#FFF; }
.header-search-content input:focus { border-color:#FFF; }
.header-search-content button { position:absolute; width:50px; height:50px; top:0; right:0; background:url(../images/icon-search.png) no-repeat center / 20px; text-indent:-9999px; }
.header-search-content button:hover { background-size:18px; }

.menu-trigger-active { color:#FF9E18; }

.nav-outer { float:left; position:relative; }
.nav-icon { float:left; width:180px; height:50px; padding-left:53px; position:relative; border:2px solid rgba(255,255,255,0.5); border-radius:3px; background:url(../images/icon-hamburger.png) no-repeat 18px center / 24px auto; font-weight:600; color:#FFF; letter-spacing:1px; line-height:45px; z-index:80; cursor:pointer; }
.nav-icon.menu-trigger-active { border-color:#FFF; }

.nav-menu { position:absolute; top:60px; left:0; width:480px; display:none; z-index:440; }

.sub-nav-menu { float:left; width:220px; padding:10px 0; background-color:#FFF; border-radius:3px 0 0 3px; position:relative; z-index:200; box-shadow:0 7px 25px rgba(0,0,0,0.08); }
.sub-nav-menu::before {
    content:"";
    border-bottom:5px solid transparent;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    height: 0;
    top:-5px;
    left:46px;
    position: absolute;
    width:0;
    border-bottom-color:#FFF;
}
.sub-nav-menu ul { width:100%; }
.sub-nav-menu li { width:100%; position:relative; }
.sub-nav-menu li.active .sub-nav-container { display:block; }
.sub-nav-menu li a { float:left; width:100%; padding:0 10px 0 20px; font-weight:500; line-height:30px; position:relative; }
.sub-nav-menu li a:hover { color:#FF9E18; box-shadow:inset 2px 0 0 #FF9E18; }
.sub-nav-menu li a::before { content:""; position:absolute; top:0; bottom:0; right:10px; width:5px; background:url(../images/arrow-grey-right.png) no-repeat right center / 100% auto; }
.sub-nav-menu li a::after {
    content:"";
    border-left:5px solid transparent;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    height:0;
    top:50%;
    right:3px;
    position:absolute;
    width:0;
    margin-top:-10px;
    border-left-color:#FFF;
    transition:all 0.15s;
}
.sub-nav-menu li a:hover::after { right:-5px; }

.sub-nav-container { position:absolute; top:0; right:-250px; width:250px; z-index:180; display:none; }
.sub-nav-in { float:left; width:100%; padding:10px 0; background-color:#FF9E18; border-radius:0 3px 3px 0; position:relative;  }
.sub-nav-container ul { width:100%; }
.sub-nav-container li { width:100%; }
.sub-nav-container li a { float:left; width:100%; padding:0 10px 0 20px; font-weight:500; color:#FFF; line-height:30px; }
.sub-nav-container li a:hover { color:#000; }

#nav { position:absolute; top:60px; left:0; display:none; z-index:440; }
#nav ul { width:220px; padding:10px 0; background-color:#FFF; border-radius:3px 0 0 3px; position:relative; z-index:200; box-shadow:0 7px 25px rgba(0,0,0,0.08); }
#nav ul::before {
    content:"";
    border-bottom:5px solid transparent;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    height: 0;
    top:-5px;
    left:46px;
    position: absolute;
    width:0;
    border-bottom-color:#FFF;
}
#nav li { width:100%; position:relative; }
#nav li:hover { z-index:10; }

#nav li.nav-multi::before { content:""; position:absolute; top:0; bottom:0; right:10px; width:5px; background:url(../images/arrow-grey-right.png) no-repeat right center / 100% auto; opacity:0.5; }

#nav li > a { float:left; width:100%; padding:0 10px 0 20px; font-weight:500; line-height:30px; position:relative; }
#nav li > a:hover { color:#FF9E18; box-shadow:inset 2px 0 0 #FF9E18; }

#nav > ul li span { position:absolute; top:-10px; right:-250px; width:250px; padding:10px 0; z-index:180; display:none; background-color:#FF9E18; border-radius:0 3px 3px 0; }
#nav > ul li:nth-last-child(-n+5) span { top:auto; bottom:-10px; }
#nav li span::before {
    content:"";
    border-left:4px solid transparent;
    border-bottom:8px solid transparent;
    border-top:8px solid transparent;
    height: 0;
    position: absolute;
    width:0;
    left:0;
    top:17px;
    border-left-color:#FFF;
}
#nav > ul li:nth-last-child(-n+5) span::before {
    top:auto;
    bottom:17px;
}
#nav > ul li span a { float:left; width:100%; padding:0 10px 0 20px; font-weight:500; color:#FFF; line-height:25.5px; }
#nav > ul li span a:hover { color:#000; }

.header-mobile , .header-navigation { display:none; }

/*	Start COOKIES	*/

.cookies { position:fixed; bottom:0; left:20px; right:20px; padding:25px; z-index:2000; transition:all 0.4s; background-color:rgba(51, 51, 51, 0.9); color:#FFF; text-align:center; border-radius:6px 6px 0 0; display:none; }
.cookies a { color:#FFF; font-weight:500; text-decoration:underline; }
.cookies a:hover { text-decoration:none; }

.cookies-close { position:absolute; top:-16px; right:36px; width:32px; height:32px; }
.cookies-close::before { content:""; position:absolute; top:-3px; left:-40px; right:-40px; height:19px; background:url(../images/hat.png) no-repeat center / 60% 100%; }
.cookies-close span { float:left; width:100%; height:100%; position:relative; border-radius:50%; text-indent:-9999px; background:#FFF url(../images/icon-close-2.png) no-repeat center / 12px; cursor:pointer; }
.cookies-close span:hover { background-size:10px; background-image:url(../images/icon-close.png); background-color:#FF9E18; }

/*	Finish TOP	*/

.controls { height:100%; }
.slick-prev , .slick-next {
    position:absolute;
    top:50%;
    width:48px;
    height:48px;
    margin-top:-24px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:1000;
    transition:all 0.3s ease;
    background:#FFF url(../images/arrow-left.png) no-repeat center / 20px auto;
    box-shadow:0 0 20px rgba(0,0,0,0.1);
    border-radius:3px;
}

.slick-prev { left:15px; }
.slick-next { right:15px; background-image:url(../images/arrow-right.png); }

.slick-prev:hover , .slick-next:hover { background-color:#FF9E18 !important; }

ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:60px 0 15px 0; z-index:1000; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.2)); }
ul.slick-dots li { float:none; margin:0 5px; position:relative; display:inline-block; transition:all 0.3s; z-index:10; }
ul.slick-dots li button { float:left; width:30px; height:23px; cursor:pointer; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.3; border-top:10px solid transparent; border-bottom:10px solid transparent; }
ul.slick-dots li button:hover { opacity:0.7; }
ul.slick-dots li.slick-active button { opacity:1 !important; }
ul.slick-dots li button::before { content:""; float:left; width:100%; height:100%; background-color:#FFF; }

.hero-slider { float:left; width:100%; position:relative; background-color:#F3F3F3; overflow:hidden; z-index:4000; }
.hero-slider-item { float:left; width:100%; height:100%; position:relative; }

.hero-slider-item-bg { position:absolute; top:0; bottom:60px; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; }

.hero-slider-item-content { float:left; width:100%; position:relative; z-index:10; }
.hero-slider-item-in { float:left; width:100%; margin-top:50px; position:relative; z-index:10; display:flex; align-items:center; }
.hero-slider-item-in section { float:left; width:50%; padding-bottom:150px; padding-right:40px; position:relative; color:#FFF; z-index:100; }
.hero-slider-item-title { float:left; width:100%; font-size:48px; font-weight:700; line-height:50px; letter-spacing:-0.5px; }
.hero-slider-item-summary { float:left; width:100%; margin:20px 0 36px 0; font-size:39px; font-weight:500; line-height:40px; letter-spacing:-0.5px; }
.hero-slider-item-cta { float:left; width:100%; }
.hero-slider-item-cta a { float:left; height:50px; padding:0 63px 0 38px; border:2px solid #FF9E18; border-radius:3px; font-weight:700; color:#FF9E18; letter-spacing:1px; line-height:44px; background:url(../images/arrow-white-right.png) no-repeat right 23px center / 20px auto; }
.hero-slider-item-cta a:hover { border-color:#FFF; background-color:#000; color:#FFF; }
.hero-slider-item-in picture { float:right; width:50%; position:relative; }
.hero-slider-item-in picture img { float:right; height:460px; position:relative; z-index:10; }

.hero-slider ul.slick-dots { background:none; padding-top:0; bottom:60px; }
.hero-slider ul.slick-dots li button { width:60px; }

/*	Start FOOTER	*/

.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; }
.mask-top { top:0; bottom:auto; }
.mask > img , .mask-top > img { float:left; width:100%; }

.footer-wrap { float:left; width:100%; position:relative; background-color:#F4F4F4; }
.footer-wrap::before , .footer-wrap::after { content:""; position:absolute; top:0; left:0; width:50%; height:2px; background-color:#FF9E18; z-index:100; }
.footer-wrap::after { left:50%; background-color:#000; }

.footer-wrap a:hover { text-decoration:underline; }

.footer-advantages { float:left; width:100%; padding:20px 0; position:relative; text-align:center; }
.footer-advantages ul { width:100%; display:flex; flex-flow:row wrap; }
.footer-advantages li { width:25%; padding:0 15px; margin-bottom:20px; }
.footer-advantages li section { float:left; width:100%; position:relative; }
.footer-advantages li section strong { display:block; font-size:14px; font-weight:600; }
.footer-advantages li section picture { display:inline-block; margin:15px 0; position:relative; }
.footer-advantages li section picture::before { content:""; position:absolute; top:5px; left:5px; bottom:-5px; right:-5px; background-color:#FF9E18; opacity:0.1; border-radius:50%; }
.footer-advantages li section img { float:left; height:50px; position:relative; }
.footer-advantages li section span { display:block; font-size: 12px; }

.join-us-wrap { float:left; width:100%; position:relative; }
.join-us { float:left; width:100%; padding-top:60px; padding-bottom:60px; position:relative; box-shadow:inset 0 1px 0 rgba(0,0,0,0.06) , inset 0 -1px 0 rgba(0,0,0,0.06); display:flex; align-items:center; }
.join-us article { float:left; padding:10px 60px; font-size:18px; font-weight:500; line-height:30px; letter-spacing:-0.5px; background:url(../images/icon-letter.png) no-repeat 0 center / auto 40px; }
.join-us > section { flex:1; padding-right:140px; position:relative; }
.join-us .input { height:50px; padding:0 19px; border-color:#FFF; line-height:50px; }
.join-us .input:focus { box-shadow:0 0 20px rgba(0,0,0,0.07); }
.join-us .button { width:120px; height:50px; padding:0; position:absolute; top:0; right:0; }
.join-us .button::after { display:none; }

.footer { float:left; width:100%; padding-top:35px; position:relative; }

.footer-box { padding-left:30px; padding-right:30px; }

.footer-title { width:100%; padding:27px 0 17px 0; position:relative; font-size:18px; font-weight:600; }

.footer-links-wrap { float:left; width:100%; position:relative; }

.footer-links { float:left; width:25%; padding:0 10px; position:relative; }
.footer-links:first-child { width:50%; }
.footer-links > ul { width:100%; }
.footer-links > ul > li { width:100%; }
.footer-links:first-child > ul > li { width:50%; }
.footer-links > ul > li a { float:left; width:100%; padding:5px 0; font-weight:500; color:#666; }
.footer-links > ul > li a:hover { color:#000; }

.footer-support { float:left; width:100%; margin-top:1px; }
.footer-support section { float:left; width:100%; margin-top:20px; }
.footer-support section a { float:left; width:100%; display:flex; align-items:center; font-size:17px; font-weight:600; }
.footer-support section a img { float:left; width:40px; padding:10px; margin-right:20px; background-color:#FFF; border-radius:3px; }

.footer-flex { float:left; width:100%; padding-top:60px; padding-bottom:60px; display:flex; align-items:center; }

.footer-nettel { float:left; position:relative; }
.footer-nettel img { height:40px; }

.footer-line { flex:1; margin:0 30px; height:2px; background-color:rgba(0,0,0,0.05); }

.footer-social { float:right; margin-left:auto; }
.footer-social li { padding-right:15px; }
.footer-social li:last-child { padding-right:0; }
.footer-social li a { float:left; border-radius:3px; background-color:#FFF; }
.footer-social li a:hover { background-color:#FF9E18; }
.footer-social li a img { float:left; height:40px; padding:2px; }

.footer-secure { float:left; width:100%; padding:20px; background-color:#FFF; border-radius:3px; text-align:center; }
.footer-secure picture { display:inline-block; }
.footer-secure picture img { max-width:100%; max-height:40px; }

.copyright { float:left; width:100%; padding-top:50px; padding-bottom:50px; position:relative; z-index:10; }
.copyright .left { float:left; }
.copyright .left section { float:left; color:#666; }
.copyright .left section:last-child { padding-left:20px; margin-left:20px; border-left:1px solid #DDD; }
.copyright .left section a { float:left; margin-right:30px; font-weight:500; }
.copyright .left section a:last-child { margin-right:0; }
.copyright .right { float:right; }
.copyright .right a { display:inline-block; }
.copyright .right a:hover { color:#999; }
.copyright .right a img { float:right; height:20px; margin-left:7px; }

/*	Start CONTENT	*/

.page-title { float:left; width:100%; padding:55px 0 25px 0; position:relative; font-size:35px; font-weight:600; letter-spacing:-0.5px; line-height:40px; }
.page-title-slim { padding:35px 0 15px 0; }
.cat-about-title { padding:40px 0 25px 0; font-size:20px; font-weight:500; letter-spacing:0; line-height:25px; }

.page-about { float:left; width:100%; margin:-11px 0 31px 0; font-size:17px; line-height:30px; color:#666; }
.page-about strong , .page-about b { font-weight:600; color:#000; }
.cat-about { margin:-18px 0 31px 0; font-size:14px; line-height:25px; }

.medium-title { float:left; width:100%; padding:30px 0 20px 0; position:relative; font-size:24px; font-weight:600; letter-spacing:-0.5px; line-height:30px; }
.medium-title-slim { padding-top:0; }

.title-small { float:left; width:100%; padding:0 15px; margin:15px 0; position:relative; font-size:14px; font-weight:600; color:#000; letter-spacing:1px; text-transform:uppercase; }
.title-small::before { content:""; position:absolute; top:50%; left:0; right:0; height:2px; margin-top:-1px; background-color:#000; opacity:0.06; }
.title-small i { float:left; padding:0 15px; background-color:#FFF; position:relative; border-radius:3px; }

.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }

.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }

.hero-categories { float:left; width:100%; position:relative; text-align:center; overflow:hidden; }
.hero-categories ul { width:100%; display:flex; flex-flow:row wrap; }
.hero-categories li { padding:0 15px 25px 15px; flex:1; flex-basis:12.5%; }
.hero-categories li a { float:left; width:100%; }
.hero-categories li a section { width:100%; max-width:150px; display:inline-block; position:relative; }
.hero-categories li a section::before { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#F3F3F3; border-radius:50%; transition:all 0.25s; }
.hero-categories li a:hover section::before { top:10px; left:10px; bottom:10px; right:10px; background-color:#FCC92F; }
.hero-categories li a section img { float:left; width:100%; position:relative; }
.hero-categories li a strong { float:left; width:100%; padding-top:25px; font-weight:600; font-size:14px; }

/* .cat-list { float:left; width:100%; position:relative; overflow:hidden; }
	.cat-list .inner-10 > ul { width:100%; position:relative; display:flex; flex-flow:row wrap; z-index:10; overflow:hidden; }
		.cat-list .inner-10 > ul > li { width:25%; padding:0 10px; margin-bottom:20px; position:relative; } */

.cat-list { float:left; width:100%; position:relative; overflow:hidden; }
.cat-list > ul { width:100%; margin-bottom:20px; position:relative; display:flex; flex-flow:row wrap; z-index:10; border:1px solid #E5E5E5; border-radius:4px; }
.cat-list > ul > li { width:25%; padding:4px; position:relative; box-shadow:0 1px 0 #E5E5E5 , 1px 0 0 #E5E5E5; }
.cat-list-promo > ul > li { width:20%; }
.cat-list > ul > li .product-item { border:0; background-color:transparent; }
.cat-list > ul > li .icon-discount { left:10px; }

.cat-list-cart-cta { position:absolute; left:20px; right:20px; bottom:10px; height:35px; background-color:#FF9E18; font-weight:600; color:#FFF; line-height:35px; text-align:center; border-radius:3px; z-index:100; transition:all 0.3s; opacity:0; cursor:pointer; }
.cat-list .inner-10 > ul > li:hover .cat-list-cart-cta , .slider-home-item:hover .cat-list-cart-cta { opacity:1; }

.list-view { float:left; width:100%; position:relative; }
.list-view ul { width:100%; }
.list-view li { width:100%; margin-bottom:20px; position:relative; }
.list-view li .icon-discount { left:10px; }
.list-view li .icon-fav { right:5px; }

.list-view-item { float:left; width:100%; position:relative; display:flex; align-items:center; }
.list-view-photo { float:left; width:180px; margin-right:30px; }
.list-view-photo .product-item-photo { margin-bottom:0; }

.list-view-name { float:left; flex:1; padding-right:20px; }
.list-view-name .product-item-title { margin:0; font-size:18px; line-height:24px; }
.list-view-specs { float:left; width:100%; margin-top:15px; }
.list-view-specs section { float:left; padding-right:15px; margin-right:15px; margin-bottom:10px; border-right:1px solid #E5E5E5; font-size:13px; color:#666; }
.list-view-specs section:last-child { padding-right:0; margin-right:0; border-right:0; }
.list-view-specs section strong { font-weight:600; color:#222; }

.list-view-info { float:right; width:200px; margin-right:20px; margin-left:auto; text-align:center; }

.list-view-info .product-item-price { margin:0 0 15px 0 !important; }
.list-view-info .cat-list-cart-cta { float:left; width:100%; position:relative; left:auto; right:auto; bottom:auto; opacity:1; }
.list-view-info .cat-list-cart-cta:hover { background-color:#000; }

.slider-home-out { margin-top:-30px; }
.slider-home-wrap { float:left; width:100%; margin-bottom:80px; position:relative; }
.slider-home { float:left; width:100%; position:relative; display:flex; flex-flow:row wrap; }
.slider-home .slick-list { overflow:hidden; }
.slider-home-item { float:left; width:100%; height:100%; padding:0 10px; position:relative; }

.slider-home .slick-prev { left:-14px; }
.slider-home .slick-next { right:-14px; }

.slider-home .slick-track { height:100%; }

.product-item { float:left; width:100%; height:100%; padding:12px; position:relative; border:1px solid #E5E5E5; border-radius:3px; background-color:#FFF; transition:all 0.4s; }
.product-item:hover { border-color:#666; }
.slider-home .product-item { padding:24px; }
.slider-home-white .product-item { padding:25px; border:0; }
.slider-home-white .product-item:hover { box-shadow:inset 0 -2px 0 #000; }
.product-item-photo { float:left; width:100%; height:220px; margin-bottom:15px; position:relative; text-align:center; overflow:hidden; }

.product-item-photo img { display:inline-block; width:auto !important; max-width:100%; height:100%; }

/* .product-item:hover .product-item-photo img { transform:scale(1.1, 1.1); } */
.product-item-title { float:left; width:100%; max-height:40px; margin:5px 0 9px 0; font-weight:500; overflow:hidden; }
.slider-home-item .product-item-title { height:40px; overflow:hidden; }
.product-item-price { float:left; width:100%; margin:11px 0 -2px 0; font-size:20px; color:#999; }
.product-item-price strong { display:inline-block; margin-right:5px; color:#FF9E18; font-weight:600; }
.product-item-price i { display:inline-block; text-decoration:line-through; }

.slider-cat-list { float:left; width:100%; height:100%; position:relative; overflow:hidden; }
.slider-cat-list div { float:left; width:100%; height:100%; position:relative; }

.slider-cat-list ul.slick-dots { padding:20px 0 0 0; background-image:none; }
.slider-cat-list ul.slick-dots li { margin:0 4px; }
.slider-cat-list ul.slick-dots li button { width:16px; height:13px; border-top:5px solid transparent; border-bottom:5px solid transparent; }
.slider-cat-list ul.slick-dots li button::before { background-color:#000; border-radius:2px; opacity:0.5; }

.review-item-rate { float:left; width:100%; margin:5px 0; position:relative; }

.review-rate { float:left; width:70px; height:12px; background:url(../images/star.png) repeat-x 0 center / 14px 12px; }
.review-rate-xl { width:130px; height:22px; background-size:26px 22px; }
.review-rate em { float:left; height:100%; background:url(../images/star-active.png) repeat-x 0 center / 14px 12px; }
.review-rate-xl em { background-size:26px 22px; }
.review-rate em.rate1 { width:20%; }
.review-rate em.rate15 { width:30%; }
.review-rate em.rate2 { width:40%; }
.review-rate em.rate25 { width:50%; }
.review-rate em.rate3 { width:60%; }
.review-rate em.rate35 { width:70%; }
.review-rate em.rate4 { width:80%;}
.review-rate em.rate45 { width:90%;}
.review-rate em.rate5 { width:100%; }

.cat-list-new { text-align:left; }
.cat-list-new li { padding-bottom:30px; }
.cat-list-new li > a { padding:0 0 14px 0 !important; border:0; border-bottom:1px solid #EEE; }
.cat-list-new li > a > strong img { max-width:100%; }

.icon-fav { position:absolute; top:5px; right:15px; width:32px; height:32px; z-index:200; border-radius:50%; text-indent:-9999px; background:#FFF url(../images/icon-fav.png) no-repeat center / 16px; cursor:pointer; }
.icon-fav:hover { background-color:#F5F5F5; }
.icon-faved { background-image:url(../images/icon-fav-2.png); }
.icon-discount { position:absolute !important; top:10px; left:20px; width:40px; height:40px; background:url(../images/icon-badge.png) no-repeat center / 100% 100%; z-index:200; font-size:13px; font-weight:600; color:#FFF; line-height:40px; text-align:center; }
.icon-new { position:absolute; top:11px; right:54px; z-index:200; padding:5px 8px; border-radius:999px; background:#e71e1e; font-size:8px; font-weight:700; letter-spacing:0.08em; color:#FFF; line-height:1; text-transform:uppercase; }
.list-view li .icon-new { right:44px; }

.color-options { position:absolute; top:44px; right:10px; width:16px; text-align:center; }
.color-options small { float:left; padding:2px; margin-bottom:3px; background-color:#FFF; border-radius:50%; /* box-shadow:0 0 4px rgba(0,0,0,0.1); */ }
.color-options small i { float:left; width:12px; height:12px; background-color:#666; border-radius:50%; font-size:9px; font-weight:600; color:#FFF; line-height:12px; box-shadow:inset 0 0 1px rgba(0,0,0,0.2); }

.inner-40 { margin:0 -40px; }
.inner-30 { margin:0 -30px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-5 { margin:0 -5px; }
.inner-4 { margin:0 -4px; }
.inner-2 { margin:0 -2px; }

.promo-five { float:left; width:100%; position:relative; text-align:center; }
.promo-five ul { width:100%; }
.promo-five li { width:25%; padding:0 10px; margin-bottom:20px; }
.promo-five li.xl { width:50%; }
.promo-five li a { float:left; width:100%; position:relative; border-radius:3px; overflow:hidden; }
.promo-five li.light a { color:#FFF; }
.promo-five li a picture { float:left; width:100%; }
.promo-five li a picture img { float:left; width:100%; }
.promo-five li a section { position:absolute; top:0; left:0; right:0; z-index:10; }
.promo-five li a section strong { display:block; padding:25px 0 5px 0; font-size:24px; font-weight:600; line-height:30px; }
.promo-five li.xl a section strong , .promo-two li a section strong { padding:48px 0 2px 0; font-size:41px; line-height:50px; }
.promo-five li a section small { display:inline-block; padding:0 10px; font-size:13px; font-weight:600; letter-spacing:2px; color:rgba(0,0,0,0.5); line-height:40px; box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1); transition:all 0.4s; }
.promo-five li a:hover section small { padding:0 15px; color:#000; letter-spacing:3px; box-shadow:inset 0 -2px 0 #000; }
.promo-five li.light a section small { color:rgba(255,255,255,0.75); box-shadow:inset 0 -2px 0 rgba(255,255,255,0.4); transition:all 0.4s; }
.promo-five li.light a:hover section small { color:#FFF; box-shadow:inset 0 -2px 0 #FFF; }

.promo-two li { width:50%; }
.promo-two li.light a section small { color:#FF9E18; box-shadow:inset 0 -2px 0 #FF9E18; }

.promo-wide { float:left; width:100%; position:relative; }
.promo-wide a { float:left; width:100%; position:relative; border-radius:3px; overflow:hidden; }
.promo-wide a img { float:left; width:100%; }

.slider-brands-wrap { float:left; width:100%; margin-top:60px; position:relative; display:flex; align-items:center; }

.slider-brands-title { float:left; width:25%; max-width:240px; padding:6px 0 6px 40px; position:relative; font-size:20px; font-weight:600; line-height:24px; }
.slider-brands-title::before { content:""; position:absolute; top:0; bottom:0; left:0; width:3px; background-color:#FF9E18; border-radius:0 3px 3px 0; }

.slider-brands { float:right; width:75%; padding:0 50px; margin-left:auto; position:relative; }

.slider-brands .slick-list { height:100%; overflow:hidden; }
.slider-brands .slick-track { height:100%; }

.slider-brands-item { float:left; width:100%; padding:0 10px; position:relative; text-align:center; }
.slider-brands-item a { max-width:120px; max-height:120px; padding:14px; display:inline-block; border-radius:3px; transition:all 0.4s; }

.slider-brands-item img { width:100%; max-width:120px; border-radius:3px; transition:all 0.4s; }
.slider-brands-item:hover img { border-radius:20px; }

.slider-brands .slick-prev { left:0; }
.slider-brands .slick-next { right:0; }

.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.grayscale:hover { filter:none; -webkit-filter:none; }

.sub-page-wrap { float:left; width:100%; padding-top:130px; position:relative; }

.breadcrumb { float:left; width:100%; padding:5px 0; font-size:13px; line-height:40px; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05); }
.breadcrumb section { float:left; width:100%; height:40px; overflow:hidden; }
.breadcrumb a { float:left; color:#777; }
.breadcrumb a:hover { color:#353535; text-decoration:underline; }
.breadcrumb i { float:left; margin:0 15px; opacity:0.2; }
.breadcrumb strong { float:left; font-weight:600; }

.category-title-out { float:left; width:100%; margin:30px 0; position:relative; z-index:10; }
.category-title-wrap { float:left; height:40px; color:#999; position:relative; }
.category-title { display:block; margin:-3px 0 3px 0; color:#000; font-size:24px; font-weight:600; line-height:25px; }
.category-count { display:block; }

.filter-type { float:right; }
.filter-type section { float:left; margin-right:10px; color:#999; line-height:40px; }
.filter-type section:last-child { margin-right:0; }
.filter-type .input { width:auto; height:40px; padding-right:27px; font-weight:500; line-height:38px; }

.filter-style { float:right; margin-right:20px; }
.filter-style li { position:relative; }
.filter-style li::after { content:""; float:right; width:1px; height:20px; margin-top:10px; background-color:#E5E5E5; }
.filter-style li a { float:left; padding:0 20px; }
.filter-style li a img { float:left; height:40px; padding:12px 0; opacity:0.3; }
.filter-style li a:hover img { opacity:0.6; }
.filter-style li a.list-active img { opacity:1; box-shadow:inset 0 -2px 0 #000; }

.sidebar-icon , .sidebar h4 { display:none; }

.sidebar { width:260px; position:relative; }
.sidebar-content { width:calc(100% - 310px); position:relative; }
.sidebar-content-static { padding-left:60px; }
.sidebar-content-static::before { content:""; position:absolute; top:0; bottom:-100px; left:-20px; width:1px; background-color:rgba(0,0,0,0.05); }

.sidebar-group { float:left; width:100%; position:relative; }
.sidebar-group:last-child { border-bottom:1px solid rgba(0,0,0,0.06); }

.sidebar-links { float:left; width:100%; padding-top:20px; position:relative; z-index:10; border-top:1px solid rgba(0,0,0,0.06); }
.sidebar-links > ul { width:100%; }
.sidebar-links > ul > li { width:100%; padding:5px 0; position:relative; }
.sidebar-links ul li a { float:left; width:100%; padding:5px 0 5px 20px; position:relative; font-weight:600; }
.sidebar-links ul li a.active { box-shadow:inset -2px 0 0 #534A46; }
.sidebar-links ul li a::before { content:""; position:absolute; top:50%; left:0; width:6px; height:6px; margin-top:-3px; background-color:#534A46; opacity:0.2; border-radius:50%; }
.sidebar-links ul li a:hover::before , .sidebar-links ul li a.active::before { opacity:1; }
.sidebar-links ul li a i { display:inline-block; min-width:20px; margin-left:3px; border-radius:3px; background-color:#FF9E18; color:#FFF; text-align:center; }

.account-menu ul li a { padding:10px 0 10px 35px; transition:all 0.2s; }
.account-menu ul li a img { float:left; height:20px; margin-left:-35px; opacity:0.6; }
.account-menu ul li a:hover img , .account-menu ul li a.link-active img { opacity:1; }

.sidebar-search { float:left; width:100%; margin-bottom:20px; position:relative; }
.sidebar-search section { float:left; width:100%; position:relative; }
.sidebar-search .input { height:40px; line-height:40px; }
.sidebar-search button { position:absolute; right:0; top:0; width:40px; height:40px; background:url(../images/icon-search-2.png) no-repeat center / 16px; border:none; text-indent:-9999px; }
.sidebar-search button:hover { background-size:18px; opacity:1; }

.sidebar-price-filter { float:left; width:100%; padding-right:40px; position:relative; }
.sidebar-price-filter section { float:left; width:50%; padding-right:10px; position:relative; }
.sidebar-price-filter .input { height:40px; font-size:13px; font-weight:500; line-height:40px; }
.sidebar-price-filter button { position:absolute; right:0; top:0; width:40px; height:40px; background:#999 url(../images/arrow-white-right.png) no-repeat center / auto 12px; border:none; text-indent:-9999px; border-radius:3px; transition:all 0.25s; }
.sidebar-price-filter button:hover { background-color:#000; }

.sidebar-header { float:left; width:100%; padding:20px 0; font-weight:600; letter-spacing:1px; position:relative; cursor:pointer; transition:all 0.3s; box-shadow:inset 0 1px 0 rgba(0,0,0,0.06); }
.sidebar-header::after { content:""; position:absolute; top:0; bottom:0; right:0; width:14px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; transform:rotate(180deg); opacity:0.4; }

.sidebar-closed { color:#999; }
.sidebar-closed::after { transform:rotate(0deg); }
.sidebar-hidden { display:none; }

.sidebar-group-content { float:left; width:100%; margin-bottom:30px; position:relative; }

.sidebar-scroll { float:left; width:100%; max-height:260px; padding-right:6px; position:relative; overflow:hidden; overflow-y:auto; }
.sidebar-scroll::-webkit-scrollbar { width:6px; border-radius:3px; }
.sidebar-scroll::-webkit-scrollbar-track { background:#EEE; border-radius:3px; }
.sidebar-scroll::-webkit-scrollbar-thumb { background-color:#CCC; border-radius:3px; }
.sidebar-scroll { scrollbar-color:#CCC #EEE; scrollbar-width:thin; border-radius:3px; }

.sidebar-menu { float:left; width:100%; position:relative; }
.static-menu { margin-top:71px; }
.sidebar-menu ul { width:100%; }
.sidebar-menu ul li { width:100%; }
.sidebar-menu ul li a { float:left; width:100%; padding:3px 0; margin-bottom:10px; position:relative; font-weight:500; letter-spacing:0.5px; display:flex; align-items:center; }
.sidebar-menu ul li a.active { color:#FF9E18; }
.sidebar-menu ul li a::before { content:""; position:absolute; top:50%; left:0; width:5px; height:2px; background-color:transparent; transition:all 0.2s; }
.sidebar-menu ul li a.active::before , .sidebar-menu ul li a:hover::before { left:-15px; background-color:#FF9E18; }
.sidebar-menu ul li a img { float:left; height:20px; margin-right:15px; }
.sidebar-menu ul li label { float:left; width:100%; padding-bottom:8px; cursor:pointer; position:relative; font-weight:500; }
.sidebar-menu ul li label i { display:inline-block; padding-left:5px; color:#999; font-size:11px; font-weight:400; }

.sidebar-menu ul li ul { padding-left:15px; font-size:13px; letter-spacing:0; }

.sidebar-coloz { float:left; width:100%; }
.sidebar-coloz ul { width:100%; }
.sidebar-coloz li { padding:0 10px 10px 0; }
.sidebar-coloz li section { float:left; padding:2px; cursor:pointer; font-weight:500; border:1px solid #DDD; border-radius:3px; }
.sidebar-coloz li section:hover { border-color:#33475F; }
.sidebar-coloz li section picture { float:left; width:19px; height:19px; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:2px; text-indent:-9999px; }
.sidebar-coloz li section.selected { border-color:#33475F; }
.sidebar-coloz li section.selected picture { background:#CFA08A url(../images/icon-close.png) no-repeat center / 70% !important; }

.sidebar-coloz li label { float:left; position:relative; }
.sidebar-coloz li label input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:100; }

.page-text { float:left; width:100%; margin-top:-1px; font-size:16px; line-height:30px; }
.page-text a { font-weight:600; }
.page-photo { float:left; width:100%; margin-bottom:30px; }
.page-photo img { float:left; width:100%; border-radius:3px; }
.page-photo-slim img { float:none; max-width:720px; }

.brand-index { float:left; width:100%; margin-top:10px; position:relative; z-index:1000; }
.brand-index ul { width:calc(100% + 10px); }
.brand-index li { display:inline-flex; padding-right:10px; padding-bottom:10px; }
.brand-index li a { float:left; width:34px; height:34px; font-weight:600; line-height:31px; text-align:center; border-radius:3px; background-color:#FFF; border:1px solid rgba(0,0,0,0.15); transition:all 0.3s; }
.brand-index li a:hover , .brand-index li a.current { color:#FFF; background-color:#FF9E18; }

.brand-index-content { float:left; width:100%; }

.brand-index-block { float:left; width:100%; padding-bottom:80px; }
.brand-index-content .brand-index-block:last-child { padding-bottom:0; }
.brand-index-block h5 { float:left; width:100px; font-size:40px; font-weight:700; line-height:40px; color:#FF9E18; text-align:center; background:url(../images/tm-index.png) no-repeat; background-size:100% 100%; }
.brand-index-block ul { float:right; width:calc(100% - 120px); padding-top:15px; padding-left:60px; border-left:1px solid #EEE; display:flex; flex-flow:row wrap; justify-content:space-between; }
.brand-index-block li { flex-basis:100%; padding-bottom:10px; }
.perfumer-index-content .brand-index-block li { flex-basis:calc(50% - 20px); }
.brand-index-block li a { float:left; position:relative; font-size:16px; transition:all 0.2s; }
.perfumer-index-content .brand-index-block li a { font-weight:600; }
/* .brand-index-block li a::before { content:""; position:absolute; top:6px; left:0; width:4px; height:4px; border:1px solid #999; border-radius:50%; transition:all 0.3s; } */
.brand-index-block li a:hover::before { border-color:#213985; background-color:#213985; }

.nettech-service { float:left; width:100%; position:relative; }
.nettech-service ul { width:100%; }
.nettech-service li { width:calc(50% - 20px); }
.nettech-service li:nth-child(even) { float:right; }
.nettech-service li a { float:left; width:100%; }
.nettech-service li a img { float:left; width:100%; border-radius:3px; }

/*	START FILTER OPTIONS	*/

.filter-options { position:absolute; top:60px; left:0; right:0; background-color:rgb(255 255 255 / 95%); box-shadow:0 7px 30px rgb(0 0 0 / 10%); letter-spacing:1px; line-height:20px; display:none; transition:all 0.3s; }
.filter-options::before { content:""; position:absolute; top:-2px; left:0; width:125px; height:2px; background-color:#000; }
.filter-opened .filter-options { display:block; }

.filter-inner { float:left; width:100%; padding:30px 25px 20px 25px; display:flex; flex-flow:row wrap; }
.filter-group { float:left; padding:0 20px; margin-bottom:10px; flex-basis:10%; flex:1; }

.filter-group-price { float:left; width:100%; padding-right:40px; margin-bottom:20px; position:relative; }
.filter-group-price section { float:left; width:50%; padding-right:10px; position:relative; }
.filter-group-price .input { height:40px; padding:0 12px; font-size:13px; font-weight:500; line-height:40px; border-radius:3px; }
.filter-group-price button { position:absolute; right:0; top:0; width:40px; height:40px; background:#FF9E18 url(../images/arrow-white-right.png) no-repeat center / auto 16px; border-radius:3px; text-indent:-9999px; }
.filter-group-price button:hover { background-color:#000; }

.filter-group-header { float:left; width:100%; font-weight:600; font-size:15px; line-height:40px; position:relative; z-index:10; transition:all 0.25s; }
.filter-group-content { float:left; width:100%; padding:20px; border-bottom:1px solid #999; }

.filter-group-menu { float:left; width:100%; }
.filter-group-menu ul { width:100%; }
.filter-group-menu ul li { width:100%; }
.filter-group-menu ul li a { float:left; width:100%; padding:5px 0; position:relative; font-weight:500; }
.filter-group-menu ul li a.selected { color:#FF9E18; }
.filter-group-menu ul li a.selected::before { content:""; float:left; width:14px; height:14px; margin:3px 10px 0 0; position:relative; background:#FF9E18 url(../images/icon-close.png) no-repeat center / 8px; border-radius:50%; border:1px solid rgb(0 0 0 / 10%); }

.filter-group-sizes { float:left; width:100%; margin-bottom:-10px; text-align:center; }
.filter-group-sizes ul { width:100%; }
.filter-group-sizes li { width:60px; padding:0 5px 10px 5px; }
.filter-group-sizes li section { float:left; width:100%; background-color:rgb(207 160 138 / 0.1); font-weight:600; line-height:40px; cursor:pointer; border-radius:3px; }
.filter-group-sizes li section:hover { background-color:rgb(207 160 138 / 0.3); }
.filter-group-sizes li section.selected { background-color:#FF9E18; color:#FFF; }

.filter-group-coloz { float:left; width:100%; margin-bottom:-8px; }
.filter-group-coloz ul { width:100%; }
.filter-group-coloz li { width:50%; padding:0 4px 8px 4px; }
.filter-group-coloz li section { float:left; width:100%; height:30px; padding:5px 0; cursor:pointer; font-weight:500; }
.filter-group-coloz li section:hover { color:#FF9E18; }
.filter-group-coloz li section.selected { color:#FF9E18; font-weight:700; }
.filter-group-coloz li section picture { float:left; width:14px; height:14px; margin:3px 10px 0 0; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:50%; border:1px solid rgb(0 0 0 / 10%); }
.filter-group-coloz li section.selected picture { background:#FF9E18 url(../images/icon-close.png) no-repeat center / 8px !important; }

/*	Start PRODUCT DETAIL	*/

.product-hero { float:left; width:100%; margin:40px 0 20px 0; position:relative; }

.product-left { float:left; width:calc(50% - 20px); position:relative; overflow:hidden; }
.product-left .icon-discount { left:122px; transform:scale(1.3, 1.3); transform-origin:top right; }
.product-left .icon-new { top:18px; right:18px; padding:6px 10px; font-size:9px; }

.slider-product-wrap { float:left; width:100%; position:relative; }

.slider-product { float:left; width:100%; padding-left:100px; position:relative; z-index:70; overflow:hidden; }
.slider-product .slick-list { overflow:hidden; }
.slider-product-item { float:left; padding:4px; position:relative; border:1px solid #E5E5E5; border-radius:3px; overflow:hidden; text-align: center;}
.slider-product-item img {  width:100%; }

.slider-product ul.slick-dots { padding:0; background:none; top:0; right:auto; width:60px; }
.slider-product ul.slick-dots li { float:left; width:80px; height:80px; padding:3px; margin:0 0 10px 0; border:1px solid #DDD; border-radius:3px; transition:none; }
.slider-product ul.slick-dots li button { width:100%; height:100%; border:none; opacity:1; border-radius:0; }
.slider-product ul.slick-dots li button::before { display:none; }
.slider-product ul.slick-dots li.slick-active { border-color:#FF9E18; }
.slider-product ul.slick-dots li.slick-active button { opacity:1; }

.product-right { float:right; width:calc(50% - 40px); position:relative; }

.product-title { float:left; width:100%; margin:10px 0 13px 0; font-size:22px; font-weight:600; line-height:35px; letter-spacing:-0.5px; }

.product-coloz { float:left; width:100%; margin-bottom:10px; }
.product-coloz ul { width:100%; }
.product-coloz li { margin:0 10px 10px 0; position:relative; }
.product-coloz li section { float:left; width:30px; height:30px; cursor:pointer; }
.product-coloz li section.selected { padding:3px; }
.product-coloz li section picture { float:left; width:100%; height:100%; position:relative; box-shadow:inset 0 2px 1px rgba(0,0,0,0.07); text-indent:-9999px; border-radius:50%; }
.product-coloz li section picture::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.05); border-radius:50%; }
.product-coloz li section:hover picture::after { border-color:rgba(0,0,0,0.3); }
.product-coloz li section.selected picture::after { border-color:#000; top:-3px; bottom:-3px; left:-3px; right:-3px; }

.product-coloz li i { position:absolute; left:50%; top:-25px; width:100px; height:24px; margin-left:-50px; color:#FFF; background-color:#000; text-align:center; font-size:12px; line-height:23px; border-radius:6px; opacity:0; transition:all 0.15s; }
.product-coloz li:hover i { top:-31px; opacity:1; }
.product-coloz li i::before {
    content:"";
    border-top:3px solid transparent;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    height: 0;
    position: absolute;
    width:0;
    left:50%;
    bottom:-3px;
    margin-left:-7px;
    border-top-color:#000;
}

.product-price { float:left; width:100%; margin:14px 0 6px 0; position:relative; font-size:27px; line-height:30px; }
.product-price strong { float:left; margin:-1px 0 1px 0; color:#000; }
.product-price span { float:left; margin-left:15px; color:#999; position:relative; }
.product-price span::after { content:""; position:absolute; top:50%; left:0; right:0; height:1px; background-color:#000; }

.product-title-small { margin:14px 0 11px 0; display:block; color:#999; font-weight:500; letter-spacing:0.5px; }
.product-title-small strong { color:#000; font-weight:600; }

.product-extras { float:left; width:100%; margin-bottom:10px; position:relative; }
.product-extras ul { width:calc(100% + 15px); }
.product-extras li { margin:0 15px 10px 0; }
.product-extras li img { float:left; height:50px; }

.product-specs { float:left; width:100%; margin:4px 0 16px 0; position:relative; }
.product-specs ul { width:100%; }
.product-specs li { width:100%; margin-bottom:10px; }
.product-specs li span { float:left; width:160px; position:relative; font-weight:600; color:#757575; }
.product-specs li span::before { content:""; position:absolute; top:50%; left:10px; right:0; height:2px; background-color:#F0F0F0; }
.product-specs li span small { float:left; padding-right:10px; position:relative; background-color:#FFF; }
.product-specs li section { float:right; width:calc(100% - 180px); font-weight:500; }

.show , .hide { float:left; width:100%; height:30px; margin:6px 0 14px 0; text-align:center; position:relative; font-size:12px; font-weight:600; line-height:27px; }
.show::before , .hide::before { content:""; position:absolute; top:50%; left:0; right:0; height:1px; background-color:rgba(0,0,0,0.06); }
.show span , .hide span { display:inline-block; padding:0 20px; background-color:#FFF; position:relative; }
.show a , .hide a { float:left; height:30px; padding:0 20px; transition:all 0.3s; border:1px solid #CCC; border-radius:3px; color:#666; letter-spacing:1px; }
.show a:hover , .hide a:hover { border-color:#666; }

.hidden { display:none; }
.page-show-hide { height:170px; overflow:hidden; }
.page-show-hide.active { height:inherit; }

.product-quantity-basket { float:left; width:100%; position:relative; }

.product-quantity { float:left; width:160px; margin-right:20px; position:relative; text-align:center; }

.product-add { float:left; width:100%; height:50px; position:relative; text-align:center; }
.product-add > section { float:left; width:100%; height:50px; border:1px solid #999; border-radius:3px; position:relative; background-color:#FFF; }
.item-down, .item-up { position:absolute; top:4px; left:4px; bottom:4px; width:40px; cursor:pointer; border-radius:3px; transition:all 0.2s; }
.item-down:hover, .item-up:hover { background-color:#EAEAEA; }
.item-up { left:auto; right:3px; }

.item-down::before, .item-up::before { content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background-color:#666; border-radius:2px; }
.item-up::after { content:""; position:absolute; top:50%; left:50%; height:14px; width:2px; margin:-7px 0 0 -1px; background-color:#666; border-radius:2px; }

.product-add > section .item-input { position:absolute; top:4px; left:50%; width:48px; margin-left:-24px; }
.product-add > section .item-input input { float:left; width:100%; height:40px; background-color:#EAEAEA; border-radius:3px; font-size:17px; font-weight:600; line-height:40px; text-align:center; }

.product-add > a { position:absolute; top:0; right:0; width:36px; height:36px; background:#E2DEDC url(../images/icon-cart.png) no-repeat center / 16px; border-radius:3px; text-indent:-9999px; }
.product-add > a:hover { background-color:#666; background-image:url(../images/icon-cart-2.png); }

.add-to-basket { float:left; width:180px; }
.add-to-basket a {
    float:left;
    width:100%;
    height:50px;
    padding-left:25px;
    background-color:#FF9E18;
    color:#FFF;
    font-size:17px;
    font-weight:600;
    line-height:50px;
    letter-spacing:1px;
    text-align:center;
    border-radius:3px;
    position:relative;
    transition:all 0.3s;
}
.add-to-basket a:hover { background-color:#322A2A; }
.add-to-basket a::before { content:""; position:absolute; top:15px; left:20px; width:20px; height:20px; background:url(../images/icon-cart-2.png) no-repeat center / auto 20px; transition:all 0.3s; }

.product-delivery { float:left; width:100%; padding-left:25px; margin-top:20px; position:relative; background:url(../images/icon-vehicle.png) no-repeat 0 center / 16px auto; font-size:12px; font-weight:500; color:#666; letter-spacing:0.5px; }
.product-delivery strong { font-weight:600; color:#000; }

.product-functions { float:right; margin-top:5px; }
.product-functions li { padding-right:10px; }
.product-functions li:last-child { padding-right:0; }
.product-functions li a { float:left; width:40px; height:40px; position:relative; border:1px solid #DDD; border-radius:3px; }
.product-functions li a:hover { border-color:#666; }
.product-functions li a::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-position:center; background-repeat:no-repeat; background-size:18px; }
.product-functions li a.favorite::after { background-image:url(../images/icon-fav.png); }
.product-functions li a.favorite.active::after { background-image:url(../images/icon-fav-2.png); }
.product-functions li a.price-drop::after { background-image:url(../images/icon-bell.png); }
.product-functions li a.price-drop.active::after { background-image:url(../images/icon-bell-2.png); }

.product-fixed-bar { float:left; width:100%; height:0; position:relative; z-index:4900; box-shadow:0 0 20px rgba(0,0,0,0.1); background-color:rgba(255,255,255,0.85); backdrop-filter:blur(12px); transition:all 0.4s; opacity:0; overflow:hidden; }
.product-fixed-bar.is-sticky { height:70px; opacity:1; }

.product-fixed { float:left; width:100%; position:relative; display:flex; align-items:center; }

.product-fixed-photo { float:left; width:60px; height:60px; margin:5px 20px 5px 0; }
.product-fixed-photo img { width:100%; height:100%; }

.product-fixed-title { flex:1; padding-right:20px; font-size:16px; font-weight:600; }

.product-fixed-price { float:right; margin-left:auto; margin-right:20px; }
.product-fixed-price .product-item-price { margin-top:0; }

.product-fixed-cart { float:right; margin-left:auto; }
.product-fixed-cart .add-to-basket { width:150px; }
.product-fixed-cart .add-to-basket a { height:40px; background-color:#FF9E18; color:#FFF; font-size:14px; line-height:40px; letter-spacing:1px; }
.product-fixed-cart .add-to-basket a::before { top:10px; left:15px; }

.tab { float:left; width:100%; margin-bottom:20px; position:relative; }
.tab ul { width:100%; position:relative; }
.tab li { margin-right:40px; }
.tab li a { float:left; position:relative; font-size:20px; color:#999; font-weight:600; line-height:60px; transition:all 0.3s; }
.tab li a:hover { color:#000; box-shadow:inset 0 -2px 0 #EEE; }
.tab li a.tab-active { color:#000; box-shadow:inset 0 -2px 0 #FF9E18; }

.block-grey { background-color:#F3F3F3; }
.block-space { float:left; width:100%; height:80px; }

.product-rate-wrap { float:left; width:100%; margin-bottom:2px; }
.product-rate { float:left; width:100px; height:18px; background:url(../images/star.png) repeat-x 0 center / 20px 16px; }
.product-rate em { float:left; height:100%; background:url(../images/star-active.png) repeat-x 0 center / 20px 16px; }
.product-rate em.rate1 { width:20%; }
.product-rate em.rate15 { width:30%; }
.product-rate em.rate2 { width:40%; }
.product-rate em.rate25 { width:50%; }
.product-rate em.rate3 { width:60%; }
.product-rate em.rate35 { width:70%; }
.product-rate em.rate4 { width:80%; }
.product-rate em.rate45 { width:90%; }
.product-rate em.rate5 { width:100%; }

.product-rate-wrap a { float:left; }
.product-rate-wrap article { float:left; padding-left:15px; margin-left:15px; border-left:1px solid #DDD; color:#666; font-weight:600; }

.product-content-box { float:left; width:100%; padding:30px; background-color:#F7F7F7; border-radius:3px; }
.product-content-title { float:left; width:100%; padding:26px 0 19px 0; position:relative; font-size:20px; font-weight:600; color:#2E3B46; }
.product-content { float:left; width:100%; position:relative; }

.product-specs-photo { float:right; width:300px; position:relative; }
.product-specs-photo img { width:100%; border-radius:3px; }

.product-specs-table { float:left; width:calc(100% - 330px); position:relative; }
.product-specs-table table { width:100%; font-weight:500; }
.product-specs-table table tr { transition:all 0.3s; }
.product-specs-table table tr:nth-child(odd) { background-color:#FFF; }
.product-specs-table table tr:hover { background-color:rgba(0,0,0,0.05); }
.product-specs-table table tr td { padding:10px; border-radius:3px; vertical-align:middle;, color:gray; }
.product-specs-table table tr td:first-child { width:30%; color:#000; font-weight: bold; }

.comments-outer { float:left; width:calc(100% - 340px); position:relative; }
.comments-sidebar { float:left; width:300px; padding:29px; position:relative; border:1px solid #666; background-color:#FFF; border-radius:3px; }
.comments-right-block { float:right; width:calc(100% - 340px); position:relative; }

.comment-average-rate { float:left; width:100%; position:relative; }
.comment-average-rate article { float:left; width:100%; margin:-11px 0 8px 0; font-size:14px; font-weight:600; color:#666; letter-spacing:1px; }
.comment-average-rate strong { float:left; width:90px; margin-top:-14px; margin-bottom:6px; font-size:70px; color:#000; line-height:70px; letter-spacing:-1px; }
.comment-average-rate section { float:right; width:calc(100% - 110px); }
.comment-average-rate section i { float:left; width:100%; padding:7px 0 5px 0; font-weight:500; }

.add-comment { float:left; width:100%; position:relative; text-align:center; }
.add-comment a { float:left; width:100%; height:40px; border:1px solid #000; font-weight:600; letter-spacing:1px; line-height:37px; border-radius:3px; transition:all 0.25s; }
.add-comment a:hover { background-color:#000; color:#FFF; }
.add-comment a span { display:inline-block; height:38px; padding-right:25px; background:url(../images/arrow-right.png) no-repeat right center / 16px; }
.add-comment a:hover span { background-image:url(../images/arrow-white-right.png); }

.comment-rate-table { float:left; width:100%; margin:2px 0 18px 0; position:relative; }
.comment-rate-bar { float:left; width:100%; margin:2px 0; position:relative; font-size:14px; display:flex; align-items:center; }
.comment-rate-bar strong { float:right; width:50px; margin:-1px 0 1px auto; font-size:12px; font-weight:600; text-align:right; }
.comment-rate-bar section { float:left; flex:1; background-color:#F0F2F4; border-radius:2px; overflow:hidden; }
.comment-rate-bar section em { float:left; height:8px; background-color:#FF9E18; border-radius:2px; }

.boxed-title { float:left; width:100%; padding:0 20px; margin-bottom:30px; position:relative; background-color:#F3F3F3; border-radius:4px; }
.boxed-title strong { float:left; padding:14px 0 16px 0; font-size:16px; font-weight:600; color:#4262FF; box-shadow:inset 0 -2px 0 #4262FF; }

.comments-wrap { float:left; width:100%; margin:30px 0 20px 0; position:relative; }

.comment-detail { float:left; width:100%; padding-bottom:40px; margin-bottom:40px; position:relative; border-bottom:1px solid rgba(0,0,0,0.06); }
.comments-wrap .comment-detail:last-child { margin-bottom:0; }

.comment-name { float:left; width:100%; margin:-10px 0 15px 0; color:#999; }
.comment-name strong { float:left; font-weight:600; color:#151515; }
.comment-name i { float:right; }

.comment-rate { float:left; width:100%; }
.comment-box { float:left; width:100%; margin-top:18px; position:relative; color:#000; line-height:25px; }
.comment-benefit { float:left; width:100%; margin:22px 0 -5px 0; position:relative; }
.benefit-yes , .benefit-no { float:left; padding-left:23px; margin-right:20px; color:#08D092; font-weight:600; line-height:30px; cursor:pointer; background:url(../images/icon-like.png) no-repeat 0 center / auto 20px; }
.benefit-no { background-image:url(../images/icon-dislike.png); color:#EA565B; }

.bank-table-wrap { float:left; width:calc(100% - 340px); font-weight:500; letter-spacing:0.5px; }
.bank-table-wrap .inner-20 { display:flex; flex-flow:row wrap; }
.bank-table { float:left; width:50%; padding:0 10px; margin-bottom:30px; text-align:center; }
.bank-table:last-child { margin-bottom:0; }

.bank-name { float:left; width:100%; }
.bank-name img { height:50px; padding:3px 0; }

.bank-table table { float:left; width:100%; font-size:13px; }
.bank-table table tr { background-color:#EEE; }
.bank-table table tr:nth-child(2n+2) { background-color:#F8F8F8; }
.bank-table table tr.vade-farksiz { font-weight:600; color:#151515; }
.bank-table table tr:hover { color:#FF9E18; }
.bank-table table th { padding:7px 2px; font-weight:600; color:#888; background-color:#FFF; }
.bank-table table td { padding:8px; border:2px solid #FFF; }
.bank-table table td:first-child { border-left:0; }
.bank-table table td:last-child { border-right:0; }




/*	Start LOGIN + SIGN UP	*/

.page-login-out { float:left; width:100%; height:calc(100vh - 130px); padding-bottom:30px; padding-right:65%; position:relative; z-index:10; }

.page-login-sidebar { position:fixed; top:90px; bottom:0; right:0; width:65%; background-repeat:no-repeat; background-size:cover; background-position:center top; }

.page-login-wrap { width:100%; max-width:480px; height:100%; padding:0 30px; margin:0 auto; position:relative; z-index:20; }
.page-login { float:left; width:100%; padding:20px 0; position:relative; z-index:20; }
.page-login .page-title { margin-top:-50px; margin-bottom:-10px; }

.sign-form { float:left; width:100%; }

.sign-form > section { float:left; width:100%; padding-bottom:20px; }
.sign-form > section .button { width:100%; }
.sign-form > section article { float:left; width:100%; margin-bottom:9px; font-size:14px; font-weight:600; color:#FF7F4C; }
.sign-form > section article::before { content:""; float:left; width:12px; height:2px; margin-top:8px; margin-right:15px; background-color:#FF7F4C; }
.sign-form > section label a { font-weight:600; text-decoration:underline; }
.sign-form > section a { font-weight:600; }
.sign-form > section i { float:left; margin-right:20px; }
.sign-form > section i:last-child { margin-right:0; }

.sign-spacer { float:left; width:100%; padding:10px 0; margin-top:-10px; text-align:center; position:relative; }
.sign-spacer::before { content:""; position:absolute; top:50%; left:0; right:0; height:1px; background-color:#000; opacity:0.07; }
.sign-spacer span { display:inline-block; padding:0 20px; background-color:#F5F5F5; position:relative; font-size:13px; font-weight:500; color:#999; }

.sign-up { float:left; width:100%; padding:10px 0; text-align:center; position:relative; }
.sign-up ul { width:100%; }
.sign-up li { width:100%; padding-bottom:20px; }
.sign-up li:last-child { padding-bottom:0; }
.sign-up li a { float:left; width:100%; text-align:center; font-size:14px; font-weight:600; color:#FFF; line-height:45px; background-color:#4267b2; border-radius:25px; position:relative; }
.sign-up li a:hover { background-color:#29487d; }
.sign-up li a img { position:absolute; top:0; right:0; height:45px; padding:14px; }

.sign-up section { float:left; width:100%; font-size:16px; text-align:center; color:#999; }
.sign-up section a { font-weight:600; }
.sign-up section a:hover { text-decoration:underline; }

/*	Start BASKET	*/

.basket-wrap { float:left; width:100%; padding-bottom:120px; margin-top:-60px; }

.basket { float:left; width:100%; margin-top:-20px; }
.basket ul { width:100%; }
.basket li { width:100%; padding:20px 40px 20px 0; position:relative; border-bottom:1px solid rgba(0, 0, 0, 0.05); display:flex; align-items:center; }
.basket li img { float:left; height:80px; margin-right:25px; border-radius:3px; }
.basket li div { float:left; position:relative; }
.basket-approve li div { height:40px; }
.basket li div i { display:block; color:#999; font-size:11px; font-weight:400; }
.basket li .icon-discount { left:55px; top:5px; transform:scale(0.8,0.8); }

.basket li .basket-name { flex:1; }
.basket li .basket-name strong { display:block; font-size:16px; font-weight:600; }
.basket li .basket-price { float:left; width:20%; text-align:center; }
.basket li .basket-unit { width:20%; text-align:center; }
.basket li .basket-unit select { float:none; width:70px; height:40px; display:inline-block; font-weight:500; line-height:38px; }
.basket li .basket-unit a.review { height:40px; padding:0 19px; display:inline-block; font-weight:600; font-size:13px; line-height:38px; border:1px solid #CCC; border-radius:3px; }
.basket li .basket-unit a:hover.review { border-color:#000; }
.basket li .basket-total-price { float:right; width:20%; font-weight:700; font-size:17px; text-align:center; }

a.basket-delete { position:absolute !important; top:50%; right:0; width:40px; height:40px; margin-top:-20px; background:url(../images/icon-trash.png) no-repeat center / auto 16px; text-indent:-9999px; transition:all 0.15s; border-radius:50%; }
a:hover.basket-delete { background-color:rgba(0, 0, 0, 0.05); }

.basket-fixed { position:fixed; bottom:0; left:0; right:0; padding:20px 0; z-index:200; background-color:rgba(255, 255, 255, 0.9); box-shadow:0 0 10px rgba(0, 0, 0, 0.07); font-size:15px; }

.basket-total { float:left; width:50%; padding-right:20px; line-height:50px; }
.basket-total i { float:left; }
.basket-total span { float:right; font-size:17px; font-weight:700; color:#151515; }

.basket-buy { float:left; width:50%; padding-left:20px; text-align:center; font-weight:700; line-height:50px; }
.inner-5 { margin:0 -5px; }
.basket-buy ul { width:100%; display:flex; flex-flow:row wrap; }
.basket-buy li { padding:0 5px; flex:1; flex-basis:50%; }
.basket-buy li a { float:left; width:100%; height:50px; color:#FFF; background:#FF9E18 url(../images/arrow-white-right.png) no-repeat right 20px center / auto 20px; border-radius:25px; transition:all 0.25s; }
.basket-buy li:last-child a { background-color:#FF9E18; }
.basket-buy li a:hover { background-color:#151515; background-position:right 17px center; }

.total-price { font-size:17px !important; color:#F06292; }

.shopping-wrap { float:left; width:100%; padding-top:150px; position:relative; }
.shopping-wrap::before { content:""; position:fixed; top:0; bottom:0; left:0; right:0; background-color:#F7F7F7; }

/*	------------------	*/

.shopping-sidebar { float:right; width:340px; position:relative; }

.shopping-sidebar-box { float:left; width:100%; padding:30px; margin-bottom:20px; background-color:#FFF; box-shadow:0 5px 20px rgba(0,0,0,0.06); border-radius:3px; font-weight:500; }
.shopping-sidebar-summary { float:left; width:100%; }
.shopping-sidebar-summary em { display:block; margin-top:-5px; padding-bottom:15px; margin-bottom:15px; font-size:16px; font-weight:600; color:#151515; border-bottom:1px solid #EEE; }
.shopping-sidebar-summary section { display:block; padding:1px 0; }
.shopping-sidebar-summary section span { float:right; color:#151515; font-weight:700; font-size:14px; }
.shopping-sidebar-summary i { display:block; padding-top:15px; margin-top:15px; border-top:1px solid #EEE; }
.shopping-sidebar-summary strong { display:block; font-size:24px; color:#151515; line-height:30px; }

.shopping-coupon { float:left; width:100%; margin:15px 0 5px 0; border-top:1px solid #EEE; }
.shopping-coupon article { float:left; width:100%; padding:14px 0 10px 0; font-weight:600; color:#FF9E18; letter-spacing:1px; }
.shopping-coupon section { float:left; width:100%; padding-right:50px; position:relative; }
.shopping-coupon section .input { height:40px; line-height:40px; }
.shopping-coupon section .button { position:absolute; top:0; right:0; width:40px; height:40px; padding:0; text-indent:-9999px; background-color:#FF9E18; }
.shopping-coupon section .button::after { right:0; width:100%; background-size:16px auto; background-position:center; }

.coupon-active { color:#FF9E18 !important; }

.shopping-continue { float:left; width:100%; margin-top:15px; }
.shopping-continue a { float:left; width:100%; height:50px; padding:0 10px 0 25px; background-color:#000; font-weight:600; font-size:15px; letter-spacing:1px; line-height:50px; color:#FFF; border-radius:3px; transition:all 0.3s; position:relative; }
.shopping-continue a:hover { background-color:#FF9E18; }
.shopping-continue a::after { content:""; float:right; width:20px; height:50px; background:url(../images/arrow-white-right.png) no-repeat center / 20px auto; transition:all 0.15s; }
.shopping-continue a:hover::after { background-position:right center; }

.shopping-sidebar-success { margin-top:20px; }
.shopping-sidebar-success .shopping-continue { margin-top:5px; }

.shopping-cta { float:left; width:100%; margin-top:15px; }
.shopping-cta a { float:left; height:50px; padding:0 25px; background-color:#FFF; font-weight:600; font-size:14px; letter-spacing:1px; line-height:50px; border-radius:3px; transition:all 0.3s; position:relative; }
.shopping-cta a.next { float:right; background-color:#000; color:#FFF; }
.shopping-cta a:hover { background-color:#FF9E18; }
.shopping-cta a::before { content:""; float:left; width:20px; height:50px; margin-left:-5px; margin-right:10px; background:url(../images/arrow-left.png) no-repeat center / 20px auto; transition:all 0.15s; }
.shopping-cta a.next::before { float:right; margin-right:-5px; margin-left:10px; background-image:url(../images/arrow-white-right.png); }

.basket-success { float:left; width:100%; padding:20px 0; font-size:16px; text-align:center; line-height:30px; }
.basket-success::before { content:""; float:left; width:100%; height:40px; margin-bottom:20px; background:url(../images/icon-check.png) no-repeat center / auto 100%; }
.basket-success section { float:left; width:100%; }
.basket-success strong { color:#000; }

.shopping-content { float:left; width:calc(100% - 380px); padding-bottom:30px; }

.boxed-title { float:left; width:100%; padding:0 25px; margin-bottom:30px; font-weight:600; background-color:#FFF; box-shadow:0 5px 10px rgba(0,0,0,0.04); text-transform:uppercase; letter-spacing:1px; border-radius:3px; }
.boxed-title section { float:left; padding:15px 0; position:relative; }
.boxed-title section::after { content:""; position:absolute; left:0; bottom:0; width:40px; height:2px; background-color:#FF9E18; }

.cart-box { float:left; width:100%; padding:0 25px; margin-bottom:30px; }

.address-wrap { float:left; width:100%; margin-bottom:20px; }
.address-item { float:left; width:100%; padding:0 25px; margin-bottom:40px; }
.address-box { float:left; width:100%; position:relative; }
.address-selector { float:left; width:100%; margin-bottom:20px; }
.address-selector section { float:left; margin-right:20px; }
.address-selector section:last-child { margin-right:0; }
.address-selector section .input { width:300px; height:45px; font-weight:600; line-height:45px; }
.address-selector section a { float:left; font-weight:600; letter-spacing:0.5px; line-height:45px; }
.address-selector section a::before { content:""; float:left; width:45px; height:45px; margin:0 -10px; background:url(../images/icon-close-2.png) no-repeat center / 10px; transform:rotate(45deg); }
.address-selector section h5 { font-weight:600; font-size:18px; color:#000; }
.address-information { float:left; width:100%; font-size:16px; line-height:25px; }
.address-information strong { font-weight:600; }

.my-addresses { float:left; width:100%; position:relative; }
.my-addresses ul { width:100%; position:relative; display:flex; flex-flow:row wrap; }
.my-addresses ul > li { flex:1; flex-basis:50%; padding:0 10px; margin-bottom:20px; }
.my-address-item { float:left; width:100%; height:100%; padding:24px; position:relative; border:1px solid #DDD; border-radius:3px; }
.my-address-item .title-small { margin-top:0; }

.actions { float:left; width:100%; margin-top:20px; letter-spacing:1px; }
.actions a { float:left; margin-right:25px; font-weight:600; }
.actions a:last-child { margin-right:0; }
.actions a img { float:left; height:20px; padding:2px 0; margin-right:5px; }

.function-buttons ul { margin-bottom:-10px; }
.function-buttons li { margin-right:10px; margin-bottom:10px; }
.function-buttons li:last-child { margin-right:0; }
.function-buttons li a { float:left; padding:9px 17px; border:1px solid rgba(0,0,0,0.1); background-color:#F2F0EF; border-radius:3px; font-size:13px; font-weight:600; color:#49403D; letter-spacing:1px; }
.function-buttons li a:hover { background-color:#FFF; border-color:rgba(0,0,0,0.5); }
.function-buttons li a.dark { background-color:#999; color:#FFF; }

.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

.choose-shipping { float:left; width:100%; margin-bottom:-20px; }
.choose-shipping ul { width:100%; }
.choose-shipping li { width:33.33334%; padding:0 10px; margin-bottom:20px; }
.choose-shipping li label { float:left; width:100%; padding:14px 14px 14px 44px; position:relative; background-color:#FFF; font-weight:500; border:1px solid #999; border-radius:3px; }
.choose-shipping li label:hover { box-shadow:0 5px 15px rgb(0 0 0 / 10%); }
.choose-shipping li label.shipping-selected { padding:13px 13px 13px 43px; border-color:#FF9E18; border-width:2px; }
.choose-shipping li label input { position:absolute; top:50%; left:14px; margin-top:-10px; }
.choose-shipping li label strong { display:block; font-weight:600; }

.choose-payment { float:left; width:100%; padding-bottom:25px; text-align:center; }
.choose-payment ul { width:100%; }
.choose-payment li { width:50%; padding:0 10px; }
.choose-payment li a { float:left; width:100%; font-size:15px; color:#666; font-weight:600; letter-spacing:1px; line-height:48px; border:1px solid #999; border-radius:3px; position:relative; }
.choose-payment li a:hover { border-color:#8296A5; }
.choose-payment li a.selected { color:#FFF; background-color:#FF9E18; border-color:#FF9E18; }
.choose-payment li a.selected::before {
    content:"";
    border-top:5px solid transparent;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    height:0;
    bottom:-5px;
    left:50%;
    position:absolute;
    width:0;
    margin-left:-10px;
    border-top-color:#FF9E18;
}
.choose-payment li a i { position:absolute; top:50%; left:13px; width:24px; height:24px; margin-top:-12px; border-radius:50%; }
.choose-payment li a.selected i { border-color:#FF9E18; background:url(../images/icon-check-2.png) no-repeat center / auto 12px; }

.choose-membership { float:left; width:100%; padding:0 25px; position:relative; text-align:center; }
.choose-membership ul { width:100%; display:flex; flex-flow:row wrap; }
.choose-membership li { flex:1; flex-basis:20%; padding:0 10px; margin-bottom:20px; }
.choose-membership li label { float:left; width:100%; height:200px; padding:13px; position:relative; background-color:#FFF; font-weight:500; border:2px solid #DDD; border-radius:3px; transition:all 0.3s; display:flex; align-items:center; }
.choose-membership li label:hover { border-color:#999; box-shadow:0 5px 15px rgb(0,0,0,0.1); }
.choose-membership li label input { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.choose-membership li label section { float:left; width:100%; }
.choose-membership li label strong { float:left; width:100%; margin-top:-5px; font-weight:600; font-size:17px; letter-spacing:1px; line-height:30px; }
.choose-membership li label small { display:inline-block; padding:10px 15px; margin-top:10px; background-color:#EEE; border-radius:3px; }
.choose-membership li label:hover small { background-color:#DDD; border-radius:3px; }
.choose-membership li label.membership-selected { border-color:#FF9E18; }
.choose-membership li label.membership-selected strong { color:#FF9E18; }
.choose-membership li label.membership-selected small { background-color:#FF9E18; color:#FFF; }


.my-quick-icon { position:fixed; right:16px; bottom:16px; height:30px; padding:0 12px; background:#000 url(../images/icon-menu-2.png) no-repeat center 18px / auto 15px; color:#FFF; font-weight:600; line-height:30px; border-radius:3px; z-index: 9000; cursor:pointer; transition:all 0.25s; text-align:center; font-size:10px; letter-spacing:1px; box-shadow:0 0 20px rgb(0 0 0 / 20%); }
.my-quick-close { background-color:#FF9E18; }

.my-quick-menu { position:fixed; right:16px; bottom:56px; width:240px; background-color:#FFF; font-weight:600; line-height:50px; border-radius:3px; z-index:9000; display:none; box-shadow:0 0 30px rgba(0,0,0,0.2); }
.my-quick-menu::before {
    content:"";
    border-top:4px solid transparent;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    height: 0;
    bottom:-4px;
    right:22px;
    position:absolute;
    width:0;
    border-top-color:#FFF;
}
.my-quick-menu ul { width:100%; padding:10px; overflow:hidden; }
.my-quick-menu li { width:100%; margin-bottom:1px; position:relative; font-weight:500; }
.my-quick-menu li:last-child { margin-bottom:0; }
.my-quick-menu li button { width:100%; text-align:left; padding:10px 15px; position:relative; border-radius:3px; font-size:13px; font-weight:700; }
.my-quick-menu li button:hover , .my-quick-menu li button.selected { background-color:#F4F4F4; }
.my-quick-menu li button.selected::after { content:""; position:absolute; top:calc(50% - 12px); right:5px; width:24px; height:24px; background:url(../images/icon-check.png) no-repeat center / 14px auto; border-radius:50%; }


.agreement-box { float:left; width:100%; margin-bottom:30px; }
.agreement-box:last-child { margin-bottom:0; }
.agreement-title { float:left; width:100%; margin:-5px 0 10px 0; font-size:16px; font-weight:600; }
.agreement-text { float:left; width:100%; padding:14px 14px 14px 19px; border:1px solid #CCC; border-radius:3px; }
.agreement-text-content { float:left; width:100%; height:120px; font-size:12px; line-height:24px; overflow-y:auto; }
.agreement-text-content::-webkit-scrollbar { width:6px; }
.agreement-text-content::-webkit-scrollbar-track { background:#DDD; }
.agreement-text-content::-webkit-scrollbar-thumb { background-color: #555555; border:2px solid #555555; }
.agreement-text-content { scrollbar-color:#555555 #555555; scrollbar-width:thin; }

.agreement { float:left; width:100%; padding:15px 0 0 0; color:#666; }
.agreement label { float:left; width:100%; margin-bottom:10px; font-size:12px; }
.agreement label:last-child { margin-bottom:0; }
.agreement a { font-weight:600; text-decoration:underline; }

.bank-list { float:left; width:100%; }
.bank-list ul { width:100%; }
.bank-list li { width:100%; margin-bottom:10px; }
.bank-list label { float:left; width:100%; padding:14px 14px 14px 209px; border:1px solid #DDD; border-radius:3px; display:table; position:relative; }
.bank-list label:hover { border-color:#999; }
.bank-list label p { position:absolute; left:20px; top:50%; margin-top:-8px; }
.bank-list label img { float:left; width:120px; margin-left:-150px; }
.bank-list label span { width:100%; display:table-cell; vertical-align:middle; color:#666; }
.bank-list label span strong { display:block; font-weight:600; color:#151515; }
.bank-list label span i { display:block; font-size:13px; font-weight:500; }

.bank-eft { float:left; width:100%; padding-top:20px; }
.bank-eft h3 { display:block; padding-bottom:10px; font-size:17px; font-weight:600; color:#F24134; }

.order-success { float:left; width:100%; padding-top:25px; border-top:1px solid #F0F0F0; font-size:15px; text-align:center; line-height:25px; }
.order-success::before { content:""; display:inline-block; width:80px; height:80px; margin-bottom:22px; background:url(../images/icon-smile.png) no-repeat center; background-size:100%; }
.order-success section { float:left; width:100%; }
.order-success strong { color:#151515; }

/*	Start STATIC PAGES	*/

.blog { float:left; width:100%; overflow:hidden; }
.blog ul { width:100%; display:flex; flex-flow:row wrap; }
.blog li { width:33.33334%; padding:0 30px; margin-bottom:74px; }
.blog li a { float:left; width:100%; position:relative; letter-spacing:1px; }
.blog li picture { float:left; width:100%; position:relative; z-index:5; overflow:hidden; }
.blog li img { float:left; width:100%; transform-origin:center; transition:all 1s; }
.blog li a:hover picture img { transform:scale(1.08, 1.08); }

.blog li a span { float:left; width:100%; color:#999; padding-top:35px; font-weight:500; letter-spacing:1px; }
.blog li a span::before { content:""; float:left; width:30px; height:2px; margin:9px 30px 0 0; background-color:#CCC; transition:all 0.2s; }
.blog li a:hover span::before { width:50px; margin-right:20px; background-color:#FF9E18; }
.blog li a strong { float:left; width:100%; padding-top:10px; font-size:24px; font-weight:500; line-height:35px; position:relative; }

.blog-wrap { float:left; width:100%; padding-left:100px; position:relative; }

.blog-content { float:left; width:calc(100% - 400px); }
.blog-photo { float:left; width:100%; }
.blog-photo img { max-width:100%; /* max-height:480px; */ }
.date { float:left; width:100%; padding-left:40px; margin:5px 0 25px 0; font-weight:500; color:#999; position:relative; letter-spacing:1px; }
.date::before { content:""; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#CCC; }

.blog-title { margin:-23px 0 -17px 0; font-size:39px; line-height:50px; text-align:left; }

.blog-text { float:left; width:100%; font-size:16px; line-height:30px; }

.blog-sidebar { float:right; width:320px; position:relative; }
.blog-sidebar ul { width:100%; border-top:1px solid #F0F0F0; }
.blog-sidebar li { width:100%; }
.blog-sidebar li a { float:left; width:100%; padding:15px 0; letter-spacing:1px; border-bottom:1px solid #F0F0F0; transition:all 0.2s; }
.blog-sidebar li a:hover { border-color:#FF9E18; }
.blog-sidebar li a span { display:block; padding-bottom:4px; color:#999; }
.blog-sidebar li a strong { display:block; font-size:16px; font-weight:500; line-height:22px; }

.page-share { position:absolute; top:0; left:10px; }
.page-share ul { width:50px; }
.page-share li { margin-bottom:15px; }
.page-share li a { float:left; background-color:#FCF9F7; transition:all 0.25s; border-radius:50%; }
.page-share li a:hover { background-color:#000; }
.page-share li a img { float:left; height:50px; }

.static-page { float:left; width:100%; max-width:1000px; }

.static-photo { float:left; width:100%; margin-top:-20px; margin-bottom:43px; }
.static-photo img { width:100%; }

.static-text { float:left; width:100%; padding-left:25px; margin-top:-10px; color:#666; font-size:15px; letter-spacing:0.5px; line-height:30px; }
.static-text strong , .static-text b { color:#000; }

.accordion { float:left; width:100%; }

.accordion-section-title { float:left; width:100%; padding:13px 15px 15px 40px; margin-bottom:15px; border:1px solid #EEE; border-radius:3px; position:relative; font-size:15px; font-weight:600; color:#000; }
.accordion-section-title:hover { color:#666; }

.accordion-section-title::before , .accordion-section-title::after {
    content:"";
    position:absolute;
    top:50%;
    left:15px;
    width:12px;
    height:2px;
    margin-top:-1px;
    background-color:#CCC;
    transition:all 0.25s;
}
.accordion-section-title::after {
    background-color:#CCC;
    transform:rotate(90deg);
    opacity:1;
}

.accordion-section-title.active { color:#000; border-color:#000; }
.accordion-section-title.active::before { background-color:#000; }
.accordion-section-title.active::after { left:15px; opacity:0; }


.accordion-section-content { float:left; width:100%; padding:10px 0 20px 40px; margin:-5px 0 10px 0; display:none; position:relative; font-size:15px; line-height:30px; }
.accordion-section-content strong , .accordion-section-content b { color:#151515; font-weight:600; }
.accordion-section-content a { font-weight:600; }

.contact-form { float:left; width:100%; }
.form-item { float:left; width:100%; padding-bottom:20px; position:relative; }
.form-item:last-child { padding-bottom:0; }
.form-item i { float:left; width:35%; padding-top:12px; font-weight:500; position:relative; }
.form-item em { float:right; width:65%; }
.form-item em > a { float:right; font-weight:700; line-height:40px; }
.form-item em label > a , .form-item label a { font-weight:600; text-decoration:underline; }
.form-item label { font-weight:500; }

.security-code img { float:left; height:45px; margin-right:10px; padding:2px; border:1px solid #D4D7DD; background-color:#FFF; }
.security-code a.refresh { float:left; width:45px; height:45px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center; background-size:24px; border:1px solid #D4D7DD; }
.security-code a:hover.refresh { background-color:#EEE; }

.apply-form .form-item { width:50%; padding-left:10px; padding-right:10px; }
.apply-form .form-item i { width:100%; padding-top:0; padding-bottom:11px; }
.apply-form .form-item em { width:100%; }

.support-form section { float:left; width:50%; padding:0 10px 20px 10px; position:relative; }
.support-form section:last-child { padding-bottom:0; }

.customer-phone { float:left; width:100%; padding:20px 20px 20px 60px; margin-top:-20px; position:relative; background-color:rgba(0, 0, 0, 0.03); }
.customer-phone::before { content:""; float:left; width:2px; height:40px; margin:0 20px; background-color:rgba(0, 0, 0, 0.07); }
.customer-phone::after { content:""; position:absolute; top:20px; left:20px; width:40px; height:40px; background:url(../images/logo-symbol.png) no-repeat center / auto 40px; }
.customer-phone i { display:block; font-weight:500; font-size:15px; }
.customer-phone strong { display:block; font-weight:normal; font-weight:600; font-size:20px; color:#FF9E18; }

.contact-photo { float:left; width:100%; margin:60px 0 -20px 0; }
.contact-photo img { height:120px; }

.contact-info { float:left; width:100%; font-size:16px; letter-spacing:0.5px; line-height:25px; }
.contact-info-text { float:left; width:100%; padding-left:30px; margin-bottom:30px; position:relative; font-size:18px; line-height:30px; box-shadow:inset 2px 0 0 #EEE; }
.contact-info section { float:left; width:100%; padding-bottom:20px; position:relative; }
.contact-info section:last-child { padding-bottom:0; }
.contact-info section strong { display:block; font-weight:600; color:#000; }

.contact-map { float:left; width:100%; height:480px; padding:4px; border:1px solid #999; border-radius:3px; }

.nettech-stores { float:left; width:100%; position:relative; font-weight:500; letter-spacing:0.5px; }
.nettech-stores ul { width:100%; display:flex; flex-flow:row wrap; }
.nettech-stores li { width:50%; padding:0 15px; margin-bottom:30px; }
.nettech-stores section { float:left; width:100%; height:100%; padding:25px; box-shadow:0 5px 20px rgba(0,0,0,0.08); border-radius:3px; }
.nettech-stores section strong { float:left; width:100%; position:relative; font-size:18px; font-weight:600; color:#FF9E18; }
.nettech-stores section strong::before { content:""; position:absolute; top:-25px; left:0; width:60px; height:2px; background-color:#000; }
.nettech-stores section article { float:left; width:100%; margin-top:15px; display:flex; align-items:center; }
.nettech-stores section article img { float:left; width:16px; margin-right:10px; opacity:0.5; }
.nettech-stores section article a { font-weight:600; }
.nettech-stores section small { float:left; width:100%; margin-top:10px; }
.nettech-stores section small a { float:left; padding:10px 15px 10px 20px; margin-top:10px; background-color:#FF9E18; font-weight:500; color:#FFF; border-radius:3px; transition:all 0.3s; }
.nettech-stores section small a:hover { background-color:#000; }
.nettech-stores section small a::after { content:""; float:right; width:25px; height:20px; background:url(../images/arrow-white-right.png) no-repeat right center / auto 10px; }
.nettech-stores section small a:hover::after { background-image:url(../images/arrow-white-right.png); background-size:auto 12px; }

.comment-form { float:none; width:100%; max-width:760px; padding:0 !important; margin:0 auto; }
.comment-form p { width:100%; padding-left:0; padding-right:0; padding-bottom:15px; }
.comment-form p:last-child { margin-bottom:5px; }

.text-red { color:#EA0000 !important; }

.account-wrap { float:left; width:100%; background-color:#F6F6F6; }
.account-outer { float:left; width:100%; padding-left:30px; }

.account-form .form-item em .input { width:60%; height:45px; line-height:45px; }
.account-form .form-item span { float:left; padding-right:15px; }
.account-form .form-item span a { font-weight:500; line-height:45px; }

.account-container { padding:0 !important; }

.account-content { padding:30px; }

.order-filter-wrap { float:left; width:100%; margin-bottom:20px; }

.order-filter-wrap .sidebar-search { width:200px; margin-bottom:0; }

.order-filter { float:right; width:200px; }
.order-filter .input { height:40px; font-weight:500; line-height:36px; }



.my-orders { float:left; width:100%; font-weight:500; }

.my-orders-item { float:left; width:100%; margin-bottom:20px; position:relative; transition:all 0.25s; border:1px solid #DDD; border-radius:3px; }
.my-orders-item:hover { border-color:#000; }

.my-orders-item-top , .my-orders-item-bottom { float:left; width:100%; padding:19px; display:flex; align-items:center; }
.my-orders-item-bottom { box-shadow:inset 0 1px 0 #EEE; }

.order-status { float:left; width:50%; }
.order-status section { float:left; width:100%; padding-left:30px; background-position:0 center; background-repeat:no-repeat; background-size:16px auto; color:#000; }
.order-status section.order-status-shipped { background-image:url(../images/icon-vehicle.png); }
.order-status section.order-status-delivered { background-image:url(../images/icon-check.png); }
.order-status section.order-status-canceled { background-image:url(../images/icon-close-2.png); }
.order-status section.order-status-in-process { background-image:url(../images/icon-clock.png); }

.order-status small { float:left; width:100%; color:#999; font-size:12px; }

.order-products { float:left; width:50%; height:48px; position:relative; overflow:hidden; white-space:nowrap; }
.order-products::after { content:""; position:absolute; top:0; bottom:0; right:0; width:48px; background-image:linear-gradient(90deg,rgba(255,255,255,0.0),#FFF); }
.order-products picture { display:inline-block; margin-right:7px; }
.order-products picture img { float:left; height:48px; padding:2px; border:1px solid #EEE; border-radius:3px; }

.order-list-info { flex:1; display:flex; flex-flow:row wrap; font-weight:500; }
.order-list-info section { float:left; flex:1; flex-basis:20%; }
.order-list-info section small { display:block; font-size:12px; font-weight:600; letter-spacing:0.5px; color:#999; }
.order-list-cta { float:right; margin-left:auto; }
.order-list-cta a { float:left; height:40px; padding:0 35px 0 20px; border-radius:3px; font-weight:600; font-size:13px; color:#FFF; letter-spacing:0.5px; line-height:40px; background:#FF9E18 url(../images/arrow-white-right.png) no-repeat right 10px center / 16px auto; }
.order-list-cta a:hover { background-color:#000; }

.my-orders li::after { content:""; position:absolute; top:50%; right:15px; width:32px; height:32px; margin-top:-16px; background:#F4F4F4 url(../images/arrow-right.png) no-repeat center / 16px auto; border-radius:3px; opacity:0.5; transition:all 0.15s; }
.my-orders li:hover::after { right:10px; opacity:1; }

.my-orders li div { float:left; width:25%; height:40px; display:table; position:relative; }
.my-orders li div span { display:table-cell; vertical-align:middle; }

.order-no { font-weight:700; }
.order-amount { font-size:15px; font-weight:700; }
.order-date i { display:block; color:#AAA; font-size:12px; }

.order-user { width:24% !important; }

.order-status-delivered { color:#3ECE7E; }
.order-status-delivered::after { background-color:#3ECE7E; background-image:url(../images/icon-check-2.png); background-size:12px auto; }
.order-status-canceled { color:#E52323; }
.order-status-canceled::after { background-color:#E52323; background-image:url(../images/icon-close.png); background-size:10px; }
.order-status-shipped::after { background-color:#F7BC0E;  }

.order-info { float:left; width:100%; padding:20px; margin-bottom:20px; background-color:#F5F5F5; display:flex; align-items:center; border-radius:3px; }

.order-product-list { margin-top:0; border-top:1px solid #EEE; }
.order-product-list li { padding-right:0; }
.order-product-list li .basket-name strong { font-size:14px; margin-bottom:5px; }
.order-product-list li img { height:60px; }

.order-detail .basket li:first-child { background-color:#F5F5F5; }
.order-detail .large-title { margin-top:30px; }

.fav-delete { position:absolute; top:5px; right:15px; z-index:220; }
.fav-delete > small { float:left; width:32px; height:32px; border-radius:50%; text-indent:-9999px; cursor:pointer; background:url(../images/icon-close-2.png) no-repeat center / 14px; border:1px solid rgba(0,0,0,0.1); }
.fav-delete > small:hover { background-color:#F24134; background-image:url(../images/icon-close.png); }

/*	Start PAGINATION	*/

.pages { float:left; width:100%; padding:0 50px; margin-top:10px; position:relative; font-weight:600; font-size:14px; line-height:40px; text-align:center; }

.page-prev , .page-next { position:absolute; top:0; left:0; }
.page-next { left:auto; right:0; }
.page-prev a , .page-next a { float:left; width:40px; height:40px; background:url(../images/arrow-left.png) no-repeat center / auto 12px; transition:all 0.25s; border-radius:3px; }
.page-next a { background-image:url(../images/arrow-right.png); }
.page-prev a:hover , .page-next a:hover { background-color:#F4F4F4; }

.pages ul { width:100%; margin-bottom:-15px; }
.pages li { float:none; display:inline-flex; padding:0 5px 10px 5px; }
.pages li a { float:left; width:40px; height:40px; transition:all 0.3s; border-radius:3px; }
.pages li a:hover { background-color:#F4F4F4; }
.pages li a.current { color:#FFF; background-color:#FF9E18; }

.customer-table-wrap {
    float: left;
    width: 100%;
    font-weight: 500;
    letter-spacing: .5px
}

.customer-table-wrap .inner-20 {
    display: flex;
    flex-flow: row wrap
}

.customer-table {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    overflow:hidden;
    overflow-x:auto;
}

.customer-table:last-child {
    margin-bottom: 0
}

.customer-name {
    float: left;
    width: 100%
}

.customer-name img {
    height: 50px;
    padding: 3px 0
}

.customer-table table {
    float: left;
    width: 100%;
    font-size: 13px
}

.customer-table table tr {
    background-color: #eee
}

.customer-table table tr:nth-child(2n+2) {
    background-color: #f8f8f8
}

.customer-table table tr.vade-farksiz {
    font-weight: 600;
    color: #151515
}

.customer-table table tr:hover {
    color: #ff9e18
}

.customer-table table th {
    padding: 7px 2px;
    font-weight: 600;
    color: #888;
    background-color: #fff
}

.customer-table table td {
    padding: 8px;
    border: 2px solid #fff
}

.customer-table table td:first-child {
    border-left: 0
}

.customer-table table td:last-child {
    border-right: 0
}



/*	Start LANDING	*/

.landing-wrap { margin-top:80px; }

.landing-block { float:left; width:100%; position:relative; }

.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }

.landing-grey { float:left; width:100%; padding:80px; position:relative; background-color:#C6C6C6; }
.landing-grey-picture { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; }

.landing-title { float:left; width:100%; padding-bottom:25px; position:relative; font-size:57px; font-weight:700; color:#FFF; line-height:60px; z-index:100; }
.landing-title::after { content:""; position:absolute; left:0; bottom:0; width:120px; height:6px; background-color:rgba(0,0,0,0.33); }

.landing-text { float:left; width:100%; margin-top:40px; position:relative; font-size:24px; color:#FFF; line-height:40px; }
.landing-text ul , .landing-text ol { float:none; width:100%; padding-bottom:20px; display:inline-block; }
.landing-text ol { padding-left:30px; padding-bottom:20px; display:inline-block; }

.landing-text ul li { width:100%; padding-left:30px; margin-bottom:10px; position:relative; }
.landing-text ul li::before { content:""; position:absolute; top:calc(50% - 3px); left:10px; width:8px; height:8px; background-color:rgba(0,0,0,0.3); border-radius:50%; }

.landing-text ol li { width:100%; margin-bottom:15px; display:list-item; list-style:decimal; }
.landing-text ul li:last-child , .landing-text ol li:last-child { margin-bottom:0; }
.landing-text ol li::marker { font-weight:600; }

.text-black { color:#000 !important; }
.text-20 { font-size:20px !important; line-height:30px !important; }

.block-flex { display:flex; }
.align-center { align-items:center; }
.align-end { align-items:end; }

.landing-picture { float:left; width:100%; position:relative; }
.landing-picture img { float:left; width:100%; }

.landing-text-3 { float:left; width:100%; column-count:3; column-gap:80px; font-size:20px; line-height:30px; }
.landing-text-2 { column-count:2; }

.top-minus { margin-top:-140px; }

.landing-50 { width:50%; position:relative; }
.landing-75 { width:75%; position:relative; }
.landing-25 { width:25%; position:relative; }

.landing-stats { float:left; width:100%; margin:20px 0; position:relative; }
.landing-stats ul { width:100%; display:flex; flex-flow:row wrap; }
.landing-stats li { width:50%; margin:20px 0; }
.landing-stats-wide li { width:100%; }
.landing-stats-4 li { flex:1; flex-basis:25%; width:auto; }
.landing-stats li section { float:left; width:100%; position:relative; display:flex; align-items:center; }
.landing-stats-4 li section { display:block; text-align:center; }
.landing-stats li section picture { float:left; width:120px; margin-right:30px; }
.landing-stats-4 li section picture { float:none; display:inline-block; margin-right:0 !important; }
.landing-stats li section picture img { float:left; width:100%; }
.landing-stats li section strong { font-size:50px; font-weight:500; line-height:100%; }
.landing-stats-4 li section strong { display:block; margin-top:20px; }

/*	Start LIGHTBOX	*/

.fancybox-slide--iframe .fancybox-content { width:800px; min-height:300px; max-width:80%; max-height:80%; margin:0; }

.my-fancy { display:none; padding:30px 20px 30px 30px !important; border-radius:8px; }

.my-fancy-wrap { width:100%; max-width:800px; max-height:600px; padding-right:20px; overflow:hidden; overflow-y:auto; }
.my-fancy-wrap::-webkit-scrollbar { width:5px; }
.my-fancy-wrap::-webkit-scrollbar-track { background:#EEEEEE; }
.my-fancy-wrap::-webkit-scrollbar-thumb { background-color:#555; }
.my-fancy-wrap { scrollbar-color:#FFF #EEEEEE; scrollbar-width:thin; }

.fancy-title { float:left; width:100%; padding:0 20px; margin-bottom:15px; position:relative; color:#FA6E41; }
/*.fancy-title::before { content:""; position:absolute; top:50%; left:0; width:50px; height:2px; margin-top:-1px; background-color:#DDD; }*/
.fancy-title strong { float:left; padding:0 15px; position:relative; font-weight:600; letter-spacing:1px; background-color:#FFF; }

.fancy-form { float:left; width:100%; }
.fancy-form .item { float:left; width:50%; padding:0 10px; margin-bottom:20px; }
.fancy-form .item:last-child { margin-bottom:0; }
.fancy-form .item-2 { width:calc(50% - 10px); }
.fancy-form .item-2 label { float:left; width:100%; padding:9px; border:1px solid #999; border-radius:4px; font-weight:600; }
.fancy-form .item a { font-weight:600; text-decoration:underline; }

.add-comment-rate { float:left; width:100%; }
.add-comment-rate article { float:left; margin:8px 0 0 15px; font-weight:600; font-size:11px; }
.add-comment-rate li { cursor:pointer; }
.add-comment-rate li img { height:30px; }


.hero-stories { float:left; width:100%; height:260px; padding:135px 10px 0 10px; position:relative; background-color:#000; text-align:center; white-space:nowrap; overflow:hidden; overflow-x:auto; display:block; }
.hero-stories ul { float:none; display:inline-block; }
.hero-stories li { float:none; display:inline-block; margin:0 25px; }
.hero-stories li a { float:left; width:100%; position:relative; color:#FFF; }
.hero-stories li a section { display:block; width:64px; height:64px; /* padding:3px; */ position:relative; /* border:2px solid #FFF; */ border-radius:50%; transition:all 0.5s; }
/* .hero-stories li a:hover section { border:2px solid #FF9E18; } */
.hero-stories li a section img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.hero-stories li a strong { display:block; width:64px; height:30px; margin-top:8px; font-size:11px; font-weight:600; line-height:15px; white-space:initial; overflow:hidden; }



@media only screen and (max-width:1520px) {

    .outer { float:left; width:100%; padding:0 20px; }
    .wrap { width:1320px; }

    .header-search-content { margin-right:20px; }
    .header-account::after { margin:10px 20px; }

    .hero-slider-item-title { font-size:41px; line-height:40px; }
    .hero-slider-item-summary { font-size:26px; letter-spacing:0; line-height:30px; }
    .hero-slider-item-in picture img { height:400px; }
    .slider-brands { width:80%; }

    .footer { padding-top:15px; }
    .footer-box { padding-left:30px; padding-right:30px; }
    .join-us { padding-top:30px; padding-bottom:30px; }

    .product-item-photo { height:200px; }

}




@media only screen and (max-width:1400px) {

    .wrap { width:1200px; }

    .top-150 { padding-top:100px; }
    .top-100 { padding-top:75px; }
    .top-50 { padding-top:35px; }
    .bottom-150 { padding-bottom:100px; }
    .bottom-100 { padding-bottom:75px; }
    .bottom-50 { padding-bottom:35px; }

    .hero-slider-item-bg { bottom:45px; }

    .slider-home-white .product-item { padding:20px; }
    .slider-home .product-item { padding:19px; }

    .slider-brands-title { width:200px; padding-left:25px; }
    .slider-brands { width:calc(100% - 230px); }

    .slider-brands-wrap { margin-top:40px; }
    .block-space { height:60px; }

    .cat-list > ul > li { width:33.33334%; }
    .cat-list-promo > ul > li { width:25%; }

    .product-hero { margin-top:30px; }

    .landing-wrap { margin-top:60px; }
    .landing-grey { padding:60px; }
    .pl-80 { padding-left:60px; }
    .pr-80 { padding-right:60px; }
    .landing-text-3 { font-size:18px; column-gap:60px; }
    .top-minus { margin-top:-100px; }
    .landing-text { font-size:20px; }

}




@media only screen and (max-width:1280px) {

    .wrap { width:980px; }

    .header-top li { padding:0 10px; }
    .hero-slider-item-bg { bottom:30px; }
    .hero-slider-item-in section { padding-bottom:100px; padding-right:0; }
    .hero-slider ul.slick-dots { bottom:25px; }
    .hero-slider ul.slick-dots li button { width:40px; }

    .slider-home .slick-prev { left:-12px; }
    .slider-home .slick-next { right:-12px; }

    .promo-five li a section strong { padding:17px 0 0 0; font-size:18px; line-height:20px; }
    .promo-five li.xl a section strong , .promo-two li a section strong { padding:30px 0 0 0; font-size:34px; line-height:40px; }

    .slider-brands-wrap { margin-top:20px; }
    .block-space { height:40px; }

    .copyright { padding-top:30px; padding-bottom:30px; }

    .sidebar { width:220px; }
    .sidebar-content { width:calc(100% - 250px); }
    .filter-style { display:none; }

    .product-right { width:calc(50% - 20px); }

    .slider-product { padding-left:60px; }
    .slider-product ul.slick-dots li { width:48px; height:48px;  }

    .product-specs-photo { width:240px; }
    .product-specs-table { width:calc(100% - 270px); }

    .shopping-content { width:calc(100% - 310px); }
    .basket li .basket-name strong { font-size:14px; }
    .shopping-sidebar { width:280px; }
    .shopping-sidebar-box { padding:20px; }

    .account-form .form-item em .input { width:100%; }

    .sidebar-content-static::before { left:0; }

    .comments-outer , .bank-table-wrap { width:calc(100% - 270px); }
    .comments-sidebar { width:260px; padding:19px; }
    .comments-right-block { width:calc(100% - 290px); }

    .list-view-photo , .list-view-info { width:160px; }
    .list-view-photo { margin-right:20px; }

    .landing-wrap { margin-top:40px; }
    .landing-title { font-size:47px; line-height:50px; }
    .landing-grey { padding:40px; }
    .pl-80 { padding-left:40px; }
    .pr-80 { padding-right:40px; }
    .landing-text-3 { column-gap:40px; }
    .top-minus { margin-top:-80px; }
    .landing-stats li section picture { width:100px; }

    .cat-list > ul > li { padding:0; }

    .product-left .icon-discount { left:82px; }
    .product-left .icon-new { top:14px; right:14px; }

}




@media only screen and (max-width:1023px) {

    .outer { padding:0 20px; }
    .wrap { width:100%; padding:0 20px; }

    .header-wrap { padding-top:15px; padding-bottom:65px; }
    .header-wrap::before { background:#000; }
    .scroll-mobile .header-wrap { background-color:#000; }
    .header-wrap .wrap { padding:0 15px; }
    .header-top { display:none; }

    #logo { margin-top:0; margin-right:0; flex:1; }
    #logo a { padding-top:0; }
    #logo a::before , #nav ul::before { display:none; }
    #logo img { height:40px; }

    .header-search-content { margin:0; flex:auto; position:absolute; left:15px; right:15px; top:50px; }
    .header-search-content input { height:40px; padding:0 40px 0 14px; border-width:1px; line-height:40px; background-color:transparent; }
    .header-search-content button { width:40px; height:40px; background-size:18px; }

    .nav-icon { width:auto; height:40px; padding-left:50px; margin-right:20px; border:0; border-radius:0; background-position:15px center; font-size:12px; letter-spacing:0.5px; line-height:40px; }
    .header-icon { height:40px; font-size:12px; letter-spacing:0.5px; line-height:40px; }
    .header-account::after { width:20px; margin:5px 0; background-color:transparent; }

    .header-box { top:40px; }
    .header-cart-content { width:400px; }
    .header-account-content { right:20px; }
    .header-account-content ul { padding:10px; }

    .nav-outer { position:static; }

    #nav { position:fixed; top:60px; left:0; right:0; bottom:0; width:auto; height:calc(100vh - 60px); padding-bottom:80px; background-color:#FFF; overflow:hidden; overflow-y:auto; }
    #nav ul { width:100%; padding:0; border-radius:0; box-shadow:none; }
    #nav li { border-bottom:1px solid #EEE; }
    #nav li > a , #nav > ul li span a { padding:0 20px; line-height:48px; }
    #nav li > a:hover { box-shadow:none; }

    #nav > ul li span { float:left; width:100%; position:relative; top:auto; bottom:auto !important; right:auto; padding:5px 0; border-radius:0; }
    #nav li span::before { left:30px; top:-6px !important; bottom:auto !important; transform:rotate(90deg); }

    #nav > ul li span a { border-bottom:1px solid rgba(0,0,0,0.06); }
    #nav > ul li span a:last-child { border-bottom:0; }

    .nav-icon-close::before {
        content:"";
        border-bottom:5px solid transparent;
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        height: 0;
        bottom:-5px;
        left:calc(50% - 10px);
        position:absolute;
        width:0;
        border-bottom-color:#FFF;
    }
    .nav-menu { position:fixed; top:60px; left:0; right:0; bottom:0; width:auto; height:calc(100vh - 60px); padding-bottom:80px; background-color:#FFF; overflow:hidden; overflow-y:auto; }
    .sub-nav-menu { width:100%; padding:10px; border-radius:0; box-shadow:none; }
    .sub-nav-menu::before { display:none; }
    .sub-nav-menu li , .sub-nav-container li { border-bottom:1px solid #F0F0F0; }
    .sub-nav-menu li:last-child , .sub-nav-container li:last-child { border-bottom:0; }
    .sub-nav-menu li a , .sub-nav-container li a { padding:10px 20px; font-size:16px; font-weight:600; color:#000; line-height:30px; position:relative; }
    .sub-nav-menu li a::before { right:15px; }

    .sub-nav-container { width:auto; min-height:initial; padding:10px; background-color:#FFF; border-radius:0; z-index:1180; display:none; position:absolute; top:0; bottom:0; left:0; right:0; }

    .hero-slider-item-in { margin-top:0; }
    .hero-slider-item-in section { padding-bottom:50px; }
    .hero-slider-item-bg { bottom:15px; }
    .hero-slider-item-in picture img { height:auto; max-height:50vh; min-height:300px; }
    .hero-slider-item-title { font-size:26px; line-height:30px; }
    .hero-slider-item-summary { margin:10px 0 21px 0; font-size:16px; line-height:20px; }
    .hero-slider-item-cta a { height:40px; padding:0 40px 0 19px; border-width:1px; letter-spacing:1px; line-height:36px; background-color:rgba(0,0,0,0.3); background-position:right 13px center; background-size:16px auto; }
    .hero-slider ul.slick-dots { bottom:5px; }

    .slick-prev , .slick-next { width:40px; height:40px; margin-top:-20px; text-indent:-9999px; background-size:16px auto; }
    .slider-home-wrap { margin-bottom:15px; }
    .slider-home .slick-prev { left:-10px; }
    .slider-home .slick-next { right:-10px; }

    .slider-brands-item { padding:0 5px; }

    .promo-five li { width:50%; }
    .promo-five li.xl , .promo-two li { width:100%; }

    .footer-advantages { float:left; width:100%; padding:30px 0 10px 0; }
    .footer-advantages li section strong { font-size:16px; }
    .footer-advantages li section picture { display:inline-block; margin:15px 0; }
    .footer-advantages li section img { height:50px; }
    .footer-box { padding-left:0; padding-right:0; }
    .join-us { padding-top:20px; padding-bottom:20px; display:block; }
    .join-us article { width:100%; padding:0 0 0 40px; font-size:18px; line-height:24px; background-size:auto 24px; }
    .join-us > section { float:left; width:100%; flex:1; padding-right:90px; margin-top:15px; }
    .join-us .input { height:45px; padding:0 15px; line-height:45px; }
    .join-us .button { width:80px; height:45px; font-size:12px; line-height:45px; }

    .footer-links { width:50%; }
    .footer-links:first-child { width:100%; }

    .footer-flex { padding-top:40px; padding-bottom:40px; }

    .copyright { font-size:12px; }

    .block-space { height:20px; }
    .slider-brands-wrap { margin-bottom:20px; }

    .slider-home-out { margin-top:-10px; }
    .page-title { padding:34px 0 21px 0; position:relative; font-size:27px; line-height:30px; }

    .sub-page-wrap { padding-top:120px; }
    .breadcrumb { padding:0; font-size:12px; }
    .breadcrumb i { margin:0 10px; }

    .category-title-out { margin:20px 0; }
    .category-title-wrap { width:100%; height:auto; margin-bottom:10px; }

    .filter-type { width:calc(50% - 10px); }
    .filter-type section , .filter-type section .input { width:100%; border-color:#666; font-weight:500; }
    .filter-type section:first-child { display:none; }

    .sidebar-icon {
        float:left;
        width:calc(50% - 10px);
        height:40px;
        font-weight:600;
        line-height:37px;
        letter-spacing:1px;
        cursor:pointer;
        position:relative;
        background:#FFF url(../images/icon-filter.png) no-repeat 10px center / auto 16px;
        z-index:90;
        display:block;
        text-align:center;
        border:1px solid #666;
        border-radius:3px;
    }

    .sidebar-icon.sidebar-icon-close {
        position:fixed;
        top:20px;
        left:20px;
        width:40px !important;
        height:40px;
        margin:0;
        background: url(../images/icon-close-2.png) no-repeat center / 14px;
        box-shadow:none;
        border:0;
        z-index:99999;
    }
    .sidebar-icon-close::after { display:none; }

    .menu-icon { width:100%; margin-top:20px; background-image:url(../images/icon-menu.png); background-size:20px auto; background-position:13px center; }

    .nav-opened , .sidebar-opened { overflow:hidden; transition:all 0.3s; }
    .sidebar-opened::before { content:""; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#000; z-index:8700; opacity:0.75; -webkit-backdrop-filter: blur(20px); backdrop-filter:blur(20px); }

    .sidebar h4 {
        position:fixed;
        top:20px;
        left:20px;
        width:calc(100% - 40px);
        height:40px;
        padding:0 20px;
        background-image:linear-gradient(180deg,#FFF,#F5F5F5);
        color:#000;
        font-weight:600;
        line-height:40px;
        box-shadow:inset 0 -1px 0 rgba(0,0,0,0.06);
        z-index:9999;
        display:block;
        letter-spacing:1px;
        border-radius:4px 4px 0 0;
        text-align: center;
    }

    .sidebar { position:fixed; top:20px; bottom:20px; left:20px; right:20px; width:auto; padding:70px 20px 20px 20px; margin-left:0; background-color:#FFF; z-index:9999; overflow-y:auto; display:none; border-radius:5px; }
    .sidebar-mobile { position:static; width:100%; padding:0; display:block !important; }
    .sidebar-content { width:100%; }
    .brand-index { display:none; }

    .product-hero { margin-top:20px; }
    .product-left , .product-right { width:100%; }
    .product-right { margin-top:20px; }
    .slider-product-item { text-align:center; }
    .slider-product-item img { float:none; max-width:400px; }

    .product-content-box { padding:20px; }
    .product-specs-photo , .product-quantity , .add-to-basket { display:none; }
    .product-specs-table { width:100%; }

    .product-quantity-basket { float:right; width:auto; }
    .product-functions { margin-top:-10px; }

    .product-delivery { width:calc(100% - 120px); margin-top:0; }

    .product-fixed-bar { position:fixed; left:0; right:0; bottom:0; width:auto; height:auto; background-color:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.15); opacity:1; }
    .product-fixed-bar .wrap { padding:0 15px; }
    .product-fixed-photo { width:48px; height:48px; margin-top:10px; margin-bottom:10px; }
    .product-fixed-title { font-size:14px; }
    .product-fixed-cart .add-to-basket { display:block; }

    #logo-shopping a img { height:40px; }
    .shopping-wrap { padding-top:80px; }
    .shopping-content { width:100%; }
    .shopping-sidebar { width:100%; }

    .page-login-out { height:auto; padding:30px 0 50px 0; padding-right:0; }
    .page-login-sidebar { display:none; }
    .page-login-wrap { width:100%; max-width:480px; height:100%; margin:0 auto; position:relative; z-index:20; }

    .static-menu { margin-top:0; }
    .sidebar-content-static { padding-left:0; }
    .sidebar-content-static::before { display:none; }

    .top-150 { padding-top:75px; }
    .top-100 { padding-top:50px; }
    .top-50 { padding-top:25px; }
    .bottom-150 { padding-bottom:75px; }
    .bottom-100 { padding-bottom:50px; }
    .bottom-50 { padding-bottom:25px; }

    .order-list-client { display:none; }

    .comments-outer , .comments-sidebar , .comments-right-block , .bank-table-wrap { width:100%; }

    .choose-membership li { flex-basis:50%; }
    .choose-membership li label { height:140px; }

    .list-view-info .cat-list-cart-cta { display:block !important; }

    .cat-list .product-item-price , .slider-home .product-item-price { margin-bottom:3px; }
    .cat-list-cart-cta { opacity:1; }
    .slider-home .cat-list-cart-cta { margin-bottom:-5px; }

    .landing-wrap { margin-top:20px; }

    .landing-grey { padding:25px; }
    .pl-80 { padding-left:25px; }
    .pr-80 { padding-right:25px; }
    .landing-text-3 { column-gap:30px; }
    .top-minus { margin-top:-50px; }
    .landing-stats li section picture { width:80px; }
    .landing-stats li section strong { font-size:30px; }
    .landing-text { margin-top:30px; font-size:18px; line-height:30px; }
    .landing-text-3 { font-size:16px; }
    .text-20 { font-size:16px !important; }

    .contact-photo { margin:25px 0 -10px 0; text-align:center; }

    .cat-list > ul > li { padding-bottom:24px; }
    .cat-list-promo > ul > li { width:33.33334%; }
    .cat-list .cat-list-cart-cta{margin-bottom:10px}
    /*.cat-list .cat-list-cart-cta { left:auto; right:10px; width:35px; text-indent:-9999px; }*/
    /*.cat-list .cat-list-cart-cta::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/icon-cart.png) no-repeat center / 16px; }*/
}





@media only screen and (max-width:767px) {

    .nav-icon { width:48px; padding-left:0; margin-right:0; background-position:center; text-indent:-9999px; }
    .header-icon { width:48px; text-indent:-9999px; }
    .header-icon::before { width:100%; }
    .header-cart-icon i { top:-1px; left:30px; text-indent:0 !important; }

    .header-account , .header-cart { position:static; }
    .header-account-content::before { right:67px; }

    .sub-nav-menu::before { right:125px; }

    .footer-flex { padding-top:30px; padding-bottom:30px; }
    .footer-secure { padding:10px 20px; margin-top:5px; }
    .footer-secure picture img { max-height:80px; }

    .product-item-photo img { max-width:240px; }
    .product-item-price { font-size:14px; }

    .product-fixed-bar { padding:10px 0; }
    .product-fixed-photo , .product-fixed-title { display:none; }
    .product-fixed-price { float:left; flex:1; }
    .product-fixed-bar { bottom:54px; }
    .product-fixed-bar .wrap { padding:0 10px; }

    .product-extras li { margin-right:10px; }
    .product-extras li img { height:40px; }

    .page-login { padding:20px; }

    .my-orders-item { border-color:#757575 !important; }

    .my-fancy { padding:20px !important; }
    .my-fancy-wrap { padding-right:0; }

    .choose-membership { padding:0; }

    .list-view-item { display:block; }
    .list-view-photo { width:100%; margin-right:0; }
    .list-view-name { width:100%; padding:10px 0 20px 0; }
    .list-view-specs { display:none; }
    .list-view-info { width:100%; margin-right:0; text-align:left; }

    .hero-stories { height:220px; padding-top:120px; }
    .hero-stories li { margin:0 12px; }
    .hero-stories li a section { width:56px; height:56px; }
    .hero-stories li a strong { width:56px; }

    .customer-table table td { padding:5px; font-size:13px; }

    .landing-title { font-size:37px; line-height:40px; }
    .landing-title::after { width:60px; height:4px; }

    .landing-50 , .landing-75 , .landing-25 { width:100%; }
    .top-minus-in { margin-top:20px; }
    .block-flex { display:block; }
    .pl-80 { padding-left:0; }
    .pr-80 { padding-right:0; }
    .landing-text-3 , .landing-text-2 { column-count:1; }
    .landing-stats { margin:5px 0; }
    .landing-stats li { width:100%; margin:15px 0; }
    .landing-stats li section picture { width:60px; margin-right:20px; }
    .bottom-plus { margin-bottom:30px; }

    .sidebar-header { padding:10px 0; }
    .sidebar-menu ul li label { padding-bottom:3px; }
    .sidebar-group-content { margin-bottom:15px; }

    .header-mobile { position:fixed; left:0; right:0; bottom:0; display:block; z-index:5100; background-color:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all 0.3s; }

    .header-mobile-icon { float:left; width:20%; height:54px; padding-top:10px; position:relative; text-align:center; }
    .header-mobile-icon-active { box-shadow:inset 0 -3px 0 #FF9E18; color:#FF9E18; }
    .header-mobile-icon::after { content:""; position:absolute; top:15px; bottom:15px; right:0; width:1px; background-color:#E5E5E5; }
    .header-mobile-cart::after { display:none; }
    .header-mobile-icon picture { float:left; width:100%; height:20px; position:relative; }
    .header-mobile-icon picture img { height:100%; object-fit:cover; }
    .header-mobile-icon picture i { position:absolute; width:20px; top:2px; left:calc(50% - 10px); font-size:9px; font-weight:700; }
    .header-mobile-icon small { float:left; width:100%; font-size:10px; font-weight:700; }

    #nav { position:absolute; top:auto; bottom:64px; left:10px; right:10px; height:55vh; border-radius:4px; padding:10px; border:2px solid #FF9E18; }
    #nav li > a , #nav > ul li span a { font-size:16px; line-height:40px; }

    .header-box { left:10px; right:10px; top:auto; bottom:64px; width:auto; border:2px solid #FF9E18; }
    .header-cart-content ul { max-height:244px; }

    .nav-outer , .header-account , .header-cart , .header-box::before , .header-box::after , .to-top { display:none; }

    .header-navigation { float:right; position:relative; display:block; }
    .header-navigation li { padding-right:20px; }
    .header-navigation li:last-child { padding-right:0; }
    .header-navigation li a { float:left; height:40px; color:#FFF; font-weight:700; font-size:13px; line-height:40px; }
    .header-navigation li a img { float:left; height:40px; padding:10px 0; margin-right:7px; }

    .product-item-photo { height:160px; }

}





@media only screen and (max-width:640px) {

    .slider-brands-wrap { display:block; }
    .slider-brands-title { width:100%; max-width:initial; margin-bottom:15px; }
    .slider-brands { width:100%; }
    .cat-list > ul > li { width:50%; }

    .copyright .left section:last-child { padding-left:15px; margin-left:15px; }

    .boxed-title { padding:0 20px; margin-bottom:20px; }
    .boxed-title section { padding:12px 0 13px 0; }

    .basket li { padding-left:80px; display:block; }
    .basket li img { position:absolute; top:20px; left:0; height:60px; margin-right:0; }
    .basket li .basket-name , .basket li .basket-unit , .basket li .basket-total-price { width:100%; text-align:left; }
    .basket li .basket-unit { margin:10px 0; }

    .cart-box { padding:0 20px; }
    .address-selector section .input { width:240px; }
    .choose-shipping li { width:100%; margin-bottom:10px; }

    .brand-index-content { padding-top:20px; border-top:1px solid #EEE; }
    .brand-index-block h5 { width:100%; }
    .brand-index-block ul { width:100%; padding-top:25px; padding-left:0; margin-top:20px; border-left:0; border-top:1px solid #EEE; }
    .brand-index-block li { padding-bottom:15px; }

    .order-filter-wrap .sidebar-search , .order-filter { width:calc(50% - 6px); }
    .order-list-count { display:none; }
    .my-orders-item-top , .my-orders-item-bottom { padding:14px; }

    .my-addresses ul > li { flex-basis:100%; margin-bottom:15px; }
    .my-address-item { height:auto; padding:19px; }
    .address-information { font-size:14px; }

    .contact-info-text { padding-left:20px; margin-bottom:25px; font-size:16px; line-height:25px; }

    .nettech-stores li { width:100%; margin-bottom:30px; }
    .nettech-stores section { height:auto; padding:25px 0; box-shadow:none; box-shadow:inset 0 1px 0 #E5E5E5; }

    .nettech-service li { width:100%; margin-bottom:20px; }

    .bank-table { width:100%; }

    .slider-brands { padding:0 30px; }
    .slider-brands-item { padding:0 5px; }
    .slider-brands .slick-prev { left:-20px; }
    .slider-brands .slick-next { right:-20px; }

    .slider-home-wrap { width:calc(100% + 40px); margin-left:-20px; }
    .slider-home-wrap .inner-10 { margin:0; }
    .slider-home { padding:0 5px; }
    .slider-home .product-item { padding:15px; }
    .slider-home-item { padding:0 5px; }
    .slider-home .slick-prev { left:0; }
    .slider-home .slick-next { right:0; }

    .choose-membership li { flex-basis:100%; }

    .basket li .icon-discount { left:35px; }

}



@media only screen and (max-width:540px) {

    .hero-slider-item-in { display:block; }
    .hero-slider-item-in section { width:100%; padding-top:30px; padding-bottom:0; }
    .hero-slider-item-in picture { margin-top:-20px; }
    .hero-slider-item-in picture img { height:180px; max-height:initial; min-height:initial; }
    .hero-slider-item-title { margin-bottom:16px; }
    .hero-slider-item-summary { display:none; }
    .hero-slider-item-title { font-weight:600; }

    .promo-five li.xl a section strong , .promo-two li a section strong { padding-top:30px; font-size:26px; line-height:30px; }

    .footer-advantages li { width:50%; }
    .footer-links , .copyright .left , .copyright .right { width:100%; }
    .copyright .right { margin-top:15px; }
    .footer-links > ul > li { width:50%; }

    .footer-flex { display:block; }
    .footer-line { display:none; }
    .footer-nettel , .footer-social , .address-selector section .input { width:100%; }
    .footer-social { margin-top:30px; }

    .address-selector { margin-bottom:10px; }
    .address-selector section { width:100%; margin-right:0; }
    .address-selector section:last-child { margin-top:10px; }
    .my-address-item .address-selector section { margin-top:-5px; }

    .form-item i { width:100%; padding:0 0 5px 0; }
    .form-item em { width:100%; }

    .apply-form .form-item , .form-item .button { width:100%; }

    .slider-product { padding-left:42px; }
    .slider-product ul.slick-dots li { width:32px; height:32px; padding:2px; }

    .my-orders-item-top , .my-orders-item-bottom , .order-info { display:block; }
    .order-status , .order-products , .order-list-info , .order-list-cta , .order-list-cta a { width:100%; }
    .order-status , .order-list-info { margin-top:-5px; }
    .order-products , .order-list-cta { margin-top:10px; }

    .shopping-cta a { width:100%; margin-bottom:15px; }

    .cat-list .inner-10 > ul > li .product-item { padding:15px; border:0; border-radius:0; background-color:transparent; }
    .cat-list .inner-10 > ul > li .product-item-title { max-height:36px; font-size:12px; line-height:18px; }

    .cat-list-cart-cta { left:10px; right:10px; }
    .cat-list .product-item-price { margin-bottom:0px; }

    .account-activity { float:left; width:100%; margin-top:-10px; margin-bottom:-5px; }
    .account-activity section { padding:5px 0; flex-basis:100%; border-bottom:1px solid #999; }
    .account-activity section:last-child { border-bottom:0; }

    .landing-stats-4 li { flex-basis:50%; }
    .landing-stats-4 li section strong { margin-top:10px; }

    .cat-list { width:calc(100% + 40px); margin-left:-20px; margin-bottom:20px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
    .cat-list > ul { border:0; border-radius:0; box-shadow:1px 0 0 #DDD , 0 1px 0 #DDD; }
    .cat-list > ul > li { padding-bottom:0; }
    .cat-list .cat-list-cart-cta { margin-bottom:0; }

    .product-item-photo { height:150px; }

    .product-left .icon-discount { left:52px; transform:scale(1,1); }
    .icon-new { top:11px; right:44px; padding:4px 7px; font-size:7px; }
    .product-left .icon-new { top:10px; right:10px; padding:5px 8px; font-size:8px; }

}



@media only screen and (max-width:440px) {

    .hero-slider ul.slick-dots li button { width:24px; }
    .promo-five li , .nettech-stores section small a { width:100%; }
    .join-us article { font-size:16px; }
    .footer-links > ul > li a { font-size:13px; }

}



@media only screen and (max-width:374px) {



}

@font-face {
    font-family: 'Fellix';
    src: url('Fellix-SemiBold.eot');
    src: local('Fellix SemiBold'), local('Fellix-SemiBold'),
        url('Fellix-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Fellix-SemiBold.woff2') format('woff2'),
        url('Fellix-SemiBold.woff') format('woff'),
        url('Fellix-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('Fellix-Light.eot');
    src: local('Fellix Light'), local('Fellix-Light'),
        url('Fellix-Light.eot?#iefix') format('embedded-opentype'),
        url('Fellix-Light.woff2') format('woff2'),
        url('Fellix-Light.woff') format('woff'),
        url('Fellix-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('Fellix-ExtraBold.eot');
    src: local('Fellix ExtraBold'), local('Fellix-ExtraBold'),
        url('Fellix-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('Fellix-ExtraBold.woff2') format('woff2'),
        url('Fellix-ExtraBold.woff') format('woff'),
        url('Fellix-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('Fellix-Medium.eot');
    src: local('Fellix Medium'), local('Fellix-Medium'),
        url('Fellix-Medium.eot?#iefix') format('embedded-opentype'),
        url('Fellix-Medium.woff2') format('woff2'),
        url('Fellix-Medium.woff') format('woff'),
        url('Fellix-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('Fellix-Regular.eot');
    src: local('Fellix Regular'), local('Fellix-Regular'),
        url('Fellix-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fellix-Regular.woff2') format('woff2'),
        url('Fellix-Regular.woff') format('woff'),
        url('Fellix-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('Fellix-Bold.eot');
    src: local('Fellix Bold'), local('Fellix-Bold'),
        url('Fellix-Bold.eot?#iefix') format('embedded-opentype'),
        url('Fellix-Bold.woff2') format('woff2'),
        url('Fellix-Bold.woff') format('woff'),
        url('Fellix-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
	overflow:hidden;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding:0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding:0;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background:#FFD87B;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 0;
        padding-right: 0;
    }

    .fancybox-slide--image {
        padding:0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #FFCE19;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}


.fancybox-button--thumbs { display:none !important; }
v-cloak {
    display:none;
}
.cursor-pointer {
    cursor: pointer;
}
.absolute {
    positin: absolute;
}
.flex {
    display: flex;
}
.flex-1 {
    flex: 1;
}
.inline-flex {
    display: inline-flex
}

.flex-auto {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

.flex-none {
    -webkit-box-flex: 0;
    flex: none
}

.flex-column {
    -webkit-box-orient: vertical;
    flex-direction: column
}

.flex-column,.flex-row {
    -webkit-box-direction: normal
}

.flex-row {
    -webkit-box-orient: horizontal;
    flex-direction: row
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.items-start {
    -webkit-box-align: start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    align-items: center
}

.items-baseline {
    -webkit-box-align: baseline;
    align-items: baseline
}

.items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-stretch {
    align-content: stretch
}
#payment-address-row {
    display: none;
}
.text-primary {
    color:#FF9E18;
}
.bg-primary-color {
    background-color:#FF9E18;
}
.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.table {
    width: 100%;
    color: #212529
}
.table {
    margin-bottom: 1rem
}
.custom-home-page-title {
    padding: 6px 0 0px 0;
    z-index: 4100 !important;
}


.custom-slider-brands-wrap {
    margin-top: 6px;
}

.page-title {
    font-size: 22px;
}

.popular-products {
    padding: 0 !important;
}

.slider-brands-item a {
    padding: 5px;
}

.page-login-out {
    float: left;
    width: 100%;
    height: calc(100vh - 130px);
    padding-bottom: 30px;
    padding-right: 65%;
    position: relative;
    z-index: 10;
}

.page-login-sidebar {
    position: fixed;
    top: 90px;
    bottom: 0;
    right: 0;
    width: 65%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.page-login-wrap {
    width: 100%;
    max-width: 480px;
    height: 100%;
    padding: 0 30px;
    margin: 0 auto;
    position: relative;
    z-index: 20;
}

.customer-table-wrap {
    float: left;
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.customer-table-wrap .inner-20 {
    display: flex;
    flex-flow: row wrap;
}

.customer-table {
    float: left;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 30px;
    text-align: center;
}

.customer-table:last-child {
    margin-bottom: 0;
}

.customer-name {
    float: left;
    width: 100%;
}

.customer-name img {
    height: 50px;
    padding: 3px 0;
}

.customer-table table {
    float: left;
    width: 100%;
    font-size: 13px;
}

.customer-table table tr {
    background-color: #EEE;
}

.customer-table table tr:nth-child(2n+2) {
    background-color: #F8F8F8;
}

.customer-table table tr.vade-farksiz {
    font-weight: 600;
    color: #151515;
}

.customer-table table tr:hover {
    color: #FF9E18;
}

.customer-table table th {
    padding: 7px 2px;
    font-weight: 600;
    color: #888;
    background-color: #FFF;
}

.customer-table table td {
    padding: 8px;
    border: 2px solid #FFF;
}

.customer-table table td:first-child {
    border-left: 0;
}

.customer-table table td:last-child {
    border-right: 0;
}

.sub-nav-container {
    float: left;
    width: 250px;
    min-height: 0;
    padding: 10px 0;
    background-color: #FF9E18;
    border-radius: 0 3px 3px 0;
    position: relative;
    z-index: 180;
    display: none;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0px 0px 10px 0px gray;
    padding: 20px;
    width: 600px;
    height: 400px;
    text-align: left;
    display: none;
}

.header-brand {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
}

.header-brand h3 {
    background-color: #f5f5f5;
    color: #000;
    padding: 10px;
    border-radius: 10px;
    width: auto; /* Genişliği içeriğine göre ayarla */
    display: inline-block; /* Sadece içeriği kapla */
    margin: auto; /* Merkeze hizala */
}

.popup-search-wrap {
    position: relative;
    width: 100%;
    height: 46px;
    margin-bottom: 14px;
}

.popup-search-wrap input {
    float: none;
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 16px 0 46px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    background-color: #fff;
    font-weight: 500;
    color: #333;
}

.popup-search-wrap input::placeholder {
    color: #777;
    opacity: 1;
}

.popup-search-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    color: #666;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
}

.popup-search-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 14px;
    max-height: 14px;
}

#noty_layout__topCenter {
    top: 12px;
    width: min(420px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
}

.app-push-notification.noty_bar {
    margin: 0;
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.55);
    overflow: hidden;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.app-push-notification.noty_theme__relax.noty_bar {
    background: rgba(255, 255, 255, 0.96);
}

.app-push-notification.noty_theme__relax.noty_type__success {
    border-left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 250, 244, 0.98));
}

.app-push-notification.noty_theme__relax.noty_type__alert,
.app-push-notification.noty_theme__relax.noty_type__warning {
    border-left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 235, 0.98));
}

.app-push-notification.noty_theme__relax.noty_type__error {
    border-left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(254, 242, 242, 0.98));
}

.app-push-notification .noty_body {
    padding: 14px 18px;
}

.app-push-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: #111827;
}

.app-push-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.app-push-text {
    font-size: 13px;
    line-height: 1.45;
    color: #4b5563;
}

.app_noty_open {
    transform: translateY(-22px) scale(0.96);
    opacity: 0;
    animation: app_noty_slide_in 0.32s ease forwards;
}

.app_noty_close {
    animation: app_noty_slide_out 0.22s ease forwards;
}

@keyframes app_noty_slide_in {
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes app_noty_slide_out {
    100% {
        transform: translateY(-14px) scale(0.98);
        opacity: 0;
    }
}

@media (max-width: 767px) {
    #noty_layout__topCenter {
        top: 10px;
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
    }

    .app-push-notification .noty_body {
        padding: 13px 16px;
    }
}


.my-fancy-wrap {
    margin-top: 40px;
}


.categories {
    list-style: none;
    padding: 0;
    margin: 0;

}

.categories li {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 5px;
    cursor: pointer;
    width: 100%;
    display: block;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    border-top: 1px solid #a7a5a5;
}

.categories li span {
    display: inline-block;
    width: 145px;
    text-align: left;
}

.categories li:hover {
    background-color: #ff9e18;
}

.my-fancy-wrap {
    padding-left: 20px;
}

#backButton {
    display: none;
    width: 100%;
    padding: 10px;
    background-color: #ddd;
    margin-bottom: 5px;
    margin-top: 30px;
    cursor: pointer;
    border-radius: 5px;

}

#backButton:hover {
    background-color: #ccc;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .categories-footer {
        display: none;
    }
}


#sub-nav-hidden-menu {
    display: none;
}


#sub-nav-hidden-menu li a::before {
    background: none;
}

#sub-nav-hidden-menu li a.nav-back::before {
    background: none;
    background: url(../images/arrow-grey-left.png) no-repeat right center / 100% auto;
}

#sub-nav-hidden-menu li a.nav-back {
    color: #ff9e18;
}


a.basket-delete {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(../images/icon-trash.png) no-repeat center / auto 16px;
    text-indent: -9999px;
    transition: all 0.15s;
    border-radius: 50%;
}

i.basket-delete {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(../images/icon-trash.png) no-repeat center / auto 16px;
    text-indent: -9999px;
    transition: all 0.15s;
    border-radius: 50%;
}

i.basket-edit {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(../images/icon-edit.png) no-repeat center / auto 16px;
    text-indent: -9999px;
    transition: all 0.15s;
    border-radius: 50%;
}

a:hover.basket-delete {
    background-color: rgba(0, 0, 0, 0.05);
}

#logo a::before,
.cat-list-cart-cta {
    display: block;
}
.cat-list-cart-cta-mobile {
    display: none;
}

.cat-list ul > li:hover .cat-list-cart-cta {
    opacity: 1 !important;
}

.header-account-content li.spacer { height:1px; margin:10px 0; background-color:#CCC;}
.header-account-content li small { float:left; width:100%; padding:5px 15px; margin-bottom:10px; font-weight:700; font-size:11px; color:#FF9E18; letter-spacing:2px; background-color:#F5F5F5; border-radius:3px; text-align:center;}
.header-account-content li.w50 a { font-weight:700;}

#nav>ul li span{
    background-color: #fff;
}

#nav>ul li span a {
    color:#000;
}

@media only screen and (max-width: 767px) {
    .page-title {
        font-size: 16px;
        padding: 5px 0;
    }

    /* Let auth pages grow naturally on small screens instead of forcing viewport-height centering. */
    .page-login-out,
    .page-login-wrap,
    .vertical-out,
    .vertical-in {
        height: auto;
        min-height: 0;
    }

    .vertical-out,
    .vertical-in {
        display: block;
    }

    .page-login {
        padding-bottom: 30px;
    }

    .page-login .page-title {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .my-quick-icon{
        bottom: 120px;
    }
    #nav>ul li span {
        background-color: #fff!important;
        color: #000000!important;
    }
    #nav li>a, #nav>ul li span a {
        font-size: 16px;
        color: #000;
        line-height: 40px;
    }

    #logo a::before {
        display: none!important;
    }
    .cat-list-cart-cta {
        display: none;
    }
    .cat-list-cart-cta-mobile {
        display: inline-block;
    }
    .basket-total-price{
        margin-top: 15px!important;
    }
    .custom-padding {
        padding-left: 5px !important;
    }

    .slider-brands-item img {
        width: 50px !important;
        height: 50px !important;
    }

    .page-login-out {
        padding-right: 0px;
    }

    .product-title {
        font-size: 15px !important;
    }

    .product-fixed-cart {
        float: right;
        margin-right: 65px;
        margin-left: auto;
    }


    .basket li .basket-name strong {
        font-size: 10px;
    }

    .quantity > a > div {
        background: url(../../assets/images/icon-edit.png) no-repeat center / auto 12px;
    }

    a.basket-delete {
        background: url(../images/icon-trash.png) no-repeat center/auto 13px;
    }

    .basket li div i {
        font-size: 12px;
    }
    .basket li img {
        position: absolute;
        top: 20px;
        left: 0;
        height: 39px;
        margin-right: 0;
    }
    .basket li {
        padding-left: 49px;
        display: block;
    }

    .quantity>a>div {
        min-width: 30px;
        margin-left: 0;
        background: url(../../assets/images/icon-edit.png) no-repeat center / auto 12px;
    }

    .price-mobile {
        font-size: 13px;
    }

    .order-summary-mobile-hidden {
        display: none!important;
    }

    .shopping-content{
        padding-bottom: 5px;
    }

    .shopping-sidebar-summary section {
        font-size: 11px;
    }

    .shopping-sidebar-summary section span{
        font-size: 11px;
    }
    .shopping-sidebar-summary i{
        margin-top: 0px;
        font-size: 11px;
        padding-top:10px;
    }
    .shopping-sidebar-summary strong{
        font-size: 15px;
    }

    .shopping-continue {
        margin-top: 5px;
    }

    .shopping-continue a{
        font-size: 11px;
        line-height: 30px;
        height: 30px;
    }

    .shopping-continue a::after{
        height: 32px;
        background: url(../images/arrow-white-right.png) no-repeat center / 17px auto;
    }

    /*.product-add > section .item-up{*/
    /*    right: -10px;*/
    /*    z-index: 1;*/
    /*}*/

    /*.product-add > section .item-down{*/
    /*    left: -10px;*/
    /*    z-index: 1;*/
    /*}*/
    .product-add {
        width:50% !important;
    }

    .product-add > section .item-down, .product-add section .item-up {

        cursor: pointer;

    }
}


.product-specs-table table tr {
    border-bottom: 1px solid #cfcfcf;
}

.product-specs-table table tr:hover {
    background-color: rgba(0, 0, 0, .05);
    border-bottom: 1px solid #000000;
}

.product-specs-table table tr .right-text {
    float: right;
}

/*.header-home {*/
/*    float: right;*/
/*    margin-left: auto;*/
/*    position: relative;*/
/*}*/

/*.header-home::after {*/
/*    content: "";*/
/*    float: right;*/
/*    width: 2px;*/
/*    height: 30px;*/
/*    margin: 10px 30px;*/
/*    background-color: rgba(255, 255, 255, 0.2);*/
/*}*/

/*.header-home-icon {*/
/*    padding-left: 28px;*/
/*}*/


#sub-nav-hidden-menu li a.nav-back::before {
    background: 0 0;
    background: url(../images/icon-back.png) no-repeat right center/100% auto;
    left: 10px;
    right: auto;
    width: 8px;
}

#sub-nav-hidden-menu li a.nav-back {
    color: #ff9e18;
    text-indent: -9999px;
}

/*.header-home-icon::before {*/
/*    background-image: url(../images/icon-home.png);*/
/*}*/

.hero-stories li a strong {
    display: block;
    width: 80px;
    height: 30px;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    white-space: initial;
    overflow: hidden;
}

.header-cart-content li div i {
    width: 15px;
    text-align: center;
}

.apply-form .service-type {
    width: 25%;
}

.hero-stories li a strong {
    display: block;
    width: 64px;
    height: 30px;
    margin-top: 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
    white-space: initial;
    overflow: hidden;
    padding-right: 3px;
}

@media only screen and (max-width: 1023px) {
    .hero-slider-item-summary {
        margin: 0px 0 15px 0;
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 540px) {
    .hero-slider-item-summary {
        display: block;
    }

    .hero-slider-item-title {
        margin-bottom: 8px;

    }

    .hero-stories li {
        float: none;
        display: inline-block;
        margin: 0 10px;
    }
}

.product-item-title {
    font-size: 12px;
}

.product-coloz li section {
    float: left;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.product-item-title {
    padding-bottom: 10px;
}


/*.slider-cat-list div img{*/
/*    width: 220px!important;*/
/*    height: 220px!important;*/
/*}*/

.slider-cat-list ul.slick-dots li button::before {
    background-color: #0e0e0e;
    border-radius: 44px;
    opacity: .5;
}

.slider-cat-list ul.slick-dots li button {
    width: 6px !important;
    height: 16px !important;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.product-title {
    font-size: 23px;
}

.customer-table table tr:nth-child(2n+2) {
    background-color: #f3f3f3;
}

.category-title {
    font-size: 20px;
}


.product-specs-table {
    text-align: left;
}

.slider-cat-list div img {
    margin-bottom: 15px;
}

.customer-table table tr {
    background-color: #fff;
}


.contact-photo {
    float: left;
    width: 100%;
    margin: 60px 0 -20px 0;
}

.contact-photo img {
    height: 60px;
    width: 122px
}


.slider-brands {
    width: 100%
}

.slider-brands-item a {
    max-width: 80px;
    max-height: 80px;
    padding: 0 0px !important;
}

.slider-brands-item img {
    width: 50px;
    height: 50px;
}

.slider-home-brands-item img {
    width: 65px;
    height: 65px;
    vertical-align: middle;
}

.product-title {
    float: left;
    width: 100%;
    margin: 10px 0 13px 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -.5px;
}

.product-delivery {
    font-size: 14px;
}

.add-to-basket a {
    float: left;
    width: 100%;
    height: 38px;
    padding-left: 25px;
    background-color: #ff9e18;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    transition: all .3s;
}

.add-to-basket a {
    float: left;
    width: 100%;
    height: 38px;
    padding-left: 25px;
    background-color: #ff9e18;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    transition: all .3s;
}

.product-add > section {
    float: left;
    width: 100%;
    height: 38px;
    border: 1px solid #999;
    border-radius: 3px;
    position: relative;
    background-color: #fff;
}

.slider-brands-item-category {
    margin-right: 5px;
}

.category-slider-brands-wrap {
    margin-top: 0px !important;
    margin-bottom: 15px;
}

.sidebar {
    margin-top: 13px;
}

.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
}

.custom-home-page-title-category {
    padding: 0px 0 0px 0;
}

.custom-category-margin {
    margin: 15px 0 !important;
}

.product-add > section .item-input input {
    height: 28px;
}

.add-to-basket a::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/icon-cart-2.png) no-repeat center/auto 20px;
    transition: all .3s;
}

.stock-my-fancy {
    width: 380px !important;
}

.slider-brands-item:hover img {
    border-radius: 0px !important;
}

.slider-brands-item {
    padding: 5px !important;
}

.fancybox-content {
    width: 500px;
}

@media (max-width: 1023px) {
    .contact-photo {
        margin: 25px 0 -10px 0;
        text-align: center;
    }
}
.desktop-hidden {
    display: none;
}
@media only screen and (max-width: 767px) {
    .desktop-hidden {
        display: contents;
    }
    .fancybox-content {
        width: 100%;
    }

    .add-to-basket a::before {
        content: none;
    }

    .add-to-basket a {
        padding-left: 0;
    }

    .category-custom-page-title {
        font-size: 15px;
        padding: 0px 0 0px 0 !important;
    }

    .custom-page-title {
        font-size: 15px;
        padding: 34px 0 0px 0;
    }

    .custom-padding {
        padding-left: 35px;
    }

    .slider-brands-wrap {
        margin-top: 0px;
    }

    .slider-brands-item a {
        max-width: 120px;
        max-height: 120px;
        padding: 0px !important;
        display: inline-block;
        border-radius: 3px;
        border: 1px solid #E5E5E5;
        transition: all 0.4s;
    }

    .promo-five-campaign li {
        width: 50%;
    }

    .mobile-hidden {
        display: none;
    }

    .apply-form .service-type {
        width: 100%;
    }

    .product-fixed-bar {
        padding: 10px 0;
    }

    .product-fixed-bar .wrap {
        padding: 0 10px;
    }

    .product-fixed-bar {
        bottom: 54px;
    }

    #nav {

        left: 0;
        right: 0;
        bottom: 0;
    }

    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 10;
    }

    #backButton {
        color: #000;
    }
}


@media only screen and (max-width: 640px) {
    .slider-brands-wrap {
        padding: 0;
        overflow: hidden;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }

    .slider-brands {
        display: block;
        padding: 0;
    }

    .slider-brands-item {
        float: none;
        width: auto;
        display: inline-block;
    }

    .slider-brands-item img {
        width: 60px;
        max-width: 120px;
        vertical-align: middle;
    }

    .sidebar-icon {
        float: left;
        width: calc(50% - 10px);
        height: 30px;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: 1px;
        cursor: pointer;
        position: relative;
        background: #fff url(../images/icon-filter.png) no-repeat 10px center/auto 16px;
        z-index: 90;
        display: block;
        text-align: center;
        border: 1px solid #666;
        border-radius: 3px;
    }

    .filter-type .input {
        height: 30px;
        line-height: 27px;
    }

    .custom-category-margin {
        margin: 7px 0 !important;
    }

    .category-title {
        font-size: 18px;
    }

    .category-count {
        font-size: 12px;
    }
}

.shopping-continue button {
    float: left;
    width: 100%;
    height: 50px;
    padding: 0 10px 0 25px;
    background-color: #000;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 50px;
    color: #fff;
    border-radius: 3px;
    transition: all .3s;
    position: relative;
}

.product-item-price strong small {
    color: #797979;
    font-weight: 500;
    font-size: 12px;
}

.product-price strong{
    color: #ff9e18;
}
.product-price strong small {
    color: #999;
    font-weight: 500;
    font-size:18px;
}

#categorySearch{ margin-bottom: 20px; margin-top:20px;  width: 100%; }
#modelSearch { margin-bottom: 20px; margin-top:20px;  width: 100%; }

.quick-add {
    padding: 2px;
}

.cart-add-sm {
    width: 28px;
    height: 28px;
    padding: 2px;
}
.cart-add-sm img{
    width: 100%;
}
.stock-amount {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    font-size: 10px;
    padding: 3px 6px;
    border: 1px solid #ddd;
    font-weight: 700;
    background: #fff;
    border-radius: 3px;
}

.basket-line-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px;
}

.basket-line-photo {
    flex: 0 0 112px;
    display: block;
}

.basket li .basket-line-photo img {
    position: static;
    width: 112px;
    height: 112px;
    margin-right: 0;
    border-radius: 14px;
    object-fit: cover;
}

.basket-line-body {
    float: none;
    flex: 1;
    min-width: 0;
    padding-top: 4px;
    padding-right: 32px;
}

.basket li .basket-line-body .basket-name {
    float: none;
    width: 100%;
    text-align: left;
}

.basket li .basket-line-body .basket-name a {
    display: block;
}

.basket li .basket-line-body .basket-name strong {
    font-size: 18px;
    line-height: 1.4;
}

.basket-line-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 18px;
    margin-top: 12px;
    color: #5b6574;
    font-size: 14px;
    font-weight: 500;
}

.basket-line-meta > span,
.basket-line-meta > a {
    float: none;
}

.basket-line-quantity {
    display: inline-flex;
    align-items: center;
}

.basket-line-quantity .quantity {
    margin-bottom: 0;
}

.checkout-customer-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.checkout-customer-fields .input {
    width: calc(50% - 8px);
}

.checkout-customer-fields .checkout-customer-email {
    width: 100%;
}

.address-selector section.checkout-address-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-right: 0;
}

.address-selector section.checkout-address-actions .checkout-address-action {
    float: none;
    height: 45px;
    padding: 0 18px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 43px;
}

.address-selector section.checkout-address-actions .checkout-address-action::before {
    display: none;
}

.address-selector section.checkout-address-actions .checkout-address-action.secondary {
    background: #f6f6f6;
}

.checkout-card-form {
    display: flex;
    flex-wrap: wrap;
}

.apply-form .checkout-card-full {
    width: 100%;
}

.apply-form .checkout-card-half {
    width: 50%;
}

.checkout-card-form .form-item > label {
    display: none;
}

.checkout-card-form .checkout-card-secure {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 0;
}

.checkout-card-form .checkout-card-secure > label {
    display: block;
    order: 2;
    font-weight: 600;
}

.checkout-card-form .checkout-card-secure input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    float: none;
    order: 1;
}

@media only screen and (max-width: 640px) {
    .basket li.basket-line-item {
        padding-left: 0;
        display: flex !important;
        gap: 14px;
        align-items: flex-start !important;
    }

    .basket-line-photo {
        flex-basis: 84px;
    }

    .basket li .basket-line-photo img {
        width: 84px;
        height: 84px;
    }

    .basket-line-body {
        padding-right: 28px;
        padding-top: 0;
    }

    .basket li .basket-line-body .basket-name,
    .basket li .basket-line-body .basket-line-meta {
        width: 100%;
        text-align: left;
    }

    .basket li .basket-line-body .basket-name strong {
        font-size: 14px;
    }

    .basket-line-meta {
        display: block;
        margin-top: 8px;
        font-size: 12px;
        line-height: 1.6;
    }

    .basket-line-meta > span,
    .basket-line-meta > a {
        display: block;
        margin-top: 4px;
    }

    .checkout-customer-fields .input,
    .apply-form .checkout-card-half {
        width: 100%;
    }

    .address-selector section.checkout-address-actions {
        width: 100%;
    }

    .address-selector section.checkout-address-actions .checkout-address-action {
        width: 100%;
        text-align: center;
    }
}

.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
      transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translate(50%);
      -ms-transform: translate(50%);
          transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
          animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
          animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
          animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.noty_theme__relax.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__relax.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__relax.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__relax.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__relax.noty_type__error {
  background-color: #FF8181;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__relax.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__relax.noty_type__info .noty_buttons,
  .noty_theme__relax.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__relax.noty_type__success {
  background-color: #BCF5BC;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__relax.noty_type__success .noty_buttons {
    border-color: #50C24E; }

.noty_theme__metroui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
  .noty_theme__metroui.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .noty_theme__metroui.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 14px; }
  .noty_theme__metroui.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px; }

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
  background-color: #fff;
  color: #1d1d1d; }

.noty_theme__metroui.noty_type__warning {
  background-color: #FA6800;
  color: #fff; }

.noty_theme__metroui.noty_type__error {
  background-color: #CE352C;
  color: #FFF; }

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
  background-color: #1BA1E2;
  color: #FFF; }

.noty_theme__metroui.noty_type__success {
  background-color: #60A917;
  color: #fff; }

.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px; }
  .noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F; }

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff; }

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff; }

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff; }

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff; }

.noty_theme__sunset.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__sunset.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__sunset.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__sunset.noty_type__alert,
.noty_theme__sunset.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__sunset.noty_type__alert .noty_progressbar,
  .noty_theme__sunset.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__sunset.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__sunset.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__sunset.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__sunset.noty_type__info,
.noty_theme__sunset.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__sunset.noty_type__info .noty_progressbar,
  .noty_theme__sunset.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__sunset.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__bootstrap-v3.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_body {
    padding: 15px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background: transparent; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5; }

.noty_theme__bootstrap-v3.noty_type__alert,
.noty_theme__bootstrap-v3.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v3.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v3.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v3.noty_type__info,
.noty_theme__bootstrap-v3.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v3.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__bootstrap-v4.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: .25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    background: transparent; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .75; }

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v4.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v4.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v4.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__semanticui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  font-size: 1em;
  border-radius: .28571429rem;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent; }
  .noty_theme__semanticui.noty_bar .noty_body {
    padding: 1em 1.5em;
    line-height: 1.4285em; }
  .noty_theme__semanticui.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__semanticui.noty_type__alert,
.noty_theme__semanticui.noty_type__notification {
  background-color: #f8f8f9;
  color: rgba(0, 0, 0, 0.87); }

.noty_theme__semanticui.noty_type__warning {
  background-color: #fffaf3;
  color: #573a08;
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__error {
  background-color: #fff6f6;
  color: #9f3a38;
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__info,
.noty_theme__semanticui.noty_type__information {
  background-color: #f8ffff;
  color: #276f86;
  box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__success {
  background-color: #fcfff5;
  color: #2c662d;
  box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; }

.noty_theme__nest.noty_bar {
  margin: 0 0 15px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.098039) 5px 4px 10px 0; }
  .noty_theme__nest.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px; }

.noty_layout .noty_theme__nest.noty_bar {
  z-index: 5; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
  position: absolute;
  top: 0;
  margin-top: 4px;
  margin-right: -4px;
  margin-left: 4px;
  z-index: 4;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
  position: absolute;
  top: 0;
  margin-top: 8px;
  margin-right: -8px;
  margin-left: 8px;
  z-index: 3;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
  position: absolute;
  top: 0;
  margin-top: 12px;
  margin-right: -12px;
  margin-left: 12px;
  z-index: 2;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
  position: absolute;
  top: 0;
  margin-top: 16px;
  margin-right: -16px;
  margin-left: 16px;
  z-index: 1;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
  position: absolute;
  top: 0;
  margin-top: 20px;
  margin-right: -20px;
  margin-left: 20px;
  z-index: -1;
  width: 100%; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
  margin-top: 4px;
  margin-left: -4px;
  margin-right: 4px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
  margin-top: 8px;
  margin-left: -8px;
  margin-right: 8px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
  margin-top: 12px;
  margin-left: -12px;
  margin-right: 12px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
  margin-top: 16px;
  margin-left: -16px;
  margin-right: 16px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: 20px; }

.noty_theme__nest.noty_type__alert,
.noty_theme__nest.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__nest.noty_type__alert .noty_progressbar,
  .noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__nest.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__nest.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__nest.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__nest.noty_type__info,
.noty_theme__nest.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__nest.noty_type__info .noty_progressbar,
  .noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__nest.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

/*# sourceMappingURL=noty.css.map*/