@import url(public/reset.css);
@import url(public/sexylight-reset.css);
@import url(//fonts.googleapis.com/css?family=Bai+Jamjuree:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap&subset=latin-ext);
@import url(/skin/_shared/fonts/font-awesome/css/font-awesome.min.css);
@import url(/skin/_shared/fonts/line-awesome/css/line-awesome.min.css);
@import url(public/jquery.autocomplete.css);
@import url(public/tipTip.css);
@import url(public/jquery.nanoScroller.css);
@import url(header.css);
@import url(basliklar.css);
@import url('../js/bxslider/jquery.bxslider.css');


body {
	font-family: 'Bai Jamjuree', sans-serif;
	color:#0B1544;
    font-size: 14px;
    margin: 0;
    padding: 0;
	opacity:0;
	overflow:hidden;
	line-height: 1.4;
}

:root {
    --text1: #0B1544; 
    --text2: #454A60;
    --text3: #6C7389; 
    --bordercolor:#ECEFF6;
    --blue:#435FDD;
    --bluehover:#3451D1;
    --greyback:#F4F7FC;
    --greybtn:#AFB8C8;
    --greybtnhover:#96A2B5;
    --blueshadow:0px 8px 20px rgba(68, 142, 246, 0.25);
    --blackshadow:0px 8px 20px rgba(0, 0, 0, 0.1);
    --boxshadow:0px 10px 30px rgba(0, 0, 0, 0.1);
  }

body.render{
	background-image:none;
	opacity:1;
	overflow:auto;
}

input[type="text"],
input[type="password"],
textarea {
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	margin: 0;
	padding: 7px 12px;
	white-space: nowrap;
	vertical-align: middle;
	border-radius:2px;
	font-family:'Roboto',sans-serif;
}

select {
    font-family:'Roboto',sans-serif;
    font-size: 14px;
    border-width: 1px;
	border-style:solid;
	border-radius:2px;
    margin: 0;
	padding:6px 18px 6px 9px;
   -webkit-appearance: none;
	  -moz-appearance: none;
	   -ms-appearance: none;
	    -o-appearance: none;
           appearance: none;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAIAAABvrngfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDNDZBMEY3RjU4NzExRTQ5Q0NCOEFDN0UzQjQ5ODg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDNDZBMEY4RjU4NzExRTQ5Q0NCOEFDN0UzQjQ5ODg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkM0NkEwRjVGNTg3MTFFNDlDQ0I4QUM3RTNCNDk4ODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkM0NkEwRjZGNTg3MTFFNDlDQ0I4QUM3RTNCNDk4ODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ytnRfAAAAPklEQVR42kyMUQoAMAhCHexedbRuVjdryiDqQ3wmwsywTpiZOxJ29xRpiIqmSEM8igF3p1YV9f5/RMzcE2AAwwYfX0fgvG0AAAAASUVORK5CYII=');
	background-repeat:no-repeat;
	background-position:right 12px center;
	height:35px;
}

select::-ms-expand{
    display: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	padding: 8px 15px;
	margin-bottom: 0;
	font-size: 14px;
	border-radius:2px;
	font-family:'Roboto',sans-serif;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
}

input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    outline: 0;
}

.jcarousel-next-disabled,
.jcarousel-prev-disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
input[type="button"]:disabled {
	opacity:.5;
}

a,
input,
select,
textarea {
	font-size:14px;
    text-decoration: none;
	transition: all 0.20s ease-in-out;
}

label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=checkbox]{
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
	opacity:0;
}

input[type=checkbox] + label{
	background-image:url(../images/web-two-style_tz.png);
	padding-left:25px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox]:checked + label{
    background-position: 0 -40px;
}

input[type=checkbox]:not(:checked):not(:disabled) + label:hover{
    background-position: 0 -20px;
}

input[type=checkbox]:disabled + label{
    opacity:.5;
}

/* custom radio */

input[type=radio]{
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
	opacity:0;
}

input[type=radio] + label{
	background-image:url(../images/web-two-style_radio_tz.png);
	padding-left:25px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
    cursor:pointer;
}

input[type=radio]:checked + label{
    background-position: 0 -40px;
}

input[type=radio]:not(:checked):not(:disabled) + label:hover {
    background-position: 0 -20px;
}


input[type=radio]:disabled + label{
    opacity:.5;
}
hr{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #dedede;
}

#PM_main {
    position: relative;
    margin: 0 auto;
	
}

em {
    font-style: normal!important;
}

#tiptip_content{
	font-size:12px;
}

#sistem_mesaji {
    position: absolute;
    z-index: 99999;
    width: 100%;
    top: -220px;
    margin-bottom: 20px;
    text-align: center;
    left: 0px;
    padding: 14px 0px;
}

#sistem_mesaji p.baslik {
    font-size: 0;
}

#sistem_mesaji p.baslik a {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 26px;
}

#sistem_mesaji p.baslik a:before {
    content: "�";
    line-height: 1;
    margin-right: 5px;
}

#sistem_mesaji div.icerik {
    font-size: 16px;
}

#sistem_mesaji div.icerik a {
    font-weight: 700;
}

#PM_orta {
    width: 1200px;
    margin: 0 auto;
	margin-bottom:40px;
}


.telifust .telifgorsel{
	width:1200px;
	height:100px;
	margin:0 auto;
}


#PM_alt {
    clear: both;
    padding: 80px 0px 20px 0px;
}

#PM_alt div.site_telif {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#PM_alt div.site_telif a {
    text-decoration: none;
}

#PM_alt div.site_telif a:hover {
    text-decoration: underline;
}

.siparis_sayfasi_alt {
	text-align:center;
	padding:20px;
}

div.pm_telif {
    clear: both;
    text-align: center;
    width: 1170px;
    margin: auto;
    padding: 10px;
    display: none;
}

div.pm_telif a {
    text-decoration: none;
}

div.pm_telif a:hover {
    text-decoration: underline;
}

#PM_sol {
    width: 220px;
    float: left;
    margin-right: 20px;
}

#PM_sol.op1 {
    margin-top: -76px;
}

#PM_sol.ustmenuyok {
    margin-top: 0px;
}

#PM_sag {
    width: 260px;
    float: right;
}

#PM_anasayfa {
    display: block !important;
}

#PM_Logasist {
    right: 10px;
    z-index: 999;
}

#PM_Hizli_SatinAl_Modal {
    padding: 0 5px;
}

#PM_Hizli_SatinAl_Modal div.soru {
    font-size: 14px;
    padding: 0 10px 10px;
}

#PM_Hizli_SatinAl_Modal div.butonlar {
    text-align: center;
    border-top-width: 1px;
	border-style:solid;
    padding-top: 10px;
}

#PM_Hizli_SatinAl_Modal div.butonlar input {
    margin-right: 5px;
    cursor: pointer;
}

.PM_clear {
    clear: both;
    width: 0;
    height: 0;
}

#PM_Default_H1,
.empty_node {
    display: none!important;
}

.slimScrollBar{
	opacity:.25!important;
}

.block_button a:before{
	display:block!important;
	margin:10px!important;
}


/*html5 support*/

input[type="text"],
input[type="password"],
textarea, select, 
input[type="button"],
input[type="submit"],
input[type="reset"]{
	box-sizing: border-box;
}


#ust_ek_menuler_yerlesimi{
	display: flex!important;
}

.row3{
	margin-bottom: 0 !important;
}
.bannerline{
	margin-top: 0 !important;
}


#urun_miktar_secenekleri{
	width: 64px !important;
	height: 52px !important;
}

.oklar{
	float:left;
	display: flex;
    flex-direction: column;
}

#arttir,
#azalt {
	display: flex !important;
	height: 25px;
	width: 25px;
	padding: 0 !important;
	justify-content: center;
    align-items: center;
}

#PM_urun_detayi div.urun_detay_orta div.sepete_ekle_adet_virt,
#hemenal_buton,
#sepete_ekle_buton{
	margin-top: 0!important;
	
}
#hemenal_buton:before,
#sepete_ekle_buton:before{
	display: block;
	
}

/* T�m kategoriler*/
.acilir-tumcat {
    width: 200px;
}
.acilir-tumcat:hover .tumcat-row{
    display: block;
}
.acilir-tumcat .allcategories{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    padding: 18px 0;
}
.acilir-tumcat .allcategories:hover{
    background-color: #3751ca;
}
.acilir-tumcat .allcategories svg{
    margin-right: 16px;
    fill: #fff;
}
.tumcat-row{
    background: #fff;
    display: none;
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 55px;
    transition: all 0.20s ease-in-out;
}
.acilir-tumcat:hover .tumcat-row{
    visibility: visible;
    opacity: 1;
}
.cat-contain{
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px;
    margin: 0 auto;
    box-shadow: 0px 10px 30px rgb(0, 0, 0, 0.10);
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px;
}
.cat-contain > li{
    order:2;
    width: 20%;
    margin-bottom: 30px;
    line-height: 22px;
}
.cat-contain > li.has-child{
    order:1;
 }
.cat-contain > li > a{
    margin-bottom: 5px;
    display: block;  
    font-size: 16px;
    font-weight: 500;
    padding: 12px 15px;
}
.cat-contain > li > ul li a{
    font-size: 14px;
    color:var(--text3);
}
.cat-contain > li > ul li a:hover{
    color:var(--blue);
}
.cat-contain > li > ul{
    display: contents !important;
    visibility: visible;
    opacity: 1;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 30px;
    box-shadow: none !important;
}
.dropmenu > ul > li > ul {
    flex-wrap: wrap;
}
.dropmenu > ul > li:hover > ul {
    display: flex;
}
.dropmenu .ulfirst > li{
    position: relative;
    width: 20%;
}
.dropmenu .ulfirst{
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
}
.dropmenu .ulfirst > li > ul {
    display: contents !important;
    visibility: visible;
    opacity: 1;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 30px;
    box-shadow: none !important;
}
.dropmenu .ulfirst > li > a{
    font-size: 16px;
    font-weight: 500;
}
.dropmenu .ulfirst > li > ul li a{
    color: var(--text3);
}
.dropmenu .ulfirst > li > ul li a:hover{
    color: var(--blue);
}
.dropmenu ul > li > ul > li > a {
    padding: 8px 15px !important;
}