/* Minification failed. Returning unminified contents.
(186,1): run-time error CSS1019: Unexpected token, found '@import'
(186,9): run-time error CSS1019: Unexpected token, found 'url("jquery.selectbox.css")'
 */
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:400 13px/20px 'Lato', sans-serif;}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:0px}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:12px;font-family:'Lato', sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}
/* Dropdown control */
.selectBox-dropdown {
	float:left;
	position: relative;
	line-height: 1.5;
	text-decoration: none;
	text-align: left;
	color: #000;
	outline: none;
	display: inline-block;
	cursor: pointer;
	width:100% !important;
	border:0px;
	background:#FFF;
	border: 1px solid #eaeaea;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
     -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.Shorting .selectBox-dropdown {
	width:auto !important;
    min-width: 130px;
    border: 0px;
    background:none;
}
.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.selectBox-dropdown .selectBox-label {
	width:100% !important;
	height:38px;
	padding:9px 25px 9px 15px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	background:#FFF;
    font:400 11px/20px 'Lato', sans-serif;
    color: #9c9d99;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.Shorting .selectBox-dropdown .selectBox-label {
    height:30px;
	padding:5px 25px 5px 10px;
    background: none;
    font:400 11px/20px 'Lato', sans-serif;
    color: #505252;
}
.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height:38px;
	background:url(../Content/images/acardion_arrow.png) center center no-repeat;
    background-size: 11px 7px;
}
.Shorting .selectBox-dropdown .selectBox-arrow,
.responsive .selectBox-dropdown .selectBox-arrow,
ul.marka ul li .selectBox-dropdown .selectBox-arrow{
    width: 25px !important;
	height:30px;
    background:url(../Content/images/acardion_arrow.png) center center no-repeat;
    background-size: 11px 7px;
}
.responsive .selectBox-dropdown .selectBox-arrow,
ul.marka ul li .selectBox-dropdown .selectBox-arrow{
    margin-right: 5px;
}
/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 300px;
	min-height: 1em;
	background-color: #FFF;
    border: 1px solid #eaeaea;
	overflow: auto;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
}
/* Inline control */
.selectBox-inline {
	min-width: 150px;
	outline: none;
	border: solid 1px #FFF;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}
.selectBox-inline:focus {
	border-color: #EEE;
}
/* Options */
.selectBox-options,
.selectBox-options LI {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}
.selectBox-options LI A {
	line-height: 1.5;
	padding:5px 15px;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
	font:400 11px/20px 'Lato', sans-serif;
    color: #9d9c98;
	cursor:pointer;
	border-bottom:1px solid #EEE;
}
.selectBox-options LI:last-child A {
	border-bottom:0px;
}
.selectBox-options LI.selectBox-hover A {
    color: #e11f26;
    font-weight:700;
}
.selectBox-options LI.selectBox-disabled A {
	color: #000;
    font-weight:700;
}

.selectBox-options LI.selectBox-selected A {
	color: #FFF;
	font-weight:700;
    background-color:#9d9c98;
}
.selectBox-options .selectBox-optgroup {
	color: #cb1180;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}
@charset "utf-8";
/* CSS Document */
/*SelectBox*/
@import url("jquery.selectbox.css");

/*Font*/
@font-face {
    font-family:'Lato';
    src: url('/Content/css/fonts/LatoLatinBold.eot');
	src: url('/Content/css/fonts/LatoLatinBold.eot?#iefix') format('embedded-opentype'),
		 url('/Content/css/fonts/LatoLatinBold.woff2') format('woff2'),
		 url('/Content/css/fonts/LatoLatinBold.woff') format('woff'),
		 url('/Content/css/fonts/LatoLatinBold.ttf') format('truetype'),
		 url('/Content/css/fonts/LatoLatinBold.otf') format('opentype'),
		 url('/Content/css/fonts/LatoLatinBold.svg#LatoLatinBold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044; 
}
@font-face {
    font-family:'Lato';
    src: url('/Content/css/fonts/LatoLatinRegular.eot');
	src: url('/Content/css/fonts/LatoLatinRegular.eot?#iefix') format('embedded-opentype'),
		 url('/Content/css/fonts/LatoLatinRegular.woff2') format('woff2'),
		 url('/Content/css/fonts/LatoLatinRegular.woff') format('woff'),
		 url('/Content/css/fonts/LatoLatinRegular.ttf') format('truetype'),
		 url('/Content/css/fonts/LatoLatinRegular.otf') format('opentype'),
		 url('/Content/css/fonts/LatoLatinRegular.svg#LatoLatinRegular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044; 
}
@font-face {
    font-family: 'dearJoe6';
    src: url('/Content/css/fonts/dearJoe6.eot?#iefix') format('embedded-opentype'),  
         url('/Content/css/fonts/dearJoe6.woff') format('woff'), 
         url('/Content/css/fonts/dearJoe6.ttf')  format('truetype'), 
         url('/Content/css/fonts/dearJoe6.svg#dearJoe6') format('svg');
    font-weight: normal;
    font-style: normal; 
}
body {
	padding: 0px;
	margin: 0px;
	height:100%;
	min-width: 300px;
    background: #f7f7f7;
    overflow-x: hidden;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, select, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html{
    height:100%;
    position:relative;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button, html [type="button"],[type="reset"], [type="submit"] {
    -webkit-appearance: button; /* 2 */
}
ol, ul, li {
	list-style: none;
}
.clear {
	clear: both;
}
img {
	border: 0px;
}
input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus, 
input[type="button"]:focus, 
input[type="submit"]:focus, 
select:focus {
	outline-color: transparent;
	outline-style: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input, textarea, select {
	font:400 11px/36px 'Lato', sans-serif;
    color: #9d9c98;
}
::-moz-selection {
	background-color: #231f20;
	color: #fff;
	text-shadow: none;
}
::selection {
	background-color: #231f20;
	color: #fff;
	text-shadow: none;
}
.highlight {
	padding: 0 3px;
	background-color: #231f20;
	color: #fff;
	text-shadow: none;
}
a,
a span,
a h2,
a p,
input[type=button],
input[type=submit]{
	text-decoration: none;
	-webkit-transition:all 200ms linear;
  	-moz-transition:all 200ms linear;
  	-o-transition:all 200ms linear;
  	-ms-transition:all 200ms linear;
  	transition:all 200ms linear;
}
.center{
    text-align: center;
}
/*----POPUP-ALERT---*/
.modalAlert{
    width:100%;
    height:auto;
    display:block;
    background:#FFF;
    max-width:420px;
    overflow:hidden;
    padding: 0px !important;
}
.modalAlert span.Baslik{
    float:left;
    width:100%;
    height:auto;
    padding:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font:700 12px/30px 'Lato', sans-serif;
    color: #505252;
    text-align:center;
    border-bottom: 1px solid #eaeaea;
}
.modalAlert .AlertText,
.modalAlert .AlertButon{
    float:left;
    width:100%;
    height:auto;
    padding:30px 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
}
.modalAlert .AlertText{
    font: 400 11px/24px 'Lato', sans-serif;
    color: #9d9c99;
    text-decoration:none;
    padding:30px 20px 10px 20px;
}
.modalAlert .AlertButon{
    padding:20px 20px 20px 20px;
}
.modalAlert .AlertButon a{
    display:inline-block;
    vertical-align:middle;
    width:100px;
    height:30px;
    font:700 12px/20px 'Lato', sans-serif;
    color: #9d9c99;
    padding:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #eeeeee;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.modalAlert .AlertButon a:hover{
    border:1px solid #e11f26;
    color:#FFF;
    background:#e11f26;
}
/*----POPUP-ALERT---*/
/*----HEADER----*/
.Header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    z-index: 9999;
    background: #FFF;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom: 1px solid #eaeaea;
}
.Header .Content {
    margin: 0px auto;
    width: 100%;
    max-width: 1100px;
    height: auto;
    display: block;
    text-align: center;
    position: relative;
}
.Header .Content  .MobileBt{
	float:left;
	width:50px;
    height: 66px;
	display: none;
	cursor:pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:23px 5px 23px 15px;
}
.Header .Content  .MobileBt > div{
	float:left;
	width: 24px;
	height:20px;
	position: relative;
}
.Header .Content  .MobileBt > div span{
	display: block;
    position: absolute;
    top: 9px;
    left: 0px;
    right: 0px;
	width: 100%;
    height: 3px;
    background: #9d9c98;
}
.Header .Content  .MobileBt > div span::before, 
.Header .Content  .MobileBt > div span::after{
	position: absolute;
    display: block;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 3px;
    background-color: #9d9c98;
    content: "";
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-transition-duration: 0.1s, 0.1s;
	-moz-transition-duration: 0.1s, 0.1s;
	-o-transition-duration: 0.1s, 0.1s;
	-ms-transition-duration: 0.1s, 0.1s;
	transition-duration: 0.1s, 0.1s;
	-webkit-transition-delay:0.1s, 0s;
	-moz-transition-delay: 0.1s, 0s;
	-o-transition-delay: 0.1s, 0s;
	-ms-transition-delay:0.1s, 0s;
	transition-delay: 0.1s, 0s;
}
.Header .Content  .MobileBt> div span::before{
	top:-7px;
	-webkit-transition-property:top, -webkit-transform;
	-moz-transition-property: top, -webkit-transform;
	-o-transition-property: top, -webkit-transform;
	-ms-transition-property: top, -webkit-transform;
	transition-property: top, -webkit-transform;
	-webkit-transition-property:top, transform;
	-moz-transition-property: top, transform;
	-o-transition-property: top, transform;
	-ms-transition-property: top, transform;
	transition-property: top, transform
}
.Header .Content  .MobileBt > div span::after{
	bottom:-7px;
	-webkit-transition-property:bottom, -webkit-transform;
	-moz-transition-property: bottom, -webkit-transform;
	-o-transition-property: bottom, -webkit-transform;
	-ms-transition-property: bottom, -webkit-transform;
	transition-property: bottom, -webkit-transform;
	-webkit-transition-property:bottom, transform;
	-moz-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	transition-property: bottom, transform
}
.Header .Content  .MobileBt.push > div span{
	background: none;
}
.Header .Content  .MobileBt.push > div span::before{
	top: 0px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.Header .Content  .MobileBt.push > div span::after{
	bottom: 0px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.Header .Content  .MobileBt.push > div span::before, 
.Header .Content  .MobileBt.push > div span::after{
	-webkit-transition-delay: 0s, 0.1s;
	-moz-transition-delay: 0s, 0.1s;
	-o-transition-delay: 0s, 0.1s;
	-ms-transition-delay: 0s, 0.1s;
	transition-delay: 0s, 0.1s;
}
.Header .Content .logo{
    display: inline-block;
    vertical-align: top;
    width:117px;
    height: 68px;
    padding: 10px 0px 5px 0px;
}
.Header .Content .logo h1{
    float: left;
    width: 100%;
    height: auto;
    display: block;
}
.Header .Content .logo a,
.Header .Content .logo h1 a{
    float: left;
    width:117px;
    height: 68px;
    background-image: url("../Content/images/ugur-logo@2x.png");
    background-size: 117px 68px;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.Header .Content .LoginMenu{
    position: absolute;
    right: 0px;
    top: 5px;
    width: auto;
    height:auto;
}
.Header .Content .LoginMenu ul{
    float:left;
    width:auto;
    height: auto;
}
.Header .Content .LoginMenu ul li{
    float:left;
    width:auto;
    height: auto;
    border-left: 1px solid #e1e1e0;
}
.Header .Content .LoginMenu ul li:first-child{
    border-left: 0px;
}
.Header .Content .LoginMenu ul li a{
    float:left;
    width:auto;
    height: auto;
    font:400 11px/24px 'Lato', sans-serif;
    color: #9d9c98;
}
.Header .Content .LoginMenu ul li a#cart-count{
    padding-left:3px;
}
.Header .Content .LoginMenu ul li a.MyAccount{
    padding-right: 13px;
    margin-right: 10px;
    background-image: url("../Content/images/MyAccountIcon@2x.png");
    background-size: 8px 5px;
    background-position: right center;
    background-repeat: no-repeat;
}
.Header .Content .LoginMenu ul li a.LoginBt{
    padding-right: 13px;
    margin-right: 10px;
    background-image: url("../Content/images/user@2x.png");
     background-size: 10px 10px;
    background-position: right center;
    background-repeat: no-repeat;
}
.Header .Content .LoginMenu ul li a.Basket{
    padding-left: 10px;
    padding-right: 16px;
    background-image: url("../Content/images/sepet@2x.png");
    background-size: 10px 10px;
    background-position: right center;
    background-repeat: no-repeat;
}
.Header .Content .LoginMenu ul li a:hover,
.Header .Content .LoginMenu ul li a:active,
.Header .Content .LoginMenu ul li:hover a,
.Header .Content .LoginMenu ul li:active a{
    color: #505252;
}
.Header .Content .LoginMenu ul ul{
    margin:0px 0;
    left:-999em;
    position:absolute;
    background:#eeecec;
    width:130px;
    z-index:10;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.Header .Content .LoginMenu ul ul li{
    width:100%;
    border: 0px;
}
.Header .Content .LoginMenu ul ul li a{
    width:100%;
    text-align: left;
    line-height: 16px;
    padding: 2px 0px;
    color: #9d9c98 !important;
}
.Header .Content .LoginMenu ul ul li a:hover,
.Header .Content .LoginMenu ul ul li a:active{
    color: #505252 !important;
}
.Header .Content .LoginMenu ul ul:before{
    content:'';
    border-style:solid;
    border-color:rgba(0, 0, 0, 0) #eeecec rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    height:0;
    position:absolute;
    width:0;
    border-width:10px 10px 10px 0;
    left:25px;
    top:-10px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    
}
.Header .Content .LoginMenu ul li:hover ul{
    left:0px;
    top:24px;
}
.Header .Content .Navigation,
.Header .Content .Navigation ul{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -4px;
}
.Header .Content .Navigation ul li{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    letter-spacing: 0px;
    position:relative;
}
.Header .Content .Navigation ul li a{
    float: left;
    width: auto;
    height: auto;
    font:400 11px/36px 'Lato', sans-serif;
    color: #9d9c98;
    padding: 0px 20px;
}
.Header .Content .Navigation ul li a:hover,
.Header .Content .Navigation ul li a:active,
.Header .Content .Navigation ul li:hover a{
    color: #505252;
}
.Header .Content .Navigation ul li a.Active{
    color: #e11f26;
}
.Header .Content .Navigation ul ul{
    left: -999em;
    position: absolute;
    background: #FFF;
    width: 140px;
    z-index: 10;
    border: 1px solid #eaeaea;
    border-top:0px;
  	-moz-transition:opacity 300ms linear;
  	-o-transition:opacity 300ms linear;
  	-ms-transition:opacity 300ms linear;
  	transition:opacity 300ms linear;
    opacity: 0;
    padding-bottom:5px;
}
.Header .Content .Navigation ul li:hover ul{
	left:0px !important;
	top:36px;
    opacity: 1;
}
.Header .Content .Navigation ul ul li{
    float: left;
    width: 100%;
}
.Header .Content .Navigation ul ul li a{
    float:left;
    width: 100%;
    font:400 11px/26px 'Lato', sans-serif;
    color: #9d9c98 !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:left;
}
.Header .Content .Navigation ul ul li a:hover,
.Header .Content .Navigation ul ul li a.Active{
    color: #ed1d24 !important;
}
/*----HEADER---*/
/*------------MOBİLESİDEMENU-----------*/	
.MobilMenu {
	position:fixed;
	left:0px;
	top:0px;
	width: 100%;
    height: 0px;
	z-index:5;
	background:rgba(255,255,255,0.5);
	overflow:auto;
    -webkit-transition: background 0.35s linear, height 0.35s ease-in;
    -moz-transition: background 0.35s linear, height 0.35s ease-in;
    -o-transition: background 0.35s linear, height 0.35s ease-in;
    -ms-transition: background 0.35s linear, height 0.35s ease-in;
    transition: background 0.35s linear, height 0.35s ease-in;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 0px 50px;
}
.MobilMenu ul{
    float: left;
    width: 100%;
    height:auto;
    display: block;
    margin-top: 80px;
    padding-bottom: 40px;
}
.MobilMenu ul li{
    float: left;
    width: 100%;
    height:auto;
    display: block;
    border-bottom: 1px solid #eaeaea;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    -maz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    -o-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -moz-transition: opacity 0.35s ease-out,  -moz-transform 0.35s ease-out;
    -o-transition: opacity 0.35s ease-out, -o-transform 0.35s ease-out;
    -ms-transition: opacity 0.35s ease-out, -ms-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    font:400 11px/36px 'Lato', sans-serif;
    color: #9d9c98;
}
.MobilMenu ul li a{
    float: left;
    width: 100%;
    height:auto;
    display: block;
    font:400 11px/36px 'Lato', sans-serif;
    color: #9d9c98;
    text-align: left;
}
.MobilMenu ul li.Login{
    padding-top: 20px;
}
.MobilMenu ul li a.LoginBt{
    padding-left: 16px;
    background-image: url("../Content/images/user@2x.png");
     background-size: 10px 10px;
    background-position: left center;
    background-repeat: no-repeat;
}
.MobilMenu ul ul{
     margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px 0 20px;
    display: none;
    overflow: hidden;
}
.MobilMenu ul ul li a{
    background-image:none;
}
/*------------MOBİLESİDEMENU-----------*/
/*----SLIDER---*/
.Slider {
	float:left;
	width: 100%;
	height:auto;
    min-height: 500px;
	position:relative;
	overflow:hidden;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	margin-top:119px;
    background: #FFF;
}
.Slider .SlideWrp {
	float:left;
	width: 100%;
	height:100% !important;
}
.Slider .bx-viewport{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
    min-height: 500px;
}
.Slider li{
    width: 100%;
    height: 100% !important;
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
}
.Slider .bx-wrapper .bx-viewport{
    border: none !important;
}
.Slider li a{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    display:block;
}
.Slider li span.Caption{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    z-index: 1;
    background:url("../Content/images/caption_bg.png") left top repeat-x;
    padding: 90px 10px 50px 1px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align: center;
}
.Slider li span.Caption span{
    display: inline-block;
    vertical-align: top;
    width: auto;
    height:auto;
    border-bottom: 1px solid #FFF;
    font:400 20px/50px 'Lato', sans-serif;
    color: #FFF;
    padding: 0px 20px;
}
.Slider li span.Caption p{
    float: left;
    width: 100%;
    height:auto;
    font:normal 50px/90px 'dearJoe6', sans-serif;
    color: #FFF;
}
.Slider .bx-pager{
	position:absolute;
	bottom:18px;
	left:0px;
	width:100%;
	height:auto;
	text-align:center;
    z-index: 10;
}
.Slider .bx-pager .bx-pager-item{
	display:inline-block;
    vertical-align: middle;
	width:auto;
	height:auto;
	margin:0px 2px;
}
.Slider .bx-pager .bx-pager-item a{
	display:inline-block;
	width:6px;
	height:6px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	text-indent:-9999px;
    background: #FFF;
    border: 2px solid #FFF;
}
.Slider .bx-pager .bx-pager-item a:hover,
.Slider .bx-pager .bx-pager-item a:active{
	opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
}
.Slider .bx-pager .bx-pager-item a.active{
    background:none;
    width:8px;
	height:8px;
}
.Slider .bx-controls-direction{
    display: none;
}

/*----SLIDER---*/
/*----MAİN----*/
.mainWrapper {
    float: left;
    width: 100%;
    height: auto;
    background: #FFF;
}
.mainWrapper .Content {
    margin: 0px auto;
    width: 100%;
    max-width: 1100px;
    height: auto;
    display: block;
    padding: 20px 0px 70px 0px;
}
.mainWrapper .Content .Box{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    margin: 20px 0px;
}
.mainWrapper .Content .Box a{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
}
.mainWrapper .Content .Box a img{
    float: left;
    width: 100%;
    height: auto;
}
.mainWrapper .Content .Box a span.leftLabel,
.mainWrapper .Content .Box a span.rightLabel{
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
    margin-top: -63px;
    -webkit-transition:all 200ms linear;
  	-moz-transition:all 200ms linear;
  	-o-transition:all 200ms linear;
  	-ms-transition:all 200ms linear;
  	transition:all 200ms linear;
    background: #e11f26;
}
.mainWrapper .Content .Box a span.leftLabel{
    left: -100px;
    padding:20px 40px 20px 140px; 
}
.mainWrapper .Content .Box a span.rightLabel{
    right: -100px;
    padding:20px 140px 20px 40px; 
}
.mainWrapper .Content .Box a:hover span.leftLabel{
    left: 0px;
}
.mainWrapper .Content .Box a:hover span.rightLabel{
    right: 0px;
}
.mainWrapper .Content .Box a span.leftLabel span,
.mainWrapper .Content .Box a span.rightLabel span{
    float: left;
    width:auto;
    height: auto;
    font:400 20px/26px 'Lato', sans-serif;
    color: #FFF;
    text-align: center;
    clear: both;
}
.mainWrapper .Content .Box a span.leftLabel p,
.mainWrapper .Content .Box a span.rightLabel p{
    float: left;
    width:100%;
    height:auto;
    font:normal 50px/60px 'dearJoe6', sans-serif;
    color: #FFF;
    text-align: center;
    clear: both;
}
/*----MAİN----*/
/*----FOOTER----*/
.Footer {
    float: left;
    width: 100%;
    height: auto;
    background: #f7f7f7;
}
.Footer .TopContent {
    margin: 0px auto;
    width: 100%;
    max-width: 1100px;
    height: auto;
    display: block;
}
.Footer .TopContent .Menu{
    float: left;
    width: auto;
    height: auto;
    padding: 12px 0px;
}
.Footer .TopContent .Menu ul{
    float: left;
    width: auto;
    height: auto;
}
.Footer .TopContent .Menu ul li{
    float: left;
    width: auto;
    height: auto;
    padding: 0px 42px 0px 0px;
}
.Footer .TopContent .Menu ul li a{
    float: left;
    width: auto;
    height: auto;
    font:400 11px/36px 'Lato', sans-serif;
    color: #9d9c98;
}
.Footer .TopContent .Menu ul li a:hover,
.Footer .TopContent .Menu ul li a:active{
    color: #505252;
}
.Footer .TopContent .Social{
    float:right;
    width: auto;
    height: auto;
    padding: 10px 0px;
}
.Footer .TopContent .Social span{
    float:left;
    width:auto;
    height: auto;
    font:400 11px/40px 'Lato', sans-serif;
    color: #9d9c98;
    padding-right: 14px;
    border-right: 1px solid #e5e5e4;
}
.Footer .TopContent .Social ul{
    float:left;
    width:auto;
    height: auto;
    padding: 8px 0px;
}
.Footer .TopContent .Social ul li{
    float:left;
    width:auto;
    height: auto;
    margin-left: 15px;
}
.Footer .TopContent .Social ul li a{
    float:left;
    width:auto;
    height: 24px;
    background-image: url("../Content/images/social@2x.png");
    background-size: 117px 24px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.Footer .TopContent .Social ul li a.facebook{
    width: 20px;
    background-position: 0px 0px;
}
.Footer .TopContent .Social ul li a.twitter{
    width: 25px;
    background-position: -20px 0px;
}
.Footer .TopContent .Social ul li a.instagram{
    width: 23px;
    background-position: -45px 0px;
}
.Footer .TopContent .Social ul li a.pinterest{
    width: 20px;
    background-position: -68px 0px;
}
.Footer .TopContent .Social ul li a.youtube{
    width: 29px;
    background-position: -88px 0px;
}
.Footer .TopContent .Social ul li a:hover,
.Footer .TopContent .Social ul li a:active{
	opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
}
.Footer .BottomContent {
    float: left;
    width: 100%;
    height: auto;
    border-top: 1px solid #e5e5e4;
}
.Footer .BottomContent .Content {
    margin: 0px auto;
    width: 100%;
    max-width: 1100px;
    height: auto;
    display: block;
    padding: 15px 0px 65px 0px
}
.Footer .BottomContent .Content span.Copyright{
    float: left;
    width: auto;
    height: auto;
    font:400 11px/24px 'Lato', sans-serif;
    color: #d9d9d9;
}
.Footer .BottomContent .Content span.diverseffect {
	float:right;
	width: 84px;
	height: 24px;
}
.Footer .BottomContent .Content span.diverseffect a {
	float:left;
	width: 84px;
	height: 24px;
	display: block;
	background: url(../Content/images/divereffect@2x.png) left center no-repeat;
    background-size:contain;
	text-indent: -9999px;
	margin: 0px
}
/*----FOOTER----*/
/*----PAGE----*/
.pageWrapper {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 119px;
    background: #FFF;
}
.pageWrapper .Content {
    margin: 0px auto;
    width: 100%;
    max-width: 1120px;
    height: auto;
    display: block;
    padding: 10px 0px 75px 0px;
    min-height: 330px;
}
/*----PAGE----*/
.siteMaps,
.pageWrapper .Content .siteMapsMobile{
    float: left;
    width: 100%;
    height: auto;
    font:400 11px/20px 'Lato', sans-serif;
    color: #9d9c98;
     -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding: 0px 10px;
}
.pageWrapper .Content .siteMapsMobile{
    margin-top: 10px;
    display: none;
}
.siteMaps a,
.pageWrapper .Content .siteMapsMobile a{
    color: #9d9c98;
}
.siteMaps a:hover,
.siteMaps a:active,
.pageWrapper .Content .siteMapsMobile a:hover,
.pageWrapper .Content .siteMapsMobile a:active{
    color: #505252;
}
.pageLeftMenu{
    float: left;
    width: 25%;
    height:auto;
    padding: 10px 30px 15px 10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.FiltreBox{
    float: left;
    width: 100%;
    height:auto;
    border: 1px solid #eaeaea;
    background: #FFF;
    margin: 8px 0px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:16px 24px;
}
.FiltreBox .SearchBar{
    float: left;
    width: 100%;
    height:auto;
    margin-bottom:10px;
}
.FiltreBox .SearchBar input[type=text] {
    float: left;
    height: 30px;
    width: 100%;
    font: 400 11px/20px 'Lato', sans-serif;
    color: #9d9c98;
    background: none;
    padding: 5px 10px;
    -webkit-appearance: none;
    border-radius: 0;
    margin: 0px;
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.FiltreBox .SearchBar input[type=text]:focus {
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.FiltreBox .SearchBar input::-webkit-input-placeholder {
    color: #9d9c98;
}
.FiltreBox .SearchBarinput:-moz-placeholder{
    color: #9d9c98;
}
.FiltreBox .SearchBar input:-ms-input-placeholder{
    color: #9d9c98;
}
.FiltreBox .SearchList {
    float: left;
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow: auto;
    position: relative;
    padding-right: 12px;
}
.FiltreBox span.boxTitle{
    float: left;
    width: 100%;
    height: auto;
    font:400 13px/24px 'Lato', sans-serif;
    color: #9d9c98;
    margin-bottom:5px;
}
.FiltreBox ul,
.FiltreBox ul.selected{
    float: left;
    width: 100%;
    height: auto;
    overflow:hidden;
}
.FiltreBox ul.selected{
    margin: 8px 0px;
}
.FiltreBox ul li,
.FiltreBox ul.selected li{
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px 8px;
}
.FiltreBox ul.selected li{
    width: 50%;
    font:400 12px/24px 'Lato', sans-serif;
    color: #9d9c98;
}
.FiltreBox ul.selected li a{
    font-size: 14px;
    font-weight: 700;
    color: #e11f26;
}
.FiltreBox ul.selected li a:hover{
    color: #9d9c98;
}
.FiltreBox ul li label{
    float: left;
    width: 100%;
    height:auto;
    position: relative;
    cursor: pointer;
}
.FiltreBox ul li label span.Text{
    float: left;
    width: 100%;
    height:auto;
    font:400 12px/24px 'Lato', sans-serif;
    color: #9d9c98;
    position: relative;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding-left: 18px;
}

.FiltreBox ul li label span.Text span{
    color: #cecece;
}
.FiltreBox ul li label span.Text:hover{
    color: #505252;
}
.FiltreBox .allFeatures{
    float:left;
    width:100%;
    height:auto;
    display:none;
    margin-top:5px;
    border-top: 1px solid #eaeaea;
    padding-top:6px;
}

.FiltreBox .allFeatures a{
    float:left;
    width:100%;
    height:auto;
    text-align:center;
    font: 400 12px/24px 'Lato', sans-serif;
    color: #e11f26;
}
.custom-checkbox,
.custom-radio{
    position: absolute;
    left: 0px;
    top:7px;
    width:8px;
    height:8px;
    display:inline-block;
    z-index:1;
    border:1px solid #EEE;
}
.custom-radio{
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}
.LoginWrapper ul li span.Right label .custom-checkbox{
    border:1px solid #EEE;
    top: 2px;
    left: auto;
    right: 0px;
    width:18px;
    height:18px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    background:#FFF;
}
.custom-checkbox:hover,
.custom-radio:hover,
label:hover .custom-checkbox,
label:hover.custom-radio{
    background:#EEE;
}
.custom-checkbox.selected,
.custom-radio.selected,
label:hover .custom-checkbox.selected,
label:hover .custom-radio.selected{
    background:#FFF;
    border:3px solid #e11f26;
    width:4px;
    height:4px;
}
.LoginWrapper ul li span.Right label .custom-checkbox.selected::before{
    content: "";
    float: left;
    width:10px;
    height:10px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    margin: 4px;
    background: #e11f26
}
.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"]{
    margin:0;
    left:-1px;
    top:-1px;
    width:10px;
    height:10px;
    position:absolute;
    z-index:2;
    cursor:pointer;
    outline:none;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    -moz-opacity:0;
}
.LoginWrapper ul li span.Right label .custom-checkbox input[type="checkbox"]{
    left:0px;
    top:0px;
    width:18px;
    height:18px;
}
.custom-checkbox.selected input[type="checkbox"],
.custom-radio.selected input[type="radio"]{
    left:-3px;
    top:-3px;
}
.RightColums{
    float: left;
    width: 75%;
    height:auto;
    padding: 18px 0px;
}
.RightColums h1{
    float: left;
    width:auto;
    height:auto;
    font:normal 27px/30px 'dearJoe6', sans-serif;
    color: #9d9c99;
    padding-left: 10px;
}
.RightColums .Shorting{
    float:right;
    width:auto;
    height:auto;
    border: 1px solid #eaeaea;
    background: #fbfbfb;
    padding: 0px 5px 0 10px;
    margin-right: 10px;
}
.RightColums .Shorting span.Title{
    float:left;
    width:auto;
    height:auto;
    font:400 11px/20px 'Lato', sans-serif;
    color: #9d9c98;
    padding: 5px 0px;
}
.RightColums .Search{
    float:right;
    width:auto;
    height:auto;
    border: 1px solid #eaeaea;
    background: #fbfbfb;
    padding: 0px 5px 0 10px;
    margin-right: 10px;
}
.RightColums .Search input[type=text]{
    float: left;
    width: 80%;
    height: 30px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #505252;
    background: none;
    padding: 5px 0px;
    margin: 0px;
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border:0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.RightColums .Search input:focus{
	outline-color:transparent;
	outline-style:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.RightColums .Search input::-webkit-input-placeholder{
	color:#9c9d99;
}
.RightColums .Search input:-moz-placeholder{
	color:#9c9d99;
}
.RightColums .Search input:-ms-input-placeholder{
	color:#9c9d99;
}
.RightColums .Search input[type=submit],
.RightColums .Search input[type=button],
.RightColums .Search a{
	float:right;
	width:16px;
    height: 16px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #FFF;
    background:url(../Content/images/search@2x.png) 0px 0px no-repeat;
    background-size:16px 32px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border: 0px;
    cursor: pointer;
    margin:7px 0px;
    text-indent:-9999px;
}
.RightColums .Search input[type=submit]:hover,
.RightColums .Search input[type=button]:hover,
.RightColums .Search a:hover{
    background-position:0px -16px;
}
ul.productList{
    float: left;
    width: 100%;
    height: auto;
    margin-top:10px;
}
ul.productList li{
    float: left;
    width: 33.333%;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.otherProdyctSection ul.productList li{
    width:25%;
}
ul.productList li a{
    float: left;
    width:100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    background: #FFF;
	-webkit-transition:all 200ms linear;
  	-moz-transition:all 200ms linear;
  	-o-transition:all 200ms linear;
  	-ms-transition:all 200ms linear;
  	transition:all 200ms linear;
      position:relative;
}
ul.productList li a:hover,
ul.productList li a:active{
	opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
}
ul.productList li a span.newLabel {
    position:absolute;
    right:0px;
    top:5px;
    background:#e11f26;
    font: 400 12px/22px 'Lato', sans-serif;
    color: #FFF;
    padding:0px 10px;
     -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}
ul.productList li a span.image {
    float: left;
    width: 100%;
    height: auto;
    background: #FFF;
}
ul.productList li a span.image img{
    float: left;
    width: 100%;
    height: auto;
}
ul.productList li a span.Text {
    float: left;
    width: 100%;
    height: auto;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 15px 12px 15px
}
ul.productList li a span.Text h2{
    float: left;
    width: 100%;
    height: auto;
    font:400 15px/22px 'Lato', sans-serif;
    color: #505252;
}
ul.productList li a span.Text p{
    float: left;
    width: 100%;
    height: auto;
    font:400 11px/16px 'Lato', sans-serif;
    color: #9d9c99;
    margin-bottom: 10px;
}
ul.productList li a span.Text span.color{
    float: left;
    width: 14px;
    height: 14px;
     -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    margin-right: 2px;
    display:none;
}
.RightColums .MoreCapsule,
.otherProdyctSection .MoreCapsule{
    float: left;
    width: 100%;
    height:auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 15px 10px 0px 10px;
    text-align: center;
}
.otherProdyctSection .MoreCapsule{
    padding: 30px 10px 0px 10px;
}
.RightColums .MoreCapsule span.Line{
    float: left;
    width: 100%;
    height:1px;
    margin-bottom: 30px;
    display:block;
    background: #eaeaea;
}
.RightColums .MoreCapsule a,
.otherProdyctSection .MoreCapsule a{
    display: inline-block;
    vertical-align: middle;
    width:auto;
    height:auto;
    padding: 8px 35px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #FFF;
    background: #e11f26;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    letter-spacing: 0.06em;
}
.RightColums .MoreCapsule a:hover,
.RightColums .MoreCapsule a:active,
.otherProdyctSection .MoreCapsule a:hover,
.otherProdyctSection .MoreCapsule a:active{
    background: #9d9c98;
}
.urunDetaySection{
    float: left;
    width: 100%;
    height:auto;
    padding: 15px 0 0 0;
}
.urunDetaySection .productImage{
    float: left;
    width: 37.5%;
    height:auto;
}
.urunDetaySection .productImage .BigPhoto{
    float: left;
    width: 100%;
    height:auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 10px;
}
.urunDetaySection .productImage .BigPhoto .SlideWrp{
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    border: 1px solid #eaeaea;
}
.urunDetaySection .productImage .BigPhoto ul{
    float: left;
    width: 100%;
    height:auto;
}
.urunDetaySection .productImage .BigPhoto ul li{
    float: left;
    width: 100%;
    height:auto;
}
.urunDetaySection .productImage .BigPhoto ul li a,
.urunDetaySection .productImage .BigPhoto ul li a img,
.urunDetaySection .productImage .BigPhoto ul li img{
    float: left;
    width: 100%;
    height:auto;
    display: block;
}
.urunDetaySection .productImage .smallPhoto{
    float: left;
    width: 100%;
    height:auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding:5px;
}
.urunDetaySection .productImage .smallPhoto ul{
    float: left;
    width: 100%;
    height:auto;
}
.urunDetaySection .productImage .smallPhoto ul li{
    float: left;
    width: 25%;
    height:auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 5px;
}
.urunDetaySection .productImage .smallPhoto ul li a{
    float: left;
    width: 100%;
    height:auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    border: 1px solid #eaeaea;
}
.urunDetaySection .productImage .smallPhoto ul li a.active{
    border: 1px solid #bdbdbd;
}
.urunDetaySection .productImage .smallPhoto ul li a img{
    float: left;
    width: 100%;
    height:auto;
}
.urunDetaySection .productText{
    float: left;
    width: 42.8%;
    height:auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 40px;
}
.urunDetaySection .productText span.productCode{
    float: left;
    width: 100%;
    height:auto;
    font:400 20px/30px 'Lato', sans-serif;
    color: #505252;
}
.urunDetaySection .productText span.productName{
    float: left;
    width: 100%;
    height:auto;
    font:400 12px/16px 'Lato', sans-serif;
    color: #9d9c99;
}
.urunDetaySection .productText ul{
    float: left;
    width:100%;
    height:auto;
    margin-top:20px;
}
.urunDetaySection .productText ul li{
    float: left;
    width:100%;
    height:auto;
    margin:10px 0px;
}
.urunDetaySection .productText ul li span.label{
    float: left;
    width: 100%;
    height:auto;
    font:700 12px/20px 'Lato', sans-serif;
    color: #505252;
}
.urunDetaySection .productText ul li p{
    float: left;
    width: 100%;
    height:auto;
    font:400 11px/20px 'Lato', sans-serif;
    color: #9d9c99;
}
.urunDetaySection .productText ul li span.colorList{
    float: left;
    width: 100%;
    height:auto;
    margin: 5px 0px 20px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 1px;
}
.urunDetaySection .productText ul li span.colorList span.color {
    float: left;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 2px;
    display: none;
}
ul.productList li a span.Text span.color {
    float: left;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 2px;
    display: none;
}
.urunDetaySection .productControls{
    float:right;
    width: 19.7%;
    height:auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 10px;
}
.urunDetaySection .productControls ul{
    float:left;
    width: 100%;
    height: auto;
}
.urunDetaySection .productControls ul li{
    float:left;
    width: 100%;
    height: auto;
    padding-bottom: 8px;
}
.urunDetaySection .productControls ul li a{
    float: left;
    width: 100%;
    height:auto;
    font:400 11px/20px 'Lato', sans-serif;
    color: #FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    text-align: center;
}
.urunDetaySection .productControls ul li a.numune{
    padding: 7px 10px;
    background: #e11f26;
    border: 1px solid #e11f26;
}
.urunDetaySection .productControls ul li a.numune:hover{
    background: #FFF;
    color: #e11f26;
}
.urunDetaySection .productControls ul li a.rezerve{
    padding: 1px 10px;
    background: #9d9c98;
    border: 1px solid #9d9c98;
}
.urunDetaySection .productControls ul li a.rezerve:hover{
    background: #FFF;
    color: #9d9c98;
}
.urunDetaySection .productControls ul li a.favori{
    padding: 1px 10px;
    background: #b1b0ad;
    border: 1px solid #b1b0ad;
}
.urunDetaySection .productControls ul li a.favori:hover{
    background: #FFF;
    color: #b1b0ad;
}
.urunDetaySection .productControls ul li a.mail{
    padding: 1px 10px;
    background: #c4c4c1;
    border: 1px solid #c4c4c1;
}
.urunDetaySection .productControls ul li a.mail:hover{
    background: #FFF;
    color: #c4c4c1;
}
.urunDetaySection .productControls .QrCode{
    float:right;
    width:auto;
    height: auto;
    margin-top: 20px;
}
.urunDetaySection .productControls .QrCode img{
    float:right;
    width:auto;
    max-width: 140px;
    height: auto;
}
.otherProdyctSection{
    float: left;
    width: 100%;
    height:auto;
    margin-top: 40px;
}
.otherProdyctSection span.Title{
    float: left;
    width: 100%;
    height:auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 10px;
}
.otherProdyctSection span.Title span.Line{
    float: left;
    width: 100%;
    height:1px;
    display: block;
    background: #a7a8a8;
}
.otherProdyctSection span.Title span.TextTitle{
    float: left;
    width: 100%;
    height:auto;
    display: block;
    font:400 14px/30px 'Lato', sans-serif;
    color: #e11f26;
    margin-top: 28px;
    text-align: center;
    letter-spacing: 0.06em;
    margin-bottom: 5px;
}
.modal{
    width:100%;
    height:auto;
    display:none;
    background:#FFF;
    max-width:600px !important; ;
    padding: 40px !important; 
}
.modal span.Title{
    float: left;
    width: 100%;
    height:auto;
    font:700 12px/20px 'Lato', sans-serif;
    color: #505252;
}
.modal p{
    float: left;
    width: 100%;
    height:auto;
    font:400 11px/24px 'Lato', sans-serif;
    color: #9d9c99;
    padding: 10px 0px;
}
.modal ul{
    float: left;
    width: 100%;
    height:auto;
    margin-top: 10px;
}
.modal ul li{
    float: left;
    width: 100%;
    height:auto;
    padding: 0px 0px 15px 0px;
}
.modal ul li:last-child{
    padding: 0px;
}
.modal ul li span.label{
    float: left;
    width: 100%;
    height:auto;
    font:700 12px/20px 'Lato', sans-serif;
    color: #505252;
    margin-bottom: 10px;
}
.modal ul li input[type=text],
.LoginWrapper ul li input[type=text],
.LoginWrapper ul li input[type=password]{
    float: left;
    width: 100%;
    height: 40px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #505252;
    background: none;
    padding: 10px 15px;
    margin: 0px;
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-appearance: none;
}
.modal ul li input:focus,
.LoginWrapper ul li input:focus{
	outline-color:transparent;
	outline-style:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.modal ul li input::-webkit-input-placeholder,
.LoginWrapper ul li input::-webkit-input-placeholder{
	color:#9c9d99;
}
.modal ul li input:-moz-placeholder,
.LoginWrapper ul li input:-moz-placeholder{
	color:#9c9d99;
}
.modal ul li input:-ms-input-placeholder,
.LoginWrapper ul li input:-ms-input-placeholder{
	color:#9c9d99;
}
.modal ul li input[type=submit],
.modal ul li input[type=button],
.LoginWrapper ul li input[type=submit],
.LoginWrapper ul li input[type=button]{
	float:right;
	width:auto;
    height: auto;
	padding: 10px 35px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #FFF;
    background: #e11f26;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border: 0px;
    cursor: pointer;
}
.LoginWrapper ul li input[type=submit],
.LoginWrapper ul li input[type=button]{
	width:100%;
	padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.modal ul li input[type=submit]:hover,
.modal ul li input[type=button]:hover,
.LoginWrapper ul li input[type=submit]:hover,
.LoginWrapper ul li input[type=button]:hover{
	background: #9d9c98;
}
.LoginWrapper{
    float: left;
    width: 50%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 10px;
}
.LoginWrapper span.Title,
.LoginWrapper span.rightTitle{
    float: left;
    width: 100%;
    height:auto;
    font:700 12px/20px 'Lato', sans-serif;
    color: #505252;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.LoginWrapper span.rightTitle{
    padding: 0px 15px;
}
.LoginWrapper p{
    float: left;
    width: 100%;
    height:auto;
    font:400 11px/24px 'Lato', sans-serif;
    color: #9d9c99;
    padding: 10px 0px;
}
.LoginWrapper a.iletisim{
    float: left;
    width:auto;
    height:auto;
    padding: 8px 35px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #FFF;
    background: #9d9c99;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin-top: 20px;
    letter-spacing: 0.06em;
}
.LoginWrapper a.iletisim:hover,
.LoginWrapper a.iletisim:active{
    background: #e11f26;
}
.LoginWrapper ul{
    float: left;
    width: 100%;
    height:auto;
    margin-top:10px;
}
.LoginWrapper ul li{
    float: left;
    width: 100%;
    height:auto;
    margin: 5px 0px;
}
.LoginWrapper ul li span.Left{
    float: left;
    width: 66%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
}
.LoginWrapper ul li span.Right{
    float:right;
    width: 34%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
}
.LoginWrapper ul li span.Uyari{
    float:left;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 400 11px/20px 'Lato', sans-serif;
    color: #e11f26;
    text-align:center;
}
.LoginWrapper ul li span.Left a.password{
    float: left;
    width:auto;
    height: auto;
    margin-left: 15px;
    font:400 11px/24px 'Lato', sans-serif;
    color: #9d9c99;
}
.LoginWrapper ul li span.Left a.password:hover,
.LoginWrapper ul li span.Left a.password:active{
    color: #e11f26;
}
.LoginWrapper ul li span.Right label {
    float:right;
    width:auto;
    height: auto;
    position: relative;
    cursor: pointer;
}
.LoginWrapper ul li span.Right label span.Text{
    float: left;
    width:auto;
    height: auto;
    margin-left: 15px;
    font:400 11px/24px 'Lato', sans-serif;
    color: #9d9c99;
    padding-right: 26px;
}
.LoginWrapper ul li span.Right label:hover span.Text,
.LoginWrapper ul li span.Right label:active span.Text{
    color: #e11f26;
}

.basketStep {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 15px 0px;
    letter-spacing: -4px;
}
.basketStep .stepText{
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 100%;
    letter-spacing: 0px;
    position: relative;
    min-width: 12%;
    max-width: 12%;
}
.basketStep .stepArrow{
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 100%;
    letter-spacing: 0px;
    padding: 5px 10%;
    position: relative;
}
.basketStep .stepText::before,
.basketStep .stepArrow::before{
    content: " ";
    position: absolute;
    left: 0px;
    top: 22px;
    width: 100%;
    height: 1px;
    background: #f1f1f1;
    z-index: 1;
}
.basketStep .stepText:first-child::before{
    left: 50%;
    width: 50%;
}
.basketStep .stepText:last-child::before{
    left: auto;
    right: 50%;
    width: 50%;
}
.basketStep .stepText a{
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: relative;
    z-index: 5;
}
.basketStep .stepText a.disabled{
    pointer-events: none;
    cursor: default;
}
.basketStep .stepText a span.icon,
.basketStep .stepArrow span.icon{
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    background-color: #f1f1f1;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.basketStep .stepArrow span.icon{
    width: 36px;
    height: 36px;
    background-color: #FFF;
    border: 1px solid #f1f1f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    padding: 5px;
}
.basketStep .stepText a span.Step01{
    background-image: url(../Content/images/stepSepet@2x.png);
    background-color: #f1f1f1;
    background-size: 24px 19px;
}
.basketStep .stepText a.Active span.Step01{
    background-image: url(../Content/images/stepSepet_w@2x.png);
    background-color: #e11c23;
    background-size: 24px 19px;
}
.basketStep .stepText a span.Step02{
    background-image: url(../Content/images/stepTeslimat@2x.png);
    background-color: #f1f1f1;
    background-size: 19px 14px;
}
.basketStep .stepText a.Active span.Step02{
    background-image: url(../Content/images/stepTeslimat_w@2x.png);
    background-color: #e11c23;
    background-size: 19px 14px;
}
.basketStep .stepText a span.Step03{
    background-image: url(../Content/images/stepSonuc@2x.png);
    background-color: #f1f1f1;
    background-size: 20px 22px;
}
.basketStep .stepText a.Active span.Step03{
    background-image: url(../Content/images/stepSonuc_w@2x.png);
    background-color: #e11c23;
    background-size: 20px 22px;
}
.basketStep .stepText a span.Text{
    display: inline-block;
    vertical-align: top;
    width:100%;
    height:auto;
    font:400 11px/14px 'Lato', sans-serif;
    color: #9d9c99;
    margin-top: 10px;
    text-align: center;
}
.basketStep .stepText a.Active span.Text{
    font-weight: 700;
}
.basketStep .stepArrow span.icon span.Arrow{
    float: left;
    width: 100%;
    height: 100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    background-color: #f1f1f1;
    background-image: url(../Content/images/stepArrow@2x.png);
    background-size: 4px 7px;
    background-repeat: no-repeat;
    background-position: center center;
}
.basketList,
.ReservedList,
.teslimatbasketList,
.basketResult{
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 0px;
}
.basketResult{
    padding: 25px 0px;
}
.basketList span.pageTitle,
.ReservedList span.pageTitle,
.teslimatbasketList span.pageTitle{
    float: left;
    width: 100%;
    height: auto;
    font:400 11px/36px 'Lato', sans-serif;
    color: #e11f26;
    letter-spacing: 0.06em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px;
}
.basketList ul,
.ReservedList ul,
.teslimatbasketList ul.product,
.teslimatbasketList ul.address{
    float: left;
    width: 100%;
    height: auto;
    border-top: 1px solid #eaeaea;
}
.teslimatbasketList ul.product{
    margin-bottom: 50px;
}
.basketList ul li,
.ReservedList ul li,
.teslimatbasketList ul.product li,
.teslimatbasketList ul.address li{
    float: left;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px;
    border-bottom: 1px solid #eaeaea;
    letter-spacing: -4px;
}
.teslimatbasketList ul.address li{
    padding:20px 10px 30px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #9d9c99;
    letter-spacing: 0px;
}
.teslimatbasketList ul.address li span.textgrey{
    color: #505252;
}
.teslimatbasketList ul.address li b{
    font-size: 13px;
    line-height: 24px;
}
.basketList ul li span.Image,
.ReservedList ul li span.Image,
.teslimatbasketList ul.product li span.Image{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0px;
    width: 11%;
    height: auto;
    border: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0px;
}
.teslimatbasketList ul.product li span.Image{
    width: 8%;
    margin: 16px 0px;
}
.teslimatbasketList ul.product li span.comment{
    float:left;
    width:100%;
    height:auto;
    margin: 0px 0px 20px;
    font: 400 11px/16px 'Lato', sans-serif;
    color: #9d9c98;
    letter-spacing: 0px;
}
.teslimatbasketList ul.product li span.comment b{
    font-weight:700;
    color:#505252;
}
.basketList ul li span.Image a,
.ReservedList ul li span.Image a{
    float: left;
    width: 100%;
    height: auto;
    display: block;
}
.basketList ul li span.Image img,
.basketList ul li span.Image a img,
.ReservedList ul li span.Image img,
.ReservedList ul li span.Image a img,
.teslimatbasketList ul.product li span.Image img{
    float: left;
    width: 100%;
    height: auto;
}
.basketList ul li span.ProductName,
.ReservedList ul li span.ProductName,
.teslimatbasketList ul.product li span.ProductName{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0px;
    width:auto;
    min-width: 33%;
    height: auto;
    padding: 20px 30px 20px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #eaeaea;
}
.ReservedList ul li span.ProductName{
    min-width: 30%;
}

.teslimatbasketList ul.product li span.ProductName{
    min-width: 36%;
}
.basketList ul li span.ProductName a,
.ReservedList ul li span.ProductName a,
.teslimatbasketList ul.product li span.ProductName span{
    float: left;
    width:auto;
    height:auto;
    font:300 11px/18px 'Lato', sans-serif;
    color: #9d9c99;
}
.basketList ul li span.ProductName a b,
.ReservedList ul li span.ProductName a b,
.teslimatbasketList ul.product li span.ProductName span b{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #505252;
}
.basketList ul li span.ProductName a:hover,
.basketList ul li span.ProductName a:hover b,
.basketList ul li span.ProductName a:active,
.basketList ul li span.ProductName a:active b,
.ReservedList ul li span.ProductName a:hover,
.ReservedList ul li span.ProductName a:hover b,
.ReservedList ul li span.ProductName a:active,
.ReservedList ul li span.ProductName a:active b{
    color: #e11c23;
}
.basketList ul li span.ProductInfo,
.ReservedList ul li span.ProductInfo,
.teslimatbasketList ul.product li span.ProductInfo{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0px;
    width:35%;
    height: auto;
    padding: 20px 10px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ReservedList ul li span.ProductInfo{
    width: 45%;
}
.basketList ul li span.ReservedBt,
.ReservedList ul li span.ReservedBt,
.teslimatbasketList ul.product li span.ReservedBt{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0px;
    width:15%;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.basketList ul li span.ReservedBt a,
.ReservedList ul li span.ReservedBt a,
.teslimatbasketList ul.product li span.ReservedBt a{
    float: left;
    width: 100%;
    height: auto;
    font: 400 11px/16px 'Lato', sans-serif;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 5px 0px;
    padding: 3px 5px;    
    background: #9d9c98;
    border: 1px solid #9d9c98;
}
.basketList ul li span.ReservedBt a:hover,
.ReservedList ul li span.ReservedBt a:hover,
.teslimatbasketList ul.product li span.ReservedBt a:hover {
    background: #FFF;
    color: #9d9c98;
}
.basketList ul li span.ProductInfo ul,
.ReservedList ul li span.ProductInfo ul,
.teslimatbasketList ul.productli span.ProductInfo ul{
    float: left;
    width: 100%;
    height: auto;
    border: 0px;
}
.basketList ul li span.ProductInfo ul li,
.ReservedList ul li span.ProductInfo ul li,
.teslimatbasketList ul.product li span.ProductInfo ul li{
    float: left;
    width:auto;
    height: auto;
    padding:0 50px 0 0;
    font:400 11px/16px 'Lato', sans-serif;
    color: #9d9c98;
    letter-spacing: 0px;
    border: 0px;
}
.basketList ul li span.ProductInfo ul li:last-child,
.ReservedList ul li span.ProductInfo ul li:last-child,
.teslimatbasketList ul.product li span.ProductInfo ul li:last-child{
    padding:0;
}
.basketList ul li span.ProductInfo ul li b,
.ReservedList ul li span.ProductInfo ul li b,
.teslimatbasketList ul.product li span.ProductInfo ul li b{
    font-weight: 700;
    color: #505252;
}
.basketList ul li span.ProductInfo ul li span.color,
.ReservedList ul li span.ProductInfo ul li span.color,
.teslimatbasketList ul.product li span.ProductInfo ul li span.color{
    display:inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
     -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    margin: 0 0 0 3px;
}
.basketList ul li span.ProductInfo span.AlertText,
.ReservedList ul li span.ProductInfo span.AlertText{
    float: left;
    width: 100%;
    height: auto;
    border: 0px;
    font:400 12px/20px 'Lato', sans-serif;
    color: #e11f26;
    letter-spacing: 0.06em;
    margin-top: 15px;
}
.basketList ul li span.ProductInfo span.AlertText span,
.ReservedList ul li span.ProductInfo span.AlertText span{
    float: left;
    width:auto;
    height: auto;
    font-size: 12px;
    line-height: 20px;
    padding-right: 3px;
}
.basketList ul li span.ProductInfo span.AlertText b,
.ReservedList ul li span.ProductInfo span.AlertText b{
    float: left;
    width:auto;
    height: auto;
    font-size: 13px;
    line-height: 22px;
    font-weight: 700;
    padding-right: 3px;
}
.basketList ul li span.ProductInfo span.AlertText small,
.ReservedList ul li span.ProductInfo span.AlertText small{
    float: left;
    width:auto;
    height: auto;
    font-size: 11px;
    line-height: 22px;
    padding-right: 3px;
}
.basketList ul li span.DeleteButon,
.ReservedList ul li span.ButonList{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0px;
    width: 6%;
    height: auto;
    padding: 20px 0px 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #eaeaea;
}
.ReservedList ul li span.ButonList{
    width: 14%;
    padding: 10px 0px 10px 20px;
}
.basketList ul li span.DeleteButon a{
    float: right;
    width: 26px;
    height: 26px;
    display: block;
    background-image: url(../Content/images/delete@2x.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    margin: 7px 0px;
}
.basketList ul li span.DeleteButon a:hover,
.basketList ul li span.DeleteButon a:active{
    background-image: url(../Content/images/delete_r@2x.png);
    background-size:contain;
}
.ReservedList ul li span.ButonList a {
    float: left;
    width: 100%;
    height:auto;
    font: 400 11px/16px 'Lato', sans-serif;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 5px 0px;
    padding: 3px 5px;
}
.ReservedList ul li span.ButonList a.numune {
    border: 1px solid #e11f26;
    background: #e11f26;
}
.ReservedList ul li span.ButonList a.rezerve {
    border: 1px solid #9d9c98;
    background: #9d9c98;
}
.ReservedList ul li span.ButonList a.favori {
    border: 1px solid #b1b0ad;
    background: #b1b0ad;
}
.ReservedList ul li span.ButonList a.iptal {
    border: 1px solid #c4c4c1;
    background: #c4c4c1;
}
.ReservedList ul li span.ButonList a.numune:hover {
    background: #FFF;
    color: #e11f26;
}
.ReservedList ul li span.ButonList a.rezerve:hover {
    background: #FFF;
    color: #9d9c98;
}
.ReservedList ul li span.ButonList a.favori:hover {
    background: #FFF;
    color: #b1b0ad;
}
.ReservedList ul li span.ButonList a.iptal:hover {
    background: #FFF;
    color: #c4c4c1;
}
.basketList a.nextBt,
.teslimatbasketList a.nextBt{
    float: right;
    width:auto;
    min-width: 110px;
    height:auto;
    padding: 8px 35px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #FFF;
    background: #e11f26;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    letter-spacing: 0.06em;
    margin-top: 27px;
    text-align: center;
}
.basketList a.nextBt:hover,
.basketList a.nextBt:active,
.teslimatbasketList a.nextBt:hover,
.teslimatbasketList a.nextBt:active{
    background: #9d9c98;
}
.basketResult ul{
    margin: 0px auto;
    width: 100%;
    max-width: 500px;
    height: auto;
    display: block;
    text-align: center;
    letter-spacing: -4px;
}
.basketResult ul li{
    float: left;
    width: 100%;
    height: auto;
    padding: 15px 0px;
    text-align: center;
    letter-spacing: 0px;
}
.basketResult ul li.greyBg{
    background: #fafafa;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    margin: 10px 0px
}
.basketResult ul li.contact{
    margin:25px 0 0 0
}
.basketResult ul li span.OnayIcon{
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #e11c23;
    background-image: url(../Content/images/onay@2x.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.basketResult ul li span.Text{
    float: left;
    width: 100%;
    height: auto;
    font:400 11px/16px 'Lato', sans-serif;
    color: #505252;
}
.basketResult ul li.greyBg span.Text{
    color: #9d9c98;
}
.basketResult ul li.greyBg span.Text b{
    font-size: 16px;
    line-height: 20px;
    color: #505252;
}
.basketList ul li span.comment{
    float:left;
    width:100%;
    height:auto;
    padding:20px 0px;
}
.basketList ul li span.comment textarea{
    float: left;
    width: 100%;
    height: 60px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #505252;
    background: none;
    padding: 10px 15px;
    margin: 0px;
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-appearance: none;
}
.basketList ul li span.comment textarea:focus{
	outline-color:transparent;
	outline-style:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.basketList ul li span.comment textarea::-webkit-input-placeholder{
	color:#9c9d99;
}
.basketList ul li span.comment textarea:-moz-placeholder{
	color:#9c9d99;
}
.basketList ul li span.comment textarea:-ms-input-placeholder{
	color:#9c9d99;
}
.KurumsalMenu{
    float: left;
    width: 100%;
    height:auto;
    margin: 8px 0px;
}
.KurumsalMenu h2{
    float: left;
    width: auto;
    height: auto;
    font: normal 27px/30px 'dearJoe6', sans-serif;
    color: #9d9c99;
}
.KurumsalMenu ul{
    float: left;
    width: 100%;
    height:auto;
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
}
.KurumsalMenu ul li{
    float: left;
    width: 100%;
    height:auto;
    border-bottom: 1px solid #eaeaea;
}
.KurumsalMenu ul li a{
    float: left;
    width: 100%;
    height:auto;
    padding: 10px 0px;
    font:400 12px/20px 'Lato', sans-serif;
    color: #9d9c99;
}
.KurumsalMenu ul li a:hover,
.KurumsalMenu ul li a:active{
    color: #505252;
}
.KurumsalMenu ul li a.Active{
    color: #e11f26;
}
.KurumsalText{
    float: left;
    width: 75%;
    height:auto;
    padding: 18px 0px;
}
.KurumsalText h1{
    float: left;
    width:100%;
    height:auto;
    font:700 16px/30px 'Lato', sans-serif;
    color: #505252;
    padding-left: 10px;   
    letter-spacing: 0.06em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.KurumsalText h3{
    float: left;
    width:100%;
    height:auto;
    font:700 16px/30px 'Lato', sans-serif;
    color: #505252;
    padding-left: 10px;   
    letter-spacing: 0.06em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
}
.KurumsalText p{
    float: left;
    width:100%;
    height:auto;
    font:400 12px/24px 'Lato', sans-serif;
    color: #9d9c98;
    padding: 12px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.KurumsalText p a{
    color: #505252;
}
.KurumsalText p a:hover{
    text-decoration: underline;
}
.PageMaps{
	float:left;
	width: 100%;
	height:300px;
	overflow:hidden;
	position:relative;
	background:#FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:10px;
}
#map-canvas, #map_canvas {
    float: left;
    display: block;
    width: 100%;
    height: 100%;
	position:relative;
	z-index:1;
}
.KurumsalText ul,
.KurumsalText ul.Bilgiler{
    float: left;
    width: 100%;
    height: auto;
}
.KurumsalText ul.Bilgiler{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px;
    margin-top: 20px;
}
.KurumsalText ul li,
.KurumsalText ul.Bilgiler li{
    float: left;
    width: 50%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}
.KurumsalText ul.Bilgiler li{
    width: 100%;
    padding: 10px 0px;
    border-top: 1px solid #eaeaea;
}
.KurumsalText ul li.full{
    width: 100%;
}
.KurumsalText ul li input[type=text],
.KurumsalText ul li input[type=password],
.KurumsalText ul li textarea{
    float: left;
    width: 100%;
    height: 40px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #505252;
    background: none;
    padding: 10px 15px;
    margin: 0px;
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-appearance: none;
}
.KurumsalText ul li textarea{
    height: 100px;
}
.KurumsalText ul li input:focus,
.KurumsalText ul li textarea:focus{
	outline-color:transparent;
	outline-style:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.KurumsalText ul li input::-webkit-input-placeholder,
.KurumsalText ul li textarea::-webkit-input-placeholder{
	color:#9c9d99;
}
.KurumsalText ul li input:-moz-placeholder,
.KurumsalText ul li textarea:-moz-placeholder{
	color:#9c9d99;
}
.KurumsalText ul li input:-ms-input-placeholder,
.KurumsalText ul li textarea:-ms-input-placeholder{
	color:#9c9d99;
}
.KurumsalText ul li input[type=submit],
.KurumsalText ul li input[type=button]{
	float:right;
	width:auto;
    height: auto;
	padding: 10px 35px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #FFF;
    background: #e11f26;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border: 0px;
    cursor: pointer;
}
.KurumsalText ul li input[type=submit]:hover,
.KurumsalText ul li input[type=button]:hover{
	background: #9d9c98;
}
.KurumsalText ul.Bilgiler li p{
    padding: 20px 0px;
}
.KurumsalText ul.Bilgiler li a.MenuLink{
    float:right;
	width:auto;
    height: auto;
	padding: 10px 35px;
    font:400 11px/20px 'Lato', sans-serif;
    color: #FFF;
    background: #e11f26;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border: 0px;
    cursor: pointer;
    margin: 20px 0 0 10px;
}
.KurumsalText ul.Bilgiler li a.MenuLink:hover{
	background: #9d9c98;
}
.SubMenu{
    float: left;
    width: 100%;
    height:auto;
    display: none;
    position: relative;
    background: #f7f7f7;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 10px;
    cursor: pointer;
}
.SubMenu span.Text{
    float: left;
    width:auto;
    height: auto;
    font:700 11px/40px 'Lato', sans-serif;
    color: #9d9c98;
}
.SubMenu .menuArrow{
    position: absolute;
    left: 50%;
    top: 0px;
    width: 40px;
    height: 40px;
    margin-left: -20px;
	display: block;
	z-index: 1;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%)
}
.SubMenu .menuArrow::before, 
.SubMenu .menuArrow::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 12px;
	height: 1px;
	z-index: 1;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1)
}
.SubMenu .menuArrow::before {
	right: 50%
}
.SubMenu .menuArrow::after {
	left: 50%
}
.SubMenu .menuArrow::before, 
.SubMenu .menuArrow::after {
	background: #9d9c98
}
.SubMenu .menuArrow::before {
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: rotate(40deg) scaleY(1.5);
	-ms-transform: rotate(40deg) scaleY(1.5);
	transform: rotate(40deg) scaleY(1.5)
}
.SubMenu .menuArrow::after {
	-webkit-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transform: rotate(-40deg) scaleY(1.5);
	-ms-transform: rotate(-40deg) scaleY(1.5);
	transform: rotate(-40deg) scaleY(1.5)
}
.SubMenu .menuArrow.push {
	-webkit-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	transform: translateY(-10%)
}
.SubMenu .menuArrow.push::before {
	-webkit-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	-webkit-transform: rotate(-40deg) scaleY(1.5);
	-ms-transform: rotate(-40deg) scaleY(1.5);
	transform: rotate(-40deg) scaleY(1.5)
}
.SubMenu .menuArrow.push::after {
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotate(40deg) scaleY(1.5);
	-ms-transform: rotate(40deg) scaleY(1.5);
	transform: rotate(40deg) scaleY(1.5)
}
.CorporateWrapper{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 119px;
    background: #FFF;
}
.SitemapsLine{
    float: left;
    width: 100%;
    height: auto;    
    background: #f7f7f7;
}
.SitemapsLine .Content {
    margin: 0px auto;
    width: 100%;
    max-width: 1120px;
    height: auto;
    display: block;
    padding: 10px 0px 25px 0px;
}
.corporateSection{
    float: left;
    width: 100%;
    height: auto;
}
.corporateSection.greybg{    
    background: #f7f7f7;
}
.corporateSection span.Title{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -4px;
    margin-top: -15px;
}
.corporateSection span.Title span{
    display: inline-block;
    vertical-align: middle;
    height: auto;
    text-align: center;
    letter-spacing: 0px;
    padding: 20px 30px 10px;
    background: #ed1d24;
    font: normal 26px/40px 'dearJoe6', sans-serif;
    color: #FFF;
}
.corporateSection .Content {
    clear: both;
    margin: 0px auto;
    width: 100%;
    max-width: 1120px;
    height: auto;
    display: block;
    padding:20px 10px 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.corporateSection .Content.Abouts{
    max-width: 520px;
}
.corporateSection .Content.Video{
    max-width: 820px;
    padding: 30px 10px 70px 10px;
}
.corporateSection .Content.Catalog{
    max-width: 600px;
}
.corporateSection .Content.Video video{
    float: left;
    width:100%;
    height: auto;
}
.corporateSection .Content p{
    float: left;
    width:100%;
    height:auto;
    font:400 12px/24px 'Lato', sans-serif;
    color: #9d9c98;
    padding: 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.corporateSection .Content.Catalog p.images{
    width:100%;
    padding: 0px 20%;
}
.corporateSection .Content p b{
    font-weight: 700;
}
.corporateSection .Content p img{
    float: left;
    width:100%;
    height: auto;
}
.corporateSection .Content p a{
    font-weight: 700; 
    color: #ed1d24;
}
.corporateSection .Content p a:hover{
    text-decoration: underline;
}
.MachineryCapacity,
.MachineryCapacity ul,
.MachineryCapacity ul li{
    float: left;
    width: 100%;
    height: auto;
}
.MachineryCapacity ul li.row{ 
    background: #f7f7f7;
}
.MachineryCapacity{
    margin: 20px 0px 30px
}
.MachineryCapacity ul li span.left{
    float: left;
    width: 40%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 20px;
    font:400 13px/24px 'Lato', sans-serif;
    color: #9d9c98;
    text-align: center;
}
.MachineryCapacity ul li span.middle,
.MachineryCapacity ul li span.right{
    float: left;
    width: 30%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 20px;
    font:400 13px/24px 'Lato', sans-serif;
    color: #9d9c98;
    text-align: center;
}
.MachineryCapacity ul li span.left b,
.MachineryCapacity ul li span.middle b,
.MachineryCapacity ul li span.right b{
    font-weight: 700;
}
.MachineryCapacity ul li.title span.left,
.MachineryCapacity ul li.title span.middle,
.MachineryCapacity ul li.title span.right{
    color: #ed1d24;
}
.FactoriesInfo,
.FactoriesInfo ul{
    float: left;
    width:100%;
    height: auto;
    text-align: center;
    letter-spacing: -4px;
}
.FactoriesInfo ul li{
    vertical-align: top;
    display: inline-block;
    letter-spacing: 0px;
    width:50%;
    height: auto;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.FactoriesInfo ul li p{
    float: left;
    width:100%;
    height: auto;
    font:400 13px/24px 'Lato', sans-serif;
    color: #9d9c98;
    text-align: center;
}
.FactoriesInfo ul li p b{
    font-size: 15px;
    font-weight: 700;
    color: #ed1d24;
}
.FactoriesInfo ul li img{
    float: left;
    width:100%;
    height: auto;
}
.OurClients{
    float: left;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 5px;
    text-align: center;
    letter-spacing: -4px;
}
.OurClients ul{
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0px;
    width:14.285%;
    height: auto;
    padding: 0px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.OurClients ul li{
    float: left;
    width:100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 5px 3px 5px;
    margin: 3px 0px;
    font:400 13px/26px 'Lato', sans-serif;
    color: #9d9c98;
    background: #FFF;
    text-align: center;
}
.OurClients ul li.title{
    font-size: 15px;
    font-weight: 700;
    color: #FFF;
    background: #ed1d24;
}
/*video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}*/

.NullFoundContet{
    float:left;
    width:100%;
    height:auto;
    font: 400 13px/50px 'Lato', sans-serif;
    color: #9d9c98;
    padding: 50px 20px;
    text-align:center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.NullFoundContet a{
    color: #e11f26;
}
.NullFoundContet a:hover{
    color: #9d9c98;
}
.corporateSection .galleryContent {
    clear: both;
    margin: 0px auto;
    width: 100%;
    max-width: 1120px;
    height: auto;
    display: block;
    padding:20px 0px 120px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.corporateSection .galleryContent ul{
    float: left;
    width: 100%;
    height: auto;
}
.corporateSection .galleryContent ul li{
    float: left;
    width: 25%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}
.corporateSection .galleryContent ul li a{
    float: left;
    width: 100%;
    height: auto;
    display: block;
}
.corporateSection .galleryContent ul li a img{
    float: left;
    width: 100%;
    height: auto;
    display: block;
}
.appLink {
    float:right;
    width: auto;
    height: auto;
    padding: 12px 0px;
}
.appLink a{
    float: left;
    width: auto;
    max-width:110px;
    height: auto;
    margin-left:10px;
}
.appLink a img{
    float: left;
    width: 100%;
    height: auto;
}
.appLink a:hover img{
    opacity:.7;
}
@media only screen and (max-width: 1100px) {
    .Header .Content,
    .Footer .TopContent{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding: 0px 10px;
    }
    .mainWrapper .Content{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding: 20px 10px 70px 10px;
    }
    .Footer .BottomContent .Content {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding: 15px 10px 65px 10px
    }
    .Header .Content .LoginMenu{
        right: 10px;
    }
    .basketList,
    .ReservedList,
    .teslimatbasketList,
    .basketResult{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding: 20px 10px;
    }
    .basketResult{
        padding: 25px 10px;
    }
    .SitemapsLine .Content {
        padding: 20px 10px 20px 10px;
    }
}
@media only screen and (max-width: 920px) {
    .basketList ul li span.ProductInfo,
    .ReservedList ul li span.ProductInfo,
    .teslimatbasketList ul.product li span.ProductInfo{
        padding: 20px 10px 20px 30px;
    }
    .basketList ul li span.ProductInfo ul li,
    .ReservedList ul li span.ProductInfo ul li,
    .teslimatbasketList ul.product li span.ProductInfo ul li{
        padding:0 20px 0 0;
    }
    .basketList ul li span.ProductInfo ul li:last-child,
    .ReservedList ul li span.ProductInfo ul li:last-child,
    .teslimatbasketList ul.product li span.ProductInfo ul li:last-child{
        padding:0;
    }
    .basketList ul li span.ProductName,
    .ReservedList ul li span.ProductName,
    .teslimatbasketList ul.product li span.ProductName{
        padding: 20px 30px;
    }
    .OurClients{
        padding: 20px 0px;
    }
    .Footer .TopContent .Menu,
    .Footer .TopContent .Menu ul,
    .appLink {
        width: 100%;
        text-align: center;
    }
    .Footer .TopContent .Menu ul li,
    .appLink a{
        float:none;
        display:inline-block;
        vertical-align:middle;
        padding: 0px 12px;
    }
    .appLink a{
        padding:0px;
        margin:3px;
    }

}
@media only screen and (max-width: 768px) {
    body.release {
        overflow: hidden !important;
        height: 100% !important;
    }
    .Header{
        position:relative;
        float: left;
    }
    .Header .Content{
        padding: 0px;
        position: relative;
        z-index: 10;
    }
    .pageWrapper,
    .Slider{
        margin: 0px;
    }
    .Header .Content .MobileBt {
        display: block;
    }
    .Header .Content .logo{
        padding: 5px 0px;
        width:96px;
        height: 56px;
    }
    .Header .Content .logo a,
    .Header .Content .logo h1 a{
        width:96px;
        height: 56px;
        background-size: 96px 56px;
    }
    .Header .Content .LoginMenu{
        position: static;
        float: right;
        top: 0px;
        right: 0px;
        padding: 21px 15px;
    }
    .Header .Content .LoginMenu ul li{
        padding: 0px;
        border: 0px;
    }
    .Header .Content .LoginMenu ul li a.Basket{
        width: 20px;
        padding: 0px;
        text-indent: -9999px;
        background-image: url("../Content/images/sepet_m@2x.png");
        background-size: 20px 20px;
    }
    .Header .Content .LoginMenu ul li.LoginBtwrp{
        display: none;
    }
    .Header .Content .Navigation {
        display: none;
    }
    .MobilMenu.OpenMenu {
        background:rgba(255,255,255,0.96);
        height: 100%;
        max-height: none;
    }
    .MobilMenu.OpenMenu ul li{
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .MobilMenu.OpenMenu ul li:nth-child(1){
        -webkit-transition-delay: 200ms,200ms;
        -moz-transition-delay: 200ms,200ms;
        -ms-transition-delay: 200ms,200ms;
        -o-transition-delay: 200ms,200ms;
        transition-delay: 200ms,200ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(2) {
        -webkit-transition-delay: 250ms,250ms;
        -moz-transition-delay: 250ms,250ms;
        -ms-transition-delay: 250ms,250ms;
        -o-transition-delay: 250ms,250ms;
        transition-delay: 250ms,250ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(3) {
        -webkit-transition-delay: 300ms,300ms;
        -moz-transition-delay: 300ms,300ms;
        -ms-transition-delay: 300ms,300ms;
        -o-transition-delay: 300ms,300ms;
        transition-delay: 300ms,300ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(4) {
        -webkit-transition-delay: 350ms,350ms;
        -moz-transition-delay: 350ms,350ms;
        -ms-transition-delay: 350ms,350ms;
        -o-transition-delay: 350ms,350ms;
        transition-delay: 350ms,350ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(5) {
        -webkit-transition-delay: 400ms,400ms;
        -moz-transition-delay: 400ms,400ms;
        -ms-transition-delay: 400ms,400ms;
        -o-transition-delay: 400ms,400ms;
        transition-delay: 400ms,400ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(6) {
        -webkit-transition-delay: 450ms,450ms;
        -moz-transition-delay: 450ms,450ms;
        -ms-transition-delay: 450ms,450ms;
        -o-transition-delay: 450ms,450ms;
        transition-delay: 450ms,450ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(7) {
        -webkit-transition-delay: 500ms,500ms;
        -moz-transition-delay: 500ms,500ms;
        -ms-transition-delay: 500ms,500ms;
        -o-transition-delay: 500ms,500ms;
        transition-delay: 500ms,500ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(8) {
        -webkit-transition-delay: 550ms,550ms;
        -moz-transition-delay: 550ms,550ms;
        -ms-transition-delay: 550ms,550ms;
        -o-transition-delay: 550ms,550ms;
        transition-delay: 550ms,550ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(9) {
        -webkit-transition-delay: 600ms,600ms;
        -moz-transition-delay: 600ms,600ms;
        -ms-transition-delay: 600ms,600ms;
        -o-transition-delay: 600ms,600ms;
        transition-delay: 600ms,600ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(10) {
        -webkit-transition-delay: 650ms,650ms;
        -moz-transition-delay: 650ms,650ms;
        -ms-transition-delay: 650ms,650ms;
        -o-transition-delay: 650ms,650ms;
        transition-delay: 650ms,650ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(11) {
        -webkit-transition-delay: 700ms,700ms;
        -moz-transition-delay: 700ms,700ms;
        -ms-transition-delay: 700ms,700ms;
        -o-transition-delay: 700ms,700ms;
        transition-delay: 700ms,700ms;
    }
    .MobilMenu.OpenMenu ul li:nth-child(6) a,
    .MobilMenu.OpenMenu ul li:nth-child(7) a,
    .MobilMenu.OpenMenu ul li:nth-child(8) a,
    .MobilMenu.OpenMenu ul li:nth-child(9) a,
    .MobilMenu.OpenMenu ul li:nth-child(10) a,
    .MobilMenu.OpenMenu ul li:nth-child(11) a{
        padding-left: 16px;
        background-image: url("../Content/images/user@2x.png");
        background-size: 10px 10px;
        background-position: left center;
        background-repeat: no-repeat;
    }
    .MobilMenu ul ul li a{
        background-image:none !important;
        padding-left: 0px !important;
    }
    .Slider li span.Caption span{
        font-size: 16px;
        line-height: 36px;
    }
    .Slider li span.Caption p{
        font-size: 36px;
        line-height: 70px;
    }
    .Footer .TopContent .Menu,
    .Footer .TopContent .Menu ul,
    .Footer .TopContent .Social,
    .Footer .TopContent .Social ul{
        width: 100%;
        text-align: center;
        letter-spacing: -4px;
    }
    .Footer .TopContent .Social{
        padding: 0px 0px 15px 0px;
    }
    .Footer .TopContent .Menu ul li{
        float: none;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 0px;
        padding: 0px 20px;
    }
    .Footer .TopContent .Social span{
        width: 60%;
        margin: 0px 20%;
        text-align: center;
        letter-spacing: 0px;
        border-right: 0px;
        border-bottom: 1px solid #e5e5e4;
    }
    .Footer .TopContent .Social ul li{
        float: none;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 0px;
        padding: 0px;
        margin: 10px;
    }
    .mainWrapper .Content .Box a span.leftLabel,
    .mainWrapper .Content .Box a span.rightLabel{
        margin-top: -41px;
    }
    .mainWrapper .Content .Box a span.leftLabel{
        left: -80px;
        padding:10px 20px 10px 100px; 
    }
    .mainWrapper .Content .Box a span.rightLabel{
        right: -80px;
        padding:10px 100px 10px 20px; 
    }
    .mainWrapper .Content .Box a span.leftLabel span,
    .mainWrapper .Content .Box a span.rightLabel span{
        font-size: 16px;
        line-height: 20px;
    }
    .mainWrapper .Content .Box a span.leftLabel p,
    .mainWrapper .Content .Box a span.rightLabel p{
        font-size: 30px;
        line-height: 42px;
    }
    .pageWrapper .Content.productList {
        padding: 0px 0px 75px 0px;
    }
    .productList .siteMaps{
        display: none;
    }
    .pageWrapper .Content .siteMapsMobile{
        display:block;
    }
    .RightColums{
        width: 100%;
    }
    .SubMenu {
        display: block;
    }
    .pageLeftMenu {
        margin: 0px;
        width: 100%;
        height: auto;
        background: #f7f7f7;
        overflow: hidden;
        -webkit-transition: max-height 700ms ease-out;
        -moz-transition: max-height 700ms ease-out;
        -o-transition: max-height 700ms ease-out;
        -ms-transition: max-height 700ms ease-out;
        transition: max-height 700ms ease-out;
        max-height: 0px;
        position: relative !important;
        top: 0px !important;
        padding: 0px 10px;
    }
    .pageLeftMenu.subSticky {
        -webkit-transition-delay: 300ms,300ms;
        -moz-transition-delay: 300ms,300ms;
        -ms-transition-delay: 300ms,300ms;
        -o-transition-delay: 300ms,300ms;
        transition-delay: 300ms,300ms;
        max-height:2300px;
    }
    .urunDetaySection .productText{
        padding: 0px 10px;
    }
    .otherProdyctSection ul.productList li{
        width: 33.33%;
    }
    .otherProdyctSection ul.productList li:last-child{
        display: none;
    }
    .basketList ul li,
    .ReservedList ul li,
    .teslimatbasketList ul.product li,
    .teslimatbasketList ul.address li{
        position: relative;
        padding: 0px;
    }
    .basketList ul li span.Image,
    .ReservedList ul li span.Image,
    .teslimatbasketList ul.product li span.Image{
        width: 20%;
        float: left;
    }
    .teslimatbasketList ul.product li span.Image{
        width: 17%;
    }
    .basketList ul li span.DeleteButon, 
    .ReservedList ul li span.ButonList{
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        padding: 0px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 10px 0 0;
        border: 0px;
    }
    .ReservedList ul li span.ButonList{
        width: 20%;
        padding: 20px 0px 0 0;
    }
    .basketList ul li span.ProductName,
    .ReservedList ul li span.ProductName,
    .teslimatbasketList ul.product li span.ProductName{
        width:60%;
        padding: 0px 30px;
        margin-top: 40px;
        border: 0px;
    }
    .basketList ul li span.ProductInfo,
    .ReservedList ul li span.ProductInfo,
    .teslimatbasketList ul.product li span.ProductInfo{
        width:60%;
    }
    .basketList a.nextBt,
    .teslimatbasketList a.nextBt{
        float:left;
        width: 40%;
        margin: 27px 30%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .basketList span.pageTitle,
    .ReservedList span.pageTitle,
    .teslimatbasketList span.pageTitle{
        padding: 0px;
    }
    .KurumsalText{
        width: 100%;
    }
    .KurumsalMenu h2{
        display: none;
    }
    .KurumsalMenu{
        margin: 0 0 20px 0;
    }
    .KurumsalMenu ul{
        margin: 0px;
    }
    .KurumsalMenu ul li{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 10px;
        background: #FFF;
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
    }
    .CorporateWrapper{
        margin: 0px;
    }
    .corporateSection span.Title span{
        padding: 15px 25px 6px;
        font: normal 20px/30px 'dearJoe6', sans-serif;
    }
    .OurClients ul{
        width:25%;
        margin-bottom: 20px;
    }
    .PageMaps{
        margin-bottom:0px;
    }
    .corporateSection .galleryContent ul li{
        width: 33.33%;
    }
    
    .basketList ul li span.ReservedBt,
    .ReservedList ul li span.ReservedBt,
    .teslimatbasketList ul.product li span.ReservedBt{
        float:right;
        width:40%;
    }
    
}
@media only screen and (max-width: 600px) {
    .urunDetaySection .productImage {
        width: 50%;
    }

    .urunDetaySection .productText {
        float: right;
        width: 50%;
    }

    .urunDetaySection .productControls {
        float: left;
        width: 40%;
        margin-top: 20px;
    }

        .urunDetaySection .productControls .QrCode {
            float: left;
        }

    .basketList ul li span.ProductName,
    .ReservedList ul li span.ProductName,
    .teslimatbasketList ul.product li span.ProductName {
        margin-top: 20px;
    }

    .basketList ul li span.ProductInfo,
    .ReservedList ul li span.ProductInfo,
    .teslimatbasketList ul.product li span.ProductInfo {
        padding: 5px 10px 20px 30px;
    }

        .basketList ul li span.ProductInfo ul li,
        .ReservedList ul li span.ProductInfo ul li,
        .teslimatbasketList ul.product li span.ProductInfo ul li {
            width: 100%;
            padding: 3px 0px;
        }

    .ReservedList ul li span.ButonList a {
        height: auto;
        font: 400 11px/13px 'Lato', sans-serif;
        padding: 5px;
    }

    .LoginWrapper {
        width: 100%;
    }

        .LoginWrapper span.rightTitle {
            padding: 0px;
        }

    @media only screen and (max-width: 540px) {
        .RightColums h1 {
            width: 100%;
            padding-bottom: 15px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .RightColums .Search {
            float: left;
            margin-left: 10px;
            margin-right: 0px;
        }

        .corporateSection .galleryContent ul li {
            width: 50%;
        }
    }

    @media only screen and (max-width: 500px) {
        .Slider,
        .Slider li {
            min-height: 400px;
        }

        .mainWrapper .Content .Box a span.leftLabel,
        .mainWrapper .Content .Box a span.rightLabel {
            margin-top: -30px;
        }

        .mainWrapper .Content .Box a span.leftLabel {
            left: -50px;
            padding: 10px 10px 10px 60px;
        }

        .mainWrapper .Content .Box a span.rightLabel {
            right: -50px;
            padding: 10px 60px 10px 10px;
        }

            .mainWrapper .Content .Box a span.leftLabel span,
            .mainWrapper .Content .Box a span.rightLabel span {
                font-size: 12px;
                line-height: 16px;
            }

            .mainWrapper .Content .Box a span.leftLabel p,
            .mainWrapper .Content .Box a span.rightLabel p {
                font-size: 20px;
                line-height: 24px;
            }

        .Footer .TopContent .Menu ul li {
            padding: 0px 5px;
        }

        .Slider li span.Caption span {
            font-size: 12px;
            line-height: 26px;
        }

        .Slider li span.Caption p {
            font-size: 26px;
            line-height: 40px;
        }

        .MobilMenu {
            padding: 0px 30px;
        }

        ul.productList li,
        .otherProdyctSection ul.productList li {
            width: 50%;
        }

            .otherProdyctSection ul.productList li:last-child {
                display: block;
            }

        .RightColums .Shorting {
            padding: 0px 0px 0 5px;
        }

        .Shorting .selectBox-dropdown {
            min-width: 100px;
        }

        .siteMaps,
        .pageWrapper .Content .siteMapsMobile {
            font-size: 9px;
            line-height: 16px;
        }

        .basketStep {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 15px 10px;
        }

            .basketStep .stepText {
                min-width: 20%;
                max-width: 20%;
            }

            .basketStep .stepArrow {
                padding: 5px 2%;
            }

        .basketList a.nextBt,
        .teslimatbasketList a.nextBt {
            width: 60%;
            margin: 27px 20%;
        }

        .basketList ul li span.ProductName {
            padding: 0px 20px;
        }

        .ReservedList ul li span.ProductName,
        .teslimatbasketList ul.product li span.ProductName {
            width: 80%;
            padding: 0px 0px 0px 20px;
        }

        .basketList ul li span.ProductInfo {
            padding: 5px 10px 20px 20px;
        }

        .ReservedList ul li span.ProductInfo,
        .teslimatbasketList ul.product li span.ProductInfo {
            width: 80%;
            padding: 5px 0px 20px 20px;
        }

            .basketList ul li span.ProductInfo ul li,
            .ReservedList ul li span.ProductInfo ul li,
            .teslimatbasketList ul.product li span.ProductInfo ul li {
                width: 100%;
                padding: 3px 0px;
            }

        .ReservedList ul li span.ButonList {
            position: static;
            width: 80%;
            float: right;
            padding: 0px 0px 20px 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .ReservedList ul li span.ButonList a {
                height: auto;
                font: 400 11px/13px 'Lato', sans-serif;
                padding: 5px;
                margin: 3px 0px;
            }

        .KurumsalText ul li {
            ;
            width: 100%;
        }

        .FactoriesInfo ul li {
            width: 100%;
        }

        .OurClients ul {
            width: 33.33%;
            min-height: auto !important
        }

        .basketList ul li span.ReservedBt, .ReservedList ul li span.ReservedBt, .teslimatbasketList ul.product li span.ReservedBt {
            float: right;
            width: 100%;
            padding: 5px 0px;
        }
    }

    @media only screen and (max-width: 440px) {
        .urunDetaySection .productImage {
            width: 100%;
        }

        .urunDetaySection .productText {
            width: 100%;
            margin-top: 20px;
        }

        .urunDetaySection .productControls {
            width: 100%;
        }

            .urunDetaySection .productControls .QrCode {
                float: left;
            }

        .basketList ul li span.DeleteButon {
            width: 13%;
        }

        .OurClients ul {
            width: 48%;
            min-height: auto !important
        }
    }

    @media only screen and (max-width: 380px) {
        .Slider,
        .Slider li {
            min-height: 300px;
        }

        .mainWrapper .Content .Box a span.leftLabel,
        .mainWrapper .Content .Box a span.rightLabel {
            margin-top: -22px;
        }

        .mainWrapper .Content .Box a span.leftLabel {
            left: -35px;
            padding: 5px 5px 5px 40px;
        }

        .mainWrapper .Content .Box a span.rightLabel {
            right: -35px;
            padding: 5px 40px 5px 5px;
        }

            .mainWrapper .Content .Box a span.leftLabel span,
            .mainWrapper .Content .Box a span.rightLabel span {
                font-size: 10px;
                line-height: 14px;
            }

            .mainWrapper .Content .Box a span.leftLabel p,
            .mainWrapper .Content .Box a span.rightLabel p {
                font-size: 16px;
                line-height: 20px;
            }

        .MobilMenu {
            padding: 0px 20px;
        }


        .basketList ul li span.ProductInfo span.AlertText span,
        .ReservedList ul li span.ProductInfo span.AlertText span {
            width: 100%;
            padding-bottom: 2px;
        }

        .KurumsalText ul.Bilgiler li a.MenuLink {
            width: 100%;
            margin: 10px 0 0 0px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }
    }

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

        ul.productList li,
        .otherProdyctSection ul.productList li {
            width: 100%;
        }
    }