@import url("fonts.css");

::-webkit-input-placeholder { /* WebKit browsers */color:#393e44;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#393e44;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#393e44;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#393e44;}

body {overflow-y: scroll;}

.Home { margin-top: 434px;}
.wrap {background:url(../images/zer-bg.png);position:absolute;z-index:10;top:103px;display:none;}
.bg-repeat {position: absolute; height: 100%; background: #e4e7ea; right: 0;}
.mobile-img {display: none;}


header {position: relative; top:0px; width: 100%; z-index: 10; background: url(../images/zer.png) repeat-x; height: 126px; }
header .container_12 {}
header .logo { float: left;}
header .logo img{margin-top: 5px;}
header .menu { float: right;}
header .menu .top {}
header .menu .top ul { float: right;}
header .menu .top ul li { float: left; margin: 0 0 0 5px;}
header .menu .top ul li a { font: 12px proxima-light; background: #394857; color: #fff; padding: 7px 10px 5px 10px; display: block;}
header .menu .top ul li span { font: 12px proxima-light; background: #394857; color: #fff; padding: 7px 10px 5px 10px; display: block;}
header .menu .top ul li:hover a , header .menu .top ul li.on a { background: #d34546;}
header .menu .bottom { margin: 20px 0 0 0;}
header .menu .bottom > ul {}
header .menu .bottom > ul li.gizle div {display: none;}
header .menu .bottom > ul > li { float: left;}
header .menu .bottom > ul > li > a { font: 15px proxima-semibold; color: #2e3237; display: block; padding: 2px 5px; margin: 0 5px; border-bottom: 5px solid transparent; padding-bottom: 32px;}
header .menu .bottom > ul > li:hover > a , header .menu .bottom > ul > li.on > a { border-bottom: 5px solid #d34546; padding-bottom: 32px; padding-bottom /*\**/: 27px\9}
@-moz-document url-prefix() { 
	header .menu .bottom > ul > li.on > a {border-bottom: 5px solid #d34546; padding-bottom: 27px;}
	header .menu .bottom > ul > li > a {font: 15px proxima-semibold; color: #2e3237; display: block; padding: 2px 5px; margin: 0 5px; border-bottom: 5px solid transparent; padding-bottom: 27px;}
	header .menu .bottom > ul > li:hover > a , header .menu .bottom > ul > li.on > a { border-bottom: 5px solid #d34546; padding-bottom: 27px; padding-bottom /*\**/: 27px\9}

}

.bottom li > .wrapper {left:0;margin-top: -1px;background:#ad3232;width:100%;position:absolute;display:none;}
.bottom li > .wrapper > ul {background:#e4e7ea;width:976px;margin:0 auto;position:relative;}
.bottom li > .wrapper > ul > li {height:95px;width:237px;background:#ad3232;}
.bottom li > .wrapper > ul > li > a > img {margin:0 0 -3px 20px;}
.bottom li > .wrapper > ul > li > a {display:block;background:url(../images/box-arrow.png) 200px center no-repeat;transition:all ease 0.3s;}
.bottom li > .wrapper > ul > li:hover > a , .bottom li > .wrapper > ul > li.on > a {background-color:#852323;}

.bottom li ul li .wrapper-sub {position:absolute;top:0;right:0;width:740px;height:100%;background:#fff;display:none;}
.bottom li ul li .wrapper-sub ul {height:100%;}
.bottom li ul li .wrapper-sub ul li {}
.bottom li ul li .wrapper-sub ul li a {font:16px proxima-regular;color:#6e7278;background:#fff;display:block;padding:12px 33px;transition:all ease 0.3s;}
.bottom li ul li .wrapper-sub ul li .image {width: 300px; position:absolute;top:0;right:0;height:100%;padding-left:30px;background:#e4e7ea;}
.bottom li ul li .wrapper-sub ul li .image img {margin-top:40px; display: none;position: relative;z-index: 9999;}
.bottom li ul li .wrapper-sub ul li:hover a , .bottom li ul li .wrapper-sub ul li.on a {background:#e4e7ea;}


/* ================== HEADER ================== */


.slider {margin-top: -127px; position: relative; z-index: 1; width: 100%; left: 0; background: url(../images/loading.gif) center no-repeat; height: 560px; float: left;}
.slider .big-sld { font: 33px/35px proxima-regular; color: #1d2e3e;}
.slider .big-sld strong { font-family: proxima-bold;}
.slider .sma-sld { font: 19px/22px proxima-light; color: #394857;}
.slider .sld-btn { background: #d34546; font: 15px/15px proxima-regular; color: #fff; padding: 12px 10px 12px 15px; width: 170px; display: block;}
.slider .sld-btn span { background: url(../images/sld-arrow.png) ; width: 5px; height: 8px; display: block; position: absolute; top: 15px; right: 20px;}
.slider .sld1-cap1 { z-index: 3;}
.slider .sld1-cap2 { z-index: 2;}

/* ================== SLIDER ================== */


section {position: relative; }


.markalar { background: #8d97a2; position: relative; margin: 0 0 20px 0; float: left; width: 100%;}
.markalar .col12 {}
.markalar .box {background: #8d97a2; transition: background ease 0.4s; height:95px; line-height: 30px!important; float: left; text-align: center; width: 242.7px; cursor: pointer; position: relative;}
.markalar .box:hover {background: #fff;}
.markalar .box + .box { border-left: 1px solid #a4acb5;}
.markalar .box img {padding: 0 31px; position: absolute; left: 0; top: 0;}
.markalar .box img.normalimg {display: block;}
.markalar .box img.hoverimg {display: none;}

.markalar .hover {background:#fff;position:absolute;bottom:0;z-index:10;width:100%; height: 95px; overflow: hidden; display: none;}
.markalar .hover .logo {padding:0;border-bottom:1px solid #cdcfd2;}
.markalar .hover .logo img {position: relative}
.markalar .hover .text {padding:20px 20px 40px;text-align:left;min-height:160px;}
.markalar .hover .text ul {}
.markalar .hover .text ul li {margin: 0 0 8px 0;}
.markalar .hover .text ul li a {color: #2e3237; display:block; font:14px proxima-light;margin:0 0 7px 0; }
.markalar .hover .text ul li:hover a {color: #b53e3f;}

/* ================== Home Markalar ================== */

.box .span{font-size: 15px!important;}
.boxGrup {}
.boxGrup .box { position: relative; overflow: hidden;}
.boxGrup .box h1 { color: #fff; font: 16px proxima-regular; margin: 15px 0 5px 0;}
.boxGrup .box p { font: 14px proxima-light; color: #fff;;}
.boxGrup .box p.date { float: right;}
.boxGrup .box a.more {}
.boxGrup .box .image { float: left; margin-bottom: -3px; margin-right: 15px; position: relative; z-index: 1;}
.boxGrup .box .text { padding: 0 15px;}

/* ================== Home Boxes Style ================== */


.boxGrup .yatay .more { width: 100%; height: 58px; position: absolute; left: 0; bottom: 0;}
.boxGrup .yatay .more a { width: 100%; height: 100%; position: absolute; background-image: url(../images/box-arrow.png); background-repeat: no-repeat; background-position: center;}
/* ================== Box Yatay Arrow  ================== */

.boxGrup .dikey .more { width: 45px; float: right; height: 100%; position: absolute; background: #4a535c; top: 0; right: 0;}
.boxGrup .dikey .more a { background: url(../images/box-arrow.png) center no-repeat; width: 100%; height: 100%; position: absolute; bottom: 0;}
/* ================== Box Dikey Arrow ================== */


.boxGrupOne { margin: 0 0 20px 0;}
.boxGrupOne .box1 {height: 295px; background: #788390;}
.boxGrupOne .box1 .image {}
.boxGrupOne .box1 .text { float: left; padding-right: 60px;}
.boxGrupOne .box1 .more a { background-position: center 245px;}

/* ================== Box Grup 1 / Box 1 ================== */

.boxGrupOne .box2 {height: 195px; background: #d34546;}
.boxGrupOne .box2 .image {}
.boxGrupOne .box2 .text {}
.boxGrupOne .box2 .more a { background-color: #b53e3f; width: 136px; right: 0;}

/* ================== Box Grup 1 / Box 2 ================== */

.boxGrupOne .box3 {height: 195px; background: #8d97a2;}
.boxGrupOne .box3 .image {}
.boxGrupOne .box3 .text {}
.boxGrupOne .box3 .more a { width: 136px; right: 0; background-color: #788390;}

/* ================== Box Grup 1 / Box 3 ================== */

.boxGrupOne .box4 {height: 80px; background: #394857; margin-top: 20px;}
.boxGrupOne .box4 .image {width: auto !important;}
.boxGrupOne .box4 .image i.news { width: 105px; display: block; background: url(../images/news.png) center center no-repeat #d34546; height: 80px;}
.boxGrupOne .box4 .text {}
.boxGrupOne .box4 .text .middle {vertical-align: middle; display: table-cell; float: left;}
.boxGrupOne .box4 .text p { width: 370px; vertical-align: middle; display: table-cell; height: 80px;}
.boxGrupOne .box4 .text p.date { width: 100px; float: right; text-align: right; height: 80; line-height: 80px; border-left: 1px solid #2f3f4e; padding: 0 0 0 15px;}
.boxGrupOne .box4 .text p.date i.date-ico { background: url(../images/date-ico.png); width: 13px; height: 13px; position: absolute; display: block; top: 50%; margin: -8px 0 0 0;}

/* ================== Box Grup 1 / Box 4 ================== */


.boxGrupTwo {}
.boxGrupTwo .box1 { width: 519px; height: 220px; float: left; background: #4a535c;}
.boxGrupTwo .box1 .image { float: right; margin-right: 0; margin-left: 15px;}
.boxGrupTwo .box1 .text {}
.boxGrupTwo .box1 .more {}
.boxGrupTwo .box1 .more a { background-color: #3c434a; width: 262px;}

/* ================== Box Grup 2 / Box 1 ================== */

.boxGrupTwo .box2 { float: right; background: #788390; width: 312px; height: 220px;}
.boxGrupTwo .box2 .image { position: absolute; bottom: 0;;}
.boxGrupTwo .box2 .text { padding-right: 60px;}
.boxGrupTwo .box2 .text a {color: #fff;}
.boxGrupTwo .box2 .more a { background-position: center 40px;}

/* ================== Box Grup 2 / Box 2 ================== */

.boxGrupTwo .social-gr { float: left; width: 105px; margin: 0 20px 0 20px;}
.boxGrupTwo .social-gr .sc-box {float: left; width: 105px; height: 85px; text-align: center; padding: 15px 0 0 0; margin: 0 0 20px 0;}
.boxGrupTwo .social-gr .sc-box a {display:block;}
.boxGrupTwo .social-gr .sc-box i { color: #fff; font-size: 28px; margin: 0 0 5px 0; transition: all ease 0.5s;}
.boxGrupTwo .social-gr .sc-box:hover i { transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.boxGrupTwo .social-gr .sc-box span { font: 14px proxima-light; color: #fff; display: block;;}
.boxGrupTwo .social-gr .sc-box.fb {background: #3f5e97;}
.boxGrupTwo .social-gr .sc-box.tw {background: #52cff8;}

/* ================== Box Grup 1 / Social Box ================== */



.newsletter { background: #394857; padding: 15px 0;}
.newsletter .text { float:left;}
.newsletter .text p { font: 100 17px proxima-light; color: #fff; margin: 10px 0;}
.newsletter .form { float:right;}
.newsletter .form form { position: relative; float: right;}
.newsletter .form input[type="text"] { background: #fff; font: 100 16px proxima-light; color: #393e44; padding: 12px 45px 12px 12px; border-radius: 5px;}
.newsletter .form input[type="button"] { background: url(../images/btn1.png) center #d34546 no-repeat; border-radius: 5px; position: absolute; top: 50%; right: 10px; margin: -14px 0 0 0; width: 27px; height: 27px; cursor: pointer;}

/* ================== Footer Newsletter ================== */


footer { background: #1d2e3e; min-height: 230px; margin-bottom: -50px;}
footer .top { padding: 20px 0;}
footer .top img {max-width: 140px; width: 100%;}
footer .bottom { padding: 20px 0;}
footer .bottom p { font: 13px/18px proxima-light; color: #5f6973;}
footer .bottom p.col3 {text-align: right;}
footer .bottom p a { color: #5f6973;}
footer .border { width: 100%; height: 1px; background: #4a535c; position: absolute; left: 0;}
ul#footer-menu li ul , ul#footer-menu li ul * {display:none;}

/* ================== Footer ================== */

.links {}
.links ul { margin: 20px 0 0 0;}
.links ul li { font: 13px/10px proxima-light; float: left; margin: 0 10px 10px 0; padding: 0 10px 0 0; border-right: 1px solid #5f6973;}
.links ul li a { color: #5f6973;}
.links ul li a:hover { color: #9CA6AF;}

/* ================== Footer Menu ================== */

.social { float:right;}
.social ul { float: right; margin: 5px 0 0 0;}
.social ul li { float: left; margin: 0 0 0 10px;}
.social ul li a { width: 36px; height: auto; display: block; background: #394857; color: #fff; text-align: center; font-size: 20px; padding: 9px 0 6px 0; border-radius: 5px; transition: all ease 0.5s;}
.social ul li:hover a.fb {background: #3f5e97;}
.social ul li:hover a.tw {background: #52cff8;}
.social ul li:hover a.go {background: #dd4b39;}

/* ================== Footer Social ================== */


.main {background:#d9e2ed;padding:20px 0;min-height:300px;}

.page-header {background: #2e4052; padding: 30px 0; position: relative; margin-top:-22px;}
.page-header h1 {font: 28px proxima-semibold; color: #fff; }
.page-header .breadcrumb {color: #9db1c7; font: 12px/17px proxima-regular; margin: 5px 0 0 0; }
.page-header .breadcrumb a {color: #9db1c7; float: left; }
.page-header .breadcrumb span {background: url(../images/bread-arrow.png) center no-repeat; width: 5px; height: 10px; display: block; float: left; margin: 0 10px; position: relative; top: 3px; }

/* ================== Page Header & Breadcrumb ================== */


.page h2 {font: 19px/21px proxima-semibold;color: #2e4052;margin: 0 0 10px 0;}
.page h3 {font: 14px/21px proxima-bold; color: #2e4052; margin: 0 0 10px 0;}
.page p {font: 16px/22px proxima-regular; margin: 0 0 25px 0; color: #2e4052; text-align: justify;}
.page img {margin: 0 0 15px 15px}
.page ul {list-style: square;margin: 0 0 0 20px;}
.page ul li {font: 16px/22px proxima-light; color: #2e4052; margin: 0 0 3px 0;}
.page a {border-bottom: 1px dotted; color: #2e4052; font-family: proxima-regular;}
.ik {background: url(../images/ik.jpg) top right no-repeat; }

/* ================== Page Elements Style ================== */

.side {display: block;}
.sidebar {}
.ui-accordion-header{font:18px proxima-regular; color:#fff; background:#778ba1; padding:14px 18px 13px; outline:none; margin:5px 0 0 0; position:relative; cursor:pointer;}
.ui-accordion-header:hover {background: #e01416;}
.sidebar h3 {font:18px proxima-regular; color:#fff; background:#778ba1; padding:14px 18px 13px; outline:none; margin:5px 0 0 0; position:relative; cursor:pointer;}
.sidebar h3:hover {background: #e01416;}

.sidebar h3.ui-accordion-header-active {background:#2e4052;}
.sidebar h3 span {background:url(../images/down-arrow.png) no-repeat;width:8px;height:4px;display:block;position:absolute;right:20px;top:22px;}


.sidebar .text {}
.sidebar .text ul {}
.sidebar .text ul li {height:51px;}
.sidebar .text ul li .verc {height:50px;display:table-cell;vertical-align:middle;}
.sidebar .text ul li a {font:14px/18px proxima-regular;color:#fff;background:#2e4052;display:block;padding:0 18px;vertical-align:middle;border-top:1px solid #44576a;transition:all ease 0.2s;position:relative;height:50px;}
.sidebar .text ul li a .arrow {background:url(../images/side-arrow.png) no-repeat;width:13px;height:50px;display:none;position:absolute;top:0;right:-13px; transition: all ease 0.3s}
.sidebar .text ul li:hover a , .sidebar .text ul li.on a {background:#e01416;}
.sidebar .text ul li.on a .arrow {display: block;}
.sidebar .text ul li:hover a .arrow {display: block;}
.sidebar > ul {}
.sidebar > ul > li {}
.sidebar > ul > li a {font: 16px proxima-regular;color: #fff;background: #2e4052;padding: 13px 18px;outline: none;margin: 0; border-top: 1px solid #44576a; position: relative;cursor: pointer;display: block; transition:all ease 0.3s;}
.sidebar > ul > li:hover a , .sidebar ul li.on a  {background: #d34546; border-top: 1px solid #b53e3f;}
.sidebar > ul > li:first-child a {border-top:none;}

.dilen .sidebar .text ul li a {font-size:13px;}

/* ================== Sidebar ================== */

.category {margin:5px 0 0 0;}
.category .banner {margin:0 0 30px 0; overflow: hidden;}

.list {}
.list ul {margin: 0;}
.list ul li {width:229px; float:left; margin:0 20px 20px 0;}
.list ul li .image {height:150px; text-align:center; background:#fff; position:relative; overflow: hidden;}
.list ul li .image img{max-width:229px; max-height: 150px;}
.list ul li .image .arrow{width:30px; height:30px; display:block; background:url(../images/more-arrow.png) center no-repeat #8ba1b9; position:absolute; top:0; right:0; transition:all ease 0.3s;}
.list ul li .text {background:#8ba1b9; transition:all ease 0.3s;}
.list ul li .text a {font:14px/18px proxima-regular; color:#fff; display:table-cell; padding:0 10px; text-align:center; height:70px; vertical-align:middle;}
.list ul li:hover .text {background: #2e4052;}
.list ul li:hover .arrow {background-color: #2e4052;}

.anacat .list ul li .image img {max-height: 300px; max-width: 320px !important; margin-top: -110px;}

.dilen .list ul li .text a {height: 90px;}

.basin .list ul li .text a {height:40px;}
.basin .list ul li .image {height:220px; text-align:center; background:#fff; position:relative;}
.basin .list ul li .image a {display: none;}
.basin .list ul li .image img{max-width:229px; max-height: inherit;}

.belge .list ul li {width: 166px;}
.belge .list ul li .image {height: 180px;}
.belge .list ul li .image a {display: block;}
.belge .list ul li .image img {max-width:166px; max-height: 240px;}
.belge .list ul li .text a {height:40px;}

/* ================== Category List ================== */


.product {}
.product .image {margin-left:0;}
.product .image .profil {position:relative;overflow:hidden; background: #fff;}
.product .image .profil a {display: block; text-align: center; width: 100%;}
.product .image .profil .zoom {width:30px;height:30px;position:absolute;right:0;bottom:0px;background:url(../images/zoom.png) center no-repeat #8ba1b9;;}
.product .image .icon {margin:10px 0 0 0;}
.product .image .icon ul {}
.product .image .icon ul li {float:left;margin:0 4px 0 0;}

/* ================== Product Profil Image ================== */

.product .text {margin-right:0;}
.product .text h2 {font:23px/21px proxima-bold;color:#2e4052;margin:0 0 10px 0;}
.product .text h3 {font:17px/15px proxima-semibold;color:#2e4052;margin:0 0 20px 0;}
.product .text p {font:15px proxima-light;margin:0 0 25px 0;}
.product .text table {font:13px proxima-light;margin:20px 0 0 0;float:left;}
.product .text table tr {background:#f8fafc;margin:0 0 1px 0;width:100%;float:left;display:block;}
.product .text table tr td {background:#fff;margin:0 1px 0 0;float:left;padding:15px 10px;width:315px;vertical-align:middle;border-left:1px solid #d9e2ed;text-align:right;}
.product .text table tr td.baslik {width: 120px;background: #f8fafc;border-left: none;text-align: left;}

/* ================== Product Detail Text ================== */

.other {margin:40px 0 0 0;}
.other h4 {font:16px proxima-semibold;color:#2e4052;margin:0 0 20px 0;}
.other ul {}
.other ul li {width:229px; float:left; background:#fff; margin:0 20px 20px 0; position:relative;}
.other ul li .arrow{width:25px; height:25px; display:block; background:url(../images/more-arrow.png) center no-repeat #8ba1b9; position:absolute; top:0; right:0; transition:all ease 0.3s;}
.other ul li .image {height:100px; text-align:center; background:#fff; width:84px; display:table-cell; vertical-align:middle; float:left;}
.other ul li .image img {width:100%; margin: 6px 0 ;}
.other ul li .text { transition:all ease 0.3s; width:145px; float:right;}
.other ul li .text a {font:14px/17px proxima-regular; color:#2e4052; display:table-cell; padding:10px 10px 0 10px; text-align:left; height:95px; vertical-align:middle;}
.other .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0 22px 0px 0px;width: 84px;}
.other .resim-att .resim-att-pre {position: relative;width: 84px;height: 100px;cursor: pointer;}
.other .resim-att .resim-att-pre .resim-thumb {width: 84px;height: 100px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.other .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 84px;height: 100px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.other .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%);}

/* ================== Other List ================== */


.resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0 22px 0px 0px;width: 229px;}
.resim-att .resim-att-pre {position: relative;width: 229px;height: 150px;cursor: pointer;}
.resim-att .resim-att-pre .resim-thumb {width: 229px;height: 150px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 229px;height: 150px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.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%);}

/* ================== ResimATT Plugin Style ================== */


.contact-form { margin: 10px 0 0 0;}
.contact-form p {font:12px proxima-regular !important; text-align:right; margin:15px 0;}
.contact-form table {}
.contact-form table tr {width:100%;  display:block; margin:0 0 10px 0; float:left; }
.contact-form table tr td.baslik {width:120px; font:13px proxima-semibold; color: #2E4052; padding: 5px 0 3px 0;}
.contact-form table tr td.baslik b {font-weight: 100;}
.contact-form table tr td.ayrac {width:20px;padding:5px 0 0 0;}
.contact-form table tr td {margin: 0; position:relative; display: block; float: left;}
.human-form {}
.human-form table tr td {}
.human-form table tr td.baslik {width: 120px;}
.contact-form input[type=text],
.contact-form input[type=file], 
.contact-form textarea {font:14px proxima-regular; border:1px solid transparent; border-radius:2px; margin:0; padding: 7px 2%; width: 96%; background: #fff;}
.contact-form input[type=text]:focus,
.contact-form select:focus,
.contact-form input[type=file]:focus,
.contact-form textarea:focus {border:1px solid #2e4052;}
.contact-form input[type=submit] {border-radius: 3px; border-bottom: 3px solid #9E3435; font: 18px proxima-semibold; color:#fff; cursor:pointer; transition:all ease 0.3s; padding: 8px 20px; background: url(../images/sld-arrow.png) 105px center no-repeat #d34546;width: 130px;text-align: left;}
.contact-form input[type=submit]:hover {background: url(../images/sld-arrow.png) 105px center no-repeat #2e4052; border-bottom: 3px solid #08294B;}
.inline {display: none; font: bold 15px 'arial'; margin: 30px 10px 0 10px; text-align: center;}

.captcha-img {width: 150px; height: 53px; border-radius:2px; float: left; margin: 0 !important;}
.captcha-rep {font-size: 28px; border-bottom: none !important; position: relative; top: 13px; margin: 0 10px;}
.captcha-inp {position: relative;top: 7px; width: 120px !important;}

.page .address { margin-bottom: 15px;}
.page .address ul {list-style:none;margin:0;}
.page .address ul li {width:100%;margin:0 0 10px 0;float:left;}
.page .address ul li i {font-size: 18px; width: 5%; color: #2e4052; float: left; margin: 0 10px 0 0; text-align: center;}
.page .address ul li p {width:90%;float:left;margin:0;font:14px/20px proxima-regular;}
.page .address ul li p span {}

.mail-mesaj h3 {font: 16px proxima-semibold;}
.mail-mesaj .hata {color: #e2001a;}
.mail-mesaj .ok {color: #239C13;}



.sayfalama { margin:0 auto; padding: 15px 0;}
.sayfalama ol li {float:left; }
.sayfalama ol li a{color:#fff; background: #8ba1b9; padding: 5px; margin:0 5px 0 0; /* font-size: 11px; */ /* font-weight: 700; */font: 12px proxima-regular;width: 20px;/* height: 20px; */display: block;text-align: center;}
.sayfalama ol li a:hover{}
.sayfalama ol li.active { font-weight: 500; }
.sayfalama ol li.active a{color:#fff; background: #e01416;}

/* ================== Sayfalama ================== */


.markaList {margin: 0 0 40px 0;}
.markaList .col3 {}
.markaList .col3 .box { padding: 0 20px 0 0; border-right: 1px solid #bdc7d4; min-height: 370px; }
.markaList .col3 .box .image { text-align: center; background: #fff; padding: 10px 0; }
.markaList .col3 .box ul { list-style: square; margin: 20px 0 0 20px; }
.markaList .col3 .box ul li {}
.markaList .col3 .box ul li a { font: 14px/20px proxima-regular; color: #2e4052; display: block; padding: 5px 0; transition: all ease 0.3s; }
.markaList .col3 .box ul li:hover {color: #e01416;}
.markaList .col3 .box ul li:hover a {color: #e01416;}

/* ================== Marka List ================== */


.katalog-indir { display: block; position: relative; margin: 10px 0 0 0; }
.katalog-indir img {margin: 0 0 -13px 0;}
.katalog-indir span.text { font: 13px proxima-regular; color: #fff; background: #2e4052; padding: 0 40px 0 18px; position: relative; display: block; height: 60px; vertical-align: middle; display: table-cell; }
.katalog-indir span.arrow { background: url(../images/box-arrow.png) center no-repeat #465768; display: block; width: 40px; height: 60px; position: absolute; bottom: 0; right: 0; }
 
/* ================== Katalog Download Btn ================== */


.mobileDiv {display: none;}

a#mobil {display: none; color: #d34546; font: 19px/19px proxima-bold; padding: 0; float: right;}
a#mobil i {font-size: 21px;position: relative;margin: 0 0 0 10px;background: #d34546;color: #fff;padding: 0;width: 45px;text-align: center;padding: 6px 0;}
.mobileDiv nav.mobil-menu {display: none;}
.mobileDiv nav.mobil-menu ul {}
.mobileDiv nav.mobil-menu ul li { font: 22px proxima-semibold; text-align: center; border-bottom: 1px solid #d9e2ed;}
.mobileDiv nav.mobil-menu ul li.over {background: #d34546;}
.mobileDiv nav.mobil-menu ul li.over a {color: #fff;}
.mobileDiv nav.mobil-menu ul li a { color: #2e4052; padding: 9px; display: block;}
.mobileDiv nav.mobil-menu ul li a i {margin: 0 0 0 15px;}
.mobileDiv nav.mobil-menu ul li:hover {border-bottom: 1px solid #BD3233;background: #d34546;}
.mobileDiv nav.mobil-menu ul li:hover a { color: #fff; /* background: #d34546; */ /* border-bottom: #DA3A3B; */}
.mobileDiv nav.mobil-menu ul li ul {display: none;background: #FAFAFA;border-top: 1px solid #A32223;}
.mobileDiv nav.mobil-menu ul li ul li { font: 19px proxima-regular; text-align: center; border-bottom: 1px solid #AA1718; position: relative; background: #BD3233;}
.mobileDiv nav.mobil-menu ul li ul li a { color: #fff; display: block;}
.mobileDiv nav.mobil-menu ul li ul li a i { margin: 0 0 0 0; width: 50px; text-align: center; color: #f4ac00;}
.mobileDiv nav.mobil-menu ul li ul li a:hover i {color: #fff;}
.mobileDiv .wrapper-sub {display: none !important;}
.mobileDiv .wrapper {}
.mobileDiv .wrapper ul li {overflow: hidden;}
.mobileDiv .wrapper ul li a {margin: -5px auto -10px auto; }
.mobileDiv .wrapper ul li a img {width: 120px;}








@media screen and (min-width: 768px) and (max-width: 999px)  {
     header .menu .bottom ul , .bg-repeat , .katalog-indir {display: none;}
     a#mobil {display: block;}
     .mobileDiv {display: block;}
     .links ul { margin: 5px 0 0 0;}
     .side {display: none;}
     
     .markalar .box a {width: 100%; display: block; height: 100%; z-index: 10; position: relative;}
     
     .sidebar {margin: 0 0 20px 0}
     
     .boxGrupOne .box4 .text p {width: 470px;}
     .boxGrupOne .box .text {float: left; padding: 0 15px;}
     .boxGrupOne .box .image {width: 100%; margin: 0; height: 145px; overflow: hidden;}
     .boxGrupOne .box .image img {width: 100%;}
     
     .ik {background: url(../images/ik.jpg) top right / 390px auto no-repeat; }
     
     .markaList {}
     .markaList .col3 {width: 364px;}
     
     .boxGrupOne .box1 , .boxGrupOne .box2 , .boxGrupOne .box3 {height: 285px;}
     
     .boxGrup .yatay .more {height: 40px;}
     .boxGrup .yatay .more a {width: 100% !important;}
     
     .boxGrup .dikey .more { width: 100%; height: 40px; position: absolute; left: 0; top:inherit; bottom: 0;}
     .boxGrup .dikey .more a { width: 100%; height: 100%; position: absolute; background-image: url(../images/box-arrow.png); background-repeat: no-repeat; background-position: center;}
     
     .markalar .box {width: 185.7px; height: 83px;}
     .markalar .box img {width: 85%; padding: 0 14px;}
     .newsletter .text p {font-size: 15px;}
     .boxGrupOne .box4 {width: 748px;}
     .boxGrupTwo .box1 , .boxGrupTwo .social-gr , .boxGrupTwo .box2 {display: none;}
     
     .product .text table tr td {width: 201px;}
     
     .other ul li {width: 364px;}
     .other ul li .text {width: 255px;}
     .other ul li .image {margin-left: 20px;}
     
}

@media screen and (min-width: 480px) and (max-width: 767px) {
     header .menu .bottom ul , .bg-repeat , .katalog-indir , .banner {display: none;}
     a#mobil {display: block;}
     .mobileDiv {display: block;}
     .ik {background: none; }
     .side {display: none;}
     
     .markalar .box a {width: 100%; display: block; height: 100%; z-index: 10; position: relative;}
     
     .sidebar {margin: 0 0 20px 0}
     
     .list ul li {width:220px; float:left;}
     .list .col3 {margin-left: 0; margin-right: 0;}
     
     .markalar .box {width: 229px; height: 83px;}
     .markalar .box + .box {border:none;}
     .markalar .box img {width: 156px; padding: 0 37px;}
         
     .slider .big-sld { font: 28px proxima-regular; color: #1d2e3e;}
     .slider .sma-sld { font: 17px/20px proxima-light; color: #394857;}
     .slider .sld-btn { background: #d34546; font: 15px/15px proxima-regular; color: #fff; padding: 12px 10px 12px 15px; width: 170px; display: block;}
     .slider .sld-cap img { z-index: 3; display: none;}  
     
     .markaList .col3 .box { padding: 0 0 10px 0; border-right: none; min-height: inherit; margin: 0 0 20px 0; border-bottom: 1px solid #bdc7d4;}
     .markaList .col3 .box ul {margin-top: 10px;}
     
     .boxGrupOne .box {height: 190px; margin-bottom: 20px;}
     .boxGrupOne .box4 {margin-top: 0; }
     .boxGrupOne .box4 .image , .boxGrupOne .box4 {height: auto !important;}
     
     .boxGrupOne .box .more a {width: 100%; background-position: 300px center;}
     .boxGrupOne .box .text {float: none; padding: 0 15px;}
     .boxGrupOne .box .image {width: 176px; overflow: hidden; height: 190px;}
     
     .boxGrup .dikey .more { width: 100%; height: 58px; position: absolute; left: 0; top:inherit; bottom: 0;}
     .boxGrup .dikey .more a { width: 100%; height: 100%; position: absolute; background-image: url(../images/box-arrow.png); background-repeat: no-repeat; background-position: 300px center;}
     /* ================== Box Yatay Arrow  ================== */
     
     .product > .text {margin-left: 0; margin-top: 20px;}
     .product .text table tr td {width: 297px;}
     .other ul li {width: 100%;}
     .other ul li .text {width: 335px;}
     .other ul li .image {margin-left: 20px;}

     .social ul {margin: 15px 0 0 0; float: none; display: inline-block;}
     .links li:first-child {margin-left: 120px;}
     .links li:nth-child(4) {margin-left: 100px;}
     
     .boxGrupOne .box4 .text p {width: 190px;}

     
     .boxGrupTwo .box1 , .boxGrupTwo .social-gr , .boxGrupTwo .box2 {display: none;}
     
     footer .top , footer .bottom {text-align: center;}
     footer .bottom p.col3 {text-align: center; margin-top: 10px;}
}

@media screen and (max-width: 479px) {
     header .menu .bottom ul , .bg-repeat , .katalog-indir , .banner {display: none;}
     a#mobil {display: block;}
     .mobileDiv {display: block;}
     .ik {background: none; }
     .side {display: none;}
     header .menu .top .tel {float: none;padding-bottom: 5px;}
     header .menu .bottom {margin: 7px 5px 0px 0px;}
     
     .markalar .box a {width: 100%; display: block; height: 100%; z-index: 10; position: relative;}

     .caption {margin-top: -70px !important;}
     .tp-bullets {display: none;}

     .sidebar {margin: 0 0 20px 0}
     .page img {width: 100%;}
     .list .col3 {margin-left: 0; margin-right: 0;}
     
     .markalar .box {width: 149px; height: 69px;}
     .markalar .box + .box {border:none;}
     .markalar .box img {width: 130px; padding: 0 10px;}
     
     .slider {margin-top: -127px; position: relative; z-index: 1; width: 100%; left: 0; overflow: hidden;}
     .slider .big-sld { font: 28px/30px proxima-regular; color: #1d2e3e; margin-top: -25px;}
     .slider .sma-sld { font: 17px/18px proxima-light; color: #394857;}
     .slider .sld-btn {display: none !important; background: #d34546; font: 15px/15px proxima-regular; color: #fff; padding: 12px 10px 12px 15px; width: 170px;}
     .slider .sld-btn span { background: url(../images/sld-arrow.png) ; width: 5px; height: 8px; display: block; position: absolute; top: 15px; right: 20px;}
     .slider .sld-cap img { z-index: 3; display: none;}
     
     .boxGrupTwo .box1 , .boxGrupTwo .social-gr , .boxGrupTwo .box2 {display: none;}
     .social ul {margin: 15px 0 0 0; float: none; display: inline-block;}
     
     .markaList .col3 .box { padding: 0 0 10px 0; border-right: none; min-height: inherit; margin: 0 0 20px 0; border-bottom: 1px solid #bdc7d4;}
     .resim-att .resim-att-pre .resim-thumb .resim-centered {width:300px;}
     
     .boxGrupOne .box {height: 190px; margin-bottom: 20px;}
     
     .product > .text {margin-left: 0; margin-top: 20px;}
     .product .text table tr td {width: 137px;}
     
     .other ul li {width: 100%;}
     .other ul li .image {margin-left: 10px;}
     .other ul li .text {width: 205px;}
     
     .list ul li {width:100%;}

     
     .boxGrupOne .box .more a {width: 100%; background-position: 205px center;}
     .boxGrupOne .box .text {padding: 0 15px; float:none;}
     .boxGrupOne .box .image {width: 125px; overflow: hidden;}
     
     .boxGrup .dikey .more { width: 100%; height: 58px; position: absolute; left: 0; top:inherit; bottom: 0;}
     .boxGrup .dikey .more a { width: 100%; height: 100%; position: absolute; background-image: url(../images/box-arrow.png); background-repeat: no-repeat; background-position: 205px center;}
     /* ================== Box Yatay Arrow  ================== */
     
     footer .top , footer .bottom {text-align: center;}
     footer .bottom p.col3 {text-align: center; margin-top: 10px;}
     
     .captcha-inp {width: 96% !important;}

     .links {padding: 0 0 0 12px;}
     .links li:first-child {margin-left: 20px;}
     
     .boxGrupOne .box4 {background: #394857; margin-top: 0;height: auto;}
     .boxGrupOne .box4 .image {width: 100% !important;}
     .boxGrupOne .box4 .image i.news { display: block; background: url(../images/news.png) center center no-repeat #d34546; height: 50px; width: auto;}
     .boxGrupOne .box4 .text {clear: both;}
     .boxGrupOne .box4 .text .middle {}
     .boxGrupOne .box4 .text p { }
     .boxGrupOne .box4 .text p.date {height: auto; line-height: 35px; border-top: 1px solid #2f3f4e; padding: 0; position: relative; border-left: none; width: 100%;}
     .boxGrupOne .box4 .text p.date i.date-ico {left: 175px;}


}










.content .canli ul li {z-index:1;}