.ANAmenuKabuk {
width: 100%;
margin: 0 auto;
background: #fff;border-bottom: 1px solid #CFCFCF;
}
.ANAmenuMbl {
display: none;
padding: 15px 20px;
}
.ANAmenu > ul {
margin: 0 auto;
width: 100%;
list-style: none;
padding: 0;
position: relative;
box-sizing: border-box;
}
.ANAmenu > ul:before,
.ANAmenu > ul:after {
content: "";
display: table;
}
.ANAmenu > ul:after {
clear: both;
}
.ANAmenu > ul > li {
float: left;
padding: 0;
margin: 0;
}
.mnfzl {margin:-45px 20px 0 0;
cursor: pointer;
float: right;
background: #fff;
color: #333;
}
.ANAmenu > ul > li > ul > li a img{width: 32px;vertical-align: middle;margin: -3px 5px 0 0;}
.mnusttel a{font-weight: 700!important;}
.ANAmenu > ul > li > a {font-size: 12px;text-decoration: none;padding: 15px;display: block;font-weight: 500;}
.ANAmenu > ul > li a {font-size: 13px;text-decoration: none;padding: 15px;display: block;}
.ANAmenu > ul > li.mnust:hover {
}
.ANAmenu > ul > li a {
color: #8A8A8A;
}
.ANAmenu > ul > li.mnust:hover > a {
color: #0178c0;
}
.ANAmenu > ul > li > ul {
display: none;
width: 100%;
background: #fdfdfd;
padding: 35px;
position: absolute;
z-index: 99;
left: 0;
margin: 0;
list-style: none;
box-sizing: border-box;
border-top: 1px solid #D4D4D4;
border-right: 0 solid #D4D4D4;
border-bottom: 1px solid #CACACA;
border-left: 0 solid #D4D4D4;
box-shadow: 0 4px 11px -3px rgba(39, 39, 39, 0.37);
}
.ANAmenu > ul > li > ul:before,
.ANAmenu > ul > li > ul:after {
content: "";
display: table;
}
.ANAmenu > ul > li > ul:after {
clear: both;
}
.ANAmenu > ul > li > ul > li {
padding-bottom: 0;
list-style: none;
width: 23%;margin: 0 1%;
background: none;
float: left;
}
.ANAmenu > ul > li > ul > li > ul > li a {font-size: 15px!important;}
.ANAmenu > ul > li > ul > li a {font-size: 13px!important;
color: #777;
padding: 5px 0;
width: 100%;
display: block;
border-bottom: 1px solid #ccc;
}
.ANAmenu > ul > li > ul > li > ul {
display: block;
padding: 0;
margin: 10px 0 0;
list-style: none;
box-sizing: border-box;
}
.ANAmenu > ul > li > ul > li > ul:before,
.ANAmenu > ul > li > ul > li > ul:after {
content: "";
display: table;
}
.ANAmenu > ul > li > ul > li > ul:after {
clear: both;
}
.ANAmenu > ul > li > ul > li > ul > li {
float: left;
width: 100%;
}
.ANAmenu > ul > li > ul > li > ul > li a {
border: 0;
}
.ANAmenu > ul > li > ul.normal-sub {
width: 300px;
left: auto;
padding: 10px 20px;
}
.ANAmenu > ul > li > ul.normal-sub > li {
width: 100%;
}
.ANAmenu > ul > li > ul.normal-sub > li a {
border: 0;
padding: 5px 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
.ANAmenuKabuk {
width: 100%;
}
.ANAmenuMbl {
display: block;
}
.ANAmenu-dropdown-icon:before {
display: block;
}
.ANAmenu > ul {
display: none;
}
.ANAmenu > ul > li {
width: 100%;
float: none;
display: block;
}
.ANAmenu > ul > li a {
padding: 1.5em;
width: 100%;
display: block;
}
.ANAmenu > ul > li > ul {
position: relative;
}
.ANAmenu > ul > li > ul.normal-sub {
width: 100%;
}
.ANAmenu > ul > li > ul > li {
float: none;
width: 100%;
margin-top: 20px;
}
.ANAmenu > ul > li > ul > li:first-child {
margin: 0;
}
.ANAmenu > ul > li > ul > li > ul {
position: relative;
}
.ANAmenu > ul > li > ul > li > ul > li {
float: none;
}
.ANAmenu .show-on-mobile {width: 107%;display:block;overflow-y: scroll;}
}

/*
* Üst Etki
*/
.mnust a {position: relative;}
.mnust a::before {color: #fff;text-shadow: 0 0 1px rgba(255,255,255,0.3);content: attr(data-hover);position: absolute;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.mnust a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #0178C0;opacity: 0;-webkit-transform: translateY(5px);-moz-transform: translateY(5px);transform: translateY(5px);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.mnust a:hover::before,.mnust a:focus::before {opacity: 0;-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);transform: translateY(-2px);}
.mnust a:hover::after,
.mnust a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}










/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
width: 100%;
margin: 0 auto;
background: #fff;border-bottom: 1px solid #CFCFCF;
}
.menu-mobile {
display: none;
padding: 15px 20px;
}
.menu > ul {
margin: 0 auto;
width: 100%;
list-style: none;
padding: 0;
position: relative;
/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
box-sizing: border-box;
}
.menu > ul:before,
.menu > ul:after {
content: "";
display: table;
}
.menu > ul:after {
clear: both;
}
.menu > ul > li {
float: left;
padding: 0;
margin: 0;
}
.mnfzl {margin:-45px 20px 0 0;
cursor: pointer;
float: right;
background: #fff;
color: #333;
}
.menu > ul > li > ul > li a img{width: 32px;vertical-align: middle;margin: -3px 5px 0 0;}
.mnusttel a{font-weight: 700!important;}
.menu > ul > li > a {font-size: 12px;text-decoration: none;padding: 15px;display: block;font-weight: 500;}
.menu > ul > li a {font-size: 13px;text-decoration: none;padding: 15px;display: block;}
.menu > ul > li.mnust:hover {
}
.menu > ul > li a {
color: #8A8A8A;
}
.menu > ul > li.mnust:hover > a {
color: #0178c0;
}
.menu > ul > li > ul {
display: none;
width: 100%;
background: #fdfdfd;
padding: 35px;
position: absolute;
z-index: 99;
left: 0;
margin: 0;
list-style: none;
box-sizing: border-box;
border-top: 1px solid #D4D4D4;
border-right: 0 solid #D4D4D4;
border-bottom: 1px solid #CACACA;
border-left: 0 solid #D4D4D4;
box-shadow: 0 4px 11px -3px rgba(39, 39, 39, 0.37);
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
content: "";
display: table;
}
.menu > ul > li > ul:after {
clear: both;
}
.menu > ul > li > ul > li {
padding-bottom: 0;
list-style: none;
width: 23%;margin: 0 1%;
background: none;
float: left;
}
.menu > ul > li > ul > li > ul > li a {font-size: 15px!important;}
.menu > ul > li > ul > li a {font-size: 13px!important;
color: #777;
padding: 5px 0;
width: 100%;
display: block;
border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li > ul {
display: block;
padding: 0;
margin: 10px 0 0;
list-style: none;
box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
content: "";
display: table;
}
.menu > ul > li > ul > li > ul:after {
clear: both;
}
.menu > ul > li > ul > li > ul > li {
float: left;
width: 100%;
}
.menu > ul > li > ul > li > ul > li a {
border: 0;
}
.menu > ul > li > ul.normal-sub {
width: 300px;
left: auto;
padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
border: 0;
padding: 5px 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
.menu-container {
width: 100%;
}
.menu-mobile {
display: block;
}
.menu-dropdown-icon:before {
display: block;
}
.menu > ul {
display: none;
}
.menu > ul > li {
width: 100%;
float: none;
display: block;
}
.menu > ul > li a {
padding: 1.5em;
width: 100%;
display: block;
}
.menu > ul > li > ul {
position: relative;
}
.menu > ul > li > ul.normal-sub {
width: 100%;
}
.menu > ul > li > ul > li {
float: none;
width: 100%;
margin-top: 20px;
}
.menu > ul > li > ul > li:first-child {
margin: 0;
}
.menu > ul > li > ul > li > ul {
position: relative;
}
.menu > ul > li > ul > li > ul > li {
float: none;
}
.menu .show-on-mobile {width: 107%;display:block;overflow-y: scroll;}
}
/*UKNF SEPETİM*/
.UF_SepetimKbk{top:10px;right:40px;z-index:999;}
.UF_Sepetim{width:60px;height:35px;float:right;margin:5px 0 0;line-height:50px;cursor:pointer;text-align:center;color:#48A9A6;/*box-shadow:0 0 15px 7px rgba(0, 0, 0, 0.1);*/border-radius:5px;}
.UF_SepetimAdet{width:22px;height:22px;line-height:23px;position:absolute;top:8px;right:5px;text-align:center;font-size:9px;border-radius:50%;background-color:#C1666B;}




/*
* Üst Etki
*/

/* Altı Hatlı */
.mnust a {position: relative;}
.mnust a::before {color: #fff;text-shadow: 0 0 1px rgba(255,255,255,0.3);content: attr(data-hover);position: absolute;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.mnust a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #0178C0;opacity: 0;-webkit-transform: translateY(5px);-moz-transform: translateY(5px);transform: translateY(5px);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.mnust a:hover::before,.mnust a:focus::before {opacity: 0;-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);transform: translateY(-2px);}
.mnust a:hover::after,
.mnust a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}


/*köşeli*/
/*
.mnust a::before,
.mnust a::after {display: inline-block;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s;}
.mnust a::before {margin-right: 5px;content: '[';-webkit-transform: translateX(20px);-moz-transform: translateX(20px);transform: translateX(20px);}
.mnust a::after {margin-left: 5px;content: ']';-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);transform: translateX(-20px);}
.mnust a:hover::before,
.mnust a:hover::after,
.mnust a:focus::before,
.mnust a:focus::after {opacity: 1;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);}
*/