/*   
Netbeyaz E-Ticaret Sistemi
http://www.netbeyaz.com
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');


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; }
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; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.form-control {border:1px solid #E2E2E2; -webkit-appearance:button;}
.quantity-select {
	    height: 50px !important;
    border-radius: 0px !important;
}
.cursor {cursor:pointer;}
img {max-width:100%;}
.clearfix {clear:both;}
/*	Finish RESET	*/

body { margin:0; color:#222; font-size:14px;font-weight:300; font-family:'Poppins', sans-serif; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }

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

a { color:#151515; text-decoration:none;  }
a:hover { color:#f71212; text-decoration:none; }

input, textarea, select { float:left; font-size:12px; margin:0; font-family:'Poppins', sans-serif; border-radius:0; border:0; -webkit-appearance:none; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:'Poppins', sans-serif; font-weight:600; font-size:14px; }
.iyzi-form input {float:none !important;}

.alert {clear:both; display:table;margin:0;width:100%;}
.input { width:100%; height:40px; padding:0 13px; border:1px solid #888; transition:ease 0.3s; background-color:#FFF;  }
.input:focus { border-color:#3ECE7E !important; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); }

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

textarea.input { padding-top:10px !important; padding-bottom:10px !important; }

.button { float:none; height:40px;text-transform:uppercase; line-height:40px; display:inline-block; padding:0 35px; position:relative; cursor:pointer; border:none; font-weight:600; color:#FFF; background-color:#f71212; transition: all 0.2s;  overflow:hidden; }
.button:hover { background-color:#151515; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1); }
	.button::before { content:""; position:absolute; top:0; bottom:0; right:-20%; left:47%; background-image:linear-gradient(0deg,rgba(255, 255, 255, 0.0),#FFF); transform:skew(-30deg); opacity:0.15; transition: all 0.2s; }
	.button:hover::before { left:32%; transform:skew(-20deg); opacity:0.2; }

.checkbox { margin:3px 7px 0px 0px; } 

/* netbeyaz ozel tema css start */
.netbeyaz { float:left; width:100%; position:relative;background:#F6F6F6; }
.netbeyaz-payment { float:left; width:100%; padding-top:0px; position:relative; }
.body-shop { padding-top:80px; }
.wrap { margin:0 auto; width:1170px; min-height:10px; position:relative; }

.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; }
.mt15 { margin-top:15px; }
.mr15 { margin-right:15px; }
.mb10 { margin-bottom:10px; }


/*	Start TOP	*/

.header-wrap { background-color:#FFF; z-index:5000; transition:all 0.4s; }
.netbeyaz-payment .header-wrap { position:relative !important; background-color:#FFF; z-index:5000; transition:all 0.4s; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); }
.scroll .header-wrap { margin-top:-35px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); }
.header-shop { margin-top:0 !important; }

.header-promo { float:left; width:100%; z-index:2200; position:relative; text-align:center; }
.header-promo > a { position:absolute; top:0; right:2.5%; padding:10px 0; font-size:11px; color:#999; text-decoration:underline; }
.header-promo > a:hover { color:#151515; }
.header-promo .wrap { height:40px; padding:0; }
.header-promo::before { content:""; position:absolute; left:0; top:0; right:50%; bottom:0; background-color:#f71212; }
.header-promo .wrap a { float:left; width:100%; padding:10px 25px; position:relative; background-color:#f71212; border-radius:0 0 20px 0; color:#FFF; font-weight:600; font-size:14px; }
.header-promo-close { position:absolute; top:0; bottom:0; right:0; width:40px; background:url(../images/icon-close-2.png) no-repeat center / 10px; opacity:0.5; cursor:pointer; }
.header-promo-close:hover { background-image:url(../images/icon-close.png); background-size:12px; opacity:1; }

.header-bar { float:left; width:100%; position:relative; background:#555;  }
.header-bar .wrap > ul:last-child { float:right; }
.header-bar .wrap > ul li { padding-right:15px; margin-right:15px; position:relative; }
.header-bar .wrap > ul li::before {      
content: "\f10c";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: -10px;
    top: 7px;
    bottom: 0;
    font-size: 7px;
    color: #FFF; }
.header-bar .wrap > ul li:last-child { padding-right:0; margin-right:0; border-right:0; }
.header-bar .wrap>ul li a {
    float: left;
    color: #FFF;
    font-size: 13px;
	font-weight:300;
    line-height: 35px;
    padding: 0;
}
.header-bar .wrap>ul li a:hover {
    color: #000 !important;
}
.header-bar .wrap button span {
    color: #fff;
	font-weight:300;
}
.header-bar .wrap button span:hover {
    color: #000  !important;
}
.header-bar .wrap>ul li button {
    float: left;
    color: #f12a43;
    font-size: 13px;
	font-weight:700;
    line-height: 35px;
    padding: 0;
}


.header-bar .wrap > ul li a:hover { color:#f71212; }
.header-bar .wrap > ul li a img { float:left; height:35px; padding:10px 0; margin-right:5px; }

.header-choose { display:none; position:absolute; top:34px; right:0; width:250px; padding:19px; background-color:#FFF; box-shadow:7px 7px 0 rgba(0, 0, 0, 0.07); z-index:2100;  font-size:12px; border:1px solid #757575; }

.language { float: left;
    width: 100%;
   }
.language li { }
.language li:first-child { padding-right:15px; margin-right:15px; border-right:1px solid #EEE; }
.language li a { float:left; font-weight:600; }
.language li a img { float:left; height:20px; padding:2px 0; margin-right:7px; }
.choose-country { float:left; width:100%; }
.choose-country span { float:left; width:100%; margin-bottom:4px; font-weight:600; }
.choose-country .input { height:35px; font-size:12px; font-weight:600; line-height:35px; }
.choose-country .dropdown-toggle {
    display: none!important;
}
.choose-country .currency-menu {
    display: block!important;
    display: block!important;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
}
.choose-country .currency-menu li {
    padding-right: 0;
    margin-right: 0;
    border-right: 1px solid #eee;
}
.header { float:left; width:100%; min-height:80px; z-index:900; position:relative; background:#f12a43; }

#logo { float:left; position:relative; margin:30px 0; }
#logo img { height:45px; }
#logo img:hover { opacity:0.8; }
.hero-slider-wrap {margin-top:15px;}
.header-search { position:absolute; left:45%; top:30px; width:400px; margin-left:-200px; }
.header-search input { width:100%;font-weight:300; height:40px; padding:0 40px 0 19px; border-radius:20px; border:0 !important; font-size:12px; line-height:40px;  transition:all 0.5s; }

.header-search button { 
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../images/icon-search.png) no-repeat center / 16px #000;
    border: none;
    text-indent: -9999px;
    border-radius: 100%;
}
.header-search button:hover { background-size:auto 18px; }

.header-basket { float:right; margin-top:30px;  }
.header-bar .dropdown-menu {
    position: absolute!important;
    top: 26px!important;
    right: 0!important;
    left: auto!important;
    width: 280px!important;
    padding: 19px!important;
    background-color: #fff!important;
    box-shadow: 7px 7px 0 rgba(0,0,0,.07)!important;
    z-index: 2100!important;
    border-radius: 0px!important;
    font-size: 12px!important;
    border: 1px solid #757575!important;
}
	.header-bar .dropdown-menu li::before {content:"" !important;}
.header-basket a i { position:absolute; top:-4px; left:12px; width:18px; height:18px; text-align:center; background-color:#f71212; color:#FFF; font-size:10px; font-weight:700; line-height:16px; z-index:10; border:2px solid #FFF; border-radius:50%; }
#cart {position:initial;}

#cart > .btn { 
    float: left;
    cursor: pointer;
    position: relative;
    color: #fff;
    padding: 9px 18px;
    font-size: 13px;
    background: #000;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
}
#cart > .btn:hover { background:#000; color:#fff; }
#cart > .btn::before{ 
    content:"\f07a";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:16px;
	margin-right:5px;
 }
 

#cart-total {
position: absolute;
    top: -8px;
    left: 80px;
    width: 22px;
    height: 22px;
    text-align: center;
    background-color: #fff;
    color: #f12a43;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    z-index: 10;
    border: 2px solid #000;
    border-radius: 50%;
    text-indent: 0;
}
#cart > .btn .fa{display:none}


#cart.open > .btn {
color: #fff;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
text-shadow: none;
}
#cart.open > .btn:hover {
color: #fff;
}
#cart .dropdown-menu {
background: #fff;
z-index: 1001;
}
#cart .dropdown-menu {
width: 330px;
padding:10px;
border: 1px solid #888;
overflow:hidden;
display:none;
margin-top:10px;
}

#cart .dropdown-menu li{float:none}
/*#cart .dropdown-menu li:first-child {
max-height: 400px;
overflow: scroll;
overflow-x:hidden;
position: relative;
}
*/
#cart .dropdown-menu li:first-child {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;

}
#cart .dropdown-menu li + li {
border-top: 1px solid #888;
padding: 5px 0 0;
}


#cart .dropdown-menu table {
margin-bottom: 10px;
border:none;
}

#cart .dropdown-menu table td{ border:none; background:none; padding:5px 4px; }

#cart .dropdown-menu table.total-table td{border:medium none;}

#cart .dropdown-menu li > div {		
}
#cart .dropdown-menu li p {	
margin:20px auto;
color:#333;
}


.basket-mini { display:none; position:absolute; top:72px; right:0; width:400px; padding:19px; background-color:#FFF; border:1px solid #757575; box-shadow:7px 7px 0 rgba(0, 0, 0, 0.07); z-index:995;  }
.basket-mini::before , .basket-mini::after { 
content:"";
border-bottom:4px solid transparent;
border-left:10px solid transparent;
border-right:10px solid transparent;
height: 0;
top:-4px;
right:25px;
position: absolute;
width:0;
border-bottom-color:#757575;
}
.basket-mini::after , .header-choose::after { top:-3px; border-bottom-color:#FFF; }

.basket-mini ul { width:100%; border-top:1px solid rgba(0, 0, 0, 0.06); /* max-height:261px; overflow-y:auto;  */line-height:16px; }
.basket-mini li { width:100%; min-height:65px; padding:7px 0; position:relative; border-bottom:1px solid rgba(0, 0, 0, 0.06); }
.basket-mini li a:hover { text-decoration:underline; }
.basket-mini li img { height:50px; position:absolute; top:7px; left:0; }
.basket-mini li div { float:left; width:100%; height:50px; padding-left:50px; display:table; font-weight:500; font-size:12px; }
.basket-mini li div span { width:50%; height:100%; display:table-cell; vertical-align:middle; }
.basket-mini li div span a { display:block; }
.basket-mini li div i { width:20%; height:100%; display:table-cell; vertical-align:middle; text-align:center; }
.basket-mini li div em { width:30%; height:100%; display:table-cell; vertical-align:middle; text-align:right; font-weight:700; }

.basket-mini .summary { float:left; width:100%; padding:15px 0; font-size:13px;margin-bottom:0px; min-height:auto; text-align:right; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.06); }
.basket-mini .summary i { font-size:13px; font-weight:700; }

.basket-mini .empty { float:left; width:100%; padding:60px 0 30px 0; color:#999; text-align:center; position:relative; }
.basket-mini .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; }

.basket-mini .func { float:left; width:100%; font-weight:600; line-height:40px; }
.basket-mini .func a { float:left; transition:all 0.3s; }
.basket-mini .func a:last-child { float:right; padding:0 25px; background-color:#f12a43; font-size:14px; color:#FFF;  }
.basket-mini .func a:last-child:hover { background-color:#E61717; }

.header-account { float:right; margin-top:30px; position:relative; }
.header-login , .header-fav { float:left;color:#333; margin-right:20px; height:30px; padding-left:22px; cursor:pointer; font-size:12px; font-weight:400; line-height:30px; position:relative; }
a.header-login , a.header-fav { color:#333; }
.header-login::after { content:""; position:absolute; top:0; left:0; width:20px; height:30px; background:url(../images/icon-user.png) no-repeat center / auto 20px; }
.header-login::after { background-image:url(../images/icon-lock.png); }
.header-fav::after { 
position:absolute; top:0; left:0; 
    content:"\f004";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:16px;
	}

.header-avatar { 
    float: left;
    cursor: pointer;
    position: relative;
    color: #000;
    padding: 9px 18px;
    font-size: 13px;
    background: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
	margin-right:20px;
}
.header-avatar:hover, .header-avatar:active { 
    color: #fff;
    background: #000;

}
.header-avatar::before{ 
    content:"\f007";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:16px;
	    margin-right: 5px;
 }
.header-logmenu { 
	float: left;
    margin-right: 20px;
    cursor: pointer;
    position: relative;	
}
.header-logmenu a { 
    color: #f12a43;
    padding: 9px 18px;
    font-size: 13px;
    background: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
 }
.header-logmenu a:hover { background:#000; color:#fff; }
.header-logmenu a::before{ 
    content:"\f007";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:16px;
	margin-right:5px;
 }
.header-regmenu { 
	float: left;
    margin-right: 20px;
    cursor: pointer;
    position: relative;	
}
.header-regmenu a { 
    color: #f12a43;
    padding: 9px 18px;
    font-size: 13px;
    background: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
 }
.header-regmenu a:hover { background:#000; color:#fff; }
.header-regmenu a::before{ 
    content:"\f234";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:16px;
	margin-right:5px;
 }
.header-menu { display:none; position:absolute; right:0; top:41px; width:280px; background-color:#FFF; box-shadow:7px 7px 0 rgba(0, 0, 0, 0.07); z-index:999; color:#FFF;  border:1px solid #757575; }
.header-menu::before , .header-menu::after { 
content:"";
border-bottom:4px solid transparent;
border-left:10px solid transparent;
border-right:10px solid transparent;
height: 0;
top:-4px;
right:60px;
position:absolute;
width:0;
border-bottom-color:#757575;
}
.header-menu::after { top:-3px; border-bottom-color:#FFF; }

.header-menu ul { width:100%; padding:19px; }
.header-menu li { width:100%; border-top:1px solid rgba(0, 0, 0, 0.06); }
.header-menu li:last-child { border-bottom:1px solid rgba(0, 0, 0, 0.06); }
.header-menu li a { float:left; width:100%; padding:10px 15px; font-size:12px; transition:all 0.2s; position:relative; }
.header-menu li a:hover { font-weight:600; }

.nav-icon , .nav-mobile-menu , .mobile-sub-cats , .mobile-filter-wrap , .left-block-filter , .mobile-product-actions , .mobile-choose-country { display:none; }

.nav-wrap { float: left;
    width: 100%;
    position: relative;
    z-index: 80;
	background:#fff;
	border-bottom:1px solid #ddd;
   }

#nav { float:left; width:100%; position:relative; z-index:310;background:#fff; }
#nav > ul { width:100%; }
#nav > ul > li {  }
#nav > ul > li > a { float:left; border-left:1px solid #eaeaea; font-weight:700;font-size:13px;color:#f12a43; padding:0px 30px;text-transform: uppercase; line-height:50px; position:relative; z-index:10; transition:all 0.25s; }
#nav > ul > li:hover > a { background:#f12a43; color:#fff; }
#nav > ul > li > a img { float:left; height:40px; padding:10px 0; margin-right:7px; }


#nav > ul > li span {
display:none;
position:absolute;
top:51px;
right:auto;
padding:0px;
background-color:#fff;
box-shadow:0 10px 50px rgba(0, 0, 0, 0.15);
text-align:left;
z-index:9999;
width:75%;
}
#nav > ul > li span.none-category-box {

}
#nav > ul > li span article.none-category {

width:100%;
}
#nav > ul > li span article { float:left; width:100%; display:flex; flex-flow:row wrap; font-size:12px; font-weight:600; }
#nav > ul > li span article section { float:left;  padding:0px; }
#nav > ul > li span article section strong { float:left; width:100%; font-size:14px; }
#nav > ul > li span article section a { 
float: left;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    font-size: 13px;
    font-weight: 300;
    color: #333;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
	}
	#nav > ul > li span article section a:hover { 
    color: #fff;
    background: #f12a43;
	}
.nav-menu-promo { float:left; width:50%; padding:10px 0; }
.nav-menu-promo { float:right; width:50%; padding-left:20px; }
.nav-menu-promo a { float:left; width:100%; position:relative; text-align:center; }
.nav-menu-promo a img { float:left; width:100%;  }

/*	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:#f71212; }

/*	Finish TOP	*/

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

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

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

ul.slick-dots { position:absolute; padding:0; text-align:center; right:0; left:0; bottom:0; z-index:1000;background-size:auto 100%; }
ul.slick-dots li { float:none; height:12px; padding:0 5px; display:inline-block; }
ul.slick-dots li button { 
width:12px; 
height:12px; 
border:none;
text-indent:-9999px; 
cursor:pointer; 
box-sizing:border-box; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box;
border:1px solid #FFF;
border-radius:50%;
transition:all 0.3s;
}
ul.slick-dots li button:hover { border-color:rgba(255, 255, 255, 0.5); }
ul.slick-dots li.slick-active button { background-color:#FFF; background-color:#FFF; }

.hero-slider { float:left; width:100%; position:relative; overflow:hidden; }
.hero-slider div { float:left; width:100%; height:100%; position:relative; }
.hero-slider div a { float:left; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.hero-slider div a img { float:left; width:100%; }

/*	Start FOOTER	*/

.footer-wrap { float:left; width:100%; position:relative; z-index:20; }

.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 { float:left; background:#fff; width:100%; color:#757575; position:relative; z-index:20; overflow:hidden; }
.footer::after { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#F6F6F6; z-index:100; }

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

.footer-instagram { float:left; width:100%; position:relative; z-index:100; overflow:hidden; }
.footer-instagram ul { width:100%; position:relative; }
.footer-instagram ul::before { content:""; position:absolute; top:0; bottom:50%; left:-1000px; right:-1000px; background-color:#F5F5F5; }
.footer-instagram li { width:16.66667%; padding:1px; position:relative; }
.footer-instagram li a { float:left; width:100%; position:relative; overflow:hidden;  }
.footer-instagram li a img { float:left; width:100%; transform-origin:center; transition:all 0.25s; }
.footer-instagram li a:hover img { transform:scale(1.07, 1.07); }

.advantages { float:left; width:100%; padding:60px 0 58px 0; text-align:center; }

.advantages ul { width:100%; display:flex; flex-flow:row wrap; }
.advantages li { padding:0 10px; position:relative; flex:1; flex-basis:20%; }
.advantages li section { margin-bottom:-5px; display:inline-block; position:relative; }
.advantages li i { display:inline-block; width:60px; height:60px; background-color:#FEF0F0; border-radius:50%; }
.advantages li img { height:60px; }
.advantages li strong { float:left; width:100%; margin:21px 0 5px 0; font-weight:600; color:#000; }
.advantages li span { display:block; font-size:12px; }

.join-us-wrap { float:left; width:100%; padding:30px 0; position:relative;background:#f12a43; }
.join-us-wrap::after { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#F6F6F6; }
.join-us-wrap::after { top:auto; bottom:0; }

.join-us { float:left; width:75%; position:relative; }
.join-us section { 
float: left;
    width: 40%;
    height: 50px;
    padding-left: 80px;
    padding-top: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: url(../images/envelope.png) no-repeat 0 center / auto 30px;

}
.join-us form {
	    float: left;
		position:relative;
    width: 60%;
	
}
.join-us section strong { margin-top:-1px; display:block; font-size:18px; font-weight:600; }
.join-us .input { height:50px; padding:0 20px;  font-size:14px; }
.join-us button { width:50px; height:50px; padding:0; position:absolute; top:0; right:0; background:url(../images/arrow-right.png) no-repeat center / auto 20px; text-indent:-9999px; }
.join-us button:hover { background-position:55% center; }

.footer-social { float: right;}
.footer-social ul { float:left; }
#footer .footer-social ul { float:right; }

.footer-social li { padding-left:20px; }
.footer-social li:first-child { padding-left:0; }
.footer-social li a {     
float: left;
    transition: all 0.3s;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
	
	}
.footer-social li a:hover { background-color:#ddd; }
.footer-social li a img { float:left; width:50px; margin:-1px; }

.footer-block-wrap { float:left; width:100%; padding-top:46px; padding-bottom:24px; }
.footer-block { float:left; width:20%; padding:0 20px 20px 20px; }
.footer-block:last-child { width:40%; }

.footer-title { float:left; width:100%; padding:19px 0 11px 0; font-size:16px; font-weight:600; color:#151515; }

.footer-links { float:left; width:100%; position:relative; z-index:4; }
.footer-links ul { width:100%; }
.footer-links li { width:100%; padding-bottom:10px; }
.footer-links li:last-child { padding-bottom:0; }
.footer-links li a { 
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #666;
 }

.footer-phone { float:left; width:100%; position:relative; font-size:12px; }
.footer-phone strong {     padding-left: 35px;
    display:block; font-weight:300; margin-bottom:5px;     min-height: 40px;
    line-height: 36px;font-size:16px;  color:#333; 
	background: rgba(0, 0, 0, 0) url(../images/footer-icon.png) no-repeat scroll -8px 5px;

}
.footer-phone strong:nth-child(2) { 
	background:url(../images/footer-icon.png) no-repeat scroll -8px -63px transparent;

}
.footer-phone strong:last-child { 
   background: url(../images/footer-icon.png) no-repeat scroll -8px -127px transparent;

 
}
.footer-logos { float:left; width:100%; padding:20px 10px 15px 10px; position:relative; background-color:#F5F5F5; text-align:center;  }

.copyright { float:left; width:100%; margin:30px 0; position:relative; font-size:13px; }
.copyright a { font-weight:600; }
.copyright a::after { content:""; float:right; width:1px; height:20px; margin:0 20px; background-color:#E5E5E5; }
.copyright a:last-child::after { display:none; }

/*	Start CONTENT	*/

.block-gradient { background-image:linear-gradient(0deg,#FFF,#F5F5F5); }
.block-shadow { padding-top:40px; background:url(../images/shadow.png) no-repeat center top / 100% auto; }

.hero-cats { float:left; width:100%; padding:30px 0; text-align:center; overflow:hidden; }
.hero-cats ul { width:100%; }
.hero-cats li { width:12.5%; }
.hero-cats li a { float:left; width:100%; }
.hero-cats li a i { display:inline-block; border:1px solid rgba(0, 0, 0, 0.1); border-radius:50%; transition:all 0.15s; }
.hero-cats li a:hover i { background-color:#FEF0F0; }
.hero-cats li a i img { float:left; height:60px; margin:-1px; }
.hero-cats li a:hover i img { padding:3px; }
.hero-cats li a strong { float:left; width:100%; padding-top:11px; font-weight:600; }

.page-title {
	border: medium none;
    color: #f12a43;
    border-bottom: 1px solid #f12a43;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 30px 0px 30px 0;
    padding: 10px 0px;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;

	}
	

.page-title-top { padding: 15px !important;
    /* background: #f5f5f5; */
    margin: 15px 0px;
    border-bottom: 2px dotted #eaeaea;margin-bottom:30px;}
.page-title-left { text-align:left; }

.page-about { float:left; width:100%; padding:0 15%; margin-top:-19px; margin-bottom:24px; position:relative; color:#666; text-align:center; }
.page-about-left { padding:0; text-align:left; }
.page-about a { font-weight:700; text-decoration:underline; }

.title-small { float:left; width:100%; padding:11px 0 14px 0; font-weight:700; position:relative; text-align:center; }
.title-small::before { content:""; position:absolute; top:20px; left:0; right:0; height:1px; background-color:rgba(0, 0, 0, 0.06); }
.title-small i { display:inline-block; padding:0 15px; background-color:#FFF; position:relative;  }
.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.m-top-100 { margin-top:100px; }
.account-register .footer-wrap, .account-login .footer-wrap, .account-forgotten .footer-wrap { padding-top:0px !important;margin-top:0px !important; }
.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; }

.cat-list { float:left; width:100%; position:relative; }
.cat-list ul { width:100%; position:relative; z-index:10; overflow:hidden; display:flex; flex-flow:row wrap; }
.cat-list li { width:25%; padding:0 15px 35px 15px; position:relative; }
.home-list li { width:20%; }
.fav-list li { padding-bottom:45px; }
.cat-list li > a , .slider-home-item a {
	float: left;
    width: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#fff;	
}
.cat-list li > a > strong , .slider-home-item a > strong { 
float: left;
    width: 100%;
    margin-bottom: 10px;
    border: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0;
 }
.cat-list li > a:hover, .slider-home-item a:hover { background:#f12a43;color:#fff; }
.cat-list li > a:hover strong, .slider-home-item a:hover strong { color:#fff; }
.cat-list li > a > strong img , .slider-home-item a > strong img { float:left; width:100%; }
.cat-list li > a > span , .slider-home-item a > span { float:left;     padding: 0px 10px;width:100%; height:40px; overflow:hidden; font-size:14px; font-weight:500; }
.pagination-wrapper {clear:both;}
.price-container { float:left; width:100%;     padding: 0px 10px;height:35px; font-size:18px; font-weight:600; color:#999; letter-spacing:-0.5px; }
.price-container i { display:inline-block; padding-right:7px; font-size:14px; text-decoration:line-through; }
.price-container strong { display:inline-block; color:#f12a43; }
.price-container strong:hover {color:#fff;}
.cat-sizes { position:absolute; left:3px; right:3px; bottom:109px; padding:15px 5px 10px 15px; background-color:rgba(0, 0, 0, 0.5); opacity:0; transition:all 0.3s; z-index:1100; }
.cat-list li > a:hover .cat-sizes , .slider-home-item a:hover .cat-sizes { opacity:1; }
.cat-sizes em { float:left; padding:0 5px 5px 0; text-align:center; }
.cat-sizes em i { float:left; width:26px; color:#666; background-color:#FFF;  font-weight:600; font-size:11px; line-height:23px; }
.cat-sizes em i.sold { color:#CCC; background-color:#F5F5F5; position:relative; overflow:hidden; font-weight:400; }
.cat-sizes em i.sold::before , .cat-sizes em i.sold::after { content:""; position:absolute; left:-12px; right:-12px; top:12px; height:1px; background-color:#DDD; transform:rotate(45deg); }

.cat-sizes em i.sold::after { transform:rotate(-45deg); }

.slider-home-wrap { float:left; width:100%;  position:relative; margin:0px; }
.common-home .banner-wrap {    float: left;
    margin-top: 30px;margin-bottom: 30px; }
.slider-home { float:left; width:100%; position:relative; }
.slider-home .slick-list { overflow:hidden; }
.slider-home-item { float:left; width:100%; padding:0 15px; position:relative; }

.slider-home .slick-prev { left:-5px; top:37%; }
.slider-home .slick-next { right:-5px; top:37%; }

.icon-discount {
position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    padding: 0 10px;
    z-index: 200;
    line-height: 30px;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background-color: #f12a43;
    border-radius: 10%;
}

.icon-discount i { position:absolute; bottom:10px; left:0; right:0; height:10px; font-size:7px; line-height:10px; }

.icon-fav {
position:absolute;
top:10px;
right:25px;
width:32px;
height:32px;
z-index:200;
border-radius:25%;
text-indent:-9999px;
background:#FFF url(../images/icon-fav.png) no-repeat center / 16px;
opacity:0.8;
}
.icon-fav:hover { background-size:18px; opacity:1; }
.icon-faved { background-image:url(../images/icon-fav-2.png); opacity:1;cursor:pointer; }
.icon-faved a { display:block; }
.icon-cart-home {
position:absolute;
border:0;
margin:0;
padding:0;
top:270px;
right:25px;
width:32px;
height:32px;
z-index:200;
border-radius:25%;
text-indent:-9999px;
background:#FFF url(../images/icon-carthome.png) no-repeat center / 16px;
opacity:0.8;
}
.slider-promo { float:left; width:100%; position:relative; }
.slider-promo div { float:left; width:100%; position:relative; }
.slider-promo .slick-list { overflow:hidden; }
.slider-promo img { float:left; width:100%;  }

.slider-promo .slick-prev { left:-20px; }
.slider-promo .slick-next { right:-20px; }

.inner-25 { margin:0 -25px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-5 { margin:0 -5px; }
.inner-2 { margin:0 -2px; }
.inner-1 { margin:0 -1px; }

.show-all { float:left; width:100%; height:23px; margin-bottom:22px; text-align:center; border-bottom:1px solid #F2F3F5; font-size:14px; } 
.show-all span { display:inline-block; padding:0 20px; background-color:#FFF; } 
.show-all span a { float:left; height:45px; padding:0 28px; font-size:12px; font-weight:600; line-height:43px; color:#999; border:1px solid #888; border-radius:23px; transition:all 0.3s; } 
.show-all span a:hover { color:#f71212; border-color:#f71212; }

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

.hero-three { float:left; width:100%; position:relative; overflow:hidden; }
.hero-three ul { width:100%; }
.hero-three li { width:33%; padding:0 15px; margin-top:40px; }
.hero-three li a { float:left; width:100%; position:relative; }
.hero-three li a section { float:left; width:100%; position:relative; text-align:center; overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.2); }
.hero-three li a:hover section::after { opacity:1; }
.hero-three li a section img { float:left; width:100%; transform-origin:center bottom; transition:all 0.3s; }
.hero-three li a:hover section img { transform:scale(1.07, 1.07); }
.hero-three li a section span { 
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #f12a43;
    font-weight: 600;
    line-height: 40px;
    z-index: 10;
    transition: all 0.25s;
    float: left;
    color: #f12a43;
    text-transform: uppercase;
    background: #fff;
	}
.hero-three li a:hover section span { background-color:#f12a43; color:#FFF; }

.wide-wrap { float:left; width:100%; margin-top:30px; background-color:#FFF; border-radius:8px; overflow:hidden; box-shadow:0 10px 20px rgba(0, 0, 0, 0.05); }

.cat-hero { float:left; width:100%; position:relative; }
.cat-hero a { float:left; transition:all 0.25s; }

.breadcrumb { float:left; display:none; width:100%; height:45px; font-size:12px; line-height:45px; background-color:#FFF; box-shadow:0 1px 0 rgba(0, 0, 0, 0.05); position:relative; z-index:900; text-align:center; }
.breadcrumb section { display:inline-block; }
.breadcrumb a { float:left; color:#777; }
.breadcrumb a:hover { color:#151515; text-decoration:underline; }
.breadcrumb i { float:left; width:12px; height:45px; margin:0 15px; background:url(../images/breadcrumb.png) no-repeat center / auto 14px; opacity:0.75; }
.breadcrumb i:last-child {display:none; }
.breadcrumb strong { float:left; font-weight:700; color:#151515; }

.category-top-banner { float:left; width:100%; margin-top:30px; }
.category-top-banner img { float:left; width:100%;  }

.whitebox { float:left; width:100%; background-color:#FFF; }

.container { float:left; width:100%; padding-left:300px; position:relative; }

.left-block { float:left; width:22%; margin-right:2%;  }
.right-block { float:right; width:76%; }

.sidebar-icon , .shopping-sidebar-icon , .tab-icon { display:none; }

.sidebar-wrap { float:left; width:100%; }

.sidebar { float:left; width:100%; }
.sidebar .button { width:100%; }

.slimScrollRail , .slimScrollBar { border-radius:3px !important; }

.sidebar-group { float:left; width:100%; margin-bottom:10px; }

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

.sidebar-header { float:left; width:100%; padding:10px 15px; font-weight:600; font-size:14px; color:#000; position:relative; cursor:pointer; background-color:#F5F5F5; transition:all 0.3s; border-radius:5px; }
.sidebar-header::after { content:""; position:absolute; top:19px; right:15px; width:8px; height:2px; background-color:#CCC; transition:all 0.3s; }

.sidebar-closed { transition:all 0.3s; }
.sidebar-closed::before { content:""; position:absolute; right:18px; top:16px; width:2px; height:8px; background-color:#f71212; z-index:10; }
.sidebar-closed::after { background-color:#f71212; }
.sidebar-hidden { display:none; }

.category-menu { float:left; width:100%; position:relative; z-index:10; }
.sidebar-menu { font-size:12px; }
.category-menu > ul { width:100%; margin:-5px 0 5px 0; }
.sidebar-menu > ul { width:100%; margin:0; }
.category-menu > ul > li { width:100%; position:relative; }
.sidebar-menu > ul > li { border-top:1px solid #F0F0F0; }
.sidebar-menu > ul > li:last-child { border-bottom:1px solid #F0F0F0; }
.category-menu ul li a { float:left; width:100%; padding:5px 15px 5px 0; position:relative; font-weight:600; }
.sidebar-menu ul li a { padding:10px 0; }

.category-menu > ul > li > ul { width:100%; padding-left:20px; }
.category-menu > ul > li > ul li { width:100%; position:relative; }
.category-menu ul li a.link-active { font-weight:700; color:#f71212; }
.category-menu > ul > li > ul li a.link-active::before { content:""; position:absolute; top:50%; left:-20px; width:10px; height:2px; margin-top:-1px; background-color:#f71212; }

.sidebar-content { float:left; width:100%; padding:15px 10px 15px 15px; margin-bottom:-10px; font-size:12px; }
.sidebar .sidebar-group:last-child .sidebar-content { border-bottom:0; }

.sidebar-filter { float:left; width:100%; }
.sidebar-filter label { float:left; width:100%; margin-bottom:10px; cursor:pointer; font-weight:600; }

.sidebar-range { float:left; width:100%; display:flex; flex-flow:row wrap; }
.sidebar-range label { float:left; padding:5px 10px; font-weight:600; flex:1; flex-basis:25%; }
.sidebar-range label i { float:left; width:100%; margin:-5px 0 5px 0; }
.sidebar-range label .input { height:35px; padding:0 9px; line-height:35px; }

.sidebar-text { float:left; width:100%; margin-top:-5px; color:#666; line-height:24px; }

.category-hero { float:left; width:100%; position:relative; background-color:#133984; background-size:cover; background-repeat:no-repeat; background-position:center; }
.category-hero section { float:left; width:100%; padding:30px 0 38px 260px; text-align:right; color:#FFF; font-size:15px; line-height:25px; }
.category-hero section strong { float:left; width:100%; padding:9px 0 18px 0; font-size:25px; font-weight:600; color:#76C5F0; }

.filter-wrap { float:left; width:100%; margin-bottom:20px; position:relative; font-size:12px; }

.filter { font-weight:500; color:#999; line-height:40px; }
.filter span { float:left; padding:0 10px; }
.filter .input { width:auto; font-size:12px; font-weight:500; }

.filter-style { position:absolute; top:0; right:0; width:100px; border:1px solid #CCC;  }
.filter-style ul { width:100%; }
.filter-style li { width:50%; position:relative; }
.filter-style li:first-child::after { content:""; position:absolute; top:9px; bottom:9px; right:-1px; width:1px; background-color:#DDD; }
.filter-style li a { float:left; width:100%; text-align:center; }
.filter-style li a img { display:inline-block; height:38px; padding:11px 0; opacity:0.6; filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.filter-style li a:hover img , .filter-style li a.list-active img { opacity:1; filter:none; -webkit-filter:none; }

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

.filter-icon , .shopping-sidebar-icon , .tab-icon { display:none; }

.category-hero { float:left; width:100%; position:relative; background-color:#133984; background-size:cover; background-repeat:no-repeat; background-position:center; }
.category-hero section { float:left; width:100%; padding:30px 0 38px 260px; text-align:right; color:#FFF; font-size:15px; line-height:25px; }
.category-hero section strong { float:left; width:100%; padding:9px 0 18px 0; font-size:25px; font-weight:600; color:#76C5F0; }

/*	Start PRODUCT DETAIL	*/

.product-page { background-color:#F7F7F7; }

.product-hero { float:left; width:100%; margin-top:30px; position:relative; }

.product-left { float:left; width:40%; padding-right:20px; position:relative; overflow:hidden; margin-bottom:30px; }

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

.slider-product { float:left; width:100%;  position:relative; z-index:70; overflow:hidden; text-align:center; }
.slider-product div { float:left; width:100%; position:relative; overflow:hidden; }
.slider-product div img { float:left; width:100%; padding:3px; background-color:#FFF; }

.slider-product ul.slick-dots { 

    top: auto;
    bottom: 0px;
    right: 0;
    width: auto;

 }
.slider-product ul.slick-dots li {width: 75px;
    height: auto;
    padding: 0;
    margin: 3px;
    border: 3px solid #eaeaea;
    border-radius: 7px; }
.slider-product ul.slick-dots li button { width:100%; height:100%; border:none; opacity:0.7; border-radius:0; }
.slider-product ul.slick-dots li button::after { display:none; }
.slider-product ul.slick-dots li.slick-active { border-color:#f71212; }
.slider-product ul.slick-dots li.slick-active button { opacity:1; }	

.slider-product .slick-prev { left:15px; }

.product-right { float:right; width:60%; position:relative; }
.box { float:left; width:100%; margin-bottom:10px; position:relative; background-color:#FFF;  overflow:hidden; box-shadow:0 2px 5px rgba(0, 0, 0, 0.03); }
.box-inner { float:left; width:100%; padding:30px; }
.box-spacer { float:left; width:100%; height:1px; background:url(../images/bg-dot-line.png) repeat-x -14px 0; }

.product-title { float:left; width:100%; margin:0; margin-bottom:10px; color:#151515; font-size:28px; font-weight:700; line-height:25px; letter-spacing:-0.4px; position:relative; }
.product-model {font-size:13px;color:green;float:left;}
.product-brand { float:left; font-size:13px;padding-left:15px; color:#f71212; margin-left:15px;border-left:1px solid #eaeaea; }
.product-brand strong { color:#f71212; font-weight:600; }
.product-brand a { position:relative; color:#f71212; }
.product-brand a:hover { color:#f71212 }


.product-price { float:left; width:100%; margin:30px 0px; position:relative; font-weight:700; }
.product-price p { float:left; position:relative; font-size:24px; font-weight:700; line-height:24px; }

p.price-discount {     font-weight: 500;
    font-size: 20px;
    color: #999;
    margin-top: 45px;
    margin-left: 10px;margin-bottom:0px; }
p.price-discount::after { content:""; position:absolute; top:50%; left:0; right:0; height:1px; margin-top:-1px; background-color:#999; }

.product-price section { float:left;margin:0; }
.product-price section span {     display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background: green;
    border-radius: 7px 0px 7px 0px;
    font-weight: 400; margin-bottom:10px;}
.product-price section strong { display:block; margin:1px 0 -3px 0; color:#f71212; font-size:36px; font-weight:700; line-height:30px; letter-spacing:-0.5px; }

.product-coloz { float:left; width:100%; margin-bottom:20px; }
.product-coloz ul { width:100%; }
.product-coloz li { margin:0 10px 10px 0; position:relative; cursor:pointer; }
.product-coloz li img { float:left; height:70px; padding:2px; border:1px solid #DDD; }
.product-coloz li:hover img , .product-coloz li.selected img { border-color:#151515; }

.product-sizes { padding:0px 10px 0px 0px; text-align:center; float:left; }
.product-sizes a { float:left; width:40px; height:40px; color:#666; border:1px solid #E2E2E2;  font-weight:600; font-size:13px; line-height:40px; position:relative; overflow:hidden; }
.product-sizes a:hover { border-color:#999; }
.product-sizes a.selected { color:#151515; border-color:#151515; }
.product-sizes a.sold { color:#CCC; cursor:pointer; background-color:#F5F5F5; border:1px solid #E2E2E2; }
.product-sizes a.sold::before , .product-sizes ul li a.sold::after { content:""; position:absolute; left:-10px; right:-10px; top:19px; height:1px; background-color:#DDD; transform:rotate(45deg); }
.product-sizes a.sold::after { transform:rotate(-45deg); }
.product-sizes a.img-sold { float:left; width:50px; height:50px; color:#666; border:1px solid #E2E2E2;  font-weight:600; font-size:13px; line-height:50px; position:relative; overflow:hidden; }

.product-coloz strong , .product-sizes strong { margin:-9px 0 9px 0; display:block; font-size:12px; }
.product-coloz strong span , .product-sizes strong span { font-weight:500; }
.product-options-collapse {width:100%;float: left; margin-bottom: 30px;}
.product-options-collapse  .text-danger {clear: both;font-size:12px;
    background: #a94442;
    color: #fff;
    padding: 5px 10px;
    display: table;}
.product-actions { float:left; width:100%; padding-right:70px; position:relative; }
.product-options-collapse .form-group {margin-bottom: 10px;
    display: block;
    clear: both;
    min-height: 65px;}
.add-to-button {display:inline-block;float:left;}
.add-to-basket { float:left; margin-left:15px; }
.add-to-basket a { 
    float: left;
    cursor: pointer;
    width: 100%;
    padding: 0px 30px;
    background-color: #f12a43;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    border-radius:30px;
    position: relative;
    transition: all 0.3s;
    white-space: nowrap;
 }
.add-to-basket a.cart-add-success { background-color:green; color:#FFF; }
.add-to-basket a:hover { background-color:#333;color:#FFF }

.added-fav-box { float:left; margin-left:15px; }
.order-whatsapp { float:left; width:32%;margin-right:1%; }
.order-whatsapp a { float:left; width:100%; padding-left:25px; background-color:#2AB858; color:#FFF; font-size:16px; font-weight:700; line-height:50px; text-align:center;  position:relative; transition:all 0.3s; }
.order-whatsapp a:hover { color:#ccc; }
.order-whatsapp a::before {
    content:"\f232";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    width: 20px;
}
.add-to-fav {         float: left;
    background: #000;
    border-radius: 30px;
    padding: 12px;}
.add-to-fav i { font-size: 24px;
    color: #fff;
    padding-top: 0;}

.add-to-fav i:hover {color:#ccc; }

.product-delivery { 
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
 }
.product-delivery section { float:left; padding-left:22px; background:url(../images/icon-clock.png) no-repeat 0 center / auto 15px; }
.product-delivery section:last-child { background-image:url(../images/icon-box.png); }
.product-detail-title {    padding: 0;
    margin: 0;
    border-bottom: 3px solid #eaeaea;
    padding: 10px 20px;
    margin: 15px 0px;
    text-transform: uppercase;
    color: #555;
    clear: both;
    float: left;}
.product-detail-box {padding: 15px 0px 25px 0px;
    display: block;
    clear: both;}
.product-options-collapse .radio-type-button {
display: inline-block;
vertical-align: top;
width: auto;
margin: 10px 7px 5px 0px;
padding: 0px;
}

.product-options-collapse .radio-type-button input {
visibility: hidden;
position: absolute;
}

.product-options-collapse .radio-type-button span {
padding: 3px;
border: 1px solid #e6e6e6;
display: block;
}

.product-options-collapse .radio-type-button span:hover {
border: 1px solid #cecece;
}

.product-options-collapse .radio-type-button span.active {
border: 1px solid #000;
}


.product-options-collapse .radio-type-button2 {
margin: 0px;
padding: 0px 10px 0px 0px;
float:left;
}

.product-options-collapse .radio-type-button2 input {
visibility: hidden;
position: absolute;
}
.product-options-collapse .radio-type-button2 img {

}
.product-options-collapse .radio-type-button2 img.renkselect {
opacity:0.5;
}
.product-options-collapse .radio-type-button2 img:checked {
opacity:0.5;
}
.product-options-collapse .radio-type-button2 span {
min-width: 40px;
    display: block;
    text-align: center;
    padding: 0 5px;
    font-weight: 600;
    font-size: 13px;
    border: 1px solid #E2E2E2;
    
    line-height: 38px;
	}

.product-options-collapse .radio-type-button2 span:hover {
background: #f14345;
border:1px solid #f14345;
color: #fff;
}

.product-options-collapse .radio-type-button2 span.active {
background: #000;
border:1px solid #000;
color: #fff;
}
.product-options-collapse .checkbox { margin-right:10px !important; display:inline-block !important;}	


.product-share { float:left; width:100%; }
.product-share li a img { width:40px; }
.product-tab-head {width:100%;}
.comments-wrap { float:left; width:100%; padding:0px; }
.product-right .nav-tabs {padding:0;height:auto;}
.product-right .panel-body {padding:0;clear:both;}
.product-right .tab-content>.tab-pane {padding:0;border:0;margin-top:10px;}
.comment-detail { float:left; width:100%; border-bottom:1px solid #EEE; }
.comment-detail:last-child { border-bottom:0; }
.comment-name { float:left; width:100%; margin:-9px 0 9px 0; color:#999; }
.comment-name strong { float:left; color:#151515; }
.comment-name span { float:right; font-size:13px; }

.comment-rate { float:left; width:100%; margin-top:-1px; margin-bottom:9px; }

.comment-box { float:left; width:100%; margin-bottom:-5px; font-size:12px; font-weight:500; }

.product-rate-wrap { float:left; width:100%; }
.product-rate { float:left; width:90px; height:18px; background:url(../images/star.png) repeat-x 0 center / 18px 14px; }
.product-rate em { float:left; height:100%; background:url(../images/star-active.png) repeat-x 0 center / 18px 14px; }
.product-rate em.rate1 { width:20%; }
.product-rate em.rate2 { width:40%; }
.product-rate em.rate3 { width:60%; }
.product-rate em.rate4 { width:80%; }
.product-rate em.rate5 { width:100%; }

.product-rate-wrap section { float:left; margin-left:20px; color:#999; }

.tab { float:left; width:100%; margin-bottom:20px; position:relative; }
.tab::before { content:""; position:absolute; top:26px; left:0; right:0; height:2px; background-color:rgba(0, 0, 0, 0.06); }
.tab ul { width:100%; position:relative; }
.tab li a { float:left; height:45px; padding:0 25px; background-color:#FFF; font-size:14px; color:#666; font-weight:600; line-height:45px; position:relative;  }
.tab li a:hover { color:#151515; }
.tab li a.tab-active { background-color:#454545; color:#FFF; }
.tab li a.tab-active::after {
content:"";
border-top:3px solid transparent;
border-left:8px solid transparent;
border-right:8px solid transparent;
height: 0;
position: absolute;
width:0;
left:50%;
bottom:-3px;
margin-left:-8px;
border-top-color:#454545;
}
#taksitno {#taksitno {
    margin-right: 5px;
    -webkit-appearance: radio !important;
    margin-top: 10px;
}}
.product-content-wrap { float:left; width:100%; padding-left:100px; }
.product-content-box { float:left; width:100%; margin-bottom:60px; }
.product-content-title { float:left; width:30%; padding:6px 0 20px 0; margin-bottom:14px; position:relative; font-size:24px; font-weight:600; line-height:30px; color:#5E6C86; letter-spacing:-0.5px; }
.product-content-title::after { content:""; position:absolute; left:0; bottom:6px; width:30px; height:2px; background-color:#BFC4CF; }
.product-content { float:left; width:70%; position:relative; }

.product-featured-specs { float:left; width:100%; }
.product-featured-specs ul { width:100%; display:flex; flex-flow:row wrap; }
.product-featured-specs li { width:100%; padding:0 5px 10px 5px; flex:1; flex-basis:20%; }
.product-featured-specs li section { float:left; width:100%; padding:14px; border:1px solid #E9EBEF;  text-align:center; }
.product-featured-specs li section:hover { border-color:#ABB4C5; }
.product-featured-specs li section img { display:inline-block; height:32px; margin-top:8px; }
.product-featured-specs li section span { display:block; height:30px; margin:10px 0 -10px 0; font-size:11px; line-height:15px; color:#666; }

.product-about { float:left; width:100%; margin-top:12px; color:#555; font-size:14px; line-height:25px; }
.product-about strong { font-weight:700; color:#151515; }

.brand-title { float:left; width:100%; height:22px; margin:-20px 0 43px 0; font-size:24px; font-weight:600; line-height:24px; color:#f71212; text-align:center; border-bottom:1px solid #EEE; position:relative; }
.brand-title i { display:inline-block; font-style:normal; padding:10px 25px 0 25px;  position:relative; }

.brand-block { float:left; width:100%; padding-top:21px; }
.brand-block ul { width:100%; padding-bottom:28px; text-align:center; }
.brand-block li { width:33.33334%; padding-bottom:15px; }
.brand-block li a { float:left; width:100%; font-weight:600; }

/*	Start LOGIN + SIGN UP	*/

.login-wrap { float:left; width:100%; position:relative; background:#eee; }

.login { float:left; width:50%; padding:30px; position:relative; z-index:10; background:#fff; }

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

.sign-form > form > section { float:left; width:100%; padding-bottom:20px; font-size:12px; font-weight:600; }
.sign-form > form > section.fl , .sign-form > form > section.fr { width:48%; }
.sign-form > form > section .button { width:100%; border-radius:23px; }
.sign-form > form > section article { float:left; width:100%; margin-bottom:9px; font-size:14px; font-weight:600; color:#FF7F4C; }
.sign-form > form > section article::before { content:""; float:left; width:12px; height:2px; margin-top:8px; margin-right:15px; background-color:#FF7F4C; }
.sign-form > form > section label a { font-weight:600; text-decoration:underline; }
.sign-form > form > section i { float:left; margin-right:20px; }
.sign-form > 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:#FFF; position:relative; font-size:12px; 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%; margin-top:19px; font-size:15px; text-align:center; color:#999; }
.sign-up section a { font-weight:600; }

.membership-advantages { float:right; width:50%; padding-left:100px; position:relative; z-index:10; }
.membership-advantages ul { width:100%; }
.membership-advantages li { width:100%; padding:16px 15px 14px 80px; margin-bottom:10px; background-color:rgba(255, 255, 255, 0.9); position:relative;  box-shadow:0 2px 5px rgba(0, 0, 0, 0.03); }
.membership-advantages li img { position:absolute; top:50%; left:10px; height:60px; margin-top:-30px; }
.membership-advantages li section { float:left; width:100%; font-size:12px; }
.membership-advantages li section strong { display:block; font-size:14px; }

.membership-button { float:left; width:100%; margin-top:15px; }
.membership-button a.button { float:left; width:100%; text-align:center; font-weight:600; color:#FFF !important; border-radius:25px; }

/*	Start BASKET	*/

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

.basket { float:left; width:100%; font-weight:600; }
.basket ul { width:100%; }
.basket li { width:100%; padding:20px 50px 20px 80px; position:relative; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
.basket li:first-child { height:40px; padding-top:0; padding-bottom:0; font-size:12px; line-height:40px; background-color:#F5F5F5; border-bottom:0; }
.basket li img { float:left; height:80px; padding:3px; margin-left:-80px; background-color:#FFF;  border:1px solid #999; }
.basket li div { float:left; height:80px; display:table; position:relative; }
.basket-approve li div { height:40px; }
.basket li div span { display:table-cell; vertical-align:middle; }
.basket li div i { display:block; color:#757575; font-size:12px; font-weight:500; }

.basket li .basket-name { width:50%; color:#333; }
.basket li .basket-price { float:left; width:16%; text-align:center; }
.basket li .basket-unit { width:25%; text-align:center; }
.basket li .basket-unit select { float:none; width:70px; height:40px; display:inline-block; }
.basket li .basket-total-price { float:right; width:25%; font-weight:700; text-align:center; }

.basket-delete { width:40px; height:40px; background:url(../images/icon-trash.png) no-repeat center / auto 16px; text-indent:-9999px; transition:all 0.15s; border-radius:50%; }
.basket-update { width:40px; height:40px; background:url(../images/refresh.png) no-repeat center / auto 16px; text-indent:-9999px; transition:all 0.15s; border-radius:50%; }

.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:#3ECE7E 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:#3ECE7E; }
.basket-buy li a:hover { background-color:#151515; background-position:right 17px center; }

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

.steps-wrap { float:left; width:100%; background-color:#FFF; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.05); position:relative; }
.steps-wrap::before { content:""; position:absolute; top:-1px; left:0; right:0; height:1px; z-index:5010; }
.steps-wrap .wrap { padding:0; }
.steps { float:left; width:100%; text-align:center; }
.steps ul { width:100%; display:flex; flex-flow:row wrap; }
.steps li { flex:1; flex-basis:25%; position:relative; }
.steps li::after { content:""; position:absolute; top:0; bottom:0; right:-10px; width:20px; background:url(../images/steps.png) no-repeat center / auto 100%; opacity:0.1; }
.steps li:last-child::after { display:none; }
.steps li a { float:left; width:100%; font-weight:600; line-height:50px; color:#666; position:relative; }
.steps li a:hover { opacity:0.7; }

.steps li a.current { color:#f71212; }
.steps li a.passed { color:#3ECE7E; }

.shopping-wrap {float:left; width:100%;background:#F6F6F6;  }

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

.shopping-sidebar { float:right; width:30%; position:relative; }

.shopping-sidebar-box { float:left; width:100%; padding:20px 25px 25px 25px; margin-bottom:20px; background-color:#FFF; box-shadow:0 5px 20px rgba(0, 0, 0, 0.07);  }
.shopping-sidebar-summary { float:left; width:100%; margin-top:-5px; font-size:12px; }
.shopping-sidebar-summary em { display:block; padding-bottom:10px; margin-bottom:10px; font-size:16px; font-weight:700; color:#151515; border-bottom:1px solid #EEE; }
.shopping-sidebar-summary section { display:block; padding:2px 0; }
.shopping-sidebar-summary section span { float:right; color:#151515; font-weight:700; font-size:14px; }
.shopping-sidebar-summary i { display:block; padding-top:10px; margin-top:10px; border-top:1px solid #EEE; }
.shopping-sidebar-summary strong { display:block; font-size:24px; color:#151515; line-height:30px; letter-spacing:-0.5px; }

.shopping-continue { float:left; width:100%; margin:15px 0 0 0; }
.shopping-continue input { float:left; width:100%; height:50px; padding:0 10px 0 25px; background-color:#f12a43; font-weight:700; font-size:16px; line-height:50px; color:#FFF;  transition:all 0.3s; position:relative; }
.shopping-continue a { float:left; width:100%; height:50px; padding:0 10px 0 25px; background-color:#f12a43; font-weight:700; font-size:16px; line-height:50px; color:#FFF;  transition:all 0.3s; position:relative; }
.shopping-continue a:hover { background-color:#f12a43; color:#000 }
.shopping-continue a::after { content:""; float:right; width:25px; height:50px; margin-left:10px; background:url(../images/arrow-white-right.png) no-repeat center / auto 20px; 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-content { float:left; width:70%; padding-right:20px; }

.small-title { float:left; width:100%; margin:20px 0 10px 0; font-size:12px; font-weight:700; color:#151515; letter-spacing:0.5px; position:relative; text-align:center; }
.static-title { margin:-5px 0 15px 0; text-transform:uppercase; }
.small-title::before { content:""; position:absolute; top:50%; left:0; right:0; height:1px; margin-top:-1px; background-color:rgba(0, 0, 0, 0.06); }
.small-title i { display:inline-block; font-style:normal; text-transform:uppercase; padding:0 15px; background-color:#FFF; position:relative; }

.address-item-wrap { float:left; width:100%; margin-top:-20px; }

.address-item { float:left; width:50%; padding:10px; }
.address-box { float:left; width:100%; padding:14px 44px 14px 19px; border:1px solid #f71212;  position:relative; }

.order-detail-summary { padding:0; border:0; }

.address-info-box { padding-right:19px; margin-bottom:10px; }
.address-box strong { display:block; }
.address-box section { display:block; padding:10px 0 15px 0; font-size:13px; font-weight:400; color:#666; }
.address-box section strong { display:initial; color:#151515; }
.address-info-box section { padding:5px 0 0 0; }

.address-arrow { position:absolute; top:0; bottom:0; right:0; width:30px; background:#F5F5F5 url(../images/arrow-black-down.png) no-repeat center / auto 6px; border-radius:0 5px 5px 0; cursor:pointer; }

.address-box-dropdown { float:left; width:100%; margin-top:10px; border:1px solid #CCC;  display:none; position:relative; }
.address-box-dropdown::before , .address-box-dropdown::after { 
content:"";
border-bottom:5px solid transparent;
border-left:10px solid transparent;
border-right:10px solid transparent;
height: 0;
top:-5px;
left:20px;
position: absolute;
width:0;
border-bottom-color:#CCC;
}
.address-box-dropdown::after { top:-4px; border-bottom-color:#FFF; }

.address-box-dropdown .address-box { border:0; border-bottom:1px solid #CCC; border-radius:0; cursor:pointer; }
.address-box-dropdown .address-box:first-child { border-radius:4px 4px 0 0; }
.address-box-dropdown .address-box:last-child { border-radius:0 0 4px 4px; }
.address-box-dropdown .address-box:hover { background:#F7F7F7 url(../images/icon-check.png) no-repeat right 19px center / auto 12px; }
.address-box-dropdown .address-box:last-child { border-bottom:0; }

.actions { float:left; width:100%; }
.actions a { float:left; margin-right:20px;text-transform: uppercase; font-weight:700; font-size:12px; }
.actions a:last-child { margin-right:0; }
.actions a img { float:left; height:20px; padding:2px 0; margin-top:-2px; margin-right:5px; }

.address-new-button { float:left; text-transform:uppercase; width:100%; margin-top:20px; border:1px solid #CCC; border-radius:23px; font-size:12px; font-weight:700; line-height:43px; text-align:center; cursor:pointer; }
.address-new-button-checked { float:left; width:100%; margin-top:20px; background:#CCC; border-radius:23px; font-size:12px; font-weight:700; line-height:43px; text-align:center; cursor:pointer; }
.address-new-button:hover { border-color:#666; }

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

.modal-delivery-active .modal-delivery-address , .modal-invoice-active .modal-invoice-address { transform:scale(1); opacity:1; visibility:visible; }
.modal-delivery-address , .modal-invoice-address { position:fixed; top:0; bottom:0; left:0; right:0; padding:40px; z-index:9999; background-color:rgba(0, 0, 0, 0.4); text-align:center; transition:all 0.3s ease; transform:scale(.5); opacity:0; visibility:hidden; overflow-y:auto; }
.modal-delivery-address .wrap , .modal-invoice-address .wrap { height:100%; padding:0; }

body.modal-delivery-active , body.modal-invoice-active { overflow:hidden; }
body.modal-delivery .modal-delivery-address , body.modal-delivery .modal-invoice-address { display:block; }

.modal-address-form { width:100%; max-width:1000px; padding:10px 30px; margin:0 auto; display:inline-block;  background-color:#FFF; box-shadow:0 0 80px rgba(0, 0, 0, 0.3); }
.modal-address-form section { float:left; width:50%; padding:0 10px 20px 10px; text-align:left; }
.modal-address-form section > i { display:block; padding-bottom:4px; font-size:12px; font-weight:600; }
.modal-address-form section > .button { width:200px; border-radius:25px; }
.modal-address-form section > label { font-size:12px; font-weight:500; }

.modal-close { position:fixed; top:5px; right:5px; width:40px; height:40px; background:url(../images/icon-close.png) no-repeat center / 16px; cursor:pointer; z-index:300; }
.modal-close:hover { background-size:12px; }

.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%; color:#666; font-weight:600; line-height:48px; border:1px solid #888;  position:relative; }
.choose-payment li a:hover { border-color:#8296A5; }
.choose-payment li a.selected { color:#3ECE7E; border-color:#3ECE7E; }
.choose-payment li a.selected::before , .choose-payment li a.selected::after { 
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:#3ECE7E;
}
.choose-payment li a.selected::after { bottom:-4px; border-top-color:#FFF; }
.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:#3ECE7E; background:url(../images/icon-check.png) no-repeat center / auto 12px; }

.agreement { float:left; width:100%; padding:15px 0 0 0; color:#666; font-size:12px; }
.agreement label { float:left; width:100%; margin-bottom:10px; }
.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;  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; color:#151515; }
.bank-list label span i { display:block; font-size:12px; font-weight:500; }

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

.order-success { float:left; width:100%; text-align:center; line-height:25px; }
.order-success::before { content:""; display:inline-block; width:100%; height:60px; margin-bottom:22px; background:url(../images/icon-check.png) no-repeat center; background-size:auto 100%; }
.order-success section { float:left; width:100%; }
.order-success strong { color:#151515; }


/*	Start STATIC PAGES	*/

.blog { float:left; width:100%; line-height:25px; }
.blog ul { width:100%; display:flex; flex-flow:row wrap; }
.blog li { width:33%; padding:0 15px 30px 15px; }
.blog li a { float:left; width:100%; padding-bottom:2px; }
.blog li i { float:left; width:100%; border-radius:2px; overflow:hidden; }
.blog li i img { float:left; width:100%; transform-origin:center bottom; transition:all 0.2s; }
.blog li:hover i img { transform:scale(1.07, 1.07); }
.blog li a strong { float:left; width:100%; margin:18px 0 26px 0;  font-weight:600; font-size:16px; overflow:hidden; }
.blog li a span { float:left; width:100%; color:#999; position:relative; }
.blog li a span::before { content:""; position:absolute; top:-14px; left:0; width:30px; height:2px; background-color:#DDD; transition:all 0.3s; }
.blog li a:hover span::before { background-color:#f71212; }

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

.static-text { float:left; width:100%; margin:-5px 0; font-weight:500; line-height:25px; }

.blog-detail { float:left; width:100%; padding:0 15%; margin-bottom:20px; }

.blog-photo { float:left; width:100%; margin-bottom:30px; text-align:center; position:relative; }
.blog-photo > img { float:left; width:100%;  }

.date { float:left; width:100%; height:18px; border-bottom:1px solid #DDD; margin-bottom:42px; text-align:center; }
.date span { display:inline-block; padding:0 20px; background-color:#FFF; }
.date i { float:left; height:35px; padding:0 20px; border:1px solid #D5D5D5; border-radius:18px; color:#999; font-size:13px; font-weight:500; line-height:33px; }

.blog-text { float:left; width:100%; line-height:24px; }

.page-share { width:100%; margin-top:30px; text-align:center; }
.page-share ul { float:none; display:inline-block; }
.option-error-message {
	background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    clear: both;
    position: relative;
    top: 10px;
    display: inline-block;
    float: left;
    
    font-size: 13px;
}
.accordion { float:left; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.06); line-height:25px; }

.accordion-section-title { float:left; width:100%; padding:12px 30px 12px 0; border-top:1px solid rgba(0, 0, 0, 0.06); position:relative; font-size:16px; font-weight:600; color:#151515; }
.accordion-section-title:hover { color:#757575; }

.accordion-section-title::before , .accordion-section-title::after { 
content:""; 
position:absolute; 
top:50%; 
right:10px; 
width:12px; 
height:2px; 
margin-top:-1px; 
background-color:#CCC; 
transition:all 0.25s;
}
.accordion-section-title::after { right:10px; opacity:0; }

.accordion-section-title.active { color:#f71212; }
.accordion-section-title.active::before { background-color:#f71212; }
.accordion-section-title.active::after { background-color:#f71212; transform:rotate(90deg); opacity:1; }

.accordion-section-content { float:left; width:100%; min-height:150px; padding:10px 0 20px 0; margin-top:-16px; display:none; position:relative; }
.accordion-section-content strong , .accordion-section-content b { color:#151515; }
.accordion-section-content a { font-weight:700; }

.product-right .accordion { font-size:12px; line-height:20px; }
.product-right .accordion-section-title { font-size:14px; }

.contact-form { float:left; width:100%; }		
.contact-form p { float:left; width:100%; padding-bottom:20px; position:relative; font-size:12px; }
.contact-form p:last-child { padding-bottom:0; }
.contact-form p i { float:left; width:35%; padding-top:12px; font-weight:600; position:relative; }
.contact-form p em { float:right; width:65%; }
.contact-form p em > a { float:right; font-weight:700; line-height:40px; }
.contact-form p em label > a { font-weight:600; text-decoration:underline; }
.contact-form p label { font-weight:600; }
.contact-form .control-label { padding-top: 12px;font-weight: 600; font-size:12px;position: relative; }
.contact-form .form-control { padding-top: 12px;font-weight: 600; font-size:12px;position: relative; }
.security-code img { float:left; height:40px; margin-right:10px; padding:2px; border:1px solid #CCC; background-color:#FFF;  }
.security-code a.refresh { float:left; width:40px; height:40px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center; background-size:24px; border:1px solid #CCC;  }
.security-code a:hover.refresh { background-color:#EEE; }

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

.contact-info { float:left; width:100%; margin-top:-5px; font-weight:600; }
.contact-info section { display: block; padding:0 0 15px 40px; position:relative; }
.contact-info section:last-child { padding-bottom:0; }
.contact-info section img { position:absolute; top:0; left:0; width:20px; filter:grayscale(90%); -webkit-filter:grayscale(90%); }
.sitemap-left ul li,.sitemap-right ul li { border:1px solid #eaeaea; padding:3px 5px; margin:3px;font-size:13px;}
.comment-form .box-inner { padding-top:10px; }
.comment-form p { width:100%; padding:0; }
.comment-form p:last-child { margin-top:15px; }

.rate-it { float:left; width:100%; padding-bottom:5px; text-align:center; }
.rate-it section { display:inline-block; margin-right:13px; }
.rate-it i { float:left; font-size:12px; font-weight:600; }
.rate-it span { float:left; padding:0 10px; margin-right:-1px; }

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

.account-wrap { float:left; width:100%; padding-top:20px; background-color:#F7F7F7; }

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

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

.account-content { padding:30px; }

.order-filter-wrap { float:left; width:100%; }
.order-filter-text { float:left; width:100%; margin:-4px 0 9px 0; font-size:12px; }
.order-filter { padding-right:20px; font-weight:500; color:#999; font-size:12px; line-height:40px; }
.order-filter:last-child { padding-right:0; }
.order-filter span { float:left; padding:0 10px; }
.order-filter .input { width:auto; }

.my-orders { float:left; width:100%; font-size:12px; }
.my-orders ul { width:100%; }
.my-orders li { width:100%; margin-bottom:15px; position:relative; }
.my-orders li:last-child { margin-bottom:0; }

.my-orders li a { float:left; width:100%; padding:19px 60px 14px 19px; background-color:#FFF; position:relative; transition:all 0.2s; border:1px solid #888;  }
.my-orders li a:hover { border-color:#f71212; }

.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 / auto 16px; border-radius:50%; opacity:0.5; transition:all 0.15s; }
.my-orders li:hover::after { right:10px; opacity:1; }

.my-orders li div { float:left; width:25%; position:relative; }

.order-date { width:100% !important; margin-bottom:10px; font-size:14px; font-weight:600; }
.order-date i { display:inline-block; color:#AAA; }
.order-date i::before { content:"/ "; }

.order-no { width:50% !important; font-weight:700; }
.order-amount { font-size:14px; font-weight:700; }

.order-status { font-weight:600; color:#00A5FF; }
.order-status::before { content:""; float:left; width:10px; height:10px; margin:4px 7px 0 0; background-color:#00A5FF; border-radius:50%; }
.order-status-delivered { color:#3ECE7E; }
.order-status-delivered::before { background-color:#3ECE7E; }
.order-status-canceled { color:#E52323; }
.order-status-canceled::before { background-color:#E52323; }
.order-status-shipped { color:#F7BC0E; }
.order-status-shipped::before { background-color:#F7BC0E; }


.order-info { float:left; width:100%; margin:-4px 0 20px 0; }
.order-info section { float:left; margin-right:30px; }
.order-info section:last-child { margin:0 !important; }
.order-info section strong { color:#151515; }

.order-info-status { float:left; width:100%; margin-bottom:20px; position:relative; font-weight:500; }
.order-info-status section { float:left; width:100%; margin:-4px 0 5px 0; }
.order-info-status .order-status { float:left; width:auto !important; padding-left:10px; margin:0 !important; line-height:20px; }
.order-info-status .order-status span { display:none }
.order-info-status .order-status span:last-child { display:inline !important; }

.panel-buttons { float:left; width:100%; margin:20px 0 -15px 0; position:relative; }
.panel-buttons a { float:left; padding:0 29px 0 14px; margin:0 15px 15px 0; border:1px solid rgba(0, 0, 0, 0.1);  font-weight:600; font-size:12px; line-height:38px; background:url(../images/arrow-right.png) no-repeat right 9px center / auto 12px; }
.panel-buttons a:hover { border-color:rgba(0, 0, 0, 0.2); }
.panel-buttons a.dark { background:#666 url(../images/arrow-white-right.png) no-repeat right 9px center / auto 12px; color:#FFF; }

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

.fav-delete { position:absolute; left:20px; right:20px; bottom:20px; }
.fav-delete > i { float:left; width:100%; font-weight:600; font-size:13px; line-height:35px; background-color:#999; border-radius:17px; color:#FFF; text-align:center; cursor:pointer; }
.fav-delete > i:hover { background-color:#f71212; }

/*	Start PAGINATION	*/

.pages { float:left; width:100%; margin-top:20px; font-size:13px; font-weight:600; line-height:40px; text-align:center; position:relative; }

.pages ul { float:none; display:inline-block; }
.pages li { padding:0 5px; }
.pages li a { float:left; width:40px; height:40px; color:#777; border:1px solid #E8E8E8; transition:all 0.3s; border-radius:20px; }
.pages li a:hover , .pages li a.current { border-color:#f71212; color:#f71212; }

.load-more { float:left; width:100%; margin:20px 0; position:relative; text-align:center; }
.load-more section { float:left; width:100%; color:#666; }
.load-more section strong { color:#f71212; }
.load-more a { display:inline-block; height:40px; padding:0 19px; margin-top:14px; border:1px solid #f71212;  font-weight:600; color:#f71212; line-height:38px; transition:all 0.2s; }
.load-more a:hover { background-color:#f71212; color:#FFF; }


/* netbeyaz ozel tema finish */













@media (width: 1310px) {
.product-grid .product-thumb .button-group button{width:70%; padding-left:1px; padding-right:1px;}
.product-grid .product-thumb .button-group button + button{width:15%;}
}

@media (max-width: 1309px) {
.product-info .image-additional { width: 340px;}
#column-left .product-thumb .price-old, #column-right .product-thumb .price-old  {margin-left:0;}
#column-left .fa-shopping-cart:before, #column-right .fa-shopping-cart:before  {display:none;}
#column-left .hidden-xs, #column-left .hidden-sm, #column-left .hidden-md {display:block !important; text-transform: capitalize; font-weight:normal; }
.col-sm-4.total_amount { margin-top: 88px;}
.blog-right { width:100%; }	
.col-md-3.row-result-search-autocomplete-image{width:auto;}
#searchbox{width:60.4%;}
.col-md-6.result-info{padding:0 15px;}
#banner0 img, #banner1 img, #banner2 img{max-width:100%;}
.servicetop-cms .subtitle { font-size:12px; }
}





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

.netbeyaz { padding-top:0; }
.wrap { float:left; width:100%; min-height:initial; padding:0 20px; }
.footer-instagram {display:none;}
.header-wrap { float:left; margin-bottom:15px; width:100%; position:relative; top:auto; left:auto; right:auto; background-color:#F8F8F8; box-shadow:0 0 10px rgba(0, 0, 0, 0.1) }
.header-wrap .wrap { padding:0 15px; }
.breadcrumb , .filter-wrap { display:none; }
.header-bar .fl li {display:none;}
.header-bar .fl li:last-child {display:block;margin-left:10px;}
.header-bar .wrap>ul li a, .header-bar .wrap>ul li button {font-size:13px;}
#logo { margin:10px 0; }
#logo img { height:30px; }

.header-basket , .header-account { margin-top:10px; }
.basket-mini { top:50px; right:15px; }

.header-search { float:left; width:100%; position:relative; left:auto; top:auto; margin-left:0; margin-bottom:15px; }

.header-menu { top:40px; }

.hero-slider-wrap { margin:0;width:100%; }
.hero-slider-wrap img { max-width:100%; }

ul.slick-dots { padding:15px 0; }

.nav-icon { float:left; width:50px; height:50px; margin-left:-10px; margin-right:5px; position:relative; cursor:pointer; transition:all 0.3s; z-index:3000; display:block; }
.nav-icon::after { content:"menu"; position:absolute; left:0; right:0; bottom:2px; text-align:center; font-size:9px; font-weight:700; color:#757575; }

.nav-icon span { position:absolute; top:50%; left:15px; width:20px; height:2px; margin-top:-4px; background-color:#000; transition:all 0.3s; border-radius:2px; }
.nav-icon span::before { content:""; position:absolute; top:-6px; right:0; left:0; height:2px; background-color:#000; transition:all 0.3s; border-radius:2px; }
.nav-icon span::after { content:""; position:absolute; bottom:-6px; right:0; left:0; height:2px; background-color:#000; transition:all 0.3s; border-radius:2px; }

.nav-icon-close span { background-color:transparent; }
.nav-icon-close span::before { 
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg);
top:0;
left:0 !important;
right:0 !important;
background-color:#f71212;
}
.nav-icon-close span::after { 
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
bottom:0;
left:0 !important;
right:0 !important;
background-color:#f71212;
}

.nav-mobile-menu { position:absolute; top:50px; left:15px; width:400px; z-index:990; }
.header-choose { left: 15px;
    right: 15px;
    top: 35px;
    width: auto; }
.header-choose::before , .header-choose::after { display:none; }

.mobile-menu { float:left; width:100%; margin-top:20px; }
.mobile-menu ul { width:100%; }
.mobile-menu li { width:100%; border-top:1px solid rgba(0, 0, 0, 0.06); }
.mobile-menu li:last-child { border-bottom:1px solid rgba(0, 0, 0, 0.06); }
.mobile-menu li a { float:left; width:100%; padding:10px 15px;  transition:all 0.2s; position:relative; }
.mobile-menu li a:hover { font-weight:600; background-color:#F7F7F7; }


.nav-wrap { height:50px; }
.nav-wrap .wrap { padding:0; }

#nav { height:50px; margin-bottom:0; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; }
#nav ul { float:none; height:50px; display:block; }
#nav > ul > li { float:none !important; display:inline-block; padding-right:0; }
#nav > ul > li > a { padding:0 20px; }
#nav > ul > li > a.nav-active { color:#f71212; font-weight:700; box-shadow:inset 0 -2px 0 #f71212; }

#nav > ul > li span { 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; }

.block-shadow { padding-top:25px; }

.page-about { padding:0; margin-bottom:19px; }

.join-us-wrap { padding:30px 0; }
.join-us { width:100%; margin-bottom:20px; }

.footer-block { width:33%;padding:0 15px 15px 15px }
.footer-block:last-child { width:100%; }

.hero-cats { padding:20px 0; }
.hero-cats li a strong { padding-top:6px; font-size:12px; }

.home-list li { width:33.33334%; }

.container { padding-left:0; }
.left-block { width:100%; margin-left:0; margin-bottom:40px; display:none; }
.right-block { width:100%;float:none; }

.menu-icon { background-image:url(../images/icon-menu.png); }

.shopping-sidebar-icon { margin-bottom:0; border-radius:0; background-image:url(../images/icon-cart.png); background-color:#73798A; }
.shopping-sidebar-icon strong { font-weight:900; }

.blog li { width:50%; }

.mobile-sub-cats { float:left; width:100%; padding:15px; background-color:#F4F4F4; display:block; }
.sub-cats-inner { float:left; width:100%; height:35px; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; }
.mobile-sub-cats ul { float:none; height:35px; display:block; }
.mobile-sub-cats li { float:none; display:inline-block; margin-right:12px; }
.mobile-sub-cats li:last-child { margin-right:0; }
.mobile-sub-cats li a { float:left; height:35px; padding:0 14px; font-size:12px; font-weight:600; line-height:33px; border:1px solid #999;  background-color:#FFF; }
.mobile-sub-cats li a i { font-size:10px; font-weight:600; color:#999; }
.mobile-sub-cats li a i::before { content:"/ "; }

.mobile-filter-wrap { float:left; width:100%; margin-bottom:20px; position:relative; display:block; border:1px solid #DDD;  }

.filter-icon , .shopping-sidebar-icon {
float:left;
width:50%;
height:40px;
font-weight:600;
font-size:12px;
line-height:40px;
cursor:pointer;
position:relative;
background:url(../images/icon-filter.png) no-repeat 14px center / auto 16px #fff;
z-index:90;
display:block;
text-align:center;
box-shadow:inset -1px 0 0 #DDD;
}
.filter-icon::after , .shopping-sidebar-icon::after { content:""; position:absolute; top:0; bottom:0; right:16px; width:14px; background:url(../images/arrow-down.png) no-repeat center / 12px auto; transition:all 0.25s; opacity:0.5; }
.filter-icon-close::after { transform:rotate(180deg); }

.left-block-filter { float:right; width:50%; padding-right:0; display:block; }
.left-block-filter .input { width:100%; padding:0 15px 0 35px; border:0; border-radius:0; font-weight:600; }
.left-block-filter .select { background:url(../images/icon-sort.png) no-repeat 12px center / auto 16px; }
.left-block-filter span { display:none; }

.product-left { width:100%; padding-right:0; margin-bottom:20px; }
.product-right { width:100%; }

.shopping-wrap { padding-top:0; }

.shopping-sidebar { width:100%; padding-left:0; margin-top:-5px; }
.shopping-sidebar-box { }
.shopping-sidebar-summary { height:auto; }

.shopping-content { width:100%; padding-right:0; padding-bottom:20px; }

.steps li a { font-size:12px; line-height:40px; }

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

.product-actions { padding:0; }
.add-to-basket { width:48%;margin-bottom: 5px; }
.order-whatsapp { width:48%;margin-bottom: 5px; }
.added-fav-box { width:100%;display:none; }
.order-whatsapp a { line-height:40px; }
.order-whatsapp a::after { display:none; }
.add-to-fav { top:0; right:0; width:40px; height:40px;}

.mobile-product-actions { position:fixed; left:0; right:0; bottom:0; width:auto; padding:10px; z-index:5050; background-color:#FFF; box-shadow:0 0 15px rgba(0, 0, 0, 0.1); display:block; }

.mobile-title-price { float:left; width:100%; padding-bottom:9px; position:relative; font-weight:600; }
.mobile-product-title { float:left; width: calc(100% - 100px); }
.mobile-product-price { float:right; width:100px; text-align:right; color:#f71212; }

.mobile-product-actions-wrap { float:left; width:100%; padding:0 50px 0 70px; position:relative; }
.mobile-product-actions-wrap .add-to-basket { width:50%; padding-left:5px; }
.mobile-choose-quantity { float:left; width:50%; padding-right:5px; }

.account-wrap { padding-top:10px; }

.comments-wrap { width:100%; padding:10px 0 0 0; }
.comment-form .box-inner { padding-top:0; }

.login-wrap::before { display:none; }
.login { width:100%; }
.membership-advantages { width:100%; padding-left:0; }
.membership-advantages li { background-color:#F7F7F7; box-shadow:none; }

.blog-detail { padding:0; }

}






















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

#logo img { padding:0; }

/*.header-regmenu a, .header-logmenu a,.header-fav a,#cart button .cart-text1   { display:none;}*/
.header-regmenu::after,.header-logmenu::after,.header-avatar::after .header-fav::after,#cart > .btn::after {font-size:18px;}
.header-basket a i { text-indent:0 !important; }
.header-avatar::after , .header-login::after , .header-fav::after { width:100%; }
.basket-mini::before , .basket-mini::after { right:10px; }

.header-menu { right:-20px; }
.header-bar .wrap > ul li {
    padding-right: 15px;
    margin-right: 15px;
}
.hero-cats { margin-bottom:-19px; }
.hero-cats li { width:25%; margin-bottom:19px; }

.slider-home-wrap .inner-15 , .cat-list .inner-15 { margin:0 -5px; }
.cat-list li { padding:0 5px 25px 5px; }
.slider-home-item { padding:0 5px; }
.slider-home .slick-prev { left:-15px; }
.slider-home .slick-next { right:-15px; }
.product-model {
    font-size: 12px;
    color: green;
    float: left;
}
.product-brand {
    float: left;
    font-size: 12px;
    padding-left: 10px;
    color: #f71212;
    margin-left: 10px;
    border-left: 1px solid #eaeaea;
}

.basket-wrap { padding-bottom:130px; }
.basket ul { border-top:1px solid rgba(0, 0, 0, 0.05); }
.basket li { padding:15px 30px 15px 65px; }
.basket li:first-child { display:none; }
.basket li img { height:60px; margin-left:-65px; }
.basket li div { width:100% !important; height:auto; }
.basket li .basket-price { margin-top:10px; }
.basket li .basket-unit { margin:10px 0; }
.basket li div span { float:left; width:100%; text-align:left; }

a.basket-delete { right:-10px; }

.basket-total { width:100%; padding-right:0; margin-top:-20px; font-size:15px; }
.basket-buy { width:100%; padding-left:0; }
.basket-buy li a { height:40px; line-height:40px; }

.bank-list label { padding:0 0 0 45px; }
.bank-list label p { left:15px; }
.bank-list label img { width:100px; margin-left:0; }
.bank-list label span { float:left; margin:-5px 0 15px 0; }
.product-price p {margin-top: 45px;
    margin-left: 0;}
}




#accordion h4.panel-title a.accordion-toggle {display: block;}
.checkout-cart #accordion .panel-title > a, .checkout-checkout #accordion .panel-title {
background: #efefef none repeat scroll 0 0;
color: #333333;
font-weight: 500;
padding: 10px;}
#accordion .panel-title > a {color: inherit;}
#accordion .panel-heading .fa.fa-caret-down {float: right; margin-top:4px;}
#accordion .col-sm-10 {width: 75%;}
#accordion .form-horizontal .control-label {text-align:left;}

.checkout-cart #content .buttons .pull-right .btn{
}

.checkout-cart #content .buttons .pull-right .btn:hover{
background-color: #f14345;
border-color: #f14345;
}
.checkout-success p a {
color: #f14345;
}
form#cc_form{
color:#334;

}

form#cc_form input.cc_cvc{
}

form#cc_form div.expiry{
width: 50%;
}

table#cc_form_table td{
padding:2px;
}

table#cc_table{
font-size:0.9em;
width:100%;
}
#cc_table input[type=radio] {
height:15px !important;
}
#cc_table label {
white-space:nowrap;
}
table#cc_table th.empty, td.empty{
border:0px !important;
}

table#cc_table td, table#cc_table th {
padding:5px;
margin:0;
border:1px solid #eee;
text-align: center;
}
table#cc_table tr:hover {
background: #eee;
cursor: pointer;
}
table#cc_table tr .empty:hover {
background: #fff !important;
cursor: pointer;
}
table#cc_table .empty:hover {
background: #fff !important;
cursor: pointer;
}
form#cc_form input[type="text"]{
font-size: 1.5em;
border-radius: 5px;
padding: 5px 4px;
vertical-align: initial;
line-height: 26px;
border-spacing: 2px;
border-style: solid;
border-color: #ccc;
color:green;
}

form#cc_form input.error {
color:red;
}

.has-error input {
border-width: 2px;
}
#cc_validation.text-danger:after {
content: 'Validation failed';
color:red;
}
#cc_validation.text-success:after {
content: 'Validation passed';
color:green;
}
@media screen and (max-width: 999px) {
form#cc_form input[type="text"]{
max-width:175px;
}
}


#cms-blog h1 {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #23A1D1;
} #cms-blog #blog-list > div {
margin-bottom: 30px;
} #cms-blog #blog-list article {
height: 165px;
} #cms-blog #blog-list figure {
border-radius: 5px;
border: 1px solid #ccc;
} #cms-blog #blog-list h3 {
line-height: 1.4;
} #cms-blog #blog-list figure img {

}  #cms-blog .well {
background-color: #fff;
box-shadow: inset 0 0px 0px rgba(0,0,0,0);
padding-top: 60px;
padding-bottom: 60px;
} #cms-blog .well p {
margin-bottom: 0;
}

#cms-blog-info h1 {
font-weight: bold;
padding-bottom: 10px;
border-bottom: 2px solid #23A1D1;
}
#cms-blog-info figure {
margin-top: 20px;
}
#cms-blog-info article {
margin-top: 30px;
}

#cms-blog-info .list-inline {
margin-bottom: 0;
} #cms-blog-info .list-inline > li {
vertical-align: top;
}

@media screen and (max-width: 767px){
#cms-blog #blog-list article {
height: auto;
}
.page-link {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 15px!important;
}
.page-result {
    clear: both;
    display: block;
    text-align: center!important;
    float: left;
}
}

footer .blog-item .title{
font-weight: bold;
}
footer .blog-item + .blog-item {
border-top: 1px solid #999;
padding-top: 12px;
}

.gplus-share-button {
background-color: #db4437;
color: #fff;
border-radius: 3px;
padding: 4px 7px;
position: absolute;
}






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

#logo img { padding:0; }

.header-login { width:30px; padding-left:0; text-indent:-9999px; }
.header-basket a i { text-indent:0 !important; }
.header-avatar {margin-left:55px;}
.header-login::after , .header-fav::after { width:100%; }
.basket-mini::before , .basket-mini::after { right:10px; }
.container {
padding: 0 !important;
}
.header-menu { right:-20px; }

.hero-cats { margin-bottom:-19px; }
.hero-cats li { width:25%; margin-bottom:19px; }

.slider-home-wrap .inner-15 , .cat-list .inner-15 { margin:0 -5px; }
.cat-list li { padding:0 5px 25px 5px; }
.slider-home-item { padding:0 5px; }
.slider-home .slick-prev { left:-10px; }
.slider-home .slick-next { right:-10px; }
.icon-cart-home {top:200px;}
.join-us button {bottom: 10px;right: 10px;}
.tab { height:45px; margin-bottom:15px; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; }
.tab::before { top:50%; margin-top:-1px; }
.tab ul { float:none; height:40px; display:block; }
.tab li { float:none; display:inline-block; }
.tab li:last-child { padding-right:15px; }
.tab li a { height:40px; padding:0 20px; font-size:13px; line-height:40px; }

.box-inner { padding:20px; }
.product-title { margin-top:-3px; }

.basket-wrap { padding-bottom:130px; }
.basket ul { border-top:1px solid rgba(0, 0, 0, 0.05); }
.basket li { padding:15px 30px 15px 65px; }
.basket li:first-child { display:none; }
.basket li img { height:60px; margin-left:-65px; }
.basket li div { width:100% !important; height:auto; }
.basket li .basket-price { margin-top:10px; }
.basket li .basket-unit { margin:10px 0; }
.basket li div span { float:left; width:100%; text-align:left; }

a.basket-delete { right:-10px; }

.basket-total { width:100%; padding-right:0; margin-top:-20px; font-size:15px; }
.basket-buy { width:100%; padding-left:0; }
.basket-buy li a { height:40px; line-height:40px; }

.bank-list label { padding:0 0 0 45px; }
.bank-list label p { left:15px; }
.bank-list label img { width:100px; margin-left:0; }
.bank-list label span { float:left; margin:-5px 0 15px 0; }



/* Mobil Menu */




.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .navsidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .navsidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/



.page-wrapper .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}

.page-wrapper .theme.chiller-theme {
  background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
  left: 0px;
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content {
    padding-left: 300px;
  }
}
/*----------------show sidebar button----------------*/
#show-sidebar {
    transition-delay: 0.3s;
    z-index: 99;
    position: relative;
    /* height: 30px; */
    /* line-height: 30px; */
    display: table;
    width: auto;
    background: #fff;
    padding: 7px;
	margin-left:15px;
	    border-radius: 7px;
}
#show-sidebar i{
    color: #333;
    font-size: 24px;
}
#show-sidebar span{
    color: #333;
    font-size: 14px;
    position: relative;
    top: -4px;
    margin-left: 3px;
}
.page-wrapper.toggled #show-sidebar {
  left: -40px;
}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
  width: 260px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 9999;
  background:#fff;
}

.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
  max-height: calc(100% - 0px);
  height: calc(100% - 0px);
  overflow-y: auto;
  position: relative;
      background: #F6F6F6;
	  padding:0;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
    padding: 20px 20px;
    display: flex;
    align-items: center;
    background: #f12a43;
}

.sidebar-wrapper .sidebar-brand > a {
  text-transform: uppercase;
  font-weight: bold;
  float:left;
  width:80%;
}
.sidebar-wrapper .sidebar-brand img {
	
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
cursor: pointer;
    float: right;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
  padding: 20px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
  float: left;
  width: 60px;
  padding: 2px;
  border-radius: 12px;
  margin-right: 15px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
  float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
  display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
  font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
  font-size: 11px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
  font-size: 8px;
  margin-right: 4px;
  color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/

.sidebar-wrapper .sidebar-search > div {
  padding: 10px 20px;
}

/*----------------------navsidebar-menu-------------------------*/

.sidebar-wrapper .navsidebar-menu {
  padding-bottom: 10px;
}

.sidebar-wrapper .navsidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 14px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}

.sidebar-wrapper .navsidebar-menu ul li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 14px 30px 15px 20px;
  font-size:14px;
}

.sidebar-wrapper .navsidebar-menu ul li a i {
  margin-right: 10px;
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}

.sidebar-wrapper .navsidebar-menu ul li a:hover > i::before {
  display: inline-block;
  animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .navsidebar-menu .sidebar-dropdown .navmob-submenu {
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 14px;
    font-size: 14px;
    color: #666;
}
.sidebar-wrapper .navsidebar-menu li {width:100%;border-bottom: 1px solid #eaeaea;position:relative;}
.sidebar-wrapper .navsidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
  background:#fff;
}

.sidebar-wrapper .navsidebar-menu .sidebar-dropdown .sidebar-submenu li {
  font-size: 13px;
}



.sidebar-wrapper .navsidebar-menu ul li a span.label,
.sidebar-wrapper .navsidebar-menu ul li a span.badge {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
}

.sidebar-wrapper .navsidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .navsidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
  float: right;
  margin-top: 0px;
}

.sidebar-wrapper .navsidebar-menu .sidebar-submenu {
  display: none;
}

.sidebar-wrapper .navsidebar-menu .sidebar-dropdown.active > a:after {
  transform: rotate(90deg);
  right: 17px;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
}

.sidebar-footer > a {
  flex-grow: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  position: relative;
}

.sidebar-footer > a .notification {
  position: absolute;
  top: 0;
}

.badge-sonar {
  display: inline-block;
  background: #980303;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
}

.badge-sonar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #980303;
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  padding-left: 0px;
  padding-top: 20px;
}

.page-wrapper .page-content > div {
  padding: 20px 40px;
}

.page-wrapper .page-content {
  overflow-x: hidden;
}


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
    background: #fff;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .navsidebar-menu {
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .navsidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: #818896;
}

.chiller-theme .sidebar-wrapper .navsidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .navsidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
    color: #b8bfce;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
        color: #fff;
    background: #000;
    padding: 10px 15px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    right: 0;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .navsidebar-menu .sidebar-dropdown.active a i {
    color: #16c7ff;
    text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .navsidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .navsidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #3a3f48;
}

.chiller-theme .sidebar-wrapper .navsidebar-menu .header-menu span {
    color: #6c7b88;
}

.chiller-theme .sidebar-footer {
    background: #3a3f48;
    box-shadow: 0px -1px 5px #282c33;
    border-top: 1px solid #464a52;
}

.chiller-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
    border-right: none;
}






/* Mobil menu */

















}





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

.advantages { padding:30px 0 13px 0; text-align:center; }
.advantages li { flex-basis:33.33334%; margin-bottom:25px; }
.footer-instagram li { width:33.33334%; }
.hero-three {margin-top:15px;}
.hero-three li { width:100% !important; margin:0 0 20px 0; }
.hero-three li:last-child { margin-bottom:0; }

.join-us section { width:100%; margin:-10px 0 10px 0; }
.join-us form {
    width: 100%;
}
.footer-social { float:left;padding:10px; }
.slider-product { padding-left:0; }
.slider-product ul.slick-dots { top:auto; bottom:0px; right:0; width:auto; }
.slider-product ul.slick-dots li { width:40px; height:40px; border:0; margin:0 5px 0; border-color:#FFF; }
.slider-product ul.slick-dots li.slick-active { background-color:#f71212; }

.slider-product .slick-prev { left:10px; }

.product-delivery section { width:100%; margin:5px 0 !important; }

.steps li a { font-size:10px; }

.address-item { width:100%; }
.modal-delivery-address , .modal-invoice-address { padding:25px; }
.modal-close { top:0; right:0; width:30px; height:30px; }

.choose-payment li a { font-size:12px; line-height:41px; }
.choose-payment li a i { left:9px; width:20px; }
.choose-payment li a.selected i { background-size:auto 10px; }

.order-info section { width:100%; margin-right:0; }

.my-orders li div { width:100% !important; }
.order-date { margin-bottom:5px; }
.order-status { margin:5px 0; }

.brand-block li { width:50%; }

}



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

.nav-mobile-menu { left: 0px;
    width: auto;
    z-index: 990;
    display: block; top:60px; }

.basket-mini { left:15px; right:15px; width:auto; }
.header-account { 
    float: right;
    margin: auto;
    margin-left: 0px;
	margin-top:10px;
	position:static;
 }
 #cart-total {left:60px;}
 #cart > .btn {padding:6px;font-size:12px;}
 .header-logmenu a {padding:6px;font-size:12px;}
 .header-logmenu {margin-right:5px;}
 .header-regmenu {display:none;}
 .header-avatar {margin-left:0px;margin-right:10px;font-size:14px;}
.header-search {     float:right;margin-top: 10px;
    margin-left: 95px;
    width: auto;}
.header-menu { left:15px; right:15px; top:50px; width:auto; }
.header-menu::before , .header-menu::after { left:180px; }
.header-fav {display:none;}
.copyright { margin:25px 0; }
.copyright .fl { width:100%; margin-bottom:5px; }
.copyright .fr { float:left !important; }

.hero-cats .inner { margin:0 -15px; }
.cat-list li { width:50%; }
.blog li { width:100%; }

.modal-address-form { padding:8px 20px; }
.modal-address-form section { width:100%; padding-bottom:15px; }

.choose-payment .inner-10 { margin:0 -5px; }
.choose-payment li { padding:0 5px; }

.contact-form p i { width:100%; padding:0 0 5px 0; }
.contact-form p em , .contact-form section , .showcase-large a { width:100%; }

.steps li { flex-basis:auto; }

.sign-form > section.fl , .sign-form > section.fr { width:100%; }

}



@media only screen and (max-width:440px) {
.product-sizes {padding:0px 5px 0px 0px;}
.advantages li { flex-basis:50%; }
.footer-block-wrap { padding:10px;}
.footer-title { padding-top:14px; }
.footer-block { width:50%;padding:0 15px 15px 15px }
.footer-block:first-child { display:none; }
.footer-block:last-child { width:100%; }
.price-container i {display:none;}
.add-to-basket a , .order-whatsapp a { font-size: 15px;
    font-weight: 400;
    padding: 0; }
.order-whatsapp a::after { background-size:auto 22px; }

.brand-block ul { margin-top:-10px; }
.brand-block li { width:100%; padding-bottom:10px; }

}



@media only screen and (max-width:374px) {
.header-search {width:200px;}
.header-account {margin-left:0px;}
.header-regmenu, .header-logmenu, .header-fav {margin-right:5px;}
}


/* iCheck plugin Minimal skin, pink
----------------------------------- */
.icheckbox_minimal-pink,
.iradio_minimal-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin:-3px 5px 0 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(pink.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-pink {
    background-position: 0 0;
}
    .icheckbox_minimal-pink.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal-pink.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal-pink.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal-pink.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-pink {
    background-position: -100px 0;
}
    .iradio_minimal-pink.hover {
        background-position: -120px 0;
    }
    .iradio_minimal-pink.checked {
        background-position: -140px 0;
    }
    .iradio_minimal-pink.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal-pink.checked.disabled {
        background-position: -180px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_minimal-pink,
    .iradio_minimal-pink {
        background-image: url(pink@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
	    #product .product-options-collapse .icheckbox_minimal-pink,
    #product .product-options-collapse .iradio_minimal-pink {
		display:none;

    }
}