/* fonts */

@primary-font               : "Open Sans";

/* colors */

@body-background-color      : #fbfbfb;
@menu-background-color      : #54555e;
@menu-background-color-rgba : rgba(84, 85, 94, 0.3);
@footer-background-color    : #54555e;

@primary-color              : #ff7116;
@primary-color-dark         : #e85d05;
@secondary-color            : #535353;
@secondary-color-light      : #002e5b;
@secondary-color-dark       : #002346;

@menu-color                 : #FFFFFF;
@menu-hover-color           : #dedede;
@menu-dropdown-color        : #54555e;

@secondary-menu-color       : #54555e;
@secondary-menu-hover-color : #2d2e33;

@footer-menu-color          : #FFFFFF;
@footer-menu-hover-color    : #dedede;

@primary-text-color         : #54555e; 
@primary-link-color         : #54555e; 
@primary-link-hover-color   : #ff7116; 

@primary-border-color       : #CCCCCC;
@secondary-border-color     : #dadada;
@title-border-color         : #efefef;

@dropdown-background-color  : #FFFFFF; 

@showcase-background-color  : #ededed;
@page-background-color      : #f8f8f8;
@page-border-color          : #959595;
@button-background-color    : #333333;

@white                      : #FFF;
@black                      : #111;
@red                        : #f50b0b;
@turkuaz                    : #4faaa8;
@mor                        : #3d186c;
@dark-mor                   : #1c0237;
@lacivert					: #223c89;
 

/* product alert */

.red-alert{background-color   : #e05151;} 
.green-alert{background-color : #4bb7a7;} 

.clear {clear:both}

/* functions */

.radius(@radius: 3px){
	-webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius;
}
.transition(@type, @time){
	transition-property: @type; transition-duration:@time;
}
.rotate(@degree){
	-ms-transform: rotate(@degree); -webkit-transform: rotate(@degree); transform: rotate(@degree);
}
.skew(@degree){
	-webkit-transform: skew(@degree); -moz-transform: skew(@degree); -o-transform: skew(@degree);
}

/* general definitions */
body{font-family: @primary-font; color: @primary-text-color;}
a{text-decoration: none !important; .transition(color, 0.4s); color: @primary-link-color; &:hover{color: @primary-link-hover-color;}}
.no-padding{padding: 0; margin: 0;}
.no-margin{margin: 0 !important;}
.checkbox{margin-top: 0px;}
.margint10{margin-top: 10px;}
.form-control:focus{border-color: @menu-background-color-rgba; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @menu-background-color-rgba; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @menu-background-color-rgba;}
.display-none{display: none;}
.mini-select{height: 30px; padding: 2px 8px; font-size: 13px;}
[role=button]{cursor:pointer}
.container1280{width: 1280px; padding-left: 20px;}
.container{width:1320px;max-width:100%;}
.btn-primary-color{background-color: @primary-color; color: @white;}
.btn-secondary-color{background-color: @secondary-color; color: @white;}
.p-relative{position: relative;}
.col-md-2-4{float: left; width: 20%;}
.text-red{color: red;}
.form-control{z-index: 0 !important;}

/* strike */
.strike{position: relative;}
.strike:before{border-bottom: 1px solid red; position: absolute; content: ''; width: 100%; height: 55%;}
.strike.gri:before{border-bottom: 1px solid #898989;}

/* table cell */
.display-table{display: table;}
.display-table-cell{display: table-cell; vertical-align: middle; float: none;}

/* scroll top */
#scrollTop{position: fixed; bottom: 35px; right: 5px; background-color: @lacivert; color: #FFF; padding: 0px 10px 0px 10px; font-size: 25px; font-weight: bold; cursor: pointer; z-index: 50;  display: none;}

/* warning */
#warning{float: left; width: 100%; position: fixed; margin-top: 80px; z-index: 99999; text-align: center;}
#warning .warning{background-color: @menu-background-color; display: none; padding: 7px; padding-left: 20px; padding-right: 20px; color: #FFF; font-size: 16px; font-weight: bold; border-radius: 3px; -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85); -moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85); box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85);}
#warning .warning i{margin-left: 10px; font-weight: bold; font-size: 19px; cursor: pointer;}

/* warning alert */
.warning{color: #d00101; font-size: 13px; padding-top: 2px;}

/* alert tanımlamaları */
.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.6);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family: 'Open Sans';width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:25px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:20px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert button{background-color:#AEDEF4;color:#fff; font-family: inherit;  border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}.showSweetAlert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}
#foxpush_subscribe {display:none!important;}

/* styles */

.imageMark {
	margin-top:-15px
}

.imageMark,
.imageDesc {
	margin-bottom:15px;
}

.mor-div {position:absolute;width:100%;height:50px; background-color: transparent;}
.mor-div::after {
    content:'';
    position: absolute;
    top: -5px;
	right: 0;
	/*background-color:@mor;*/
	background-color:#4faaa8;
	width: calc(~'50vw - 262px');
	height:39px;
}

.filterKategori {
	margin:10px 0;
	border-bottom: 1px solid #EAEAEA;
}

.filterKategori li {
	margin-bottom:5px
}

.filterKategori li a {
	font-size:1em;
	font-weight:600;
}

.filterKategori li.aktif > a {
	color:@mor;
}

.filterKategori li.aktif ul li a {
	font-size:.9em;
	font-weight:400;
	padding-left:5px;
}

main .tab-content .spec-group div {
    /*padding: 18px;*/
    padding:10px;
}

main .tab-content .spec-group .spec-title {
    font-weight: 700
}

main .tab-content .spec-group .spec-sub-title {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #f5f5f5;
    border-left: 1px solid #ededed
}

main .tab-content .spec-group .spec-head {
    position: relative;
    border-top: 1px solid #ededed
}

main .tab-content .spec-group .spec-head:nth-last-child(1) {
    border-bottom: 1px solid #ededed
}

header{background-color:#fff;
	.headerTop {
		background-color:#2932a9;
		height:40px;
			.smallHeaderText {
				padding-top:7px;
				display:block;
				a {
					color:#fff;
					font-size:13px;
					font-weight:600;
				}
			}
			strong {
				display:block;
				padding-top:7px;
				span {
					color:#fff;
					padding-right:5px;
				}
				a {
					color:#fff;
				}
			}
	}
	.head-lines{
		.campaign{font-size: 13px; font-weight: 600; padding-top: 9px;}
		.head-menus{margin-top: 20px; padding: 1px; color: @white;
				.customer-service{
					span.smallHeaderText a {
						font-size:13px;
						font-weight: 600;
					}
					strong.marginLeftHeaderText {
						margin-left:0px;
						margin-right:20px
					}
					img{margin-top: 0px;}
					span, strong:not(.phone){color: @black; font-weight: 600; font-size: .8em;
						&:nth-last-child(2){font-size: 13px; padding-top: 2px; color: @primary-color;margin-right:10px;}
					}
				}
				.phone {color:@mor;font-size:1em;padding-left:10px!important;position:relative;
					span.fa {color:@lacivert;margin-right:-5px;font-size:1.2em;position:relative;top:2px}
					a {font-size:1.05em}
				}
				.phone.aktif {
					padding-left:0!important;
					left:10px;
					font-size:.8em;
					span.fa {
						top:2px;
						font-size:1.2em;
					}
				}
				.links{margin-top:0px; color: @black;position:relative;
					.kasayaGit {background-color:@turkuaz;padding-top:10px;padding-bottom:10px;cursor:pointer;transition:.2s background-color;
						a {padding-left:2px;padding-right:3px;color:@white}
						&:hover {
							background-color:#5ec2c0
						}
					}
					.sepet {background-color:transparent;padding-top:0px;padding-bottom:0px;
						a {padding-left:30px;padding-right:0px;color:#fff;font-weight:700;
							span.fa {position:absolute;left:5px;font-size:20px;}
						}
					}
					.sepetDurum {position:relative;padding-left:0px;padding-top:0px;padding-bottom:10px;background-color:#fff;
						span {
							color:@lacivert;
						}
					}
				}
				a{color: #fff; font-size: 14px; font-weight: 600; padding: 0px 1px 0px 1px; text-transform: normal;
					&:hover{color:#fff;}
				}
				strong a{font-weight:600}
		}
	}
	.head-content{padding: 0px 0px 20px 0px;background-color:#152a67;
			.logo{margin-top: 18px;}
			.search{padding-left: 0;
				.search-box{position: relative; margin-top: 37px;
					input[type=text]{height: 41px; font-size: 13px;border:2px solid #fff;border-radius:20px;}
					div.form-input {background-color:#fff;width:33px;height:37px;position:relative;top:3px;right:4px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;
						span.fa {color:@lacivert;padding-top:10px;left:6px;font-size:18px;}
					}
					span{position: absolute; right: 12px; top: -1px; cursor: pointer;}
				}
			}
			.basket{margin-top: 24px;padding-left:0;
				.basket-icon{position: relative; width: 40px; height: 39px;
					.quantity{position: absolute; top: -1px; right: -13px; font-size: 13px; font-weight: 600; background-color: @secondary-color; color: @white; border-radius: 50%; width: 20px; height: 20px;}
				}
				.text{margin-top: 18px; margin-left: 3px; font-weight: 600; font-size: 14px; color: @secondary-color;}
				.favorilerim,
				.karsilastir {
					float:left;
					position:relative; 
					width:30px!important;
					height:25px!important;
					span#wishListCount,
					span#compareQuantityNumber {
						position:absolute;
						top:-3px;
						right:-5px;
						text-align:center;
						color:@white;
						display:block;
						width:16px;
						height:16px;
						font-size:.8em;
						border-radius:50%;
						background-color:@turkuaz
					}
					span.fa {
						font-size:1em;
						color:@turkuaz;
						position:absolute;
						left:7px;
						bottom:0;
					}
					span.fa-exchange {
						left:8px;
						top:8px;
					}
					span.fa-dot-circle-o {
						left:9px
					}
				}
				.karsilastirBg {background-image:none;}
				.basketDesc {
					display:block;
					float:left;
					font-size:14px;
					font-weight:600;
					margin-left:0px;
					margin-right:0px;
				}
				a:last-child {
					position:relative;
				}
			}
			.fixed-buttons{position: fixed; z-index: 5; margin: 350px 0px 0px -235px; .rotate(-90deg);
				a{color: @white !important; float: left; padding: 14px 15px 14px 15px; margin-left: 15px; font-size: 14px; /* .rotate(-90deg); */ .transition(all, 0.2s); 
					img{.rotate(90deg);}
					&:nth-child(2){}
					&:hover{background-color: @button-background-color;}
				}
			}
	}
			.main-menu{margin-top:0px; padding:0; background-image: linear-gradient(to bottom, #1e40a9, #1c31a9, #1c2394, #1e1979, #231673);
					ul{margin-bottom: 0px;}
					ul li{padding: 15px 15px 20px 15px; height: 53px;position:relative; display: inline-block;border-right:1px solid @lacivert;
							a{color: @menu-color; padding: 20px 11px 20px 11px; font-size: 13px; font-weight: 600;
								&:hover{color: @menu-hover-color;}	
						}
						.dropdown-submenu{text-align: left; width: auto;min-width:300px; position: absolute; background-color:#2938a9;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.5); z-index: 999999; top: 53px; left: -4px; display: none; .transition(display, 0.2s);

								ul{padding: 20px 15px 5px 15px; width: 200px;}
								ul li{display: inline; float: left; width: 170px;margin-bottom: 19px; text-align: left; height: auto; padding-left: 0px;
									a{font-weight: normal; color: @menu-dropdown-color; font-size: 13px; color: #111; padding: 0px;
										&:hover{color: @menu-hover-color; color: #111;}
									}
								}
								.category-box{padding: 8px;
									.inner{border: 1px solid @secondary-color; height: 138px; margin-bottom: 6px; padding-top: 24px;}
									.title{ .transition(all, 0.2s);}
									a{color:#fff; font-weight: 550; font-size: .9em!important; padding: 0px;.transition(all, .3s);}
									&:hover{
										background-color:#202190;
										a{padding-left:15px;color:#fff;}
										.inner{border-color: @mor;}
									}
									&:not(:last-child) {
										border-bottom:1px solid #1d1d86;
									}
								}
						}	 
					}
					ul li.active{
						.dropdown-submenu{display: inline;}
					}
			}
}
main{
	[type="checkbox"].karsilastirmaCheck:not(:checked),
	[type="checkbox"].karsilastirmaCheck:checked {
	  position: absolute;
	  left: -9999px;
	}
	[type="checkbox"].karsilastirmaCheck:not(:checked) + label,
	[type="checkbox"].karsilastirmaCheck:checked + label {
	  position: relative;
	  padding-left: 1em;
	  cursor: pointer;
	}

	[type="checkbox"].karsilastirmaCheck:not(:checked) + label:before,
	[type="checkbox"].karsilastirmaCheck:checked + label:before {
	  content: '';
	  position: absolute;
	  left: 0; 
	  top: 4px;
	  width: .9em;
	  height: .9em;
	  border: 1px solid @lacivert;
	  background: #fff;
	  border-radius: 2px;
	  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
	}

	[type="checkbox"].karsilastirmaCheck:not(:checked) + label:after,
	[type="checkbox"].karsilastirmaCheck:checked + label:after {
	  content: '✔';
	  position: absolute;
	  padding-left:.1em;
	  top: .5em; 
	  left: .1em;
	  font-size: .7em;
	  line-height: 1.3;
	  color: @white;
	  width:1.1em;
	  background:@lacivert;
	  transition: all .3s;
	  border-radius:2px;
	}

	[type="checkbox"].karsilastirmaCheck:not(:checked) + label:after {
	  opacity: 0;
	  transform: scale(0);
	}
	[type="checkbox"].karsilastirmaCheck:checked + label:after {
	  opacity: 1;
	  transform: scale(1);
	}

	[type="checkbox"].karsilastirmaCheck:disabled:not(:checked) + label:before,
	[type="checkbox"].karsilastirmaCheck:disabled:checked + label:before {
	  box-shadow: none;
	  border-color: #bbb;
	  background-color: #ddd;
	}
	[type="checkbox"].karsilastirmaCheck:disabled:checked + label:after {
	  color: #999;
	}
	[type="checkbox"].karsilastirmaCheck:disabled + label {
	  color: #aaa;
	}

	[type="checkbox"].karsilastirmaCheck:checked:focus + label:before,
	[type="checkbox"].karsilastirmaCheck:not(:checked):focus + label:before {
	  border: 1px solid @lacivert;
	}

	label:hover:before {
	  border: 1px solid @lacivert!important;
	}

	.urunIcerikKarsilastirma {
		background-color:#f5f5f5;
		padding-top:4px
	}
	
	.urunIcerikKarsilastirma label span {
		font-size:.8em!important;
		margin-left:5px;
		color:@dark-mor
	}
	
	.urunSagBlok {
		margin-top:-40px
	}
	
	.urunSagBlok .stokKarti {
		margin-top:10px;
		border:1px solid #eaeaea;
		padding-bottom:10px;
	}
	
	.urunSagBlok .stokKarti .kartTitle {
		margin-top:10px;
		margin-bottom:10px;
		background-color:@lacivert;
		color:@white;
		padding:5px 0px 5px 15px
	}
	
	.urunSagBlok .stokKarti .kartFooter {
		margin-top:10px;
		background-color:@lacivert;
		color:@white;
		font-weight:600;
	}
	
	.urunSagBlok .stokKarti .kartFooter .dark {
		background-color:@dark-mor;
	}
	
	.urunSagBlok .stokKarti .kartFooter span {
		padding-top:6px;
		padding-bottom:6px;
		display:inline-block
	}
	
	.urunSagBlok .stokKarti span.yuzdeOrani {
		color:@mor;
		font-weight:600;
		margin-left:10px;
	}
	
	
	
	
	/* Progress Style */

	.progressBlok {
		margin-top:10px!important;
		margin-bottom:10px!important;
	}
	
	.progressBlok,
	.progressData {
		position:relative
	}
	
	.progressData strong {
		position:absolute;
		display:table;
		width:100%;
		top:calc(~'50% - 15px');
		color:@mor;
		text-align:center;
	}

	.sagTitleNorm {
		margin-top:10px;
		background-color:@lacivert;
		color:@white;
		padding:5px 0px 5px 15px
	}
	.sagTitleNormSocial .arkadasOner {
		padding:10px 0px 0px 0px;
	}
	.sagTitleNormSocial .button {
		padding:10px 0px 0px 0px;
	}

	/* Progress Style */

	.etiket {margin-top:5px;}
	
	.etiket.odd {margin-right:2.5px}
	.etiket.even {margin-left:2.5px;}
	
	.etiket img {width:100%!important}
	
	.setUrunler {}
	
	.setUrunler ul li {
		border-bottom:1px solid #eaeaea;
		padding-top:10px;
		padding-bottom:10px
	}
	
	.setUrunler ul li span:not(.urunFiyat) {
		font-size:.8em;
		color:#515151;
	}
	
	.setUrunler ul li span.urunFiyat {
		font-size:1.1em;
		color:@mor;
		font-weight:600
	}
	
	.sliderBg{background-color:#010101!important;margin-bottom:-20px}
	.sliders{margin-top: 2px;
		#slider .carousel-indicators{width: 244px; height: 415px; top: 0px; right: 0px; bottom: -10px; padding-top: 10px; margin-left: 30.5%;
			li{width: 142px; height: 72px; .radius(0px); border: 0px; margin-left: 100px; margin-bottom: 10px; text-align: right;
				&.active{background-color: transparent;}
				img{margin-top: 5px; margin-right: 12px;}
			}
		}
	}
	.banners{margin-top: 10px;
		.head-banners{margin-top: 7px;
			img{max-width: 100%;}
		}
		.list-banners{
			.banner{max-width: 100%;}
		}
	}
	.sub-categories{border-bottom: 1px solid @primary-border-color; padding: 10px;
		a{padding: 0px; margin: 3px 0px 3px 0px; font-size: 15px;}
	}
	.showcase{margin-top: 20px;
			.carousels{background-color: @white; padding: 12px 0px 10px 0px;}
			.carousels-tab{padding: 0px; margin-top: 20px;margin-left:10px;margin-right:10px;border-bottom:4px solid @lacivert;
				span.tab{
					background: #eeeeee;
					background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
                    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
					background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
					color: @lacivert;
					font-size: 16px; font-weight: 600; padding: 10px 15px 10px 15px; padding-right: 60px;
					&.active{
						background: @lacivert; 
						color: @white;
					}
					.text-tab{float: left; margin-top: 3px; padding-left: 8px;}
					img{float: left;}
					&:nth-child(2){.skew(0deg); margin-left: -40px; padding-right: 35px; padding-left: 20px;
						.text-tab, img{.skew(0deg);}
					}
				}
			}
			.boxes{
				.box{
					.box-title{font-size: 15px; font-weight: 600; margin-bottom: 5px;}
					.secondary-menu{
						.secondary-menu-item{color: @secondary-menu-color; border-bottom: 1px solid @primary-border-color; padding: 8px 0px 8px 3px; &:hover{color: @secondary-menu-hover-color;}}
					}
				}	
				.banners{margin-top: 10px;
					img{margin-bottom: 10px;}
				}	

				.filters{
					.filter{padding-bottom: 6px; margin-bottom: 12px; border-bottom: 1px solid #EAEAEA;
						.filter-controls{margin-bottom: 7px;
							.filter-title{font-weight: bold; font-size: 14px;}
							.filter-arrow{margin-top: 5px;}
						}
						.options{
							label{display: none;}
							label .option .text{font-weight: normal; font-size: 14px; padding-left: 5px;}
							label .option .quantity{font-weight: normal; font-size: 13px;}
							label:nth-child(-n+5){display: inline;}
							.see-all{font-size: 13px; margin-top: 5px;
								i{font-weight: bold; margin-right: 4px;}
							}
						}
						input[type=text].text{border: 0px; width: 35px; font-size: 13px; font-weight: 700;}
						.price-type{font-size: 13px; font-weight: 700; margin-top: 1px;}
					}
					.closed{
						.options{display: none;}
					}
					.category-navigation{border-bottom: 1px solid #EAEAEA; padding-bottom: 10px; margin-bottom: 10px; margin-top: 5px;
						.main-category {padding:4px 0px;}
						.categories{padding-left: 0px;}
					}
				}
			} 
			.showcase-products{padding-left: 0px;
				.product-sort{text-align: right;padding:15px 0px;
					a{font-weight: bold; padding: 0px 0px 0px 25px;
						&:hover{color:@turkuaz;}
						&.selected{color: @turkuaz;}
					}
				}
				.product-title{font-size: 18px; padding-top: 14px; padding-bottom: 5px; color: #595959; font-weight: 550; text-align: left;
					.title{display: inline-block; padding: 0px;}
					.border{position: relative; z-index: -1; background-color: none; height: 1px; margin-top: -10px;}
				}
				.product-navigation{font-size: 14px; padding-top: 0px; padding-left: 5px; text-align: left !important;
					a{padding: 0px 5px 0px 5px;}
				}
				.product-order{height: 28px; font-size: 13px; padding-right: 10px;
					.form-group .form-control{margin-top: -5px;}
					.compare-product{border-bottom: 1px solid #54555e; padding-bottom: 2px; font-weight: bold;}
				}
				.products{margin-top: 0px;
							.product{position: relative; margin-bottom: 0px; padding: 10px; min-height: 352px;
								.buttons{
									span{display: none;}
								}
								.product-inner{ padding: 10px 0px 0px 0px; .transition(border-color, 0.4s);
									.new-tag{position: absolute; z-index: 5; top: 10px; width: auto; height: 20px; .transition(all, 0.2s);background-color:@lacivert;
										span{position: relative; font-weight: 400; color: @white; margin: 5px;}
									}
									.disc-tag{position: absolute; z-index: 5; right: 6px; width: 60px; height: 60px; line-height: 16px; font-size: 13px; /*border: 1px solid @turkuaz;*/border:1px solid #e89805;/*background-color:@turkuaz;*/background-color:#e89805; /*opacity:.7;*/ opacity:1; color: @white; padding-top: 11px; font-weight: 700; 
										border-bottom-left-radius: none;
										border-bottom-right-radius: 50%;
										border-top-left-radius: 50%;
										border-top-right-radius: 50%;
										span{font-size: 18px;}
									}
									.image{
										/* img{max-width: 80%;} */
									}
									.title{margin-top: 10px; height: 60px; overflow: hidden; padding: 0px 5px;
										a{font-size: 13px; font-weight: 600;font-family:'Open Sans', sans-serif;
										 &:hover {
											 color: @turkuaz;
										 }
										}
									}
									.title-carousel{
										min-height: 60px;
									}
									.price{
											.old{font-size: .86em;margin-top:-7px; padding-top: 0; opacity: 0.9; text-decoration: line-through;}
											.new{font-size: 1.2em!important; color: @lacivert;}
											.tax{font-size: 11px;}
											.aciklamaHtmlText {display:block;font-size:11px;top:4px;}
											.aciklamaPrice {display:block;}
									}
									.hizliSatinAlAdet,
									.sepeteEkleListe {
										font-family:'Open Sans', sans-serif;
										font-size:1em;
										color:@lacivert!important;
										padding:7px 10px 7px 10px;
									}
									.hizliSatinAlAdet {
										font-size:.8em!important;
									}
									.hizliSatinAlAdet i.fa,
									.sepeteEkleListe i.fa {
										font-size:1.2em
									}
									.hizliSatinAlAdet span,
									.sepeteEkleListe span {
										font-weight:400;
										font-size:1.2em;
										padding-right:10px;
									}
									.buttons{margin-top: 15px;
										a{font-size: 16px; font-weight: 700;}
									}
									&:hover{
										border-color: @turkuaz;
										.new-tag{border-color:  @primary-color transparent transparent transparent;}
									}
								}
								.karsilastirmaBlok {
									margin-top:15px;
									position:relative;
									label {
										font-weight:400;
										font-size:.8em;
										line-height:1.6;
										color:#e89807;
										text-transform:uppercase
									}
								}
							}
							.product-carousel{min-height: auto;
								.product-inner{background-color: @white;
									.title{height: 35px;}
									.disc-tag{right: -2px;}
									.title{
										a{font-size: 12px;}
									}
									.price{height: 80px;
											.old{font-size:.8em;padding-top:10px;padding-right:10px;opacity:0.9;text-decoration:line-through;}
											.old.right{padding-left:25px;}
											.new{font-size:.9em;color:@mor;padding-left:10px;}
											.new.bottom{padding-top:10px;}
											.tax{font-size: 9px;}
											.aciklamaHtmlText {font-size:12px;top:1px;}
											.aciklamaPrice {font-size:14px;}
									}
								}
							}
							.owl-buttons{background-color: transparent;
								div{background-color: @secondary-color;}
							}
				}
				.list-products{
					.product{min-height: 360px;
						.price{
							.new{font-size: 15px !important; padding-top: 3px;right:15px;}
							.old{right:15px;}
						}
						.buttons{
							span{display: none;}
						}
					}
					.hizliSatinAlAdet,
					.sepeteEkleListe {padding-right:10px!important;
						&:after {
							right:2px!important;
						}
					}
				}
				.pagination{
					.btn-pagination{border-radius: 0px; color: @primary-text-color; font-weight: 700; font-size: 17px;}
					.btn-pagination-active{background-color: @lacivert; color: @white; border-radius: 0px;}
				}				
			}
			.showcase-pages{height:47px;background-position:center;/*background-color:@turkuaz;*/text-align:left;margin:10px 0px;
				.showcase-page{display: none; padding: 5px 0px 0px 0px; margin: 0;
					.page-inner{padding:0px;
						.text{font-family:'Jesaya Bk', sans-serif!important;color: @white;
							.page-title{font-weight: 700; font-size: 15px; text-align: left; padding-left: 10px;}
							.page-desc{font-size: 13px; font-weight: 400; text-align: left; padding-left: 10px;}
						}
					}
					&:hover{
						.icon img{transform: scale(1.1); .transition(all, 0.2s);}
					}
					&:nth-child(-n+5){display: inline-block;}
				}
			}
			.showcase-banners{margin: 15px 0px 10px 0px;}
	}
	.col-md-2bucuk {width:23%;box-shadow: 0 1px 5px rgba(0,0,0,0.15);margin:15px 10px;}
	.anasayfaUrun {width:24%;margin:15px 6px;}
	.listelemeCarousel {
		.hizliSatinAlAdet,
		.sepeteEkleListe {padding-right:10px!important;
			&:after {
				right:2px!important
			}
		}
		.product {
			.price {
				.new{font-size: 1.2em; padding-top: 3px;right:0;}
				.old{font-size: .86em;right:-10px;}
				.old.right{right:0;}
			}
			.buttons{
				span{display: none;}
			}
		}
	}
	.product-detail{
			.detail{border: none; padding: 0px!important;
				.photos{padding-left: 15px;}
			}
			.product-title{font-size: 13px; font-weight: 600; margin: 20px 0px 10px 0px; padding-bottom: 10px; border-bottom: none;
				a{padding: 0px 5px 0px 15px; font-size: 15px; font-weight: 550; color: #575757;}
			}	
			.photos{
				.big-photos {border-right:1px solid #ececec}
				.big-photos img{max-width: 100%;}
				.small-photos img{max-width: 100%; margin-bottom: 10px; border: 1px solid @secondary-border-color;}
			}
			.urunAdeti {
				border:1px solid #ccc;
				border-right:none;
				padding:6px;
			}
			.infos{
				.title{font-size: 1em; margin-top: 0px; margin-bottom: 15px; line-height: 24px;font-weight:700;}
				.desc{font-size: 13px; margin: 0px 0px 10px 0px;}
				.price{margin: 15px 0px 12px 0px;
					.disc{font-size: 1.5em; color: @lacivert;
						strong {
							font-weight:550
						}
						.aciklamaHtmlText {font-size:14px;}
					}
					.normal{font-size: 16px; font-weight: bold; padding-top: 4px; opacity: 0.8;}
					.tax{font-size: 11px;}
				}
				.info-row{margin-top: 4px; padding-left:15px; font-size: 1em;color:@lacivert;
					a{color:@lacivert;font-size: 1em;}
					.seperator{width: 3%;}
					.fa-barcode {color:@lacivert;font-size:1.5em;font-weight:400;position:relative;top:3px;}
				}
				.warnings{margin-top: 0px; font-size: 13px;
					.warning-alert{margin-bottom: 10px;
						i{float: left; color: @primary-color; font-size: 20px; padding: 0px 5px 0px 0px;}
					}
				}
				.tax{font-size: 13px;}
			}
			.variants{margin-top: 15px;
				.select{font-size: 13px;
					.variant-box{border: 1px solid #CCC; min-width: 35px; padding: 5px 10px 5px 10px; margin-right: 6px;}
					.active{border: 1px solid #666;}
				}
				.seperator{border-bottom: 1px solid @primary-border-color; margin: 11px 0px 10px 15px; opacity: 0.3;}
			}
			.link-tags{margin-top: 25px;
				.tag{display: inline-block; color: @menu-color; font-size: 13px; position: relative; padding: 6px 8px 6px 8px; border-radius: 3px; margin: 2px; text-decoration: none; background-color: @menu-background-color; opacity: 0.6; .transition(opacity, 0.4s);
					&:before{background: @menu-color; width: 10px; height: 10px; content: ""; display: inline-block; border-radius: 20px;  margin: 0 5px 0 0;}
					&:hover{opacity: 0.9;}
				}
			}
			.tags{margin-top: 10px;
				.tag{display: inline-block; font-size: 13px; position: relative; padding: 8px 15px 8px 15px; border-radius: 0px; margin: 2px; text-decoration: none; border: 1px solid @primary-border-color;
					&:hover{color: inherit; cursor: default;}
				}
			}

			.basket-buttons{margin-top: 13px;padding-left:5px;
				.spinners{margin: 4px;
					input[type=text]{border: 1px solid @primary-link-hover-color; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
					.input-group-btn-vertical button{background-image: none; background-color: @primary-link-hover-color;}
					.input-group-btn-vertical i{color: #FFF; font-size: 9px; text-shadow: none;}
				}
				.button{font-size: 17px !important; background-color:#2833a8; margin-left: 10px; margin-right:15px; border-radius: 0px; min-width: 195px; height: 49px; padding: 13px 0px 0px 20px !important; color: @menu-color; .transition(opacity, 0.4s); font-size: 17px;
					&:hover{opacity: 0.9;}
					&.fast-sale{color: @white; background-color:#ec893c; padding: 13px 0px 0px 0px; text-align: center;border-radius:5px;
						strong {position:relative;left:-10px;}
					}
				}
				.add-basket .loader{opacity: 0;}
				.disabled{pointer-events: none; cursor: no-drop; opacity: 0.7;
					&:hover{opacity: 0.6;}
					.loader{opacity: 1;}
				}
			}
			.buttons{margin-top: 15px;
				.button{font-size: 13px; padding: 0px 5px 0px 50px; cursor: pointer;}
				.social-share img{margin: 0px 3px 0px 3px;}
				.whatsapp{margin-bottom: 20px; font-size: 16px; font-weight: bold;
					i{color: #25d366; font-size: 18px;}
				}
			}
			.campaign-box{
				.campaign{border: 1px solid @secondary-color; padding: 10px; margin-top: 20px; font-size: 13px;
					.title{font-size: 14px; margin-bottom: 9px;}
					.price{font-size: 16px; margin-top: 9px;
						.tax{font-size: 12px;}
					}
					.gift-icon{
						.icon{background-color: @secondary-color; border-radius: 50%; font-size: 27px; color: #FFF; padding: 8px;}
						.icon-right{font-size: 30px; margin: 5px 0px 0px 5px; color: @secondary-color;}
					}
				}
			}
			.info-box{padding: 13px 0px 13px 0px; margin-top: 6px; min-height: 400px;
				.tab-content{/*border: none;*/ border:1px solid #dedbdb;/*border-top: 0px;*/ /*padding: 11px;*/padding:0px 0px 11px 0px;box-shadow:1px 1px 1px #ccc; font-size: 13px;}
				.nav-tabs{background-color: @white; border-bottom: 3px solid @turkuaz; min-height: 48px;}
				.nav-tabs li a{font-size: 14px; margin-right: 0px;  padding: 12px 30px 11px 30px; color: #575757; background-color: @white; border-radius: 0px;}
				.nav-tabs li:not(.active) a{border-right:1px solid #eaeaea}
				.nav-tabs li:last-child a{border-right:none}
				.nav-tabs li.active a{border-top-color: @turkuaz; background-color: @turkuaz; color: @white; margin-right: 0px;}
				.comment{
					margin-top: 15px; border-bottom: 1px dashed @primary-border-color;
						.comment-big-title{padding: 10px; font-size: 13px; font-weight: bold;}
						.comment-title{padding: 0px 10px 0px 10px; font-size: 13px; font-weight: bold;}
						.negative{color: #e00000;}
						.positive{color: #23bc0a;}
						.comment-desc{padding: 5px 10px 10px 10px; font-size: 13px;}
						.author{font-size: 13px; padding: 0px 10px 10px 10px; color: #666;}
						.stars{
							padding-right: 10px;
								a{color: @primary-link-hover-color;}
						}
				} 
				.comment:last-child{border: 0px;}
				.banks{
					.bank{
						width: 13% !important; padding: 2px;
							.number{
								font-size: 18px; border: 1px solid @secondary-border-color; line-height: 13px; margin-top: 4px;  padding: 6px; height: 40px; border-bottom: 1px solid @secondary-border-color;
									span{font-size: 12px;}
							}
							.prices{margin-top: 4px; border: 1px solid @secondary-border-color; min-height: 90px; padding: 5px; font-size: 12px;}
							.image{height: 30px; border: 1px solid @secondary-border-color; padding: 1px;}
					}
					.price{
						font-size: 17px; margin-top: 40px;
							span{font-size: 12px;}
					}
				}
			}
	}
	
	.page{
		margin-top: 15px; font-size: 15px;
			.form{font-size: 13px;
				.label-pos{margin-top: 8px; padding-bottom: 8px;}
				.form-group label{font-size: 14px;}
				.form-title{border-bottom: 1px solid @secondary-border-color; padding-bottom: 3px; margin-bottom: 10px; text-align: right; font-size: 14px;}
				.order-detail{margin-bottom: 15px; margin-top: 15px; border-bottom: 1px solid @primary-border-color; padding-bottom: 10px;}
				.order{
					.return{margin-top: 17px;}
				}
			}
			.title{text-transform: uppercase;padding-left:15px;}
			.member-menu{margin-bottom: 30px;}
			.member-menu a{padding: 0px 0px 3px 0px; margin: 0px 10px 0px 10px; font-size: 16px; font-weight: bold;
				&:hover {
					color:@turkuaz;
				}
			}
			.member-menu a.aktif{border-bottom: 1px solid @turkuaz; color: @turkuaz;}
		.blog{
			margin-top: 20px; font-size: 13px; border-bottom: 1px dashed @secondary-border-color; padding-bottom: 15px;
				.title{font-size: 16px; margin-bottom: 10px;}
		}
		.blog-categories{
			img{display: none;}
			ul li{
				float: left;
					a{font-size: 14px; padding: 7px;}
					ul{display: none;}
			}
		}
	}
	.policies{
		.policy{
			border: 1px solid @secondary-border-color; font-size: 13px; padding: 12px; margin-bottom: 15px;
				.policy-title{font-weight: bold; font-size: 15px; margin-bottom: 10px;}
				.inner-content-scroll{padding-right: 15px;}
		}
	}

	.basket-payment{
		margin-top: 10px;
		.nav-tabs > li{border: 1px solid @primary-border-color; border-bottom: 0px;width:100%;}
		.basket{
			padding: 8px;
			font-size: 13px;
			.basket-products{
				.product{
					display: table-cell; border-bottom: 1px solid @secondary-border-color; margin-top: 1px;
					&:nth-last-child(1){
						border: 0px;
					}
					div{padding: 3px;}
					.number{
						padding-top: 5px;
							a{font-size: 14px;}
					} 
					.image{
						img {
							max-width: 125px;
						}
					}
					.price-total{
						.price-title {
							font-size: 13px;
						}
						.green{
							color: #108d00;
						}
						.red{
							color: #f00000;
						}
					}
					.remove-wish{
						color: #f00000;
						font-size: 23px;
						padding-top: 25px;
					}
				}
			}
			.basket-buttons{
				a{
					font-size: 14px;
					margin: 5px 0px 5px 5px;
				}
			}
			.basket-small-buttons{
				padding: 0px !important;
				a{
					font-size: 13px;
					margin: 5px 1px 5px 0px;
				}
			}
		}
		.payment{
			font-size: 13px; margin-bottom: 15px;
				.tab-content{border: 1px solid @secondary-border-color; border-top: 0px; padding: 15px;}
				.tab-content-top{padding-top: 30px;}
				.border{border-bottom: 1px solid @primary-border-color; padding: 5px;}
				.select-outer{padding-right: 5px;}
				#siparisLabel{margin-top: -35px; float: left;}
		}
	}
}


.siparisDetayKargoButon {
	margin-bottom:10px;
	a {
		background-color:#152a67;
		color:#fff;
			&:hover {
				color:#fff;
				background-color:#2932a9;
			}
	}
}
.siparisDetayShow {
	a.btnSiparisDetayShow {
		padding:5px 25px;
		background-color:#152a67;
		color:#fff;
			&:hover {
				color:#fff;
				background-color:#2932a9;
			}
	}
}

.paymentTabsPadding .nav-tabs li.active {background-color:#152a67!important;}
.paymentTabsPadding .nav-tabs li.active a {background-color:transparent;color:#fff;}

.stokdurumu {margin-top:4px!important;}

.stokdurumu .button {
	border-radius:3px!important;
	min-width:129px!important;
}

.stokdurumu .button strong {
	font-weight:600;
	font-size:12px;
	position:relative;
	left:-10px;
}

.stokdurumuNew .button {min-width:129px!important;background-color:#ec893c!important;}

.customWidth {
	width:210px;
}

.sonKullanimTarihi .button strong {
	display:block;
	font-size:11px;
	top:-5px
}

.sonKullanimTarihi .button small {
	display:block;
	color:#fff;
	font-size:10pt;
	font-weight:700;
	position:relative;
	left:-10px;
	top:-5px
}

.indirimOrani .button {
	background-color:#2833a8!important;
	min-width:60px!important;
}
.indirimOrani .button span {
	position:relative;
	left:-10px;
	top:-11px;
	display:block;
}

.indirimOrani .button span:first-child {
	font-size:1.2em;
	font-weight:600
}

.indirimOrani .button span:first-child sub {
	top:0px;
	font-weight:200;
	font-size:.7em
}

.indirimOrani .button span:last-child {
	font-size:.7em;
	font-weight:600;
	top:-16px
}

main .product-navigation {
    background-color: #ffffff;
    border-bottom: 1px solid @mor;
    padding:0px 10px 5px 15px;
}

main .product-navigation.noBack {
	background-color:#fff!important;
}

main .product-detail-nav {
    padding-bottom: 12px
}

main .product-navigation .links a {
    font-size: 13px;
    padding: 0 1px
}


main .category,
main .filters {
    padding: 10px
}

main .product-navigation .links a.active {
    font-weight: 700;
    font-style: italic
}

main .product-navigation .links-bottom {
    margin-top: 7px
}

main .product-navigation .links-bottom .links a:hover {
    text-decoration: none
}

main .product-navigation .links-bottom .active span {
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 17px;
    border-bottom: 4px solid @mor;
    color: @mor
}

main .compare-products-page .product .image,
main .compare-products-page .product .name {
    margin-top: 5px
}

main .compare-products-page {
    padding: 16px
}

main .compare-products-page .product {
    padding: 5px
}

main .compare-products-page .product .remove {
    font-size: 13px
}

main .compare-products-page .product .remove a:hover {
	color:@turkuaz
}

main .compare-products-page .product .image img {
    max-height: 90px
}

main .compare-products-page .product .name a {
    font-size: 14px;
    font-weight: 700
}

main .compare-products-page .product .name a:hover {
	color:@turkuaz
}

main .compare-products-page .product .warning {
    margin-top: 10px;
    font-style: italic;
    font-size: 13px
}

main .compare-products-page .product .warning i {
    color: #e77f09;
    font-size: 15px
}

main .compare-products-page .product .old {
    text-decoration: line-through;
    font-size: 12px;
    color: #707070
}

main .compare-products-page .product .new {
    font-size: 16px;
    font-weight: 700;
    color: #001d48;
    margin-top: 2px
}

main .compare-products-page .product .save {
    color: #C1240B;
    font-size: 12px;
    font-weight: 700
}

main .compare-products-page .product .desc {
    color: #707070;
    font-size: 12px;
    margin-top: 10px
}

main .compare-products-page .product .infos {
    min-height: 300px
}

main .compare-products-page .product .prices {
    min-height: 90px
}

main .compare-products-page .product i.compare-control {
    font-size: 20px;
    color: @turkuaz;
    font-weight: 700;
    cursor: pointer;
    margin-top: 10px
}

main .compare-products-page .compare-desc {
    font-size: 13px;
    padding: 10px 10px 0 0;
    text-align: justify
}
main .compare-specs {
    padding: 16px
}

main .compare-specs .specs {
    padding: 9px 7px;
    font-size: 14px
}

main .compare-specs .specs:nth-child(even) {
    background-color: #F5F5F5
}

main .compare-specs .specs:nth-child(odd) {
    background-color: #FFF
}
main .compare-specs .specs:nth-child(odd):hover {
    background-color: #F5F5F5
}

main .compare-specs .specs div {
    padding: 3px;
    font-weight:600;
}

main .compare-specs .spec-title {
    font-weight: 700;
    padding-left:25px!important;
}

main .address-box,
main .address-box a {
    margin-top: 7px
}

.markalarTitle {
	margin-top:20px!important;
	margin-bottom:30px!important
}

.markaBlok {
	padding:0 15px 0 15px;
	margin-bottom:20px;
}

.markaBlok div.markaCont {
	padding:20px;
	min-height:92px;
	max-height:92px;
	border:1px solid #dadada;
}

.markaBlok div.markaCont img {
	max-width:100%
}

[class*='favori_divBas'] {
	margin-top:10px!important;
}

header .main-menu ul li:last-child {border-right:0px;}
.info-havale {background-color:#2833a8;color:#fff!important;font-weight:600;padding:15px 0px;margin-left:15px;max-width:447px;text-transform:uppercase;border-radius:3px!important;}

footer{color: #FFF; margin-top: 45px;background-color: @lacivert;padding-top:10px;
		.footer-menus{background-color: #152a67;  padding: 25px 15px 25px 29px;
				ul{margin-right: 40px;
					li:nth-child(1){padding-bottom: 5px; font-weight: 600;}
				}
				a{font-size: 12px; color: @footer-menu-color; &:hover{color: @footer-menu-hover-color;}}
				.social{margin-top: 20px;position:relative;right:0px;}
				.desc{margin-top: 15px; font-size: 12px; line-height: 20px;}
				.ebulletin{position:absolute;top:-33px;right:0;background: @dark-mor; width:250px; height:64px; color:@white; margin:8px 0 0 0; transition:background 0.45s; z-index:1; cursor:pointer;
					.ebulletin-text{width:197px; height:64px; font-size:12px;
						b{font-weight:500; text-decoration:underline; font-size:14px;}
					}
					.plus{width:50px; height:64px; line-height:1; font-size:24px; background: #150229;}
					.add-mail{position:absolute; width:100%; top:100%; left:0; z-index:9999; background: @dark-mor; height:0; transition:height 0.45s; overflow:hidden;
						.mail-box{float:left; width:72%; height:30px; font-size:13px; color:#4c4c4c; border:1px solid #bbb; padding:0 10px;margin:10px 0 10px 4%; border:none;}
						.mail-button{float:right; width:20%; height:30px; font-size:13px; color:@white; margin:10px 4% 10px 0; border:none; background: @mor;}
					}
					&:hover, &:focus{background: #150229;
						.add-mail{height:50px;}
					}
				}
		}
		.footer-copy{background-color: @white; padding: 4px 0px 4px 0px;
			.text{color: @secondary-color; font-size: 13px; font-weight: 700; margin-top: 11px;}
		}
		.footer-copyright,
		.copyImg {
			padding-left:40px!important;
			padding-right:40px!important;
		}
		.copyImg .col-md-6 {
			padding-top:10px!important;
			padding-bottom:10px!important;
		}
		.footer-text {
			padding-left:40px!important;
			padding-right:40px!important;
			color:#7a7a7a;
			font-size:14px;
		}
		.footer-tel {
			padding-top:15px;
			padding-right:50px!important;
		}
		.footer-tel a {
			font-weight:600;
			font-size:1.2em;
		}
		.takip-et {
			padding-top:5px;
			padding-left:0px;
			font-size:.9em;
		}
		.blog {
			margin-top:35px;
		}

		.blogContent {
			position: relative;
			z-index:1;
			width:100%;
			height:auto;
			max-height:260px;
			margin-top:20px;
			background-color:#613d8f;
			border-radius:5px;
			box-shadow:0 0 10px rgba(0,0,0,.4);
			ul, li, a {padding:0!important;margin:0!important;width:100%;}
			ul {
				margin-left:15px!important;
				padding-bottom:15px!important;
			}
			ul li a {
				font-size:.8em!important;
				font-weight:normal!important;
			}
			.blogTitle {
				position: relative;
				background-color: #613d8f;
				top:-20px;
				width:100px;
				border-top-left-radius:5px;
				text-align: left;
				padding-top:8px;
				padding-left:15px;
				&:after {
					position:absolute;
					top:0;
					right:-35px;
					content:''; 
					width:38px;
					height:21px;
				}
			}
		}
}

.varyantSecenekSpan {
    width:80px;
    height:110px;
    padding-top:10px;
}
.activeSize {
    border:1px solid #54555e;   
    border-radius: 5px;        
}
.facebookGiris {margin-top:10px;cursor:pointer;}
.facebookGiris strong a {background-color:#3b5998;color:#fff;padding:10px 10px;}
.facebookGiris strong a:hover {background-color:#496fbd;}

/*a.butonPhone {background-color:#4faaa8;color:#fff;padding:10px 10px;text-align:center;position:fixed;bottom:0px;z-index:99999;}
.urunDetayPhone {margin-top:20px;width:100%;text-align:center;}*/
input.butonPhone {background-color:#4faaa8;color:#fff;padding:8px 15px;border:0px;outline:0px;width:100%;}
.urunDetayPhone {width:100%;position:fixed;bottom:0px;z-index:99998;text-align:center!important;}
a.butonPhone {top: -9px;position: relative;background-color:#4faaa8;color:#fff;padding:10px 10px;z-index:99999;margin:0 auto;width:100%;}
.phoneModal {display:none;width:500px;background-color:#fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);position:relative;z-index:999999;margin:0 auto;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;height: 205px;}
.modalBodyPhone {color:#613d8f;font-size:13px;}
.phoneModalHide {color:#613d8f;}
.phoneModalHide span {font-size:15px;cursor:pointer;}
.modalBodyPhone input {border-color:#613d8f;background-color:transparent;color:#613d8f;}
.modalBodyPhone .form-control:focus {border-color:#613d8f;}
.modalBodyPhone .butonPhone {background-color:#4faaa8;color:#fff;}
#slider .carousel-control i {font-size: 80px;top: 30%;position: absolute;color:#fff;}

.aramaMotoruStyle {background-color: #fff;
    padding: 3px 10px 10px;
    margin-top:95px;
    width: 850px;
    border: 1px solid #f2f2f2;
    display: none;
    z-index: 9999;
    left:30px;
    position: absolute;
    -webkit-box-shadow: 0 3px 10px 0 rgba(50,50,50,.3);
    -moz-box-shadow: 0 3px 10px 0 rgba(50,50,50,.3);
    box-shadow: 0 3px 10px 0 rgba(50,50,50,.3)
}
.search .aramaMotoruStyle .search-products {margin-top:5px;}
.search .aramaMotoruStyle .search-categories {padding-left:30px;}
.search .aramaMotoruStyle .search-products .search-product {padding: 3px 10px 8px 3px;
    border-bottom: 1px solid #DDD;
    display: table;
    transition: background-color .3s;
}
.search .aramaMotoruStyle .search-products a {font-size:13px;color:#111;}
.search .aramaMotoruStyle .search-products .search-product div {display:table-cell;vertical-align:middle;}

/*Nav Sticky*/
nav.sticky{position: fixed;z-index: 20; width: 100%; top: 0px;margin-top:0px;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20);transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition:all 0.5s;}
nav.sticky ul li {padding: 14px 6px 20px 6px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;border:0px;}
nav.sticky ul li a {font-size:13px;}

.urunOzellikTitle {background-color:#ececec;margin-bottom:10px;border-bottom: 1px solid #dadada;border-top: 1px solid #dadada;}  /*Global*/
.urunOzellikTitle h2 {color:@lacivert;font-weight:700;font-size:14px;margin:0px;padding:5px 5px;}
.urunOzellikTitle h2 i {font-size:15px;padding:0px 10px;}

.urunOzellikTitle h3 {color:@lacivert;font-weight:700;font-size:14px;margin:0px;padding:5px 5px;}
.urunOzellikTitle h3 i {font-size:15px;padding:0px 10px;}

.urunOzellikTitle h4 {color:@lacivert;font-weight:700;font-size:14px;margin:0px;padding:5px 5px;}
.urunOzellikTitle h4 i {font-size:15px;padding:0px 10px;}

.urunOzellikTitle p {color:@lacivert;font-weight:700;font-size:14px;margin:0px;padding:5px 5px;}
.urunOzellikTitle p i {font-size:15px;padding:0px 10px;}
.urunOzellikDetail {padding-left:10px;}

a.arkadasOner {cursor:pointer;}
.onermekIcin {margin-top:10px;}
.arkadasOnerForm {width:100%;padding:10px;outline:none;border:1px solid #e5e5e5;margin-bottom:5px;}
.arkadasOnerButon {width:100px;outline:none;border:none;height:39px;background-color:#3d186c;color:#fff;margin-top:5px;}

.anasayfaBlog {margin-top:25px;margin-left:-4px;}
.anasayfaBlogTitle p {font-size:20px;color:#3b235a;padding:10px 6px;background-color:#f5f4f4;font-weight:600;}
.anasayfaBlogKutu {border:1px solid #ddd;min-height:149px;width:296px;margin:10px 10px;border-radius:10px;}
.anasayfaBlogKutuText {padding-top:30px;}
.anasayfaBlogKutuText p {font-size:15px;padding-left:8px;padding-right:8px;font-weight:600;}
.anasayfaBlogKutu .image img {padding:5px;border-radius:10px;}
/*.anasayfaBlogKutuText span {font-weight:600;font-size:13px;text-align:center;padding-left:10px;}*/

/*.karsilastirmaLink .karsilastir {position:fixed;bottom:0px;left:0px;background-color:blue;}*/
a.karsilastirFixed {
	position:fixed;
	bottom:45%;
	left:-113px;
	z-index:90;
	background-color:#371c59;
	padding:5px 25px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);
}

a.karsilastirFixed .basketDesc {
	color:#fff;
	font-size:14px!important;
	padding-right:17px;
	margin-left:0px!important;
	padding-top:5px;
	text-transform:capitalize!important;
	position:relative;
	left:10px;
}

.rating-md {font-size:1.5em;}
.rating-container .rating {
    cursor: default;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #f1931d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
}

.blogs {border:1px solid #ccc;}
.blogs  ul {margin-bottom:0px;}
.blogs  ul:nth-child(1) li {background-color:#e4e4e4;padding:10px 15px;line-height:20px;border-bottom:1px solid #9e9494;}
.blogs  ul:nth-child(1) li:hover {background-color:#d0c5c5;}
.blogs  ul li:last-child {border-bottom:0px;}

.kargoDurumu p {background-color:#2833a8;padding:3px 10px;border-radius:3px;color:#fff;margin-top:5px;font-weight:700;text-transform:uppercase;}
.kargoDurumu img {padding-right:10px;}

.karsilastirRemoveButon a {color: white;background-color: #3e265d;border-radius:5px;padding: 2px 5px;}
.karsilastirInfos {min-height:190px!important;}
.karsilastirButon {background-color:#3d186c;background-image:none;border-color:#3d186c;}

span#compareQuantityNumber {
	position:absolute;
	top:6px;
	right:23px;
	text-align:center;
	color:@white;
	display:block;
	width:24px;
	height:24px;
	font-size:1.1em;
	border-radius:50%;
	background-color:#1a0337;
	border:2px solid #31c5f4;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
}

.headerFacebook {background-color:#3b5998;padding:3px 5px 3px 8px!important;}
.headerFacebook i {color:#fff;font-size:12px;}
.stickySepet {display:none!important;}
nav.sticky .stickySepet {display:inline-block!important;}
/*nav.sticky .stickySepet:after {background-color:red;width:100%;height:auto;position:absolute;content:'';}*/
nav.sticky .stickySepet a {font-size:14px;}
nav.sticky .stickySepet a span {padding-right:10px;font-size:18px;}
.main-menu ul li {border-color: rgba(30, 60, 137, 0.22) !important;}
.headerBlogLink {cursor:pointer;transition-property: color;transition-duration: 0.4s;}
.headerBlogLink:hover {color:#ff7116;}
.karsilastirBg img {-ms-transform: rotate(-90deg); /* IE 9 */-webkit-transform: rotate(-90deg); /* Safari 3-8 */transform: rotate(-90deg);}
.footerMedicana span {padding-top:15px;position:relative;top:5px;}
.stickyLogo {display:none!important;}
nav.sticky .stickyLogo {display:inline-block!important; }
nav.sticky .stickyLogo a {padding:0px 0px;}

.anasayfaBlogTitle {width:98.6%;}

.blog-categories {border:1px solid #ccc;min-height:auto;}
.blog-categories ul {margin-bottom:0px;}
.blog-categories ul li.acilan {display:block;float:none!important;background-color: #e4e4e4;padding: 10px 15px;line-height: 20px;border-bottom: 1px solid #9e9494;}
.blog-categories ul li.acilan:last-child {border-bottom:0px;}
.blog-categories ul li.acilan a {font-weight:600;}
.footerMedicana {font-weight:600;}
.sepeteEkleNewBtn {background-color:#2833a8!important;border-radius:5px!important;}
.stokdurumuNew {margin-top:4px!important;}
.stokdurumuNew .button {min-width:129px!important;background-color:#ec893c!important;}
.info-havale {max-width:302px!important;padding-left:0px!important;}
.kargoDurumu p {font-size:12px;margin-top:13px;padding: 16px 4px 16px 10px;}
.stokdurumuNew a.button strong {top:-2px;}
.sonKullanimTarihi .button {min-width:187px!important;margin-left:0px!important;margin-top:9px;}
.sonKullanimTarihi {padding-left:0px!important;}
.barkodSpan {padding-left:80px!important;}
.indirimOrani a.button {margin-top:9px;}

.footerTreegroup {padding:10px 0px;}
.footerTreegroup a img {padding-right:15px;}
.footerTreegroup a span {font-weight:600;font-size:13px;}

.blogDevamtext a {background-color:#2937a8;color:#fff;padding:5px 10px;margin-right:20px;}

.siparisForm {display:none;}
.siparisForm input {padding:15px 12px;}
.siparisForm {position:absolute;right:0px;padding-top:5px;top:19px;z-index:9999;width:200px;}
.siparisTakip button {width: 100%;background-color: #e89807!important;border: 0px;color: #fff;padding: 5px 0px;}
span.exit i {cursor:pointer;color:#fff;}

.customer-service .dropdown {text-align:left;}
.customer-service .dropdown .dropbtn {background-image:none;background-color:transparent;border:0px;color:#fff;box-shadow:none;font-weight:600;cursor:pointer;}
.customer-service .dropdown .dropbtn span {color:#f46b36;}
.customer-service .dropdown {position:relative;display:inline-block;}
.customer-service .dropdown .dropdown-content {border-radius:6px;display:none;position:absolute;z-index:999;min-width:160px;background-color: #fff;min-width: 160px;border: 1px solid #ccc;}
.customer-service .dropdown .dropbtn .caret {color:#fff;}

.customer-service .dropdown-content li {padding:10px 15px;list-style-type:none;}
.customer-service .dropdown-content li:hover {background-color:#transparent;}
.customer-service .dropdown-content li:nth-child(1) {border-bottom:1px solid #e2e2e2;}
.customer-service .dropdown-content li:nth-child(2) {border-bottom:1px solid #e2e2e2;}
.customer-service .dropdown-content li a {font-weight:600;font-size:14px;color:@lacivert;} 
.customer-service .dropdown-content a:hover {background-color:transparent;color:@lacivert!important;}
.customer-service .dropdown:hover .dropdown-content {display: block;}
.customer-service .dropdown-content li a i {color:#3b5998;padding-right:10px;font-size:20px;}

.headerPhone span.fa {padding-right:5px;}

.basket .smallHeaderText .siparisTakibi {font-size:14px;cursor:pointer;}

.headerTop {width: 100%;height:46px;background-color:#2932a9;}
.headerTop .siparisTakibi {color:#fff;padding-left:23px;}
.headerTop .headerPhone {padding-left:5px;}
.headerTop .headerPhone span {color:#fff;}
.headerTop .headerPhone a {color:#fff;}

.headerTop .headerTopRight {padding-top:13px;}
.headerTop .headerTopRight .siparisTakip a {color:#fff;}

.headerTopRight .headerTopBizKimiz a {color:#fff;}


.headerTop .headerTopLeft p {color:#fff;position:relative;top:5px;font-size:13px;font-weight:600;}
.headerTop .headerTopLeft p img {position:relative;top:-1px;}
.head-menus .kampanyaText span {padding-left:0px!important;padding-right:15px!important;}

.guvenlikText {font-size:13px;}

.footerSocialArea {margin-top:50px;}

header .head-lines .head-menus .links .sepet a span.fa:hover {color:#ec893c;}


.anasayfaInstagramArea {width:100%;height:auto;margin:20px 0px 0px 0px;}
.instagramTagTitle {padding-top:10px;}
.instagramTagTitle span {color:@lacivert;font-size:15px;font-weight:600;}
.anasayfaInstagramArea .instagramBoxArea {width:100%;}
.anasayfaInstagramArea .instagramBox {background-color:#d45c60;height:175px;display:table;}
.anasayfaInstagramArea div:nth-child(even) .instagramBox {background-color:#979797;}
.anasayfaInstagramArea .instagramBox span {color:#fff;font-size:24px;text-align:center;display:table-cell;vertical-align:middle;}

.stoktaYokListele {position: absolute;width:auto;height:20px;background-color:#223c89;line-height: 15px;padding-top: 0px;left: 0px;top:35px;z-index:10;padding:1px 1px;}
.stoktaYokListele div {color: #fff;font-size:12px;text-align: center;padding-top:2px;}



.paymentTabsPadding ul li a {padding:10px 12px;}

.fixedContact {position:fixed;bottom:10px;left:10px;z-index:100;}
.fixedContact .fixedContactCenter {height:50px;padding-top:14px;background-color:#009f3c;}
.fixedContact .fixedContactLeft {background-color:#25d366;width:65px;height:65px;padding-top:12px;border-radius:50%;}
.fixedContact .fixedContactLeft {font-weight:600;font-size:20px;}
.fixedContact .fixedContactLeft a {color:#fff;font-size:14px;}
.fixedContact .fixedContactLeft a span {position:relative;top:0px;}
.fixedContact .fixedSepet {background-color:#2932a9;height:50px;padding-top:8px;}
.fixedContact span {color:#fff;font-size:40px;}