@charset "UTF-8";
@font-face { font-family: "proxima-Bold"; src: url("../fonts/153045655-ProximaNova-Bold.eot"); src: url("../fonts/153045655-ProximaNova-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/153045655-ProximaNova-Bold.svg#ProximaNova-Bold") format("svg"), url("../fonts/153045655-ProximaNova-Bold.woff") format("woff"), url("../fonts/153045655-ProximaNova-Bold.html") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "proxima-Light"; src: url("../fonts/54504395-ProximaNova-Light.eot"); src: url("../fonts/54504395-ProximaNova-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/54504395-ProximaNova-Light.svg#ProximaNova-Light") format("svg"), url("../fonts/54504395-ProximaNova-Light.woff") format("woff"), url("../fonts/54504395-ProximaNova-Light.html") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "proxima-Regular"; src: url("../fonts/595520020-ProximaNova-Regular.eot"); src: url("../fonts/595520020-ProximaNova-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/595520020-ProximaNova-Regular.svg#ProximaNova-Regular") format("svg"), url("../fonts/595520020-ProximaNova-Regular.woff") format("woff"), url("../fonts/595520020-ProximaNova-Regular.html") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "proxima-Semibold"; src: url("../fonts/716430665-ProximaNova-Semibold.eot"); src: url("../fonts/716430665-ProximaNova-Semiboldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/716430665-ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg"), url("../fonts/716430665-ProximaNova-Semibold.woff") format("woff"), url("../fonts/716430665-ProximaNova-Semibold.html") format("truetype"); font-weight: normal; font-style: normal; }
/* Font Family */
.mp { display: block; background-image: url(../images/sprite.png); background-repeat: no-repeat; }

/* Renkler */
/* Fontlar */
.nail { width: 0; height: 0; position: absolute; pointer-events: none; border-style: solid; line-height: 0px; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }

.nail.nail-top-left-red { border-width: 15px 15px 0 0; border-color: #de0031 transparent transparent transparent; _border-color: #de0031 black black black; top: 0px; left: 0px; }

.nail.nail-bot-right-red { border-width: 0 0 15px 15px; border-color: transparent transparent #de0031 transparent; _border-color: black black #de0031 black; top: -15px; right: 0px; }

.nail.nail-bot-left-red { border-width: 15px 0 0 15px; border-color: transparent #de0031 transparent #de0031; _border-color: black black #de0031 black; top: -15px; left: 0px; }

.nail.nail-bot-left-red { border-width: 15px 0 0 15px; border-color: transparent #de0031 transparent #de0031; _border-color: black black #de0031 black; top: -15px; left: 0px; }

.nail { width: 0; height: 0; position: absolute; pointer-events: none; border-style: solid; line-height: 0px; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }

.nail.nail-top-left-beyaz { border-width: 15px 15px 0 0; border-color: white transparent transparent transparent; _border-color: white black black black; top: 0px; left: 0px; }

.nail.nail-bot-right-beyaz { border-width: 0 0 15px 15px; border-color: transparent transparent white transparent; _border-color: black black white black; top: -15px; right: 0px; }

.nail.nail-bot-left-beyaz { border-width: 15px 0 0 15px; border-color: transparent white transparent white; _border-color: black black white black; top: -15px; left: 0px; }

.nail.nail-bot-left-beyaz { border-width: 15px 0 0 15px; border-color: transparent white transparent white; _border-color: black black white black; top: -15px; left: 0px; }

.arrow.arrow-top-beyaz { border-width: 0 10px 10px 10px; border-color: white transparent white transparent; _border-color: white black white black; width: 0; height: 0; position: absolute; pointer-events: none; border-style: solid; line-height: 0px; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }

.arrow.arrow-left-beyaz { position: absolute;background: url(../images/lfs.png)left center no-repeat;width: 20px;height: 50px;top: -40px;left: -12px;}

.shadow, header .col12, header .menu nav > ul > li .dropdown, .cozumler-ozel, .boxGrup .kategori-owl, .boxGrup .kutu, .boxGrup .urun-kutu, .urun-kutu-detay .urun-kutu, #arama-bolumu, .sidebar .widget, .sidebar-urun, .type, .urun-karsilastirma { box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.21); }

.in-shadow { box-shadow: inset 0 6px 7px -4px rgba(0, 0, 0, 0.21); }

.in-out-shadow, header .menu nav > ul > li .dropdown { box-shadow: inset 0 6px 7px -4px rgba(0, 0, 0, 0.21), 3px 3px 7px 0px rgba(0, 0, 0, 0.21); }

.trans, .sidebar .widget ul li a { transition: all ease 0.3s; }

.overlay { display: none; position: absolute; width: 100%; height: 100%; background: url(../images/overlay.png); left: 0; top: 0; z-index: 99; }

/* Genel Stiller */
.mp.mp-lang-en { background-position: -728px 0px; width: 27px; height: 20px; }

.mp.mp-lang-tr { background-position: -755px 0px; width: 27px; height: 20px; }

.mp.mp-right-circle-arr { background-position: -728px -20px; width: 20px; height: 20px; }

.mp.mp-owl-arrow-left { background-position: -748px -20px; width: 10px; height: 16px; }

.mp.mp-owl-arrow-right { background-position: -758px -20px; width: 10px; height: 16px; }

.mp.mp-cozum-1 { background-position: 0px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-1-hover { background-position: 0px -66px; width: 76px; height: 67px; }

.mp.mp-cozum-9 { background-position: -76px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-9-hover { background-position: -76px -66px; width: 76px; height: 67px; }

.mp.mp-cozum-4 { background-position: -152px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-4-hover { background-position: -152px -66px; width: 76px; height: 67px; }

.mp.mp-cozum-2 { background-position: -228px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-2-hover { background-position: -228px -66px; width: 76px; height: 67px; }

.mp.mp-cozum-3 { background-position: -304px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-3-hover { background-position: -304px -66px; width: 76px; height: 67px; }

.mp.mp-cozum-5 { background-position: -380px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-5-hover { background-position: -380px -66px; width: 76px; height: 67px; }

.mp.mp-cozum-8 { background-position: -456px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-8-hover { background-position: -456px -66px; width: 76px; height: 67px; }

.mp.mp-cozum-7 { background-position: -532px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-7-hover { background-position: -532px -66px; width: 76px; height: 67px; }

.mp.mp-cozum-6 { background-position: -608px 0px; width: 76px; height: 67px; }

.mp.mp-cozum-6-hover { background-position: -608px -66px; width: 76px; height: 67px; }

.mp.mp-cozumler-2 { background-position: -4px -150px; width: 29px; height: 30px; }

.mp.mp-cozumler-2-hover { background-position: -33px -150px; width: 29px; height: 30px; }

.mp.mp-cozumler-1 { background-position: -4px -190px; width: 74px; height: 30px; }

.mp.mp-cozumler-1-hover { background-position: -78px -190px; width: 74px; height: 30px; }

.mp.mp-cozumler-3 { background-position: -4px -230px; width: 27px; height: 30px; }

.mp.mp-cozumler-3-hover { background-position: -31px -230px; width: 27px; height: 30px; }

.mp.mp-cozumler-4 { background-position: -4px -270px; width: 30px; height: 30px; }

.mp.mp-cozumler-4-hover { background-position: -34px -270px; width: 30px; height: 30px; }

.mp.mp-cozumler-8 { background-position: -4px -310px; width: 34px; height: 30px; }

.mp.mp-cozumler-8-hover { background-position: -38px -310px; width: 34px; height: 30px; }

.mp.mp-cozumler-5 { background-position: -4px -350px; width: 26px; height: 30px; }

.mp.mp-cozumler-5-hover { background-position: -30px -350px; width: 26px; height: 30px; }

.mp.mp-cozumler-6 { background-position: -4px -390px; width: 38px; height: 30px; }

.mp.mp-cozumler-6-hover { background-position: -42px -390px; width: 38px; height: 30px; }

.mp.mp-cozumler-7 { background-position: -4px -430px; width: 34px; height: 30px; }

.mp.mp-cozumler-7-hover { background-position: -38px -430px; width: 34px; height: 30px; }

.mp.mp-urun-more { background-position: -755px -20px; width: 76px; height: 67px; }

.mp.mp-urun-close { background-position: -802px -19px; width: 7px; height: 7px; }

.mp.mp-menu-arrow { background-position: -820px -17px; width: 14px; height: 12px; }

/* İkonlar */
body { background: url(../images/body.jpg) repeat-x #eaeaea; }

.home-arrow { border-width: 0 15px 15px 15px; border-color: transparent transparent #fff transparent; _border-color: #de0031 black black black; top: -15px; left: 20px; width: 0; height: 0; position: absolute; pointer-events: none; border-style: solid; line-height: 0px; z-index: 20; }

header { padding: 35px 0; position: relative; z-index: 100; }
header .col12 { background: url(../images/sharps.png) right no-repeat white; position: relative; z-index: 20; }
header .logo a { padding: 10px 15px 4px; display: block; float: left; }
header .menu { float: none;}
header .menu .top { margin-top: -31px; float: right; }
header .menu .top .search { float: left; position: relative; margin: 0 5px 0 0; }
header .menu .top .search form .box { font: 13px "proxima-Semibold"; color: #1b1a19; padding: 5px 10px; min-width: 175px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.32); }
header .menu .top .search form .btn { background: url(../images/find.png) center no-repeat #dd0031; position: absolute; right: 0; top: 0; width: 28px; height: 27px; }
header .menu .top .social { float: left; margin: 3px 0 0 0; }
header .menu .top .social ul li { float: left; margin: 0 0 0 5px; }
header .menu .top .social ul li a { width: 20px; height: 20px; display: block; color: #fff; text-align: center; font-size: 13px; }
header .menu .top .social ul li a i { position: relative; top: 2px; }
header .menu .top .social ul li a.facebook { background: #3b5998; }
header .menu .top .social ul li a.twitter { background: #00aced; }
header .menu .top .social ul li a.google { background: #dd4b39; }
header .menu .top .social ul li a.youtube { background: #bb0000; }
header .menu .top .social ul li a.linkedin { background: #007bb6; }
header .menu .top .social ul li a.instagram { background: #517fa4; }
header .menu .top .social ul li a.pinterest { background: #cb2727; }
header .menu .top .social ul li a.vimeo { background: #aad450; }
header .menu .top .social ul li a.flickr { background: #ff0084; }
header .menu .top .social ul li a.tumblr { background: #32506d; }
header .menu .top .social ul li a.foursquare { background: #0072b1; }
header .menu .top .lang { float: right; margin: 3px 0 0 10px; }
header .menu .top .lang ul li a { width: 27px; height: 20px; display: block; text-indent: -9999px; }
header .menu nav { margin: 0 20px 0 0; }
header .menu nav > ul > li > a { font: 14px/17px "proxima-Bold"; color: #1b1a19; padding: 34px 10px 21px; }
header .menu nav > ul > li .dropdown { display: none; position: absolute; background: #fff; padding: 10px; margin: 0 0 0 -50px; }
header .menu nav > ul > li .dropdown > ul { display: block !important; margin: 10px 50px; width: 300px; }
header .menu nav > ul > li .dropdown > ul > li { max-width: 260px; }
header .menu nav > ul > li .dropdown > ul > li > a { font: 14px "proxima-Bold"; color: #1b1a19; display: block; padding: 5px 0; }
header .menu nav > ul > li .dropdown > ul > li > a i { margin: 2px 0 0 -20px; width: 0; overflow: hidden; display: block; float: left; }
header .menu nav > ul > li .dropdown > ul > li:hover > a { color: #de0031; }
header .menu nav > ul > li .bg-24 { min-width: 418px; }
header .menu nav > ul > li .bg-109 { width: 251px; }
header .menu nav > ul > li .bg-112 { width: 323px; }
header .menu nav > ul > li .bg-23 { background: url(../images/bg2.jpg) bottom right no-repeat white; min-height: 340px; min-width: 513px; }
header .menu nav > ul > li .bg-104 { background: url(../images/kurumsal.jpg) bottom right no-repeat white; min-height: 235px; min-width: 415px; }
header .menu nav > ul > li .bg-2 { background: url(../images/bg3.jpg) bottom right no-repeat white; min-height: 257px; min-width: 598px; }
header .menu nav > ul > li .bg-24 { background: url(../images/hizmet.png) bottom right no-repeat white; min-height: 235px; min-width: 468px; }
header .menu nav > ul > li .bg-112 { background: url(../images/destek.png) 200px bottom no-repeat white; min-height: 236px; min-width: 373px; }
header .menu nav > ul > li .bg-109 { background: url(../images/bayi.png) 40px 60px no-repeat white; min-height: 257px; min-width: 301px; }
header .menu nav > ul > li:hover > a, header .menu nav > ul li.active > a { color: #de0031; }


/* ========================================================================================================================================================== HEADER
========================================================================================================================================================== */
.slider { position: relative; z-index: 0; margin: -122px 0 -55px 0; }
.slider .tp-caption { color: #fff; width: 290px; text-align: left; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); }
.slider .capBig { font: 27px "proxima-Bold"; }
.slider .capMed { font: 18px "proxima-Bold"; }
.slider .tp-bullets .bullet { width: 37px; height: 7px; background: #fff; box-shadow: 2px 3px 0 #cacaca; margin: 0 5px 0 0; }
.slider .tp-bullets .bullet.selected { background: #de0031; box-shadow: none; }

/* ========================================================================================================================================================== SLIDER
========================================================================================================================================================== */
.cozumler-ozel { background: #fff; overflow: hidden; height: 67px; position: relative; }
.cozumler-ozel .item { float: left; height: 67px; width: 107.44444px; margin: 0; border-right: 1px solid #ececec; position: relative; }
.cozumler-ozel .item .image { width: 100%; }
.cozumler-ozel .item .image i { margin: 0 auto; position: relative; }
.cozumler-ozel .item .text { display: none; position: absolute; right: 20px; top: 0; }
.cozumler-ozel .item .text a { font: 14px "proxima-Semibold"; color: #fff; display: table-cell; vertical-align: middle; height: 67px; width: 110px; text-align: right; }

.row { margin: 0 0 25px 0; }
.row.boxGrup.boxGrup-6 .haberkutu{background: #fff;padding: 20px;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form{padding: 15px;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form .form-baslik{font: 15px/0 "proxima-Bold";}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr.inpGr200{width: 100%;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr.inpGr200 textarea{height: 40px;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr{width: 49%;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr .captcha .image{width: 45%;float:left;height: 80px;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr .captcha .image a{margin: -50px 10px;position: relative;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr .captcha  input{width: 45%;float: right;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr.inpGrSubmit{float: right;margin: -75px 0;}
.row.boxGrup.boxGrup-6 .col6 .yorum .text{padding: 0;}
.row.boxGrup.boxGrup-6 .col6 .yorum{}
.row.boxGrup.boxGrup-6 .col6:nth-child(2){}

.boxGrup-6 .haber-owl { background: #fff; min-height: 158px; }
.boxGrup-6 .haber-owl .item { margin: 0; }
.boxGrup-6 .haber-owl .item .image { max-width: 110px; margin: 0 15px 0 0; padding: 24px 0 0 0; }
.boxGrup-6 .haber-owl .item .image img{max-width: 100%;}
.boxGrup-6 .haber-owl .item .text { float: none; padding: 20px 50px 0px 0; }
.boxGrup-6 .haber-owl .item .text h3{font: 15px/19px "proxima-Bold";
color: #1b1a19;
margin: 0 0 5px 0;}
.boxGrup-6 .haber-owl .item .text a { font: 15px/19px "proxima-Bold"; color: #1b1a19; margin: 0 0 5px 0; }
.boxGrup-6 .haber-owl .item .text p { font: 14px/18px "proxima-Regular"; color: #1b1a19; }
.boxGrup-6 .haber-owl .owl-controls { position: absolute; top: 20px; right: 20px; }
.boxGrup-6 .haber-owl .owl-controls .owl-nav > div { float: left; margin: 0 0 0 5px; }

.boxGrup .kategori-owl { background: #fff; min-height: 158px; }
.boxGrup .kategori-owl .item { margin: 0; }
.boxGrup .kategori-owl .item .image { max-width: 110px; margin: 0 15px 0 0; padding: 24px 0 0 10px; }
.boxGrup .kategori-owl .item .text { float: none; padding: 20px 50px 0px 0; }
.boxGrup .kategori-owl .item .text a { font: 15px/19px "proxima-Bold"; color: #1b1a19; margin: 0 0 5px 0; }
.boxGrup .kategori-owl .item .text p { font: 14px/18px "proxima-Regular"; color: #1b1a19; }
.boxGrup .kategori-owl .owl-controls { position: absolute; top: 20px; right: 20px; }
.boxGrup .kategori-owl .owl-controls .owl-nav > div { float: left; margin: 0 0 0 5px; }


.boxGrup .kutu { background: #fff; }
.boxGrup .kutu .text { padding: 0 20px 0 0; }
.boxGrup .kutu .text img { margin: 0 15px 0 0; }
.boxGrup .urun-kutu { background: #fff; padding: 20px; }
.boxGrup .urun-kutu .urun-owl { margin-top: 10px; }
.boxGrup .urun-kutu .urun-owl .item { margin: 0; }
.boxGrup .urun-kutu .urun-owl .item .image { border: 1px solid #ececec; float: none; overflow: hidden; }
.boxGrup .urun-kutu .urun-owl .item .image .resim-att { width: 125px; height: 125px; position: relative; float: left; padding: 0; text-align: center; }
.boxGrup .urun-kutu .urun-owl .item .image .resim-att .resim-att-pre { width: 125px; height: 125px; position: relative; cursor: pointer; }
.boxGrup .urun-kutu .urun-owl .item .image .resim-att .resim-att-pre .resim-thumb { width: 125px; height: 125px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.boxGrup .urun-kutu .urun-owl .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 125px; height: 125px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.boxGrup .urun-kutu .urun-owl .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 125px; max-height: 125px; }
.boxGrup .urun-kutu .urun-owl .item .image .resim-att { margin: 0 auto; float: none; padding: 15px 0; }
.boxGrup .urun-kutu .urun-owl .item .text { text-align: center; width: 100%; }
.boxGrup .urun-kutu .urun-owl .item .text a { font: 15px/19px "proxima-Bold"; color: #1b1a19; display: block; padding: 5px 0; }
.boxGrup .urun-kutu .urun-owl .item .text p { font: 9px/13px "proxima-Regular"; }
.boxGrup .urun-kutu .urun-owl .owl-controls { position: absolute; top: -30px; right: 0px; }
.boxGrup .urun-kutu .urun-owl .owl-controls .owl-nav > div { float: left; margin: 0 0 0 5px; }
.boxGrup .bayi-kutu { background: none; box-shadow: none; }
.boxGrup .bayi-kutu .text { padding: 0; position: relative; }
.boxGrup .bayi-kutu .text h2 { float: left; margin: 0; box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.21); background: #fff; padding: 14px 20px; }
.boxGrup .bayi-kutu .text h2 img { float: left; }
.boxGrup .bayi-kutu .text h2 a { display: block; width: 135px; float: left; }
.boxGrup h2, .boxGrup h2 a { font: 15px/19px "proxima-Bold"; color: #1b1a19; margin: 0 0 5px 0; }
.boxGrup p { font: 14px/18px "proxima-Regular"; color: #1b1a19; margin: 0; }

.urun-kutu-detay .urun-kutu { background: #fff; padding: 20px; }
.urun-kutu-detay .urun-kutu h2 { font: 15px/19px "proxima-Bold"; color: #1b1a19; margin: 0 0 5px 0; }
.urun-kutu-detay .urun-kutu .urun-owl { margin-top: 10px; }
.urun-kutu-detay .urun-kutu .urun-owl .item { margin: 0; }
.urun-kutu-detay .urun-kutu .urun-owl .item .image { min-height: 135px; border: 1px solid #ececec; float: none; overflow: hidden; }
.urun-kutu-detay .urun-kutu .urun-owl .item .image .resim-att { width: 147px; height: 147px; position: relative; float: left; padding: 0; text-align: center; }
.urun-kutu-detay .urun-kutu .urun-owl .item .image .resim-att .resim-att-pre { width: 147px; height: 147px; position: relative; cursor: pointer; }
.urun-kutu-detay .urun-kutu .urun-owl .item .image .resim-att .resim-att-pre .resim-thumb { width: 147px; height: 147px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.urun-kutu-detay .urun-kutu .urun-owl .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 147px; height: 147px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.urun-kutu-detay .urun-kutu .urun-owl .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 147px; max-height: 147px; }
.urun-kutu-detay .urun-kutu .urun-owl .item .image .resim-att { margin: 0 auto; float: none; padding: 15px 0; }
.urun-kutu-detay .urun-kutu .urun-owl .item .text { text-align: center; width: 100%; }
.urun-kutu-detay .urun-kutu .urun-owl .item .text a { font: 15px/19px "proxima-Bold"; color: #1b1a19; display: block; padding: 5px 0; }
.urun-kutu-detay .urun-kutu .urun-owl .item .text p { font: 9px/13px "proxima-Regular"; }
.urun-kutu-detay .urun-kutu .urun-owl .owl-controls { position: absolute; top: -30px; right: 0px; }
.urun-kutu-detay .urun-kutu .urun-owl .owl-controls .owl-nav > div { float: left; margin: 0 0 0 5px; }

/* ========================================================================================================================================================== HOMEPAGE
========================================================================================================================================================== */
.page-title { margin: 0 0 20px 0; border-bottom: 1px solid #edeceb; padding: 0 0 10px 0; }
.page-title h1 { font: 18px "proxima-Bold"; color: #1b1a19; padding: 15px 20px 0; margin: 0 0 5px 0; }
.page-title p{font: 13px "proxima-Bold";color: #1b1a19;padding: 10px 20px 0px;margin: 0 0 5px 0;}
.page-title .breadcrumb { margin: 0 20px 0; }
.page-title .breadcrumb ul li { float: left; }
.page-title .breadcrumb ul li a { font: 12px "proxima-Regular"; color: #1b1a19; float: left; }
.page-title .breadcrumb ul li i { margin: 0 10px; font-weight: 700; font-size: 12px; font-style: normal; position: relative; top: -3px; }

.banner { height: 250px; width: 100%; margin-top: -132px; margin-bottom: -53px; background-repeat: no-repeat; background-position: top center; background-image: url(../../../uploads/2014/10/banner.jpg); }

/* ========================================================================================================================================================== HOMEPAGE
========================================================================================================================================================== */
#arama-bolumu { position: absolute; right: 0; top: -70px; background: #fff; padding: 10px 120px 10px 10px; }
#arama-bolumu ul li { float: left; border-right: 1px solid #bababa; position: relative; padding: 5px 25px 5px 10px; }
#arama-bolumu ul li a { font: 13px "proxima-Regular"; color: #1b1a19; }
#arama-bolumu ul li i { cursor: pointer; position: absolute; right: 10px; top: 10px; }
#arama-bolumu .btn { background: #a8a8a8; font: 12px "proxima-Bold"; color: #fff; padding: 5px 10px; position: absolute; right: 10px; top: 11px; }
#arama-bolumu .btn:hover { background: #de0031; }
#arama-bolumu .nail { top: 48px; }

.sidebar .widget { background: #de0031; position: relative; }
.sidebar .widget ul li a { font: 14px "proxima-Bold"; color: #fff; padding: 10px 20px; display: block; }
.sidebar .widget ul li a i { font-size: 11px; margin: 3px 0 0 0; float: left; width: 0; overflow: hidden; }
.sidebar .widget ul li.active a, .sidebar .widget ul li:hover a { background: #8f0a27; color: #de0031; }
.sidebar .widget ul li.active a i, .sidebar .widget ul li:hover a i { width: 10px; margin-right: 5px; }
.sidebar .widget ul li.head { font: 17px "proxima-Bold"; color: #fff; padding: 15px 20px; border-bottom: 1px solid #ca001d; }
.sidebar .widget ul li.head i { position: absolute; right: 20px; }

.sidebar-urun { background: #de0031; margin-top: -15px; }
.sidebar-urun .widget .widget-title { padding: 0 15px; position: relative; }
.sidebar-urun .widget .widget-title h4 { font: 14px/16px "proxima-Bold"; color: #fff; float: left; margin: 13px 0; padding: 0 20px 0 0; }
.sidebar-urun .widget .widget-title .ikon { position: absolute; right: 10px; top: 7px; }
.sidebar-urun .widget .widget-title .arrow { bottom: 0; left: 6px; }
.sidebar-urun .widget .widget-content { padding: 10px 12px; background: #fff; }
.sidebar-urun .widget .widget-content .m-checkbox { float: none; }
.sidebar-urun .widget .widget-content .m-checkbox label { font: 13px "proxima-Regular"; color: #1b1a19; }
.sidebar-urun .widget .widget-content .m-checkbox a { width: 13px; height: 14px; background-image: url(../images/sprite.png); background-position: -808px 0px; margin: 2px 5px 0 0; }
.sidebar-urun .widget .widget-content .m-checkbox a.checked { background-position: -821px 0px; }


.widget-yan { background: #a8a8a8; margin: 20px 20px; padding: 0 15px 0 5px; }
.widget-yan .widget { float: left; border-right: 1px solid #b1b1b1; padding: 10px; margin: 0 10px 0 0; min-width: 110px; min-height: 180px; max-width: 215px; }
.widget-yan .widget .widget-title h4 { font: 13px "proxima-Semibold"; color: #fff; margin: 0 0 10px 0; height: 35px; }
.widget-yan .widget .widget-title .ikon { float: right; }
.widget-yan .widget .widget-content .m-checkbox { float: none; }
.widget-yan .widget .widget-content .m-checkbox label { font: 13px "proxima-Regular"; color: #fff; }
.widget-yan .widget .widget-content .m-checkbox a { width: 13px; height: 14px; background-image: url(../images/sprite.png); background-position: -782px -37px; margin: 2px 5px 0 0; }
.widget-yan .widget .widget-content .m-checkbox a.checked { background-position: -795px -37px; }
.widget-yan .widget-search { margin-right: 0; border-right: 0; padding-right: 0; width: 244px; }
.widget-yan .widget-search input[type="text"] { font: 13px "proxima-Regular"; color: #fff; background: #a8a8a8; border: 1px solid #fff; padding: 7px 2%; width: 95%; }
.widget-yan .widget-search input[type="submit"] { background: url(../images/find2.png) 95% center no-repeat #de0031; font: 14px "proxima-Bold"; color: #fff; width: 100%; text-align: center; padding: 7px 0; border-radius: 3px; }
.widget-yan .widget-search span { display: block; margin: 10px 0; font: 13px "proxima-Regular"; color: #fff; }
.widget-title.widget-border{border-top: 1px dashed #fff;padding: 8px 0px 0px 0;margin-top: 8px;}

/* ========================================================================================================================================================== HOMEPAGE
========================================================================================================================================================== */
.type { background: #fff; position: relative; }

.sayfa .imageLeft { float: left; margin: 0 10px 0 0; }
.sayfa h2 { font: 17px "proxima-Bold"; color: #1b1a19; }
.sayfa article { padding: 0 20px 20px 20px; }
.sayfa article p { font: 14px/22px "proxima-Regular"; color: #1b1a19; text-align: justify; }
.sayfa article a, .sayfa article p a { color: #de0031; }
.sayfa article img { margin: 0 20px 20px; }
.sayfa article .form { width: 100%; }
.sayfa article .form .form-baslik { display: none; }
.sayfa article .form form { margin-top: 30px; }
.sayfa article ul { list-style-type: square; margin: 0 0 0 15px; }
.sayfa article ul li { font: 14px/22px "proxima-Regular"; color: #1b1a19; margin: 0 0 0 0; }

.cozum { padding: 0 20px 20px; }
.cozum .list .item { width: 458px; }
.cozum .list .item .image { margin: 0 0 15px 0; }
.cozum .list .item .image .resim-att { width: 100%; height: 110px; position: relative; float: left; padding: 0; text-align: center; }
.cozum .list .item .image .resim-att .resim-att-pre { width: 100%; height: 110px; position: relative; cursor: pointer; }
.cozum .list .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 110px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.cozum .list .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 110px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.cozum .list .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 110px; }
.cozum .list .item .text p { font: 14px/22px "proxima-Regular"; color: #1b1a19; text-align: justify; }
.cozum .list .item .text h3 a { font: 17px "proxima-Bold"; color: #1b1a19; }

.iletisim { padding: 0 20px 20px; }
.iletisim .contact h3 { font: 17px/24px "proxima-Bold"; }
.iletisim .contact ul li { font: 14px/22px "proxima-Regular"; border-bottom: 1px solid #edeceb; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.iletisim .contact ul li a { color: #de0031; }
.iletisim .contact ul li a:hover { color: #8f0a27; }
.iletisim .contact ul li a.telefon { color: #000; }
.iletisim .contact ul li i { width: 30px; font-size: 18px; text-align: center; margin: 2px 10px 0 0; float: left; }
.iletisim .form h3 { font: 17px/24px "proxima-Bold"; }

.form .inpGr { position: relative; float: left; width: 48%; *width: 47%; margin: 0 2% 10px 0; }

.form .inpGr100 { float: left; width: 100%; }

.form .inpGr input[type="text"], .form .inpGr textarea, .form .inpGr input[type="file"], .form .inpGr input[type="tel"], .form select { color: #3f3f40; padding: 10px 2%; font: 13px/16px "proxima-Regular", sans-serif; background: #efefef; width: 95.5%; border-left: 3px solid #de0031; }

.form .inpGr input[type="text"]:focus, .form .inpGr input[type="tel"]:focus, .form .inpGr textarea:focus, .form select:focus { border-left: 3px solid #8f0a27; }

.form .inpGr textarea { height: 100px; }

.form .inpGr select { width: 100%; height: 37px; }

.form .inpGr label { margin: 0 0 5px 0; display: block; font: 14px/18px "proxima-Semibold", sans-serif; color: #3f3f40; width: 100%; }

.form .inpGr .bootstrap-filestyle { position: relative; }

.form .inpGr .bootstrap-filestyle label { cursor: pointer; background: url(../images/file-ico.html) center center no-repeat #003d79; top: 0; width: 45px; height: 100%; margin: 0; position: absolute; right: -3px; text-indent: 9999px; overflow: hidden; }

.form .inpGr input[type="submit"] { background: #de0031; float: right; display: block; margin: 20px 0 10px 0; text-align: center; padding: 10px 15px; *padding: 5px 15px; font: 20px/22px "proxima-Regular", sans-serif; color: #FFFFFF; cursor: pointer; transition: all ease 0.5s; width: 120px; }

.form .inpGr input[type="submit"]:hover { background: #c00013; }

.form .inpGr .captcha-text { float: left; width: 96%; position: relative; margin: 4px 0 5px 0; }

.form .inpGr .captcha .image { border: 1px solid #efefef; margin: 0 0 6px 0; }
.form .inpGr .captcha .image img { width: auto; margin: 0 0 0 0; }
.form .inpGr .captcha a { color: #de0031; font-size: 30px; float: right; margin: 24px 20px 0 0; }

p.onay { background: #2ecc71; width: 96.7%; color: white; padding: 8px; font: 13px/16px "proxima-Regular"; border-radius: 3px; }

p.hata { background: #c0392b; width: 96.7%; color: white; padding: 8px; font: 13px/16px "proxima-Regular"; border-radius: 3px; }

.bayiler { padding: 0 20px 20px; }
.bayiler .form { border-bottom: 1px solid #edeceb; padding: 0 0 20px 0; }
.bayiler .form label { font: 16px/22px "proxima-Semibold"; min-width: 100px; display: block; float: left; padding: 8px 0; }
.bayiler .form select { display: none; }
.bayiler .form .selecter { width: 250px; background: #edeceb; }
.bayiler .form .selecter .selecter-selected { font: 14px/22px "proxima-Semibold"; display: block; padding: 8px 10px; background: url(../images/selecter-arrow.png) 95% center no-repeat; }
.bayiler .form .selecter .selecter-options { display: none; position: absolute; overflow-x: hidden; background: #edeceb; height: 250px; width: 100%; border-top: 2px solid #de0031; }
.bayiler .form .selecter .selecter-options .selecter-item { display: block; padding: 8px 10px; font: 14px/22px "proxima-Semibold"; border-bottom: 1px solid #DADADA; }
.bayiler .form .selecter .selecter-options .selecter-item:hover { background: #de0031; color: #fff; }
.bayiler .bayi-list h3 { font: 16px "proxima-Bold"; }
.bayiler .bayi-list h3.error { color: #de0031; }
.bayiler .bayi-list table thead tr { background: #f6f5f5; font: 14px "proxima-Bold";}
.bayiler .bayi-list table thead tr td { padding: 10px 15px;border: 1px solid #edeceb; }
.bayiler .bayi-list table tbody tr { background: #f6f5f5; font: 14px "proxima-Bold"; }
.bayiler .bayi-list table tbody tr td { padding: 10px 15px;border: 1px solid #edeceb; }
.bayiler .bayi-list table tbody tr td b{font: 14px "proxima-Bold";}

.kategori-list { padding: 20px; }
.kategori-list .item { width: 226px; margin: 0 10px 10px 0; min-height: 300px;}
.kategori-list .item .text a { font: 14px "proxima-Regular"; color: #fff; text-align: center; display: block; background: #a8a8a8; height: 70px; display: table-cell; vertical-align: middle; padding: 0 15px; }
.kategori-list .item:hover .text a { background: #de0031; }

.urun-list { padding: 0 20px; margin: 0 -20px; }
.urun-list .item { margin: 0 0 0 -1px; width: 202.33333px; border: 1px solid #ececec; padding: 20px; border-top: 0; border-left: 0; min-height: 433px; position: relative; }
.urun-list .item .head { margin: 0 0 5px 0; }
.urun-list .item .head h4 { float: left; margin: 0; }
.urun-list .item .head h4 a { font: 14px "proxima-Bold"; color: #1b1a19; }
.urun-list .item .head .m-checkbox { float: right; }
.urun-list .item .head .m-checkbox label { font: 11px "proxima-Regular"; color: #343434; float: left; margin: 0 10px 0 0; }
.urun-list .item .head .m-checkbox a { width: 13px; height: 14px; background-image: url(../images/sprite.png); background-position: -782px 0px; margin: 0 -2px 0 0; }
.urun-list .item .head .m-checkbox a.checked { background-position: -795px 0px; }
.urun-list .item .image { border: 1px solid #d6d6d6; text-align: center; }
.urun-list .item .image a { padding: 15px; float: left; width: 170px; height: 170px; }
.urun-list .item .image a img { max-height: 100%; }
.urun-list .item .image a .resim-att { width: 170px; height: 170px; position: relative; float: left; padding: 0; text-align: center; }
.urun-list .item .image a .resim-att .resim-att-pre { width: 170px; height: 170px; position: relative; cursor: pointer; }
.urun-list .item .image a .resim-att .resim-att-pre .resim-thumb { width: 170px; height: 170px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.urun-list .item .image a .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 170px; height: 170px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.urun-list .item .image a .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 170px; max-height: 170px; }
.urun-list .item .text { font: 13px/17px "proxima-Regular"; color: #1b1a19; margin: 10px 0; }
.urun-list .item .text ul li { background: url(../images/urun-list-item.png) left 4px no-repeat; padding: 0 0 0 15px; }
.urun-list .item .bottom { float: left; width: 100%; }
.urun-list .item .bottom ul.ikon { display: block; float: left; }
.urun-list .item .bottom ul.ikon li { float: left; margin: 0 5px 0 0; }
.urun-list .item .bottom ul.ikon li .hover { display: none; }
.urun-list .item .bottom ul.ikon li:hover i { display: none; }
.urun-list .item .bottom ul.ikon li:hover .hover { display: block; }
.urun-list .item .bottom .more { background: url(../images/urun-more.png) center no-repeat #a8a8a8; position: absolute; bottom: 0; right: 0; text-indent: -9999px; width: 30px; height: 30px; }
.urun-list .item .bottom .more:hover { background-color: #de0031; }

header .text{position: absolute;right: 7px;top:35px;}
.dropdown{z-index: 999;}
.menu .bottom{margin-right: 22px;}

#inline { font: 18px "proxima-Bold"; color: #de0031; text-align: center; margin: 40px 0; }

.urun-detay { padding: 20px; }
.urun-detay .gallery-etal { width: 390px; float: left; }
.urun-detay .gallery-etal .etalage_thumb .resim-att { width: 380px; height: 380px; position: relative; float: left; padding: 0; text-align: center; }
.urun-detay .gallery-etal .etalage_thumb .resim-att .resim-att-pre { width: 380px; height: 380px; position: relative; cursor: pointer; }
.urun-detay .gallery-etal .etalage_thumb .resim-att .resim-att-pre .resim-thumb { width: 380px; height: 380px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.urun-detay .gallery-etal .etalage_thumb .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 380px; height: 380px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.urun-detay .gallery-etal .etalage_thumb .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 380px; max-height: 380px; }
.urun-detay .gallery-etal .etalage_small_thumbs ul li { padding: 3px; }
.urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-att { width: 82px; height: 82px; position: relative; float: left; padding: 0; text-align: center; }
.urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-att .resim-att-pre { width: 82px; height: 82px; position: relative; cursor: pointer; }
.urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-att .resim-att-pre .resim-thumb { width: 82px; height: 82px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 82px; height: 82px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 82px; max-height: 82px; }
.urun-detay .gallery-etal .etalage_small_thumbs ul li img { max-width: 82px; }
.urun-detay .text { width: 526px; float: left; font: 14px/19px "proxima-Semibold"; color: #1b1a19; margin: 0 0 0 20px; }
.urun-detay .text ul { margin: 0 0 10px 0; }
.urun-detay .text ul li { background: url(../images/urun-list-item.png) left 4px no-repeat; padding: 0 0 0 15px; margin: 0 0 10px 0; }
.urun-detay .text .video, .urun-detay .text .brosur { background: url(../images/play-btn.png) 95% center #a8a8a8 no-repeat; margin: 0 10px 0 0; color: #fff; font: 14px "proxima-Regular"; padding: 10px 35px 8px 15px; display: block; float: left; border-radius: 3px; }
.urun-detay .text .brosur { background: url(../images/brosur-btn.png) 95% center #a8a8a8 no-repeat; }

.ozellik { margin-top: 25px; }
.ozellik > .nail { display: none; }
.ozellik .tab > ul { background: #de0031; }
.ozellik .tab > ul li { float: left; border-right: 1px solid #8f0a27; position: relative; }
.ozellik .tab > ul li a { font: 15px "proxima-Regular"; color: #fff; display: block; background: #de0031; padding: 15px; }
.ozellik .tab > ul li a i { display: none; position: absolute; left: 50%; margin-left: -7px; bottom: 0; }
.ozellik .tab > ul li.active a, .ozellik .tab > ul li:hover a { background: #8f0a27; }
.ozellik .tab > ul li.active a i, .ozellik .tab > ul li:hover a i { display: block !important; }
.ozellik .tab > .text { padding: 20px; }
.ozellik .tab > .text ul.ikon { display: block; clear: both; }
.ozellik .tab > .text ul.ikon li { float: left; padding: 5px; }
.ozellik .tab > .text ul.ikon li .hover { display: none; }
.ozellik .tab > .text ul.ikon li:hover i { display: none; }
.ozellik .tab > .text ul.ikon li:hover .hover { display: block; }
.ozellik .tab > .text p { font: 14px/22px "proxima-Regular"; color: #1b1a19; }
.ozellik .tab > .text .accordion .head { background: #e3e3e3; margin: 10px 0 0 0; }
.ozellik .tab > .text .accordion .head h3 { font: 15px "proxima-Regular"; color: #000; padding: 10px; margin: 0; cursor: pointer; }
.ozellik .tab > .text .accordion .head span { float: right; display: block; background: url(../images/sprite.png); width: 38px; height: 38px; background-position: -728px -44px; cursor: pointer; }
.ozellik .tab > .text .accordion .head.active span { background-position: -760px -63px ;}
.ozellik .tab > .text .accordion .text ul li { border-bottom: 1px solid #f3f3f3; color: #1b1a19; }
.ozellik .tab > .text .accordion .text ul li b { display: inline-block; width: 48%; display: block; float: left; padding-left: 10px; font: 14px/22px "proxima-Regular"; }
.ozellik .tab > .text .accordion .text ul li span { display: inline-block; padding-left: 10px; font: 14px/22px "proxima-Regular"; width: 48%; border-left: 1px solid #f3f3f3; }
.ozellik .tab > .text > table { width: 100%; }
.ozellik .tab > .text > table td { width: 80%; font: 12px/22px "proxima-Regular"; color: #1b1a19; border-bottom: 1px solid #f3f3f3; padding-left: 10px; }
.ozellik .tab > .text > table th { text-align: center; font: 14px/22px "proxima-Bold"; color: #1b1a19; }
.ozellik .tab > .text > table td.first { width: 20%; border-right: 1px solid #f3f3f3; padding-left: 0px; text-align: center; }
.ozellik .tab > .text .yukleme-merkezi .sha_cf { display: none; }
.ozellik .tab > .text .yukleme-merkezi h3 { font: 15px "proxima-Regular"; color: #000; padding: 10px; background: #e3e3e3; margin: 10px 0 0 0; }
.ozellik .tab > .text .yukleme-merkezi table { width: 100%; }
.ozellik .tab > .text .yukleme-merkezi table .sha_td_left { width: 55%; text-align: left; font: 12px/20px "proxima-Regular"; color: #1b1a19; }
.ozellik .tab > .text .yukleme-merkezi table .sha_td_left a { font: 14px/22px "proxima-Semibold"; color: #1b1a19; }
.ozellik .tab > .text .yukleme-merkezi table td { width: 15%; text-align: center; font: 12px/22px "proxima-Regular"; color: #1b1a19; border-bottom: 1px solid #f3f3f3; }
.ozellik .tab > .text .yukleme-merkezi table th { text-align: center; font: 14px/22px "proxima-Bold"; color: #1b1a19; }

.urun-karsilastirma { background: #fff; padding: 20px; }
.urun-karsilastirma td { width: 20%; }
.urun-karsilastirma .first { width: 40%; }
.urun-karsilastirma > table { width: 100%; }
.urun-karsilastirma > table th { border-left: 1px solid #f3f3f3; }
.urun-karsilastirma > table th h3 { font: 19px "proxima-Bold"; color: #000; padding: 10px; margin: 0; cursor: pointer; }
.urun-karsilastirma > table th .resim-att { width: 106px; height: 75px; position: relative; float: left; padding: 0; text-align: center; }
.urun-karsilastirma > table th .resim-att .resim-att-pre { width: 106px; height: 75px; position: relative; cursor: pointer; }
.urun-karsilastirma > table th .resim-att .resim-att-pre .resim-thumb { width: 106px; height: 75px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.urun-karsilastirma > table th .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 106px; height: 75px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.urun-karsilastirma > table th .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 106px; max-height: 75px; }
.urun-karsilastirma > table th .resim-att { margin: 15px auto; float: none; }
.urun-karsilastirma > table th.first { border: none; }
.urun-karsilastirma .accordion { position: relative; margin-top: -10px; }
.urun-karsilastirma .accordion .head { background: #e3e3e3; margin: 10px 0 0 0; }
.urun-karsilastirma .accordion .head h3 { font: 15px "proxima-Regular"; color: #000; padding: 10px; margin: 0; cursor: pointer; }
.urun-karsilastirma .accordion .head span { float: right; display: block; background: url(../images/sprite.png); width: 38px; height: 38px; background-position: -728px -44px; cursor: pointer; }
.urun-karsilastirma .accordion .head.active span { background-position: -760px -63px ;}
.urun-karsilastirma .accordion .text table { width: 100%; }
.urun-karsilastirma .accordion .text table td { border-bottom: 1px solid #f3f3f3; color: #1b1a19; padding-left: 10px; width: 20%; font: 14px/22px "proxima-Regular"; border-left: 1px solid #f3f3f3; }
.urun-karsilastirma .accordion .text table td.first { padding-left: 10px; font: 14px/22px "proxima-Regular"; width: 40%; }
.urun-karsilastirma .accordion .text table td.last { border-right: 1px solid #f3f3f3; }

/* ========================================================================================================================================================== DETAIL PAGE
========================================================================================================================================================== */
.mobil-menu { display: none; }

footer { background: #fff; margin-top: 40px; padding: 20px 0; }
footer .links > ul > li { float: left; width: 50%; margin: 0 2% 0 0; }
footer .links > ul > li > a { font: 13px "proxima-Bold"; color: #1b1a19; display: block; padding: 0px 0; }
footer .links > ul > li > .dropdown > ul > li > a { font: 11px "proxima-Regular"; color: #1b1a19; display: block; padding: 3px 0; }
footer .nail { display: none; }
footer .copyright { float: right; }
footer .copyright p { color: #1b1a19; font: 14px "proxima-Bold"; margin: 0; }
footer .copyright a { color: #1b1a19; font: 11px "proxima-Regular"; }
footer .copyright a b { font-family: "proxima-Semibold"; font-style: normal; }

.share { position: relative; right: -22px; float: right; }
.share > span { float: none; width: 22px; display: block; height: 22px; }
.share > span span { margin: 0 !important; }
.share > span span .stLarge { width: 22px !important; height: 22px !important; background-size: 100%; }
.share > span span .stLarge:hover { background-position: -44px !important; opacity: 1 !important; }

.mobilBtn { display: none; float: right; margin: 13px 15px 13px 0; }
.mobilBtn a { font: 19px/35px "proxima-Regular"; color: #de0031; display: block; }
.mobilBtn a i { font-size: 21px; margin: 1px 10px 0 0; float: left; border: 1px solid; padding: 5px 10px; border-radius: 3px; }

.mobileDiv { display: none; position: relative; z-index: 100; background: #fff; box-shadow: inset 1px -1px 5px 0px rgba(0, 0, 0, 0.21); }
.mobileDiv .mobil-menu { display: block; }
.mobileDiv .mobil-menu ul li a { font: 19px "proxima-Semibold"; color: #1b1a19; display: block; padding: 15px 0; border-bottom: 1px solid #eee; }
.mobileDiv .mobil-menu ul li ul { display: none; padding: 0 25px; border-left: 2px solid #de0031; margin: 0; background: #eee; }
.mobileDiv .mobil-menu ul li ul li a { font: 17px "proxima-Regular"; border-bottom: 1px solid #ccc; padding: 15px 0; }
.mobileDiv .mobil-menu ul li ul li:last-child a { border: 0; }

.search_items { padding: 0 20px; }
.search_items .result-time { font: 16px "proxima-Semibold"; color: #1b1a19; margin: 0 0 20px 0; }
.search_items .item { margin: 0 0 25px 0; }
.search_items .item .image { float: left; margin: 0 15px 10px 0; }
.search_items .item .image .resim-att { width: 90px; height: 90px; position: relative; float: left; padding: 0; text-align: center; }
.search_items .item .image .resim-att .resim-att-pre { width: 90px; height: 90px; position: relative; cursor: pointer; }
.search_items .item .image .resim-att .resim-att-pre .resim-thumb { width: 90px; height: 90px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.search_items .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 90px; height: 90px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.search_items .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90px; max-height: 90px; }
.search_items .item .text { float: none; }
.search_items .item .text h4 { font: 15px "proxima-Regular"; color: #1b1a19; margin: 0 0 10px 0; }
.search_items .item .text h4 b { font-weight: normal; font-family: "proxima-Bold"; }
.search_items .item .text p { font: 14px/18px "proxima-Regular"; color: #1b1a19; margin: 0 0 10px 0; }
.search_items .item .text p b { font-weight: normal; font-family: "proxima-Bold"; }
.search_items .item .text a { font: 14px "proxima-Semibold"; color: #de0031; display: block; float: left; }
.search_items .item .text a b { font-weight: normal; font-family: "proxima-Bold"; }

.pagination { border-top: 1px solid #ececec; padding: 15px 0 20px 0; }
.pagination ul li { float: left; margin: 0 5px 0 0; }
.pagination ul li a { display: block; width: 25px; font: 14px "proxima-Bold"; color: #1b1a19; background: #eee; text-align: center; padding: 5px 2px; }
.pagination ul li:hover a, .pagination ul li.active a { background: #de0031; color: #fff; }

@media screen and (max-width: 1023px) and (min-width: 1px) { .mobilBtn { display: block; }
  header .col12 { background: #fff; }
  header .menu .bottom { display: none; }
  .tp-bgimg.defaultimg, .slotslide div { background-size: 190% !important; }
  .slider { margin: -12.5% 0 -6.5% 0; }
  .slider .tp-bullets { display: none; }
  footer .links ul li { width: 100%; margin: 0 0 10px 0; }
  footer .links ul li a { font-size: 16px; }
  footer .links ul li .dropdown ul li { margin: 3px 0; }
  footer .links ul li .dropdown ul li a { font-size: 14px; padding: 2px 0; }
  footer .copyright { width: 100%; border-top: 2px solid #eee; padding: 20px 0 0 0; }
  .urun-list { margin: 0 -20px; }
  .urun-list .item { width: 238px; }
  .urun-list .item .image a { display: block; float: none; margin: 0 auto; }
  .urun-list .item .bottom .more { text-indent: 0; font: 15px proxima-bold; color: #fff; padding: 10px 50px 0 10px; background-position: 90% center; bottom: 10px; right: 0px; }
  .cozum .list .item { width: 100%; }
  .form .inpGr { width: 100%; margin: 0 0 20px 0; }

  .row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr{width: 100%;}
  .row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr .captcha .image{width: 100%;float: none;}
  .row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr .captcha input{width: 100%;float: none;padding: 10px 0;}
  .row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr .captcha .image a{margin: 24px 20px 0 0;}
  .row.boxGrup.boxGrup-6 .col6 .yorum .text .form .inpGr.inpGrSubmit{margin: 0;}

  .urun-detay .gallery-etal { width: 248px; margin: 0 0 20px 0; }
  .urun-detay .gallery-etal ul { width: 100% !important; }
  .urun-detay .gallery-etal .etalage_thumb { padding: 10px 3%; width: 94%; }
  .urun-detay .gallery-etal .etalage_thumb .resim-att { width: 100%; height: 248px; position: relative; float: left; padding: 0; text-align: center; }
  .urun-detay .gallery-etal .etalage_thumb .resim-att .resim-att-pre { width: 100%; height: 248px; position: relative; cursor: pointer; }
  .urun-detay .gallery-etal .etalage_thumb .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 248px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .urun-detay .gallery-etal .etalage_thumb .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 248px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .urun-detay .gallery-etal .etalage_thumb .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 248px; }
  .urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-att { width: 50px; height: 50px; position: relative; float: left; padding: 0; text-align: center; }
  .urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-att .resim-att-pre { width: 50px; height: 50px; position: relative; cursor: pointer; }
  .urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-att .resim-att-pre .resim-thumb { width: 50px; height: 50px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 50px; height: 50px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .urun-detay .gallery-etal .etalage_small_thumbs ul li .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 50px; max-height: 50px; }
  .urun-detay .gallery-etal .etalage_small_thumbs ul li img { max-width: 50px; }
  .urun-detay .text { width: 100%; margin: 0; }
  .widget-yan { background: #a8a8a8; margin: 20px 20px; padding: 15px; }
  .widget-yan .widget { width: 100%; border-right: 0; border-bottom: 1px solid #b1b1b1; padding: 0; margin: 0 0 20px 0; min-height: inherit; }
  .widget-yan .widget .widget-title h4 { height: auto; } 
.bayiler .form select{position: absolute;left: 0;top: 37px;opacity: 0;width: 100%;display: block;} 
.bayiler .form{position: relative;}
}
/* =============================== All Mobile ======================================
==================================================================================== */
@media screen and (max-width: 1023px) and (min-width: 767px) { .slider .tp-simpleresponsive img { max-width: 700px; height: auto !important; margin-top: 60px; }
  .slider .capBig, .slider .capMed { margin-left: -50px !important; width: 270px; }
  .urun-list .item .bottom .more { right: 20px; }
  .boxGrup-1 .container12 .col5 { width: 748px; margin-bottom: 25px; }
  .boxGrup-1 .container12 .col4 { width: 497px; margin-bottom: 25px; }
  .boxGrup-1 .container12 .col3 { width: 230.5px; margin-bottom: 25px; }
  .cozumler-ozel { height: auto; }
  .cozumler-ozel .item { width: 248.33333px; border-bottom: 1px solid #ececec; }
  .cozumler-ozel .item .image { min-width: 108px; width: 40%; }
  .cozumler-ozel .item .image i:last-child { display: none; }
  .cozumler-ozel .item .text { display: block; position: relative; right: -10px; }
  .cozumler-ozel .item .text a { color: #1b1a19; text-align: left; }
  .cozumler-ozel .item:nth-child(3n+3) { border-right: 0; }
  .widget-yan .widget .widget-content ul li { float: left; width: 25%; }
  .kategori-list .item { width: 167px; }
  .kategori-list .item .text a { height: 100px; } 
.bayiler .form select{position: absolute;left: 0;top: 37px;opacity: 0;width: 100%;display: block;} 
.bayiler .form{position: relative;}}
/* =============================== Tablet ======================================
==================================================================================== */
@media screen and (max-width: 767px) and (min-width: 1px) { .bayi-list { overflow-x: scroll; overflow-y: hidden; }
  .bayi-list table { width: 900px; }
  #arama-bolumu { position: relative; margin: 10px 0 0 0; top: 0; box-shadow: none; }
  .boxGrup-1 > .container12 > div { margin: 0 0 20px 0; }
  .share { display: none; }
  .slider .capBig, .slider .capMed { display: none; }
  .cozumler-ozel { height: auto; }
  .cozumler-ozel .item { width: 100%; border-bottom: 1px solid #ececec; }
  .cozumler-ozel .item .image { min-width: 108px; width: 40%; }
  .cozumler-ozel .item .image i:last-child { display: none; }
  .cozumler-ozel .item .text { display: block; position: relative; right: -10px; }
  .cozumler-ozel .item .text a { color: #1b1a19; text-align: left; }
  .sidebar-urun { margin: 0 0 30px 0; }
  .urun-list { min-height: inherit; margin: 0; }
  .urun-list .item { border-right: 0; width: 100%; margin: 0 0 20px -1px; padding: 0; }
  .ozellik .tab > ul li { width: 100%; border-bottom: 1px solid #8f0a27; border-right: 0; }
  .ozellik .tab > ul li.active a i, .ozellik .tab > ul li:hover a i { display: none !important; }
  .boxGrup .bayi-kutu .text h2 { width: 90%; padding: 15px 5%; }
  .urun-karsilastirma { overflow-x: scroll; overflow-y: hidden; }
  .urun-karsilastirma > table, .urun-karsilastirma > .accordion { width: 800px; } 
.bayiler .form select{position: absolute;left: 0;top: 37px;opacity: 0;width: 100%;display: block;} 
.bayiler .form{position: relative;}}
/* =============================== Wide Phone ======================================
==================================================================================== */
@media screen and (max-width: 479px) and (min-width: 1px) { .banner { margin-top: -152px; }
  header .col12 { margin: 10px 0; }
  header .menu .top { margin-top: -36px; }
  header .menu { position: absolute; }
  .mobilBtn a { text-indent: -99999px; }
  .mobilBtn a i { text-indent: 0; position: relative; right: -10px; }
  .sayfa article img { width: 100%; margin: 0 0 15px 0; }
.bayiler .form select{position: absolute;left: 0;top: 37px;opacity: 0;width: 100%;display: block;} 
.bayiler .form{position: relative;}}
/* =============================== Small Phone ======================================
==================================================================================== */