::selection {
color : #fff;
background : #146C78;
}
::-moz-selection {
color : #fff;
background : #146C78;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
::-webkit-scrollbar {
width : 6px !important ;
height : 6px !important ;
}
::-webkit-scrollbar-button {
width : 0 !important ;
height : 0 !important ;
}
::-webkit-scrollbar-thumb {
background : #afafaf !important ;
border : 0 !important ;
}
::-webkit-scrollbar-thumb:hover {
background : #888 !important ;
}
::-webkit-scrollbar-thumb:active {
background : #999 !important ;
}
::-webkit-scrollbar-track {
background : #fff !important ;
border : 0 !important ;
}
::-webkit-scrollbar-track:hover {
background : #fff !important ;
}
::-webkit-scrollbar-track:active {
background : #fff !important ;
}
::-webkit-scrollbar-corner {
background : transparent !important ;
}
* {
font-family: 'Red Hat Display', sans-serif;
box-sizing : border-box;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
min-height : 100%;
font-size : 14px;
font-weight : 400;
color : #666;
}
body.lock {
overflow : hidden;
}
b, strong, h1, h2, h3 {
font-weight : 500;
}
b.scm {
display : block;
color : #146C78;
margin-bottom : 15px;
}
.center {
clear : both;
margin : 0 auto;
width : 100%;
max-width : 1206px;
padding : 0 10px;
position : relative;
}
.mobil {
display:none;
}
.clear {
clear : both;
}
.w-100 {
    width : 100% !important;
}
#load {
width : 100%;
height : 100%;
background : url(../img/load.svg) top 60% center no-repeat #fff;
background-size : 100px 100px;
position : fixed;
z-index : 2;
top : 0;
}
#overlay {
width : 100%;
height : 100%;
background : rgb(0 0 0 / 0.5);
position : fixed;
z-index : 2;
display : none;
top : 0;
}
#overlay.goster {
display : block;
}
#topbar {
width : 100%;
background : #014698;
position : relative;
line-height : 40px;
color : #fff;
z-index : 4;
}
#topbar a{
color : #fff;
padding : 0 12.5px;
text-decoration : none;
float : left;
}
#topbar a:hover{
background : #F68E1D
}
#topbar .sosyal{
float : right;
padding-right : 10px;
}
#topbar .sosyal a {
height: 40px;
display: block;
text-decoration: none;
background: rgba(0,0,0,0.1);
padding: 0 20px;
}
#topbar .sosyal a:hover {
background: #F68E1D !important;
}

#topbar .sosyal a i{
margin-right: 7px;
}
#topbar .sosyal a.facebook:hover {
background : #3B5998;
}
#topbar .sosyal a.instagram:hover {
background : #E02C76;
}
#topbar .sosyal a.youtube:hover {
background : #FF0000;
}
#topbar .sosyal a.twitter:hover {
background : #1DA1F2;
}
#topbar .sosyal a img {
margin : 0 auto;
width : 18px;
height : 18px;
display : block;
color : #f0f2f5;
margin-top : 11px;
}
#header {
width : 100%;
min-height : 120px;
background : #fff;
position : relative;
z-index : 4;
}
#logo {
    float: left;
    display: block;
    width: 270px;
    height: 110px;
    z-index: 5;
    padding: 20px 15px 0 15px;
}
#logo a{
width : 270px;
display : block;
}
#logo a img {
width : auto;
height : 85px;
border-radius: 10px;
}
#header #ustalan {
float : left;
width : calc(100% - 300px);
height : 56px;
padding : 16px 10px 10px 10px;
}
#header #ustalan a{
float : right;
display : inline-block;
height : 36px;
line-height : 36px;
font-size : 25px;
color : #146C78;
text-decoration : none;
font-weight : 700;
text-align : right;
white-space: nowrap;
}
#header #ustalan a i{
width : 36px;
height : 36px;
line-height : 36px;
display : block;
float : left;
font-size : 30px;
text-align : left;
}
#header #ustalan a i.lnr-truck{
width : 48px;
height : 36px;
line-height : 25px;
display : block;
float : left;
font-size : 38px;
text-align : left;
}
#header #ustalan a img{
width : 31px;
height : 31px;
margin : 2px;
display : block;
float : left;
font-size : 30px;
margin-right : 10px;
}
#header #ustalan a{
line-height : 16px;
font-size : 13px;
font-weight : 400;
}
#header #ustalan a.wht{
color : #1A792B;
line-height : 16px;
font-weight : 400;
text-align : left;
padding-right : 20px;
margin-right : 20px;
border-right : 1px solid #ddd;
}
#header #ustalan a.kargo{
float: left;
line-height : 16px;
font-weight : 400;
text-align : left;
color : #666;
}
#header #ustalan a strong{
display : block;
height : 36px;
line-height : 20px;
font-size : 17px;
font-weight : 700;
white-space : nowrap;
}
#header #arama {
float : left;
width : 100%;
width : calc(100% - 270px);
height : 64px;
padding : 10px;
}
#header .arama {
margin : 0 auto;
width : 100%;
position : relative;
}
#header .arama input.keywords {
width : 100%;
height : 40px;
line-height : 40px;
padding : 0 10px;
background : none;
border : #ccc solid 1px;
outline : 0;
transition : all 0.2s linear;
position : relative;
z-index : 1;
font-size : 14px;
}
.type-wrap {
position : absolute;
width : 100%;
height : 100%;
line-height : 40px;
padding : 0 10px;
font-size : 14px;
color : #666;
top : 0;
left : 0;
z-index : 0;
border-radius : 5px;
white-space : nowrap;
overflow : hidden;
}
.type-wrap b{
color : #146C78;
}
#header .arama input.keywords:hover {
border : #bbb solid 1px;
}
#header .arama input.keywords:focus {
border : #aaa solid 1px;
}
#header .arama input.keywords::placeholder {
color : #bbb;
opacity : 1;
}
#header .arama input.keywords:-ms-input-placeholder {
color : #bbb;
}
#header .arama input.keywords::-ms-input-placeholder {
color : #bbb;
}
#header .arama button.ara {
position : absolute;
right : 0;
top : 0;
width : 50px;
height : 40px;
line-height : 20px;
padding : 10px 10px;
background : none;
background-size : 20px 20px;
border : 0;
outline : 0;
margin-top : 0px;
}
#header .arama button.ara i.lnr-magnifier {
float : left;
color : #666;
width : 30px;
font-size : 22px;
}
#header .arama button.ara:hover {
cursor : pointer;
}
button#clear {
border : 0;
outline : 0;
padding : 0;
position : absolute;
z-index : 3;
right : 50px;
top : 8px;
height : 25px;
width : 25px;
background : #efefef;
cursor : pointer;
display : none;
border-radius : 50%;
}
button#clear i {
color : #888;
height : 25px;
width : 25px;
font-size : 15px;
right : 0;
top : 5px;
position : absolute;
}
button#clear:hover {
background : #ddd;
}
#search {
padding : 0;
width : 100%;
transition : all 0.2s linear;
position : absolute;
z-index : 2;
top : 38px;
display : none;
}
.search {
width : 100%;
height : auto;
background : #fff;
border-top : 0;
box-shadow : 0 10px 10px 0 rgb(0 0 0 / 0.1);
border : #bbb solid 1px;
border-top : 0;
overflow : hidden;
}
.search a {
    display: block;
    height: 60px;
    line-height: 25px;
    text-decoration: none;
    padding: 5px 10px;
    color: #666;
    border-top: solid 1px #CCC;
}
.search a.noimg {
height : 35px;
line-height : 25px;
}
.search a .resim {
    float: left;
    width: 50px;
    height: 50px;
    background: #fff;
    overflow: hidden;
    margin-right: 10px;
    border: solid 1px #CCC;
    border-radius: 5px;
    padding: 3px;
}
.search a .resim img {
max-width : 100%;
max-height : auto;
}
.search a:hover {
background : #EFF2F6;
}
#overlay1 {
width : 100%;
height : 100%;
position : fixed;
z-index : 6;
top : 0;
left : 0;
background : rgb(0 0 0 / 0.5);
display : none;
transition : all 0.3s linear;
}
#overlay1.ac {
display : block;
transition : all 0.3s linear;
}
#basket {
right : 0;
top : 0;
width : 0;
height : 100%;
position : fixed;
z-index : 9;
transition : all 0.2s linear;
}
#basket.ac {
width : 600px;
max-width : 100%;
transition : all 0.2s linear;
z-index:999;
}
#basket_in {
width : 100%;
height : 100%;
display : block;
position : relative;
overflow-y : auto;
overflow-x : hidden;
}
.sepetbaslik {
width : 100%;
height : 55px;
line-height : 55px;
padding : 0 5px 0 15px;
outline : 0;
color : #fff;
font-weight : 400;
background : #014698;
position : relative;
margin-bottom : -55px;
z-index : 1;
top : 0;
font-size : 15px;
}
.sepetbaslik i {
float : right;
display : block;
width : 34px;
height : 54px;
line-height : 54px;
text-align : center;
outline : 0;
margin-right : 0;
cursor : pointer;
opacity : 0.7;
font-size : 25px;
}
.sepetbaslik i:hover {
opacity : 1;
}
#basket_in .bossepet {
top : 0;
width : 100%;
height : 100%;
background : #fff;
display : table;
position : absolute;
}
#basket_in .bossepet i {
font-size : 70px;
color : #ddd;
}
#basket_in .bossepet b {
font-weight : 400;
font-size : 15px;
}
#basket_in .hata {
top : 0;
width : 100%;
height : 100%;
background : #146C78;
display : table;
position : absolute;
z-index : 1;
}
.middle {
display : table-cell;
vertical-align : middle;
text-align : center;
}
.middle img {
width : 80px;
}
#basket_in .bossepet .middle img {
width : 80px;
margin-left : -20px;
}
#basket_in .bossepet .middle b {
display : block;
padding : 15px 0;
text-align : center;
color : #aaa;
}
#basket_in .hata .middle b {
display : block;
padding : 15px 0;
text-align : center;
color : #ffcc4d;
font-size : 15px;
}
#basket_in .hata .middle a {
margin : 0 auto;
padding : 5px 10px;
color : #fff;
font-size : 14px;
cursor : pointer;
border : rgb(255 255 255 / 0.8) solid 1px;
}
#basket_in .hata .middle a:hover {
background : rgb(0 0 0 / 0.2);
}
#basket_in .dolusepet {
position : absolute;
width : 100%;
height : 100%;
background : #fff;
padding-top : 65px;
padding-bottom : 100px;
overflow-x : scroll;
}
#basket_in .dolusepet::-webkit-scrollbar {
width : 5px;
}
#basket_in .dolusepet::-webkit-scrollbar-track {
background : rgb(0 0 0 / 0);
margin : 3px;
border-right : 3px solid #fff;
left : -3px;
position : absolute;
}
#basket_in .dolusepet::-webkit-scrollbar-thumb {
background : #146C78;
}
#basket_in .dolusepet::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
table.sptable {
border-collapse : collapse;
border : 0;
width : 100%;
}
table tr {
border-bottom : 1px solid #ddd;
}
tr:nth-child(even) {
background-color : #fafafa;
}
.sptable a:link, .sptable a:visited {
float : left;
display : block;
text-decoration : none;
color : #333;
width : 100%;
}
table.sptable tr.anab td {
font-size : 13px;
font-weight : 400;
color : #146C78;
height : 30px;
}
table.sptable tr td {
padding : 14px 0;
height : 40px;
}
.toplam table.sptable tr td {
padding : 0 0;
font-size : 13px;
}
table.sptable tr td.sresim img {
border : rgb(0 0 0 / 0.1) solid 1px;
}
table.sptable tr td a.delete {
width : 20px;
height : 20px;
line-height : 18px;
padding-left: 10px;
display : block;
cursor : pointer;
}
table.sptable tr td a.delete i {
color : #ccc;
font-size : 20px;
}
table.sptable tr td a.delete:hover i {
color : #d00;
}
table.sptable tr td.tbl_baslik {
line-height : 20px;
max-width : 200px;
padding : 14px;
font-size : 12px;
}
table.sptable tr td.tbl_baslik a {
width : 100%;
overflow : hidden;
display : block;
position : relative;
}
i.detaylar {
clear : both;
display : block;
width : 100%;
color : #d00;
position : relative;
font-size : 11px;
padding : 0 5px;
margin : 0 0 10px 0;
cursor : help;
text-align : left;
}
i.detaylar span {
display : none;
line-height : 20px;
}
i.detaylar span a {
display : block;
margin-bottom : 5px;
padding-bottom : 5px;
color : #d00;
border-bottom : 1px solid #eee;
}
i.detaylar:hover span {
box-shadow : 0 0 10px 0 rgb(0 0 0 / 0.2);
padding : 5px 10px 10px 10px;
display : block;
z-index : 100;
background : #fff;
left : -5px;
width : 100%;
width : calc(100% + 50px);
position : absolute;
top : -8px;
text-decoration : none;
color : #333;
}
body.loginpage table.sptable tr td {
font-size : 14px;
}
table.sptable tr td.fiyat {
text-align : right;
color : #666;
padding-right : 14px;
white-space : nowrap;
}
a#arti, a#eksi, a#adet {
float : left;
display : block;
width : 25px;
height : 25px;
line-height : 20px;
font-size : 17px;
text-align : center;
background : #fafafa;
background-size : 12px 12px;
cursor : pointer;
border : rgb(0 0 0 / 0.1) solid 1px;
color : #666;
}
a#eksi {
background : #fafafa;
background-size : 12px 12px;
}
a#eksi:hover {
background : #eee;
background-size : 12px 12px;
}
a#arti:hover {
background : #eee;
background-size : 12px 12px;
}
a#adet {
background : #fff;
border : 0;
line-height : 25px;
font-size : 12px;
border-top : 1px solid rgb(0 0 0 / 0.1);
border-bottom : 1px solid rgb(0 0 0 / 0.1);
}
#topla {
width : 100%;
max-width : 600px;
height : 108px;
position : fixed;
bottom : 0;
background : #fff;
}
#topla .str {
width : 100%;
height : 44px;
border-top : 1px solid #ccc;
position : relative;
}
#topla .str.gray {
height : 64px;
background : linear-gradient(#fbfbfb, #eeeeee);
}
#topla .str .str_b {
float : left;
width : auto;
height : 44px;
padding : 16px;
}
#topla .str .str_i {
float : right;
width : 35%;
height : 44px;
padding : 16px;
}
#topla .str .str_i.fiyat {
text-align : right;
font-weight : 700;
color : #049e00;
font-size : 15px;
}
#topla .str.gray .str_b, #topla .str.gray .str_i {
height : 64px;
}
#topla .str a.satinal {
float: right;
height: 30px;
line-height: 28px;
padding: 0;
font-size: 13px;
color: #fff;
text-align: center;
background: #049e00;
border: #038e00 solid 1px;
text-decoration: none;
font-weight: 400;
padding: 0 15px;
}
#topla .str a.satinal:hover {
background : #038e00;
}
#topla .str a.guvenli {
float : left;
height : 30px;
line-height : 14px;
padding : 0;
font-size : 13px;
color : #333;
text-decoration : none;
font-weight : 700;
}
#topla .str a.guvenli span {
display : block;
color : #777;
font-weight : 400;
white-space : nowrap;
}
#topla .str a.guvenli i {
float : left;
margin-top : 7px;
margin-right : 7px;
display : block;
height : 30px;
font-size : 30px;
font-weight : normal;
color : #333;
}
#topla .str a.guvenli:hover {
color : #049e00;
}
#topla .str a.guvenli:hover i {
color : #333;
}
#header #sepet {
position : relative;
z-index : 1;
}
#header #lang {
position : absolute;
right : 80px;
z-index : 2;
}

#header #sepet span.say {
width : 18px;
height : 18px;
line-height : 18px;
text-align : center;
font-size : 11px;
border-radius : 9px;
display : block;
position : absolute;
background : #ccc;
color : #fff;
top : 10px;
left : 22px;
}
#header #sepet span.say.active {
background : #3aa521;
}
#header #sepet:hover b, #header #lang:hover b {
display : block;
cursor : pointer;
}
#header #sepet:hover b i, #header #lang:hover b i {
color : #146C78;
}
.header {
width : 100%;
height : 50px;
background : #146C78;
position : relative;
z-index : 3;
text-align : center;
}
.header img {
margin : 5px auto;
height : 40px;
}
#menu {
width : 100%;
min-height : 55px;
background : #F68E1D;
clear : both;
position : relative;
z-index : 3;
top : 0;
z-index:99;
}
ul#mega {
width : 100%;
list-style : none;
margin : 0;
padding : 0;
display : block;
}
#mega li {
float : left;
white-space : nowrap;
line-height : 55px;
padding : 0 12.5px;
}
#mega li:first-child {
margin-left: 10px;
}
a.liste {
white-space : nowrap;
line-height : 55px;
padding : 0 12.5px;
float : right;
display : inline-block;
background : #146C78;
margin-right : 10px;
position : relative;
color : #fff;
cursor : pointer;
}

a.liste {
float : right;
background : #014698;
margin-right : 10px;
position : relative;
}

a.liste-two {
    float: left;
    margin-right: 0px;
    margin-left: 10px;
    width: 280px;
    background: #014698;
    font-size: 16px;
    line-height: 54px;
    padding-top: 2px;
}

a.liste-two b{
    font-weight: 100 !important;
}

a.liste-two i{
    font-size: 24px;
    float: left;
    margin-top: -2px;
    margin-right: 5px;
}

a.liste span.say {
float : right;
width : 25px;
height : 25px;
line-height : 25px;
text-align : center;
font-size : 12px;
border-radius : 15px;
display : block;
background : rgba(0,0,0,0.2);
color : #fff;
margin :15px 0px 15px 10px;
}
#mega li.sektor {
position : relative;
}
#mega li a {
color : #fff;
text-decoration : none;
display : block;
text-transform : uppercase;
font-size : 14px;
cursor : pointer;
}
#mega li:hover {
background : #fff;
}
#mega li:hover a {
color : #666;
}
#mega .altmenu {
position : absolute;
left : 0;
width : 100%;
padding : 0 20px;
display : none;
top : 55px;
}
#mega .altmenu.small {
position : absolute;
left : 0;
right : auto;
width : 250px;
padding : 0 ;
display : none;
top : 55px;
}
#mega .altmenu_in {
width : 100%;
min-height : 284px;
z-index : 1;
background : #fff;
padding : 7.5px;
box-shadow : 0 10px 10px 3px rgb(0 0 0 / 0.1);
}
#mega .altmenu.small .altmenu_in {
padding : 10px 0;
width : 100%;
min-height : 200px;
}
#mega .menu {
float : left;
width : 100%;
}
#mega .altmenu.small .menu {
float : right;
width : 100%;
}
#mega .menualan {
Float : left;
display : block;
width : 20%;
padding : 7.5px;
padding-bottom: 0px;
margin : 0;
text-align : center;
}
#mega .altmenu.small .menualan {
Float : right;
display : block;
width : 100%;
padding : 0 10px;
margin : 0;
text-align : right;
}
#mega li .altmenu.small .menualan a {
width: 100%;
display: block;
font-size: 14px;
height: 40px;
line-height: 40px;
padding: 0 5px;
white-space: nowrap;
background : none;
color : #666;
}
#mega li .altmenu.small .menualan a:hover{
padding: 0 0 0 10px;
}
#mega li .altmenu.small .menualan a b {
display: block;
text-align: left;
white-space : nowrap;
}

#mega .menualan .resims {
width : 100%;
padding : 0 0;
border: 1px solid #ddd;
overflow : hidden;
margin-bottom : -25px;
}
#mega .menualan:hover .resims {
width : 100%;
padding : 0 0;
border: 1px solid #146C78;
overflow : hidden;
}
#mega .menualan .resims img {
width : 100%;
height: 165px;
transition : all 0.2s linear;
margin-top : 0;
}
#mega .menualan .resims a{
width : 100%;
transition : all 0.2s linear;
margin-top : 0;
}
#mega .menualan:hover .resims img {
/* margin-top : -10px; */
/* margin-bottom : 10px; */
}
#mega li .menualan a {
    width: auto;
    display: inline-block;
    line-height: 17px;
    padding: 10px 15px;
    text-transform: capitalize;
    color: #666;
    background: #eee;
    transition: all 0.2s linear;
    white-space: normal;
    margin-top: -25px;
}
#mega li.sektor .menualan a {
margin-top: 0;
}
#mega li .menualan:hover a, #mega li .menualan:hover a:hover {
color : #fff;
background : #F68E1D;
}
#mega li .menualan .resims a, #mega li .menualan .resims a:hover {
background : none;
}
#mega li .menualan a b {
display : block;
float : none;
text-align : center;
font-weight : 500;
}
#mega li .menualan a:hover b {
color : #fff;
}
#mega li a.hepsi {
clear : both;
width : calc(100% + 15px);
display : block;
font-size : 15px;
padding : 0;
text-transform : capitalize;
color : #fff;
background : #014698;
transition : all 0.2s linear;
text-align : center;
margin-top : 15px;
margin-left : -7.5px;
margin-bottom : -15px;
font-weight : 400;
}
#mega li a.hepsi:hover {
}
#mega li a.hepsi b{
float : none;
width : 100%;
display : block;
text-align : center;
}
#mega li:hover .altmenu {
display : block;
}
.yer {
clear : both;
width : 100%;
height : 50px;
background : #f1f1f1;
padding-bottom : 10px;
margin-bottom : 10px;
position : relative;
overflow-x : auto;
overflow-y : hidden;
border-bottom : 1px solid #ccc
}
.yer ul {
width : 100%;
padding : 0;
list-style : none;
white-space : nowrap;
}
.yer ul li {
display : inline-block;
white-space : nowrap;
}
.yer ul li.geri {
float : right;
display : inline-block;
white-space : nowrap;
}
.yer ul li.geri a{
float : right;
display : inline-block;
white-space : nowrap;
    background: none;
    padding-left: 25px;
	cursor:pointer;
color : #146C78;
font-weight : 500;
}
.yer ul li.geri a:hover{
text-decoration : none;
}
.yer ul li:last-child {
padding-right : 20px;
}
.yer a {
float : left;
line-height : 20px;
padding : 0;
text-transform : capitalize;
color: #666;
background : url(../img/right.svg) center left 1px no-repeat;
background-size : 8px 8px;
padding-left : 15px;
margin-left : 8px;
text-decoration : none;
}
.yer a.ilk {
background : none;
padding-left : 0;
margin-left : 0;
}
.yer b {
float : left;
display : inline-block;
background : url(../img/right.svg) center left 1px no-repeat;
background-size : 8px 8px;
padding-left : 15px;
margin-left : 5px;
font-weight : 400;
}
.yer a:hover {
text-decoration : underline;
}
.yer h1 {
float : left;
display : inline-block;
font-size : 13px;
line-height : 20px;
margin : 0;
padding : 0;
text-transform : capitalize;
color : #333;
text-decoration : none;
font-weight : 400;
}
.filtre {
float : right;
padding : 10px;
height : 65px;
margin-top : -80px;
}
ul#filtre {
list-style : none;
margin : 0;
padding : 0;
}
#filtre li {
float : left;
position : relative;
padding-right : 5px;
padding-bottom : 5px;
}
#filtre li i {
float : right;
font-size : 15px;
width : 15px;
height : 45px;
line-height : 45px;
margin-left : 10px;
color : #aaa;
display : block;
}
#filtre li.goster i {
color : #333;
}
#filtre li a {
color : #666;
text-decoration : none;
display : block;
padding : 0 8px;
line-height : 45px;
background : #efefef;
cursor : pointer;
}
#filtre li:hover a {
color : #111;
}
#filtre .filtremenu {
position : absolute;
right : 0;
top : 47px;
padding : 2px;
min-width : 220px;
height : auto;
display : none;
z-index : 2;
background : #fff;
box-shadow : 0 3px 5px 0 rgb(0 0 0 / 0.15);
border : #ccc solid 1px;
}
#filtre .filtremenu_in {
padding : 10px;
overflow-y : auto;
overflow-x : hidden;
}
#filtre .filtremenu_in::-webkit-scrollbar {
width : 5px;
}
#filtre .filtremenu_in::-webkit-scrollbar-track {
background : rgb(0 0 0 / 0);
margin : 3px;
border-right : 3px solid #fff;
left : -3px;
position : absolute;
}
#filtre .filtremenu_in::-webkit-scrollbar-thumb {
background : #adadad;
}
#filtre .filtremenu_in::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
#filtre li.goster .filtremenu {
display : block;
}
#filtre li.select {
height : 25px;
padding : 10px;
}
.secim {
width : 100%;
padding : 10px;
height : 43px;
}
.secim a {
float : left;
height : 23px;
line-height : 23px;
padding-right : 15px;
padding-bottom : 5px;
color : #333;
text-decoration : none;
font-size : 11px;
}
.secim a i {
color : #146C78;
display : block;
height : 23px;
width : 23px;
border-radius : 25px;
font-size : 10px;
background : #efefef;
float : right;
margin-left : 5px;
text-align : center;
}
.secim a:hover i {
background : #ddd;
}
.secim a.temizle {
float : left;
height : 25px;
line-height : 25px;
padding : 0 10px;
border : #ddd solid 1px;
text-decoration : none;
font-size : 12px;
font-weight : 700;
color : #146C78;
margin-left : 10px;
margin-top : -2px;
}
.secim a.temizle:hover {
float : left;
height : 25px;
line-height : 25px;
padding : 0 10px;
border : #146C78 solid 1px;
background : #146C78;
text-decoration : none;
font-size : 12px;
font-weight : 700;
color : #fff;
margin-left : 10px;
margin-top : -2px;
}

.container {
display : block;
width : 100%;
position : relative;
padding-left : 25px;
line-height : 30px;
cursor : pointer;
font-size : 14px;
user-select : none;
white-space : nowrap;
}
.container b {
font-size : 13px;
}
.description p {
line-height : 25px;
color : #333;
}
.description .container {
display : block;
width : 100%;
position : relative;
padding : 10px 15px 10px 15px;
line-height : 50px;
height : 70px;
cursor : pointer;
font-size : 13px;
user-select : none;
white-space : nowrap;
background : #fff;
color : #333;
border : #ddd solid 1px;
border-top : 0;
}

.description .container-small{
    display: inline-block;
    width: auto;
    margin-right: 5px;
    position: relative;
    padding: 0px 12px;
    line-height: 35px;
    cursor: pointer;
    font-size: 13px;
    user-select: none;
    white-space: nowrap;
    background: #f0f2f5;
    border-radius: 18px;
    margin-bottom: 10px;
    box-sizing: border-box;
    color: #333;
    transition : all 0.2s linear;
}
.description .container-small:hover{
    background: #666666;
    color: #FFF;
}

.description .container .resim{
float : left;
display : block;
width : calc(15% - 8px);
line-height : 50px;
height : 50px;
}
.description .container .baslik{
float : left;
display : block;
width : calc(28% - 8px);
height : 50px;
line-height : 50px;
}
.description .container .stk{
float : right;
display : block;
width : calc(28% - 8px);
height : 50px;
line-height : 50px;
text-align : right;
}
.description .container .resim img{
width : 50px;
height : 50px;
background : #fff;
border : 1px solid #eee;
border-radius : 4px;
}
.description .container.head,
.description .container.head:hover {
background : #eee;
border : #ddd solid 1px;
line-height : 40px;
height : 40px;
padding-top : 5px;
}
.description .container.head .resim,
.description .container.head .stk,
.description .container.head .baslik {
line-height : 30px;
height : 30px;
}
.container input {
position : absolute;
opacity : 0;
cursor : pointer;
}
.container:hover {
color : #146C78;
}
.description .container:hover {
background : #fafafa;
color : #333;
}
.description .container .fiyat {
float : right;
}
.description .container .populer {
float : right;
background : #146C78;
color : #fff;
line-height : 25px;
margin : 10px;
padding : 0 7px;
font-size : 11px;
}
.checkmark {
position : absolute;
top : 0;
left : 0;
height : 17px;
width : 17px;
margin : 4px 0;
background-color : #efefef;
border-radius : 50%;
}
.description .checkmark {
position : absolute;
top : 15px;
left : 0;
height : 17px;
width : 17px;
margin : 14px;
background-color : #ddd;
border-radius : 50%;
}
.container:hover input ~ .checkmark {
background-color : #ddd;
}
.description .container:hover input ~ .checkmark {
background-color : #ccc;
}
.container input:checked ~ .checkmark {
background-color : #146C78;
}
.description .container input:checked ~ .checkmark {
background-color : #146C78;
}
.checkmark:after {
content : "";
position : absolute;
display : none;
}
.container input:checked ~ .checkmark:after {
display : block;
}
.container .checkmark:after {
top : 5px;
left : 5px;
width : 7px;
height : 7px;
border-radius : 50%;
background : #fff;
}
.checkmarks {
position : absolute;
top : 0;
left : 0;
height : 17px;
width : 17px;
margin : 4px 0;
background-color : #efefef;
}
#filtre li i.inp {
top : -14px;
left : -6px;
position : absolute;
display : block;
color : #fff;
font-size : 10px;
}
#filtre li.goster i.lnr-chevron-down {
color : #bbb;
}
.container:hover input ~ .checkmarks {
background-color : #ddd;
}
.container input:checked ~ .checkmarks {
background-color : #146C78;
}
#filtre li.goster .container input:checked ~ .checkmarks i.lnr-chevron-down {
color : #fff;
}
.checkmarks:after {
content : "";
position : absolute;
display : none;
}
.container input:checked ~ .checkmarks:after {
display : block;
}
#filtre li.select .container {
padding-left : 30px;
}
#filtre li.select .checkmarks {
position : absolute;
top : 0;
left : 0;
height : 21px;
width : 21px;
margin : 0;
border : #efefef solid 2px;
background-color : #fff;
}
#filtre li.select .container input:checked ~ .checkmarks {
background-color : #146C78;
border : #146C78 solid 2px;
}
#filtre li.select .checkmarks i.lnr-chevron-down {
top : -12px;
left : -6px;
position : absolute;
display : block;
color : #fff;
font-size : 15px;
}
.top {
width : 100%;
clear : both;
}
#filtre .filtremenu_in::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
.topbanner {
float : left;
width : 60%;
padding : 10px;
margin-top : -165px;
transition : all 0.1s linear;
}
.topbanner:hover .topbanner_in {
box-shadow : 0 3px 8px 0 rgb(24 58 69 / 0.4);
}
.topbanner_in {
width : 100%;
height : 145px;
border : #146C78 solid 1px;
background : #146C78;
}
.icon {
float : left;
width : 20%;
height : 145px;
padding : 28px 10px;
text-align : center;
font-weight : 700;
font-size : 14px;
line-height : 17px;
color : #666;
transition : all 0.1s linear;
display : block;
text-decoration : none;
}
.topbanner:hover .icon:hover {
transform : scale(1.15);
cursor : pointer;
}
.icon i {
display : block;
font-size : 40px;
line-height : 44px;
font-weight : normal;
margin-bottom : 10px;
}
.icon img {
display : block;
width : 40px;
height : auto;
margin : 2px auto;
opacity : 0.7;
}
.images {
float : left;
width : 50%;
padding : 10px;
position : sticky;
z-index : 1;
top : 10px;
}
.image {
float : right;
width : 100%;
background : #fff;
overflow : hidden;
border : #ddd solid 1px;
text-align : center;
padding: 20px;
box-sizing: border-box;
}
a.videourl {
position : absolute;
top : 25px;
left : 25px;
background : #fff;
padding-right : 15px;
line-height : 40px;
color : #333;
font-size : 15px;
text-decoration : none;
border-radius : 4px;
transition : all 0.2s linear;
box-shadow : 0 0 7px 0 rgb(0 0 0 / 0.1);
}
a.videourl:hover {
box-shadow : 0 0 10px 0 rgb(0 0 0 / 0.2);
color : #000;
}
a.videourl i{
display : inline-block;
float : left;
width : 40px;
height : 40px;
line-height : 40px;
text-align : center;
font-size : 20px;
transition : all 0.2s linear;
}
a.videourl:hover i{
color : #d00;
}
.cloud-zoom-lens {
border : #888 solid 4px;
margin : -4px;
background-color : #fff;
cursor : move;
}
.cloud-zoom-big {
border : #ccc solid 4px;
overflow : hidden;
}
.cloud-zoom-loading {
display : none;
}
.zoom-desc {
float : left;
width : 100px;
height : auto;
}
a.cloud-zoom-gallery {
float : left;
width : 100px;
height : auto;
overflow : hidden;
padding : 1px;
margin-bottom : 15px;
margin-left : -3px;
border : #fff solid 2px;
}
a.cloud-zoom-gallery:hover {
border : #ccc solid 2px;
}
a.cloud-zoom-gallery.active {
border : #146C78 solid 2px;
}
.zoom-desc img {
width : 100px;
height : auto;
}
.none {
display : none;
}
.description {
float : left;
width : 50%;
padding : 10px;
}
.description h1#baslik {
display : block;
margin : 0;
padding : 0;
font-size : 22px;
margin-top : 5px;
margin-bottom : 15px;
}
.description span.footer {
float : left;
text-transform : uppercase;
font-size : 11px;
font-weight : 700;
line-height : 20px;
margin : 0 5px 0 0;
}
.description span.footer i {
float : left;
color : #146C78;
font-size : 20px;
margin : 0 5px 0 5px;
}
.description .ciz {
height : 1px;
background : #ddd;
margin : 10px 0 15px 0;
}
.description .atspt {
width : calc(100% + 20px);
margin-left : -10px;
overflow : hidden;
}
.description .left {
width : 50%;
float : left;
height : 60px;
margin : 15px 0;
padding-top : 10px;
padding-left : 10px;
margin-bottom: 0px;
}
.description .left .fiyat {
width : 100%;
float : left;
text-align : left;
display : inline-block;
height : 40px;
color : #333;
overflow : hidden;
font-size : 37px;
}
.description .left .fiyat b {
float : left;
padding-right : 5px;
font-weight : 400;
}
.description .product-payment {
width : 100%;
padding : 15px 10px;
margin : 20px 0 0 0;
border : #ddd solid 1px;
background : #fafafa;
}
.description .product-payment b {
display : block;
font-size : 15px;
text-transform : uppercase;
margin-bottom : 15px;
}
.description .product-payment img {
float : left;
padding : 5px 8px;
border : #ddd solid 1px;
height : 30px;
margin-right : 5px;
margin-bottom : 5px;
}
.description .product-payment p {
clear : both;
margin : 0;
padding : 10px 0 0 0;
font-size : 13px;
line-height : 20px;
}
.description .left .fiyat strong {
display : inline-block;
height : 20px;
line-height : 30px;
overflow : hidden;
font-size : 12px;
font-weight : 400;
margin-top : 10px;
}
.description .left .fiyat span {
display : inline-block;
height : 30px;
line-height : 35px;
overflow : hidden;
font-size : 12px;
position : absolute;
}
.description .left .taksit {
height : 30px;
line-height : 35px;
color : #40a338;
font-size : 12px;
}
.description .right {
width : 50%;
float : left;
height : 70px;
padding : 10px;
margin : 15px 0;
position : relative;
}
.description .right button {
width : 100%;
height : 60px;
line-height : 60px;
background : #014698;
color : #fff;
border : 0;
outline : 0;
font-size : 19px;
cursor : pointer;
padding : 0;
}
.description .right button.fly.ek {
background : #40a338;
}
.urunadet {
width : 100%;
height : 60px;
margin-bottom : 5px;
line-height : 60px;
background : #fafafa;
border : #ddd solid 1px;
color : #fff;
cursor : pointer;
overflow : hidden;
}
.urunadet .urunadet_arti, .urunadet .urunadet_eksi {
float : left;
width : 40px;
height : 60px;
border-left : 1px solid #ddd;
color : #aaa;
font-size : 19px;
cursor : pointer;
text-align : center;
text-decoration : none;
}
.urunadet .urunadet_eksi {
border-right : 1px solid #ddd;
border-left : 0;
}
.urunadet .urunadet_orta {
float : left;
width : calc(100% - 82px);
height : 60px;
overflow : hidden;
text-align : center;
background : #fff;
}
.urunadet .urunadet_orta input {
width: 100%;
height: 43px;
line-height: 43px;
margin: 0;
padding: 0;
display: block;
outline: 0;
text-align: center;
background: none;
border: 0;
font-size: 23px;
color: #222;
}
.urunadet .urunadet_orta span {
width : 100%;
height : 25px;
line-height : 25px;
display : block;
text-align : center;
color : #777;
font-size : 11px;
margin-top : -15px;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
margin : 0;
}
.urunadet .urunadet_arti:hover, .urunadet .urunadet_eksi:hover {
background : #eee;
color : #333;
}
textarea.metin {
clear : both;
width : 100%;
border : #eee solid 2px;
min-height : 40px;
max-height : 180px;
height : 100px;
padding : 10px;
line-height : 25px;
font-size : 16px;
margin : 10px 0;
outline : 0;
resize : vertical;
}
textarea.metin:focus {
box-shadow : 0 3px 10px 0 rgb(0 0 0 / 0.2);
border : #ccc solid 2px;
}
.description .right button:hover {
background : #666;
}
.description .right button.yok {
background : #ddd;
cursor : default;
}
.description .right #balon {
display : inline-block;
width : calc(100% - 20px);
line-height : 20px;
background : #fff;
border : #ddd solid 1px;
color : #3aa521;
position : absolute;
top : -70px;
margin-left : 0;
padding : 10px;
cursor : pointer;
}
.description .right #balon:hover {
background : #fafafa;
}
.description .right #balon i {
font-size : 40px;
line-height : 40px;
width : 40px;
height : 40px;
float : left;
margin-right : 5px;
}
.description .right #balon span {
float : left;
color : #666;
}
.description .right #balon b {
float : left;
white-space : nowrap;
}
#product-description {
width : 100%;
padding : 10px 0;
background : #fafafa;
height : auto;
min-height : 200px;
}
#product-description .product-description {
float : left;
width : calc(100% - 310px);
}
#product-description .product-description i.baslik {
display : block;
font-size : 27px;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
padding : 20px 0;
}
#product-description .product-description p {
padding : 10px 0;
line-height : 22px;
}
.other {
width : calc(100% + 15px);
padding : 7.5px 0;
margin-left : -7.5px;
opacity : 0;
}
.other a {
display : inline-block;
text-decoration : none;
color : #333;
line-height : 25px;
padding : 0 15px;
}
.product h3 {
display : block;
font-size : 30px;
font-style : italic;
font-weight : 400;
margin : 0;
padding : 40px 0 10px 0;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
text-align : center;
}
.page_left {
float : left;
width : 75%;
}
.page_left.full {
float : left;
width : 100%;
}
.page_left.w-65 {
float : left;
width : 65%;
}
.siparis {
width : 100%;
padding : 30px 10px;
padding-top: 15px;
}
.siparis_in {
width : 100%;
padding : 15px 15px;
border : #ddd solid 1px;
background : #fafafa;
}
.siparis_in .str {
float : left;
width : 50%;
padding : 5px 10px;
min-height : 50px;
position : relative;
}
.siparis_in .str.right{
    float: right;
}
.siparis_in .str i {
position : absolute;
color : #146C78;
width : 50px;
height : 50px;
padding : 17px 14px;
font-size : 20px;
}
.siparis_in .str i.lnr-envelope {
padding : 15px 14px;
}
.siparis_in .str i.lnr-map-marker {
padding : 13px 12px;
}
.siparis_in .str input, .siparis_in .str select {
width : 100%;
padding : 0 10px;
height : 55px;
line-height : 51px;
border : #ddd solid 1px;
outline : 0;
font-size : 14px;
background : #fff;
}
.siparis_in .str input.flaticon {
padding : 0 10px 0 40px;
}
.siparis_in .str input:focus, .siparis_in .str select:focus {
border : #146C78 solid 1px;
}
.siparis_in .str textarea.flaticon {
padding : 10px 10px 10px 40px;
}
.siparis_in .str textarea {
width : 100%;
padding : 10px;
height : 100px;
line-height : 24px;
border : #ddd solid 1px;
outline : 0;
font-size : 14px;
}
.siparis_in .str textarea:focus {
border : #146C78 solid 1px;
}
.siparis_in .str.tam {
width : 100%;
}
.siparis_in .str#sonuc strong {
float : left;
display : inline-block;
line-height : 22px;
background : #FAFAFA;
color : #333;
padding : 0 10px;
}
.siparis_in .str#sonuc strong i {
float : left;
display : inline-block;
width : 22px;
line-height : 22px;
height : 22px;
padding : 0;
font-size : 20px;
color : #d00;
margin-right : 7px;
position : relative;
}
.siparis_in a.kaydet {
float : right;
height : 45px;
line-height : 45px;
color : #fff;
background : #146C78;
display : inline-block;
padding : 0 15px;
margin : 5px;
cursor : pointer;
}
.siparis_in a.kaydet:hover {
background : #666;
}
.siparis h3 {
text-align : center;
display : block;
font-size : 23px;
height : 20px;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
border-bottom : 2px solid #efefef;
}
.siparis h3 i {
display : inline-block;
font-size : 29px;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
background : #fff;
font-weight : 400;
padding : 5px 20px;
}
.sepet {
float : left;
width : 25%;
padding : 30px 10px;
padding-top: 15px;
}
.sepet.w-35{
width : 35%;
}
a.ileri,
button.ileri {
display : inline-block;
width : 100%;
height : 50px;
line-height : 50px;
background : #014698;
color : #fff !important;
border : 0;
outline : 0;
font-size : 17px;
cursor : pointer;
margin-bottom : 15px;
padding : 0 15px;
text-decoration : none;
}
a.ileri:hover,
button.ileri:hover {
background : #666;
}
.siparis_in .str button.ileri i,
.siparis_in .str a.ileri i {
position : relative;
color : #fff;
font-size : 20px;
float : right;
width : 30px;
height : 50px;
padding : 0;
}
.sepet_in {
width : 100%;
padding : 10px;
border : #ddd solid 1px;
margin-bottom : 15px;
}
.sepet_in i {
display : block;
font-size : 17px;
padding : 0 5px;
}
.sepet_in b {
font-size : 17px;
}
.sepet_in table {
border-collapse : collapse;
width : 100%;
color : #666;
}
.sepet_in table tr {
border-bottom : 0;
}
.sepet_in table i {
font-size : 10px;
opacity : 0.5;
}
.sepet_in table i:hover {
font-size : 10px;
opacity : 0.9;
cursor : pointer;
}
.sepet_in table td, .sepet_in table th {
padding : 15px 10px;
}
.sepet_in table td.delete {
padding : 15px 0 15px 5px;
width : 20px;
}
.sepet_in table td.fyt {
text-align : right;
font-size : 12px;
white-space : nowrap;
}
.sepet_in table td.tfyt {
text-align : right;
font-size : 15px;
white-space : nowrap;
}
.sepet_in table tr:nth-child(even) {
background-color : #efefef;
}
.sepet_in table th {
text-align : left;
color : #146C78;
font-size : 16px;
padding-left: 1px;
}
.odeme {
width : 100%;
padding : 0px 10px;
}
#tabalan {
width : 100%;
height : 50px;
list-style : none;
border-bottom : 2px solid #146C78;
position : relative;
z-index : 1;
}
#tabs {
margin : 0;
padding : 0;
width : 100%;
height : 50px;
list-style : none;
}
#tabs li {
float : left;
}
#tabs li img {
height : 20px;
margin : 10px 0;
}
#tabs a {
float : left;
position : relative;
margin-right : 2px;
padding : 0 15px;
height : 48px;
line-height : 50px;
text-decoration : none;
color : #666;
border : rgb(0 0 0 / 0.06) solid 2px;
border-bottom : 0;
background : #efefef;
}
#tabs a:hover {
background : #fafafa;
border : #ddd solid 2px;
border-bottom : 0;
}
#tabs a:focus {
outline : 0;
}
#tabalan a#exit {
position : absolute;
top : 0;
right : 0;
height : 38px;
line-height : 38px;
text-decoration : none;
color : #333;
}
#tabalan a#exit i {
float : right;
font-size : 20px;
color : #d00;
margin-left : 10px;
}
#tabalan a#exit:hover {
color : #d00;
}
#tabs #current a, #tabs #current a::after {
background : #fff;
z-index : 2;
color : #146C78;
border : #146C78 solid 2px;
border-bottom : 2px solid #fff;
height : 50px;
}
#content {
width : 100%;
margin : 15px 0;
min-height : 300px;
position : relative;
z-index : 1;
}
#content .alan {
width : 100%;
padding : 10px;
}
#content .alan#kart {
width : calc(100% + 30px);
padding : 0px;
margin-left:-15px;
}
#content .alan.paytr {
width : 100%;
padding : 0;
background : url(../img/load.svg) top 40% center no-repeat #fff;
background-size : 100px 100px;
}
#content .alan .siparis {
padding : 10px 0;
}
#content .alan .sptbox {
padding : 15px 20px;
border : #efefef solid 2px;
margin-top : 10px;
}
#content .alan .bekleyen {
width : 100%;
height : 55px;
line-height : 55px;
border-top : 1px solid #ddd;
}
#content .alan .bekleyen i {
float : left;
width : 40px;
height : 55px;
font-size : 30px;
color : #666;
}
#content .alan .odeme_alan {
float : left;
width : 55%;
min-height : 100px;
padding-right : 15px;
}
#content .alan .odeme_alan p {
line-height : 23px;
}
#content .alan .odeme_alan .str {
float : left;
width : 100%;
padding : 5px 10px;
min-height : 50px;
position : relative;
line-height : 20px;
}
#content .alan .odeme_alan .container {
display : inline-block;
white-space : normal;
}
#content .alan .odeme_alan .container .checkmarks i {
top : -20px;
left : -6px;
position : absolute;
display : block;
color : #fff;
font-size : 12px;
}
#content .alan .odeme_alan .container input:checked ~ .checkmarks i {
color : #fff;
top : -3px;
left : 3px;
}
#content .alan .odeme_alan .baslik {
float : left;
width : 40%;
height : 55px;
line-height : 55px;
}
#content .alan .odeme_alan input, #content .alan .odeme_alan select {
float : left;
width : 60%;
padding : 0 10px;
height : 55px;
line-height : 51px;
border : #efefef solid 2px;
outline : 0;
font-size : 18px;
}
#content .alan .odeme_alan select:last-child {
float : right;
}
#content .alan .odeme_alan input.mini, #content .alan .odeme_alan select.mini {
width : 27%;
}
#content .alan .odeme_alan input.banka, #content .alan .odeme_alan select.banka {
width : 100%;
}
#content .alan .odeme_alan input:focus {
border : #ddd solid 2px;
}
#content .alan .odeme_alan button.ode {
margin : 0 auto;
width : 200px;
height : 50px;
display : block;
line-height : 50px;
background : #45b1e8;
background-image : linear-gradient(#45b1e8, #3097de);
color : #fff;
border : 0;
outline : 0;
font-size : 17px;
cursor : pointer;
margin-bottom : 15px;
}
#content .alan .odeme_alan button.ode:hover {
background : #3097de;
}
#content .alan .toplam {
float : left;
width : 45%;
height : auto;
background : #fff;
text-align : center;
line-height : 20px;
padding : 20px 0;
font-size : 18px;
border : rgb(0 0 0 / 0.06) solid 2px;
cursor : pointer;
color : #666;
}
#content .alan .toplam b {
color : #146C78;
font-weight : 400;
font-size : 25px;
display : block;
line-height : 40px;
}
.sayfapage {
width : 100%;
height : auto;
margin : 15px 0 10px 0;
position : relative;
padding : 0 10px;
line-height : 23px;
min-height : 370px;
}
.sayfapage a{
color : #333;
}
.sayfapage strong {
    display: block;
    color: #666666;
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 5px;
}
.sayfapage p {
color : #222;
font-weight : 400;
}
.sayfapage p a {
color : #146C78;
text-decoration : none;
font-weight : 700;
}
.sayfapage h1 {
display : block;
font-size : 20px;
font-weight : 700;
margin : 0;
padding : 10px 0;
width : 100%;
color : #666;
padding-bottom : 14px;
border-bottom : 2px solid #ddd;
margin-bottom : 20px;
}
.anabaslik {
    float: left;
    padding: 10px 0;
    width: calc(100% - 20px);
    height: 65px;
    margin: 0 10px;
    margin-bottom: 5px;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.anabaslik a.tumu {
position : absolute;
right : 0;
bottom : 15px;
text-decoration : none;
color : #666;
font-weight : 500;
}
.anabaslik a.tumu:hover {
color : #146C78;
}
.anabaslik b.encok {
display : block;
font-size : 15px;
width : calc(100% - 40px);
font-weight : 400;
margin : 0;
color : #666;
float : left;
margin-top : 2px;overflow: hidden; /* taşacak kısımları gizle. */
 white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
 text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */ 
}
.anabaslik h1 {
display : block;
font-size : 18px;
width : calc(100% - 40px);
font-weight : 700;
margin : 0;
color : #146C78;
float : left;
margin-top : -2px;overflow: hidden; /* taşacak kısımları gizle. */
 white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
 text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */ 
}

.anabaslik .dropdown{
    float: right;
    position: absolute;
    right: 0;
    top: 15px;
}

.box {
float : left;
width : 100%;
padding : 10px;
transition : all 0.2s linear;
}
.box.margin-bottom{
margin-bottom: 15px;
}
.box.banner {
margin-top : 0px;
margin-bottom : 10px;
padding : 0;
/* border-bottom: solid 1px #666; */
}
.box.banner img {
width : 100%;
height : 100%;
}
.box.katbanner {
width : 50%;
height : auto;
}
.box.katbanner .box_in{
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    min-height: 100%;
    transition: all 0.15s linear;
    box-shadow: 0px 0px 6.65px 0.35px rgb(0 0 0 / 15%);
}
.box.katbanner2 {
width : 25%;
height : auto;
}
.box.katbanner.big {
width : 100%;
height : auto;
}
.box.katbanner.big img{
width : 100%;
}
.box.katbanner2 .box_in {
background : #fff;
border : 1px solid #ddd;
border-bottom : 3px solid #ddd;
transition : all 0.1s linear;
}
.box.katbanner2 .box_in:hover {
background : #fff;
border : 1px solid #ddd;
border-bottom : 3px solid #146C78;
}
.box.katbanner2 .tagb{
width : 100%;
height : 100%;
padding : 15px;
display : block;
position : absolute;
background : linear-gradient( to right, rgba(0,0,0,0.05) 10%, rgba(0,0,0,0) 100%);
color : #fff;
}
.box.katbanner2 .tagb b{
color : #146C78;
text-decoration : none;
}
.box.katbanner2 .tagb strong.tubu{
color : #fff;
text-decoration : none;
position : absolute ;
bottom : 15px;
display : block;
line-height : 30px;
padding : 0 10px;
background : #aaa;
font-size : 13px;
transition : all 0.1s linear;
}
.box.katbanner2 .tagb:hover strong.tubu{
color : #fff;
background : #146C78;
}
.box.katbanner2 .tagb span{
width : 100%;
height : 25px;
display : block;
transition : all 0.1s linear;
}
.box.katbanner2 .tagb a:hover span{
padding-left : 3px;
}
.box.katbanner2 img{
width : 100%;
height : auto;
max-height: 330px;
float : left;
padding : 55px 25px;
}

.box.katbanner.ful {
width : 100%;
height : auto;
}
.box.katbanner.ful .box_in {
background : none;
border : 0;
}

.box.katbanner.ful .kat .tagb{
width : 100%;
height : auto;
display : block;
position : relative;
background : #fff;
color : #353535;
border : 1px solid #ddd;
border-right : 0px solid #ddd;
border-bottom : 0px solid #ddd;
    padding: 0;
}
.box.katbanner.ful .kat .tagb a{
float : left;
width : 25%;
color : #353535;
text-decoration : none;
padding : 0 7.5px;
border-right : 1px solid #ddd;
border-bottom : 1px solid #ddd;
line-height : 50px;
font-size : 13px;
}
.box.katbanner.ful .kat .tagb a:hover{
background : #eee
}
.box.katbanner.ful .kat .tagb a span{
display : block;
height : 50px;
line-height : 50px;
}
.box.katbanner.ful .kat .tagb a span strong {
    display: block;

	overflow: hidden; /* taşacak kısımları gizle. */
 white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
 text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */
}
.box.katbanner.ful .kat .tagb a span i{
display : block;
width : 25px;
height : 50px;
line-height : 50px;
font-size : 20px;
float : left;
color : #eee;
float : right;
}
.box.katbanner.ful .kat .tagb a.sec{
font-weight : 500;
color : #146C78
}
.box.katbanner.ful .kat .tagb a.sec span i,
.box.katbanner.ful .kat .tagb a.sec:hover span i{
color : #146C78;
}
.box.katbanner.ful .kat .tagb a:hover span i{
color : #353535;
}
.box.katbanner b.filbas{
display : inline-block;
font-size : 13px;
line-height : 35px;
padding : 0 10px;
text-transform : capitalize;
color : #fff;
background : #146C78;
white-space: normal;
}
.box.katbanner b.filbas i{
float : left;
display : inline-block;
font-size : 20px;
line-height : 35px;
padding-right : 5px;
}
.box.minibanner {
width : 40%;
height : auto;
transition : all 0.1s linear;
}
.box.minibanner .box_in {
transition : all 0.1s linear;
}
.box.minibanner:hover .box_in {
box-shadow : 0 3px 8px 0 rgb(24 58 69 / 0.4);
}
.box.minibanner .box_in {
background-size : cover;
background-position : center center;
overflow : hidden;
}
.box.minibanner .box_in a span {
display : inline-block;
background : rgb(0, 0, 0, 0.5);
color : #fff;
bottom : 10px;
left : 10px;
position : absolute;
padding : 4px 8px;
}
.box.minibanner .box_in:hover a span {
background : #146C78;
color : #fff;
}
.box.minibanner img {
width : 100%;
height : auto;
opacity : 0;
}
.box.urun {
width : 100%;
min-height: 358px;
border-bottom : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #fff;
}
.urunborder {
border-top : 1px solid #ddd;
border-left : 1px solid #ddd;
}
.box.urun:hover {
box-shadow : 0 0 25px 3px rgb(0 0 0 / 0.1);
position : relative;
z-index : 1;
}
.box_in {
width : 100%;
height : 100%;
overflow : hidden;
position : relative;
}
.box.urun .box_in {
padding-bottom : 5px;
}
.box.urun .box_in .resimbox {
    width: 100%;
    min-height: 215px;
    overflow: hidden;
    position: relative;
}
.box.urun .box_in .resim img {
width : 100%;
height : auto;
max-height: 200px;
}
.box.urun .box_in .bilgi {
height : 30px;
line-height : 30px;
background : #40a338;
color : #fff;
position : absolute;
padding : 0 5px;
font-weight : 700;
right : 0;
}
.box.urun .box_in a.baslik {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 20px;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    font-weight: 500;
}
.box.urun .box_in b.kod {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #aaa;
    margin: 10px 10px;
    line-height: 17px;
    padding: 5px 15px;
    text-transform: capitalize;
    color: #666;
    background: #eee;
    white-space: nowrap;
    text-overflow: ellipsis
}
.box.urun .box_in div.fiyat {
width : 100%;
height : 30px;
text-align : center;
font-size : 19px;
font-weight : 500;
color : #146C78
}
.box.urun .box_in span.eskifiyat {
color : #999;
padding-right : 5px;
text-decoration : line-through;
}
.box.urun .box_in span.fiyat {
padding-left : 5px;
font-weight : 600;
color : #666;
}
.box.urun .box_in .fiyat b {
float : left;
padding-right : 2px;
}
.box.urun .box_in .taksit {
width : 100%;
height : 30px;
line-height : 35px;
color : #40a338;
text-align : center;
font-size : 12px;
display : none;
}
.sptbox {
width : 100%;
height : auto;
margin : 15px 0 10px 0;
position : relative;
background : #fff;
padding : 15px;
}
.odemealan {
float : left;
width : 50%;
height : auto;
padding : 10px;
}
.odemealan.osec {
padding-right : 20px;
}
.odeme_in {
width : 100%;
height : auto;
margin : 15px 0 10px 0;
position : relative;
background : #fff;
padding : 15px;
background : #efefef;
}
.odeme_in a.uogy {
float : right;
font-size : 13px;
color : #d22f5a;
text-decoration : none;
}
.odeme_in .baslik {
width : 100%;
height : 40px;
line-height : 34px;
border-bottom : 1px solid #ddd;
font-size : 14px;
font-weight : 500;
color : #d22f5a;
margin-bottom : 15px;
}
.insatir {
width : 100%;
clear : both;
}
.inbaslik {
display : block;
width : 105px;
float : left;
padding : 5px 0;
height : 40px;
line-height : 40px;
}
.nokta {
display : block;
width : 6px;
float : left;
padding : 5px;
height : 40px;
line-height : 40px;
}
.inalan {
width : 100%;
padding-left : 121px;
border-bottom : 1px solid #fff;
}
.insatir input, .insatir select, .insatir textarea {
border : #ddd solid 1px;
outline : 0;
width : 100%;
height : 38px;
line-height : 18px;
padding : 10px;
background : #fefefe;
margin-top : 5px;
color : #333;
}
.insatir select {
padding : 8px;
line-height : 16px;
margin-top : 11px;
}
.insatir input:focus, .insatir select:focus, .insatir textarea:focus {
border : #bbb solid 1px;
}
.insatir textarea {
height : 60px;
resize : none;
}
input[type="radio"].css-checkbox {
position : absolute;
z-index : -1000;
left : -1000px;
overflow : hidden;
clip : rect(0 0 0 0);
height : 1px;
width : 1px;
margin : -1px;
padding : 0;
border : 0;
}
input[type="radio"].css-checkbox + label.css-label {
padding-left : 50px;
height : 40px;
display : block;
line-height : 20px;
background-repeat : no-repeat;
background-position : 0 0;
font-size : 14px;
vertical-align : middle;
cursor : pointer;
padding-bottom : 14px;
margin-bottom : 14px;
font-weight : 500;
}
input[type="radio"].css-checkbox:checked + label.css-label {
background-position : 0 -53px;
}
label.css-label {
background-image : url(../img/checkbox.png);
user-select : none;
color : #432e4c;
}
label.css-label span {
font-size : 12px;
display : block;
font-weight : 400;
}
#donus {
width : 100%;
height : auto;
margin-top : 15px;
display : none;
}
#donus_ic {
width : 100%;
background : #fff;
border : #aaa solid 1px;
background : #fbfbfb;
padding : 15px;
box-shadow : 0 0 5px 2px rgb(0 0 0 / 0.1);
}
#pop {
width : 100%;
height : 100%;
background : rgb(0 0 0 / 0.5);
position : fixed;
z-index : 92;
left : 0;
top : 0;
padding : 14px;
}
#popic {
position : relative;
margin : 0 auto;
width : 100%;
max-width : 380px;
height : auto;
margin-top : 5%;
box-shadow : 0 3px 10px 0 rgb(0 0 0 / 0.2);
background : #fff;
}
#popic b.anabaslik {
text-align : left;
font-weight : 600;
font-size : 15px;
width : 100%;
display : block;
padding : 0 20px;
color : #333;
background : #ddd;
height : 40px;
line-height : 40px;
border-bottom : 1px solid #ccc;
margin-bottom : 10px;
}
#popic b {
padding-left : 20px;
padding-bottom : 10px;
display : inline;
color : #666;
font-size : 14px;
line-height : 30px;
}
#popic b.tutar {
padding-left : 20px;
padding-bottom : 0;
font-size : 15px;
display : block;
color : #41ad49;
}
#popic p {
padding : 7px;
margin : 20px;
border : #ccc solid 1px;
}
input.tamam {
float : left;
padding : 0 10px;
height : 40px;
line-height : 40px;
font-weight : 600;
margin-left : 20px;
margin-bottom : 20px;
cursor : pointer;
color : #fff;
background : #6ca456;
background : linear-gradient(#6ca456, #5f9849);
border : #568342 solid 1px;
}
input.tamam:hover {
background : #568342;
}


.bankalar {
width : 100%;
border : #ddd solid 1px;
border-right : 0px;
border-bottom : 0px;
padding : 0px;
text-align : left;
margin-bottom : 15px;
}
.bankalar .banka {
float : left;
width : 50%;
height : auto;
line-height : 30px;
padding : 15px;
border-right : #ddd solid 1px;
border-bottom : #ddd solid 1px;
}
.bankalar .banka img{
float : left;
margin-right : 15px;
width : 90px;
height : 90px;
}
.bankalar .banka b {
float : left;
display : block;
}
.bankalar .banka strong {
color : #1f477e;
}
.bankalar .banka:hover {
background : #eee;
}

.xkapa {
position : absolute;
top : 0;
right : 0;
width : 40px;
height : 40px;
cursor : pointer;
background : url("../img/x.png") center center no-repeat #aaa;
}
.siparis_satir {
width : 100%;
max-height : 50px;
overflow : hidden;
}
.siparis_satir.open.ac, .siparis_satir.open.ac .siparis_satir, .siparis_satir.open.ac .siparis_satir:hover, .siparis_satir.open.ac:hover {
width : 100%;
max-height : 100%;
overflow : hidden;
color : #fff;
background : #146C78;
margin : -10px;
margin-bottom : 0;
padding : 10px;
position : relative;
z-index : 1;
}
.siparis_detay {
width : 100%;
height : auto;
overflow : hidden;
color : #fff;
padding : 15px;
}
.kargo_detay {
width : 100%;
height : auto;
overflow : hidden;
color : #333;
background : #fff;
padding : 10px;
}
.kargo_detay b {
float : right;
}
.siparis_detay a {
line-height : 50px;
color : #fff;
text-decoration : none;
}
.siparis_satir_str {
width : 100%;
height : 50px;
line-height : 50px;
border-bottom : 1px solid rgb(0 0 0 / 0.1);
cursor : pointer;
overflow : hidden;
}
.siparis_satir_str.th, .siparis_satir_str.th:hover {
width : 100%;
height : 49px;
line-height : 49px;
border-bottom : 0;
font-weight : 700;
cursor : default;
border-bottom : 1px solid rgb(0 0 0 / 0.1);
}
.siparis_satir_str.th .siparis_satir_str {
border-left : 0;
border-right : 0;
color : #146C78;
}
.siparis_satir:hover {
background : #fafafa;
}
.siparis_satir_str.no {
float : left;
width : 10%;
padding : 0 10px;
}
.siparis_satir_str.tarih {
float : left;
width : 20%;
padding : 0 10px;
}
.siparis_satir_str.odeme {
float : left;
width : 25%;
padding : 0 10px;
}
.siparis_satir_str.tutar {
float : left;
width : 20%;
padding : 0 10px;
text-align : right;
}
.siparis_satir_str.durum {
float : left;
width : 25%;
padding : 0 10px;
text-align : right;
}
.siparis_tamamla {
width : 100%;
padding : 25px 0 5px 0;
position : relative;
}
.siparis_tamamla .hr {
position : absolute;
width : 100%;
height : 25px;
border-bottom : 1px solid #eee;
}
.siparis_tamamla .bolum {
float : left;
width : 25%;
text-align : center;
white-space : nowrap;
}
.siparis_tamamla .bolum b, .siparis_tamamla .bolum i {
width : 50px;
height : 50px;
line-height : 50px;
display : inline-block;
background : #ddd;
color : #fff;
border-radius : 25px;
font-size : 20px;
font-weight : normal;
text-align : center;
position : relative;
}
.siparis_tamamla .bolum.tamam i {
width : 50px;
height : 50px;
line-height : 50px;
display : inline-block;
background : #fff;
color : #bbb;
font-size : 50px;
font-weight : normal;
text-align : center;
position : relative;
}
.siparis_tamamla .bolum b.active, .siparis_tamamla .bolum i.active {
background : #3aa521;
}
.siparis_tamamla .bolum b.tamam, .siparis_tamamla .bolum i.tamam {
background : #146C78;
cursor : pointer;
}
.siparis_tamamla .bolum.tamam i.active {
color : #3aa521;
background : #fff;
}
.siparis_tamamla .bolum span {
display : block;
text-align : center;
color : #aaa;
font-size : 14px;
line-height : 40px;
}
.siparis_tamamla .bolum span.active {
color : #3aa521;
}
.siparis_tamamla .bolum span.tamam {
color : #146C78;
cursor : pointer;
}
#footertop {
width : 100%;
height : 70px;
background : #014698;
position : relative;
overflow : hidden;
/* margin-top : 45px; */
}
#footertop a.iconx {
float : right;
display : inline-block;
line-height : 70px;
color : #fff;
text-decoration : none;
font-size : 14px;
}
#footertop a.iconx.ad {
float : left;
}
#footertop a.iconx b {
float : left;
color : #fff;
}
#footertop a.iconx i {
float : left;
display : inline-block;
font-size : 20px;
color : #fff;
margin : 0 10px;
}
#footertop a.iconx.ad i {
margin : 0 10px 0 0px;
}
#footer {
width : 100%;
padding : 40px 0 0 0;
height : auto;
background: url(../img/world-map.png) bottom center no-repeat #666;
}
.footer.center {
padding : 0 20px !important;
}
#footertop .center {
padding : 0 20px;
}
#footer .sosyal {
float : left;
width : 100%;
height : 40px;
max-width : 240px;
text-align : center;
}
#footer .sosyal a {
float : left;
width : 40px;
height : 40px;
display : block;
border-radius : 20px;
text-decoration : none;
margin-right : 10px;
background : rgba(0,0,0,0.2);
}
#footer .sosyal a:hover {
background : #e2c97f;
}
#footer .sosyal a.facebook:hover {
background : #3B5998;
}
#footer .sosyal a.instagram:hover {
background : #E02C76;
}
#footer .sosyal a.youtube:hover {
background : #FF0000;
}
#footer .sosyal a img {
margin : 0 auto;
width : 20px;
height : 20px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
#footer .footer .alan {
float : left;
width : 20%;
padding-right : 20px;
}
#footer .footer .alan input.mail {
border : #ddd solid 1px;
border-right : 0;
height : 40px;
line-height : 40px;
padding : 0 10px;
background : #fefefe;
float : right;
outline : 0;
}
#footer .footer .alan span {
float : right;
margin : 0;
height : 40px;
line-height : 40px;
width : 40px;
text-align : center;
background : #e2c97f;
}
#footer .footer .alan span:hover {
background : #d3bb72;
}
#footer .footer .alan.kurumsal {
width : 30%;
}
#footer .footer .alan.bulten {
width : 30%;
text-align : right;
padding-right : 0;
}
#footer .footer .alan b {
display : block;
font-size : 17px;
color : #fff;
padding : 1px 0 7px 0;
}
#footer .footer .alan a {
display : block;
padding : 0;
text-decoration : none;
color : rgb(255, 255, 255, 0.8);
line-height : 25px;
cursor : pointer;
}
#footer .footer .alan a:hover {
color : #fff;
}
#footer .footer .alan p {
margin : 0;
padding : 0;
text-decoration : none;
color : #fff;
line-height : 25px;
}
.flogo{
	max-width : 180px;
	height : auto;
    border-radius: 10px;
}
#up {
position : fixed;
background : #146C78;
width : 50px;
height : 50px;
line-height : 50px;
border-radius : 25px;
cursor : pointer;
opacity : 0;
z-index : 2;
transition : all 0.2s linear;
bottom : 85px;
right : 25px;
text-align : center;
box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
}
#wht {
position : fixed;
background : #4DC247;
width : 50px;
height : 50px;
line-height : 50px;
border-radius : 25px;
cursor : pointer;
z-index : 2;
transition : all 0.2s linear;
bottom : 25px;
right : 25px;
text-align : center;
box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
padding-top : 7.5px;
}
#up i {
display : block;
color : #fff;
width : 50px;
height : 50px;
line-height : 50px;
font-size : 20px;
}
#up.goster {
opacity : 1;
}
.copyright {
width : 100%;
padding : 20px 0;
margin-top : 20px;
text-align : left;
color : rgb(255, 255, 255, 0.6);
}
.copyright .center {
padding : 0 20px !important;
}
a.filnet {
float : right;
display : block;
width : 16px;
height : 22px;
background : url(../img/filnet.svg) top left no-repeat;
background-size : auto 22px;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 95px;
}
.ui-widget-content {
box-shadow : 0 3px 10px 0 rgb(0 0 0 / 0.2);
padding : 10px;
}
#mobillogo, #mobilbasket, #mobilsearch, #mobilmenu b, #mobilsepet, #filter, #mobilemenu {
display : none;
}

.slide {
    position: relative;
    z-index: 0;
    transition: all 0.1s linear;
    height: 375px;
    box-shadow: 0px 0px 6.65px 0.35px rgb(0 0 0 / 15%);
    padding: 5px;
}
.images .slide{
    height: auto;
    max-height: 555px;
}
.slide.shadow{
-webkit-box-shadow: 0px 1px 2px 0px rgb(138 138 138);
-moz-box-shadow: 0px 1px 2px 0px rgba(138,138,138,1);
box-shadow: 0px 1px 2px 0px rgb(138 138 138);
}
.owl-carousel .owl-stage-outer {
width : 100%;
height : 100%;
position : relative;
}
.item {
width : 100%;
height : 100%;
display : block;
position : relative;
background-size : 100% auto;
background-position : center center !important;
text-decoration : none;
overflow : hidden;
}
.owl-carousel .owl-nav .disabled {
opacity : 0.5;
cursor : default;
}
.owl-carousel .owl-nav {
transition : all 0.2s linear;
opacity : 1;
}
.owl-carousel:hover .owl-nav {
opacity : 1;
}
.owl-carousel .owl-nav [class*="owl-"] {
display : inline-block;
cursor : pointer;
}
.owl-carousel .owl-nav .disabled {
opacity : 0.5;
cursor : default;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
width : 50px;
height : 50px;
line-height : 50px;
position : absolute;
top : calc(50% - 25px);
outline : 0;
transition : all 0.1s linear;
font-size : 20px;
text-align : center;
color : #fff;
background : #666;
}
.image.owl-carousel .owl-nav button.owl-prev, .image.owl-carousel .owl-nav button.owl-next {
top : calc(50% - 25px);
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
color : #fff;
background : #014698;
}
.owl-carousel .owl-nav button.owl-prev {
left : 10px;
}
.owl-carousel .owl-nav button.owl-next {
right : 10px;
}
.owl-carousel .owl-dots {
width : calc(100% - 150px);
left : 75px;
position : absolute;
bottom : 15px;
text-align : center;
}
.owl-carousel:hover .owl-dots {
opacity : 1;
}
.owl-carousel .owl-dots .owl-dot {
display : inline-block;
outline : 0;
}
.owl-carousel .owl-dots .owl-dot span {
width : 50px;
height : 10px;
margin : 2px;
background : #666;
display : block;
}
.owl-carousel .owl-dots .owl-dot:hover span {
background : #666;
}
.owl-carousel .owl-dots .owl-dot.active span {
background : #014698;
}
.outer {
display : table;
position : absolute;
height : 100%;
top : 0;
width : 100%;
}
.middle {
display : table-cell;
vertical-align : middle;
}
.loginbox {
float : left;
text-align : left;
width : 50%;
}
.loginbox_in {
float : right;
width : 100%;
max-width : 450px;
padding : 20px;
background : #fff;
border : #ddd solid 1px;
border-bottom : 2px solid #146C78;
}
.login {
text-align : left;
float : left;
width : 50%;
}
.login_in {
float : left;
width : 100%;
max-width : 450px;
padding : 20px 30px;
}
.login b, .loginbox b {
display : block;
color : #146C78;
font-size : 20px;
line-height : 35px;
}
.login b {
color : #666;
}
.login span, .loginbox span {
display : block;
color : #666;
}
.loginbox span {
border-bottom : 1px solid #ddd;
padding-bottom : 15px;
}
input.ifo {
border : #ddd solid 1px;
outline : 0;
width : 100%;
height : 38px;
line-height : 18px;
padding : 10px;
background : #fefefe;
margin-top : 12.5px;
color : #333;
}
input.ifo.elli {
float : left;
border : #ddd solid 1px;
outline : 0;
width : 50%;
height : 38px;
line-height : 18px;
padding : 10px;
background : #fefefe;
margin-top : 12.5px;
color : #333;
}
input.ifo.elli.soyad {
border-left : 0;
}
textarea.ifo:hover, input.ifo:hover {
border : #bbb solid 1px;
}
textarea.ifo:focus, input.ifo:focus {
border : #bbb solid 1px;
background : #fff;
}
#sonuc {
float : left;
display : none;
min-width : 30px;
height : 22px;
line-height : 22px;
padding : 8px 0;
margin-top : 12.5px;
}
#sonuc strong {
float : left;
display : inline-block;
line-height : 22px;
background : #fff;
color : #333;
}
#sonuc strong i {
float : left;
display : inline-block;
width : 22px;
line-height : 22px;
font-size : 20px;
color : #d00;
margin-right : 7px;
}
#tabs-container {
width : 100%;
padding-top : 14px;
padding-bottom : 7px;
}
.tabs-menu {
margin : 0;
padding : 0;
height : 50px;
float : left;
clear : both;
list-style : none;
}
.tabs-menu li {
height : 50px;
line-height : 50px;
float : left;
font-weight : 400;
background : rgb(0 0 0 / 0.03);
border-left : 1px solid rgb(0 0 0 / 0.03);
}
.tabs-menu li.current {
position : relative;
background : #fff;
z-index : 1;
}
.tabs-menu li a {
padding : 0 15px;
line-height : 50px;
display : block;
color : #666;
text-decoration : none;
font-size : 14px;
}
.tabs-menu .current a {
background : #146C78;
color : #fff;
}
.tab {
width : 100%;
float : left;
background : #fff;
box-shadow : 0 1px 3px 0 rgb(0 0 0 / 0.15);
border-top : 2px solid #146C78;
}
.tab-content {
display : none;
padding : 25px 15px;
overflow-y : auto;
min-height : 300px;
}
.tab-content p {
font-weight : 400;
color : #333;
}
.tab-content a {
text-decoration : none;
color : #146C78;
}
.tab-content a.tg {
text-decoration : none;
color : #333;
}
.page_in a {
font-weight : 400;
text-decoration : none;
color : #146C78;
}
.page_in b, .page_in strong {
color : #432e4c;
}
.tab-content h2 {
margin : 0;
padding : 0;
font-size : 14px;
height : auto;
color : #146C78;
padding-bottom : 15px;
}
.tab-content::-webkit-scrollbar {
width : 6px;
height : 6px;
background : #ddd;
box-shadow : 0 0 5px rgb(0 0 0 / 0.1) inset;
}
.tab-content::-webkit-scrollbar-thumb {
background : #aaa;
}
#tab-1 {
display : block;
}
a.giris {
float : right;
display : inline-block;
cursor : pointer;
line-height : 22px;
padding : 8px 13px;
background : #146C78;
color : #fff;
margin-top : 12.5px;
}
a.giris:hover {
background : #146C78;
}
a.hemenuyeol {
float : left;
cursor : pointer;
line-height : 22px;
padding : 5px 10px;
background : #666;
color : #fff;
border : 0;
margin-top : 12.5px;
text-decoration : none;
}
a.hemenuyeol:hover {
background : #666;
}
a.filnet {
margin : 0 auto;
display : block;
width : 16px;
height : 22px;
background : url(../img/filnet.svg) top left no-repeat;
background-size : auto 22px;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 95px;
}
a.unuttum {
width : 250px;
margin : 0 auto;
display : inline-block;
line-height : 50px;
color : #aaa;
text-decoration : none;
}
a.unuttum i {
float : left;
font-size : 25px;
margin : 0 5px 0 0;
}
a.unuttum:hover {
color : #146C78;
}
.kargosec label span {
display : block;
width : 100%;
border : #eee solid 2px;
height : 70px;
padding : 5px 15px;
box-sizing : border-box;
line-height : 25px;
margin-bottom : 10px;
line-height : 15px;
font-size : 12px;
position : relative;
cursor : pointer;
background : #fff;
}
.kargosec em {
font-size : 40px;
float : left;
color : #aaa;
height : 56px;
line-height : 56px;
text-align : center;
width : 36px;
display : block;
margin-right : 15px;
}
.kargosec label span b {
display : block;
font-size : 16px;
line-height : 35px;
}
.kargosec label span strong {
width : 70px;
display : block;
font-size : 16px;
line-height : 43px;
position : absolute;
right : 0;
top : 0;
text-align : right;
padding-right : 10px;
white-space : nowrap;
color : #3aa521;
}
.kargosec label input {
display : none;
}
.kargosec :checked + span {
border : #3aa521 solid 2px;
}
.kargosec :checked + span em {
color : #3aa521;
}
.hr {
width : 100%;
height : 1px;
background : rgb(0, 0, 0, 0.1);
margin : 15px 0;
}
@media screen and (max-width:1000px) {

    .bankalar .banka {
        float : left;
        width : 100%;
    }	
.yer {
margin-top : -10px;	
}
.box.urun .box_in div.fiyat {
font-size: 15px;
}

#header {
min-height : 140px;
}
#logo {
float : left;
display : block;
width : 219px;
height : 90px;
z-index : 5;
}
#logo a{
width : 210px;
display : block;
}
#logo a img {
width : auto;
height : 90px;
}
#header #ustalan {
width : calc(100% - 210px);
}
.box.banner {
margin-top: 0px;
}
.tag {
height : 45px;
line-height : 45px;
}
#header #arama {
float : none;
width : 100%;
padding : 0 10px;
position : absolute;
top : 80px;
left : 0;
}
#header .arama {
width : 100%;
max-width : 100%;
}

ul#mega {
display : none;
}
#mobilmenu{
height : 55px;
line-height : 55px;
display : inline-block;
}
#mobilmenu b{
width : 100%;
display : block;
color : #fff;
text-transform : uppercase;
}
#mobilmenu b i {
display : none;
}
#mobilmenu b i.ac {
display : block;
width : 42px;
float : left;
color : #fff;
font-size : 30px;
text-align : center;
}
#mobilemenu {
display : block;
position : absolute;
width : 100%;
left : -100%;
top : 235px;
z-index : 4;
height : 100%;
overflow : scroll;
background : #fff;
}
body.lock #mobilemenu {
left : 0;
}
.momega {
width : 100%;
height : auto;
padding : 15px 0;
position : relative;
}
ul#momega {
list-style : none;
margin : 0;
padding : 0;
}
#momega li {
width : 100%;
line-height : 50px;
}
#momega li a {
height : 50px;
color : #333;
text-decoration : none;
display : block;
font-size : 16px;
border-left : 0;
position : relative;
padding-left : 25px;
font-weight: 600;
text-transform : capitalize;
}
#momega li a i{
float : left;
width : 40px;
height : 50px;
font-size : 25px;
color : #444;
}
#momega .altmenu {
position : relative;
width : 100%;
height : auto;
transition : all 0.2s linear;
overflow : hidden;
border-bottom : 1px solid #ddd;
}
#momega .altmenu_in {
width : 100%;
padding : 0 15px 15px 15px;
height : auto;
}
#momega .altmenu_in a{
line-height : 30px;
height : 30px;
padding-left: 30px;
font-size : 14px;
font-weight: 400;
}
#momega li a.grp {
color : #146C78;
}
#momega li a.grp i{
color : #146C78;
}
#momega li:hover .altmenu {
max-height: 1000px;
}
.box.urun {
width : 25%;
}
.box.urun.son,
.box.urun.enson {
display : none;
}
#footertop a.iconx b {
display : none;
}
#footer .footer .alan, #footer .footer .alan.kurumsal, #footer .footer .alan.bulten {
width : 100%;
padding-bottom : 15px;
margin-bottom : 15px;
}
#footer .footer .alan.bulten {
text-align : left;
border-bottom : 0;
}
#footer .footer .alan.bulten {
border-top : 1px solid #ddd;
margin-top : -10px;
padding-top : 20px;
}
#footer .footer .alan.kurumsal{
border-bottom : 1px solid #ddd;
}
#footer .sosyal {
float : left;
width : auto;
}
#footer .sosyal a {
margin-left: 0px;
margin-right: 10px;
}
#header #sepet span.say {
left : 12px;
}#header #ustalan a.wht {
display : none;
}

.box.katbanner2 {
width : 33.33%;
height : auto;
}

.box.katbanner.ful .kat .tagb a {
    width: 33.33%;
}
}
@media screen and (max-width:780px) {
	.box.katbanner.ful .kat .tagb a {
    line-height: 40px;
    width: 50%; 
	overflow: hidden; /* taşacak kısımları gizle. */
 white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
 text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */
}
.box.katbanner {
    width: 100%;
    height: auto;
}
.box.katbanner img{
    width: 100%;
    height: auto;
}
#header #ustalan a.kargo {
display : none;
}
.box.katbanner2 {
width : 50%;
height : auto;
}
#topbar a,
a.nmb {
display : none;
}
.masa {
display:none;
}
.mobil {
display:block;
padding: 10px;
}
a.liste-two,
.slider-menu{
    display: none;
}
.slide{
    height: 200px;
}
img.fobimg {
display:none;
}
.outer {
padding-top : 70px;
}
.page_left {
float: none;
width: 100% !important;
}
.sepet {
float: none;
width: 100%;
padding: 10px;
display: none;
}
#content .alan  .odeme_alan {
float: none;
width: 100%;
padding: 0px;
padding-right : 0;
}
#content .alan  .toplam {
float: none;
width: 100%;
padding: 10px;
}

.siparis_in .str {
float: none;
width: 100%;
}
.siparis_tamamla .center {
padding : 0;
}
#content .alan#havale {
width: 100%;
padding: 00px;
}
.siparis_tamamla .bolum {
white-space: normal;
padding: 0 10px;
}
.siparis_tamamla .bolum span {
    font-size: 14px;
    line-height: 20px;
	margin-top : 15px;
}
.owl-carousel .owl-dots {
width : 100%;
left : 0;
position : absolute;
bottom : 15px;
text-align : center;
}
.owl-carousel .owl-nav {
display : none;
}
.description .atspt {
width : 100%;
margin-left : 0px;
left : 0px;
bottom : 0px;
position : fixed;
z-index : 1;
background : #fff;
padding : 0 10px;
box-shadow : 0 -10px 10px 0 rgb(0 0 0 / 0.1);
height : 90px;
z-index : 2;
}

.description .right #balon {
display : none;
}
.description .atspt .left,
.description .atspt .right{
padding-top : 0px;
}
.images {
float : none;
width : 100%;
padding : 0 10px;
position : relative;
margin-top : -10px;
}
.image {
float : none;
width : 100%;
}
.description {
clear : both;
float : none;
width : 100%;
padding : 10px;
margin-top : 10px;
position : relative;
}
#header {
min-height : 140px;
}
.login,
.loginbox {
float : none;
text-align : left;
width : 100%;
}
.filtre {
float : left;
margin-top : 0px;
}
#filtre .filtremenu {
left: 0;
}
.tag {
display : none;
}
.box.urun {
width : 33.33%;
}
.box.urun.son{
display : block;
}
.box.urun.orta{
display : none;
}
#footertop a.iconx b {
display : inline-block;
}
#footertop a.iconx.ad {
display : none;
}
.anabaslik {
height : 50px;
}
.anabaslik a.tumu {
display  : none;
}
.anabaslik b.encok2 {
width : 30px;
font-size : 35px;
}
.anabaslik b.encok {
font-size : 14px;
}
.anabaslik h1 {
font-size : 16px;
font-weight : 600;
}
}




.pl-0{
    padding-left: 0px !important;
}

.left-sect {
    float: left;
    width: 24.5%;
    padding: 10px;
}

.right-sect {
    float: right;
    width: 74.5%;
    padding: 10px;
}

.main-filter-sect{
	float: left;
	width: 100%;
	background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);
	padding: 8px;
	border-radius: 7px;
	margin-bottom: 15px;
	position: relative;
}

.main-filter-sect.preloader {
	background: url(../img/orig.gif) center center no-repeat #FFF;
	background-size: auto 100%;
	min-height:61px
}

.main-filter-sect fieldset .title {
	font-weight: 500;
	text-align: left;
	line-height: 35px;
	font-size: 15px;
	border-radius: 5px;
	padding-left: 7.5px;
	background: #F1F1F1;
}
.main-filter-sect fieldset .title i {
	float: left;
	line-height: 35px;
	margin-right: 6px;
	font-size: 19px;
}

.filter-item label {
    margin-top: 5px;
    cursor: pointer;
    display: block;
	padding:6px 5px;
	border-bottom: 1px solid #EEE;
	font-weight: 300;
    border-radius: 5px;
}

.filter-item label a{
    color:#222
}

.filter-item label:hover{
    background:#EEE;
}

.filter-item .filter-content {
	max-height: 200px;
	overflow-y: auto;
}

.filter-tabs-body ::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.main-filter-sect ::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.filter-item label:last-child{
	margin-bottom:0px;
	border-bottom: 0px solid #EEE;
}

.filter-item span.filter-text {
	width: 88%;
	float: right;
	line-height: 21px
}

.filter-item span.filter-text span{
	float: right;
	padding-right: 5px
}

.urun-small{
    width: 25% !important;
}

.p-0{
    padding: 0px !important;
}

.pages-board{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 7.5px;
    border: 1px solid #e0e0e0;
}
.pages-board strong{
	display: block;
	margin-top: 2px
}






/* Left Menu Section */
aside{
    width: 85.0%;
    position: fixed;
    left: -90%;
    top: 0px;
    bottom: 0px;
    min-height: 100%;
    padding: 0px 0px;
    background-color: #FFF;
    z-index: 9;
    border-right: 1px solid #d2d2d2;
    box-shadow: 0px 1px 15px 0px rgb(0 0 0 / 15%);
    overflow-y: auto;
    transition: all 0.3s linear;
}
aside .input-group {
    padding:10px 7.5px;
    padding-bottom: 0px;
    background: #FFF
}
aside .input-group input {
    height: 36px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    border-color: rgba(241, 128, 36, .6);
    border-right: 0px
}
aside .input-group-btn .btn {
    height: 36px;
    border-radius: 4px;
    border: 1px solid rgba(241, 128, 36, .6);
    border-left: 0px;
    background: none;
    font-size: 18px
}
aside .input-group input:focus{
    border-color: rgba(241, 128, 36, .6);
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
aside.sidebar-close{
    overflow-x: hidden;
    overflow-y: auto;
    width: 11.6%
}
.sidebar-menu{
    margin: 0;
    padding: 0;
    color: #636363;
    list-style: none;
}
.main-sidebar ul,
.main-sidebar li{
    list-style: none !important;
}
.sidebar-menu > li{
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0; 
    border-bottom: 1px solid #e9ecef;
    cursor:pointer
}
.sidebar-menu > li > a{
    padding-left: 10px;
    color: #636363;
    line-height: 43px;
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 13px
}
.sidebar-menu > li > a > i{
    font-size: 17px;
    margin-right:8px;
    color: #838383;
    float: left;
    line-height:43px
}
.sidebar-menu > li > a > em{
    right: 7.5px;
    font-size: 15px;
    line-height: 43px;
    position: absolute;
}
.sidebar-menu > li > ul > li > a > em {
    right: 3px;
    line-height: 20px;
    position: absolute;
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge{
    margin-top: 3px;
    margin-right: 5px
}
.sidebar-menu li.sidebar-header{
    text-align: center;
    font-size: 13px;
    background: #efecec;
    border-top: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
}
.sidebar-menu li.sidebar-header span{
    display: block;
}
.sidebar-menu li.sidebar-header p{
    padding: 10px;
}
.sidebar-menu li > a > .lnr-chevron-down{
    width: auto;
    height: auto;
    padding: 0;
}
.sidebar-menu li.menu-active > a > .lnr-chevron-down{
    transform: rotate(-180deg)
}
.sidebar-menu li.menu-active > .sidebar-submenu{
    display: block
}
.sidebar-menu a{
    text-decoration: none
}
.sidebar-menu .sidebar-submenu{
    display: none;
    list-style: none;
    font-size:13px
}
.sidebar-menu .sidebar-submenu ul{
    padding: 0px !important
}
.sidebar-menu .sidebar-submenu > li > a{
    padding: 11px 5px 11px 5px;
    display: block;
    color: #636363;
    background-color: #f9f9f9;
    border-bottom: 1px solid #FFF;
    position: relative
}
.sidebar-menu > li a:hover,
.sidebar-menu .sidebar-submenu > li > a:hover{
    background: #efecec;
}
.sidebar-menu > li.menu-active,
.sidebar-menu .sidebar-submenu li.menu-active a{
    background: #efecec;
}
.sidebar-menu .menu-passive,
.sidebar-menu .menu-passive a{
    background: #f9f9f9 !important;  
}
.sidebar-menu .menu-passive,
.sidebar-menu .menu-passive a:hover{
    background: #efecec !important;  
}

.sidebar-menu .sidebar-submenu > li > a i{
    font-size: 12px
}
.sidebar-menu li.menu-active > .sidebar-submenu-open {
    display: none
}
.sidebar-close .sidebar {
    padding: 0px
}
.sidebar-close .input-group-search {
    display:none
}
.sidebar-close .sidebar-menu li.sidebar-header {
    text-align: center;
    padding: 9px 25px;
    font-size: 13px;
    padding-bottom: 10px;
    background: #efecec;
    border-bottom: solid 1px #d2d2d2;
}
.sidebar-close .sidebar-menu > li > a {
    color: #636363;
    line-height: 15px;
    text-align: center;
}
.sidebar-close .sidebar-menu > li > a span{
    font-size: 13px
}
.sidebar-close .sidebar-menu > li > a > em{
    display:none
}
.sidebar-close .sidebar-menu > li > a {
    border-left: 0px;
    padding-left: 0px;
    padding: 10px 5px;
    padding-top: 5px;
}
.sidebar-close .sidebar-menu > li > a > i{
    display: block;
    width:100%;
    text-align:center;
    font-size:28px
}
.sidebar-close .sidebar-submenu-open{
    position:absolute;
    top:-1px;
    right:-190px;
    width:190px;
    background:#e9ecef;
    display:none;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    box-shadow: 2px 2px 2px 0px rgba(158,158,158,0.3)
}
.sidebar-close .sidebar-submenu-open > li > a{
    padding: 16px 5px 16px 8px;
    display: block;
    color: #636363;
    background:none;
    border: 0px;
    font-size:11px
}
.sidebar-close .sidebar-menu > li:hover > .sidebar-submenu-open{
    display:block
}
.sidebar-close .sidebar-submenu-open > li > a:hover{
    background:#F1F1F1
}
.sidebar-close .sidebar-menu .sidebar-submenu > li > a i {
    display: none
}
.sidebar-close .sidebar-menu .sidebar-submenu > li > a {
    padding: 11px 5px 11px 10px;
    border-top: 1px solid #e9ecef
}
aside.open, aside.sidebar-close.open {
    left: 0%;
    z-index: 999;
}
#layer_bg{
    position: fixed !important;
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%!important;
    height: 5e3px;
    top: 0;
    left: 0;
    bottom: -94px;
    right: 0;
    background-color: #000;
    filter: Alpha(opacity=65);
    -moz-opacity: .65;
    opacity: .65;
}
.header-button-mobil {
    float: left;
    width: 55px;
    height: 55px;
    background: rgba(0, 0, 0, 0.40);
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    display: none
}
.menu-logo .header-button-mobil {
    float: right;
    width: 67px;
    height: 67px;
}
.header-button-mobil i {
    color: #F1F1F1;
    font-size: 32px;
    line-height: 55px;
}
.menu-logo .header-button-mobil i {
    color: #F1F1F1;
    font-size: 32px;
    line-height: 67px;
}
.menu-logo{
    width: 100%;
    height: 67px;
    text-align: center;
    line-height: 67px;
    background: url(../img/logo.png) #0b3634;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center left 0px;
}
/* Left Menu Section */



@media screen and (max-width:480px) {
    #wht {
        display: none;
    }
    .description .container .baslik {
        width: calc(50% - 8px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .description .container .resim {
        margin-right: 25px;
    }
    .m-none{
        display: none !important;
    }
    .header-button-mobil {
        display: block
    }
    .yer ul li:last-child {
        display: none;
    }
    #topla .str .str_b {
        display: none !important;
    }
    #topla .str .str_i {
        width: 100% !important;
    }
    .description .left.pl-0{
        width: 100% !important;
        margin: 0px !important;
    }
    .product-detail-tabs ul.product-tabs a {
        line-height: 25px !important;
        font-size: 15px !important;
        padding: 0px 10px !important;
    }
    .product-detail-tabs ul.product-tabs li {
        float: left;
        width: 33.33% !important;
    }
    .product-detail-tabs ul.product-tabs li:last-child{
        display: none !important;
    }
    #footertop a.iconx {
        padding-right: 13px;
    }
    body{
        overflow-x: hidden;
    }
    .center {
        padding: 0 0px !important;
    }
    .urun-small {
        width: 50% !important;
    }
    .left-sect {
        width: 100% !important;
        padding-bottom: 0px;
    }
    .right-sect {
        width: 100% !important;
    }
    .anabaslik .dropdown {
        top: 12px !important;
    }
    .bankalar .banka {
        float : left;
        width : 100%;
    }
    .box.urun {
        width : 100%;
    }
    .box.urun.son{
        display : block;
    }
    #footertop a.iconx b {
        display : none;
    }
    #logo {
        float : left;
        display : block;
        width : 150px;
        height : 80px;
        z-index : 5;
        padding : 10px 0;
        margin-left: 10px;
    }
    #logo a{
        width : 150px;
        display : block;
    }
    #logo a img {
        width : auto;
        height : 40px;
    }
    #header #ustalan {
        width : calc(100% - 185px);
    }
}

.page-loading {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    margin-top: 0px;
    top: 0px; 
}
.page-loading .animation-area {
    width: 100%;
    height: 100%;
    position: relative; 
}
.page-loading .animation-area .loading-animation {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
}
.page-loading .animation-area .loading-animation .animation {
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-left: 5px solid #FFF;
    border-right: 5px solid #FFF;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-animation: loading 2s infinite;
    animation: loading 2s infinite; 
}
.page-loading .animation-area .loading-animation .animation.side_one {
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px; 
}
.page-loading .animation-area .loading-animation .animation.side_two {
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; 
}
.page-loading .animation-area .loading-animation .animation.side_three {
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; 
}
.page-loading .animation-area .loading-animation .animation.side_four {
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; 
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes knightrider {
	0%,100% {
	-webkit-transform: translateX(0px)
	}
	50% {
	-webkit-transform: translateX(334px)
	}
}
@keyframes knightrider {
	0%,100% {
	transform: translateX(0px)
	}
	50% {
	transform: translateX(334px)
	}
}
@-webkit-keyframes loading {
	50% {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
	}
	100% {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
	}
}
@keyframes loading {
	50% {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
	}
	100% {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
	}
}
@-webkit-keyframes loadingOpacity {
	0%{
	opacity: 0
	}
	60%{
	opacity: 0.5
	}
	100%{
	opacity: 1;
	transform: scale(1);
	} 
}
@keyframes loadingOpacity {
	0% {
	opacity: 0;
	}
	60% {
	opacity: 0.5;
	}
	100% {
	opacity: 1;
	transform: scale(1)
	}
}


.product-detail-tabs{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border: solid 1px #CCC;	
}				

.product-detail-tabs ul.product-tabs {
	float:left;
	list-style : none;
	margin : 0;
	padding : 0;
	border-bottom : 0px solid #e7e7e7;
	width : 100%;
}

.product-detail-tabs ul.product-tabs li {
    float: left;
    width: 33.33%;
    vertical-align: middle;
    border-left: solid 1px rgba(0,0,0,.1);
    font-family: MuseoSans-700;
}

.product-detail-tabs ul.product-tabs li:first-child{
	border-left:0px;
}

.product-detail-tabs ul.product-tabs a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 60px;
    background: #f4f4f4;
    text-align: center;
    box-shadow: inset 0px -5px 10px -5px rgb(0 0 0 / 10%);
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.product-detail-tabs ul.product-tabs a.selected {
	margin-bottom : 0;
	background : #fff;
	cursor : default;
	box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0)
}

.product-tabs-sect{
	width:100%;
	min-height:238px;
	padding : 15px;
	padding-top: 20px;
	clear : left;
	background:#fff;
	position:relative;
	float:left;
	line-height: 25px;
}


.description .head2{
    line-height: 30px;
    background: #eee;
    border: #ddd solid 1px;
    border-top: 0px;
    height: 40px;
    padding-top: 5px;
    cursor: pointer;
}

.description .head2:hover{
    background: #333;
    color:#FFF
}

.description .head2 strong{
    display: block;
    text-align: center;
}

.varyasyon-menu{
    transition : all 1s linear;
    max-height: 210px;
    overflow: hidden;
}

.varyasyon-menu.open{
    max-height: 1000px;
    overflow: hidden;
}

.image-sect{
    cursor: pointer;
    border:solid 5px #CCC;
    margin-bottom: 20px;
}
.image-sect img{
    transition : all 0.5s linear;
    width: 100%;
    filter: url("data:image/svg+xml;utf8,<svg></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.image-sect img:hover{
    filter: url("data:image/svg+xml;utf8,<svg></svg>#grayscale");
    -webkit-filter: grayscale(0%);    
}

.main-box-sect {
    display: block;
    padding: 0 10px
  }
  
  .main-box {
    display: block;
    background: url(../img/pattern-bg.png) #FFF;
    box-shadow: 0 0 1px rgba(0, 0, 0, .3);
    padding: 5px;
    margin: 20px 0px;
  }
  
  .main-box .content {
    display: block;
    border: solid 1px #e5e5e5;
    padding:30px 10px;
    background: #FFF;
    text-align: center
  }
  .main-box .content em{
    font-size: 85px;
    display: block;
    margin-bottom: 30px
  }
  .main-box .content p{
    font-size: 22px
  }

  .slider-menu{
    float: left;
    width: 280px;
    background: #FFF;
    box-shadow: 0px 0px 6.65px 0.35px rgb(0 0 0 / 15%);
    height: 390px;
  }

  .slider-sect{
    float: right;
    width : calc(100% - 280px);
    padding:15px 0px 0px 15px;
  }



.d-menu{
    background: #FFF;
    width: 100%;
    z-index: 1;
    float: left;
    position: relative;
    max-height: 390px;
	z-index:9;
}
.d-menu ul li{
   list-style: none;
}
 
.d-menu ul{
    margin: 0;
    padding: 0;
}
 
.d-menu ul li a{
    text-decoration: none;
    color: #333;
    padding: 10px 10px;
    display: block;
    border-bottom: 1px solid #eee;
    font-size: 13.5px;
}
 
.d-menu ul li a i{
    float: left;
    font-size: 16px;
    margin-top: -1px;
    margin-right: 12px;
    color: #a3a3a3;
}
 
.d-menu ul li ul {
	display:none;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px;
	z-index:999;

}
 
.d-menu ul li:hover ul {
	display:block;
	position:absolute;
    margin:-41px 0 0 280px;
}
 
.d-menu ul li ul li a {
	padding:10px;
	font-size:15px;
	background-color: #FFF;
	border-bottom:1px solid #eee;
	transition:all .3s ease-in-out;
	width:255px;
}
.d-menu ul li a:hover {
	background-color: #D3D3D3;
	transition:all .3s ease-in-out;
}

#page {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
}

.login{
    float : left;
    width : 50%;
    box-sizing : border-box;
    padding : 15px;
    padding-right: 20px;
    }
    .yeniuye{
        float: right;
        width: 50%;
        box-sizing: border-box;
        background: #fafafa;
        padding: 20px;
        padding-left: 25px;
        border: #ddd solid 1px;
    }
    .login b,.yeniuye b{
    display : block;
    color : #146c78;
    font-size : 20px;
    }
    .login span,.yeniuye span{
    display : block;
    color : #888;
    font-size : 14px;
    border-bottom : #ddd solid 1px;
    padding-bottom: 15px;
    }

    input.giris {
        float: right;
        cursor: pointer;
        line-height: 22px;
        padding: 10px 15px;
        background: #666;
        color: #ddd;
        border: 0;
        margin-top: 12.5px;
        outline: 0;
        transition: all 0.15s linear;
    }

    input.giris:hover {
        background: #146C78;
        color: #fff;
    }

    button.giris {
        float: right;
        cursor: pointer;
        line-height: 22px;
        padding: 10px 15px;
        background: #666;
        color: #ddd;
        border: 0;
        margin-top: 12.5px;
        outline: 0;
        transition: all 0.15s linear;
    }

    button.giris:hover {
        background: #146C78;
        color: #fff;
    }

    @media screen and (max-width:769px) {
        #page {
            margin: 0 auto;
            width: 95%;
        }
        .login {
            float: left;
            width: 100%;
        }
        .yeniuye {
            float: left;
            width: 100%;
            box-sizing: border-box;
            background: #fafafa;
            padding: 20px;
            border: #ddd solid 1px;
            margin: 0 auto;
        }
    }