@charset "utf-8"; /* CSS Document */ @import url(reset.css); @import url(../fonts/stylesheet.css); @import url(component.css); * { margin: 0; } html, body { height: 100%; background:#f9f9f9; } #wrapper { min-height: 100%; /* equal to footer height */ margin-bottom: -65px; } #wrapper:after { content: ""; display: block; } #footer, #wrapper:after { height:65px; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ a{font-family:"ralewayregular",Arial,Helvetica,sans-serif; } h1{font-family:"ralewaybold",Arial,Helvetica,sans-serif; color:#373737; font-size:32px; padding-bottom:20px;} h2{font-family:"ralewaybold",Arial,Helvetica,sans-serif; font-size:20px; color:#373737; padding-bottom:20px;} p{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; color:#373737; padding-bottom:18px;} ul li{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; color:#373737;} a.brown {background:url(../images/site/brown-arrow.png) no-repeat right top #745a3e;} a.brown:hover{ -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity:0.90;} a.brown span {padding-right:50px;} a.white{color:#f9f9f9; font-family:"ralewaybold",Arial,Helvetica,sans-serif; font-weight:normal; font-size:13px;} /*Header*/ #header{width:100%; background:#f9f9f9; height:95px; } body#urunler #header {position:relative; z-index:200;} .innerHead{border-bottom:5px solid #745a3e; height:90px;} .headerColumn {max-width:1100px; margin:0 auto;} #logo {height:19px; width:175px; margin:35px 0; float:left; padding-bottom:0;} #logo a {background:url(../images/site/logo.png) no-repeat scroll right center transparent; display:block; float:left; height:19px; padding:0; text-indent:-9990px; width:175px;} a, input, select, textarea {outline:medium none;} /*Top Menu*/ .topmenu {float:right;} .topmenu ul li {float:left;} .topmenu ul li a {display:block;} .topmenu ul li a span {color:#242424; display:block; font-family:"ralewaybold",Arial,Tahoma,Verdana,sans-serif; font-size:13px; padding:35px 15px 39px 16px;} .chrome .topmenu ul li a span, .safari .topmenu ul li a span {padding:36px 15px 39px 16px;} /*.topmenu ul li > ul {background:url(../images/site/menu-bg.png) repeat 0 0 transparent; display:block; height:58px; left:0; overflow:hidden; position:absolute; top:95px; visibility:hidden; width:100%; z-index:9999;}*/ .topmenu ul li .wrap{background:url(../images/site/menu-bg.png) repeat 0 0 transparent; display:block; /*display:none;*/ height:75px; left:0; overflow:hidden; position:absolute; top:90px; visibility:hidden; width:100%; z-index:9999; border-top:5px solid #745a3e; transition: 0.2s 1s;} .topmenu ul li:hover .wrap { visibility: visible; transition-delay: 0s; } .topmenu ul li .wrap ul{ display: table; margin: 0 auto; text-align: center; vertical-align: middle; width: auto; } .topmenu ul li .wrap .wrapInner {width:940px; margin:0 auto;} .topmenu ul li .wrap .wrapInner > ul {} .topmenu ul li ul li a span{/*padding:21px 15px 21px 16px;*/ padding:28px 15px 21px 16px; color:#f9f9f9;} .topmenu ul li ul li{display:inline-block; float:none;} .topmenu ul li ul li a{display:inline-block; float:none;} .topmenu ul li.hover ul li a span{color:#f9f9f9; font-size:12px;} .topmenu ul li.active a span {color:#745a3e;} .topmenu ul li a:hover span, .topmenu ul li.hover a span {color: #745a3e;} .topmenu ul li.hover.hoverArrow a span{background:url(../images/site/menu-arrow.png) no-repeat center 82px transparent;} .topmenu ul li.hover ul li a span {/*background:none;*/} .topmenu ul li ul li a:hover span, .topmenu ul li ul li.hover a span, .topmenu ul li ul li.active a span {color:#9f856a !important;} .topmenu ul li ul li {display:inline-block; float:left; margin-right:0; width:auto;} .menuContent{float:left;} .topmenu ul li.mobileLang{display:none;} /*Top Menu*/ /*Language*/ .lang {float:left; padding-left:10px; margin-top:28px;} .lang ul li a {border:1px solid #bebebe; color:#252424; display:block; font-size:11px; padding:6px 10px; z-index:9999; font-family:font-family:"ralewaybold",Arial,Verdana,sans-serif; } .lang ul li a:hover {/*background: #ad8b57 none repeat scroll 0 0; color: #fff;*/} .langDropdown { border:1px solid #bebebe; display:inline-block; position:relative;} .langDropdown.active {border-bottom:0 none;} .langDropdown small {background:#fff url(../images/site/arrow-lang.png) no-repeat scroll 85% center; color:#252424; display:inline-block; font-family:"ralewaybold",Arial,Tahoma,Verdana,sans-serif; padding:10px 30px 10px 12px; z-index:9999; font-size:11px;} .langDropdown small:hover {/*background:#ad8b57 url(../images/arrow-lang-hover.png) no-repeat scroll 85% center; color:#fff;*/ cursor:pointer;} .langDropdown ul {background:#fff none repeat scroll 0 0; border:1px solid #bebebe; display:none; left:-1px; position:absolute; top:24px; width:100%; z-index:9999;} .langDropdown ul.active {border-top:0 none;} .langDropdown ul li {display:block; margin-right:0;} .langDropdown ul li a {border:0 none; display:block; padding:6px 12px; font-family:"ralewaybold",Arial,Tahoma,Verdana,sans-serif; color:#252424; font-size:11px;} .langDropdown ul li a:hover, .langDropdown ul li.active a {color:#745a3e;} .langDropdown ul.active {border-top:0 none;} /*Language*/ /*Mobil Menu*/ #dl-menu {display:none;} .dl-menuwrapper {float:none; max-width:100%;} .dl-trigger {background:rgba(0, 0, 0, 0) url(../images/site/mobilemenu_trigger.png) no-repeat scroll left top; cursor:pointer; height:60px; position:absolute; right:0; text-indent:-9999px; top:0; width:60px;} .dl-trigger.dl-active {background-position:left bottom;} .dl-menuwrapper .dl-menu {margin:0; right:0; top:65px;} .dl-menuwrapper li {border-bottom:1px solid #030303;} .dl-menuwrapper li.dl-back::after, .dl-menuwrapper li > a:not(:only-child)::after {font-size:18px; line-height:46px;} .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {background:#1c1c1c none repeat scroll 0 0;} .dl-menuwrapper li a {color:#f5f5f5; font-size:14px; } .dl-menuwrapper li a span{font-family:"ralewayregular",Arial,Tahoma,Verdana,sans-serif;} .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li.dl-back > a:not(:only-child):after {font-family:"ralewayregular",Arial,Helvetica,sans-serif !important; content:none; right:0; margin-left:20px;} .dl-menuwrapper li.dl-back a {background:url(../images/site/menu-geri.png) no-repeat left center transparent; height:17px; margin-left:20px;} .no-touch .dl-menuwrapper li.dl-back a:hover {background:url(../images/site/menu-geri.png) no-repeat left center transparent; padding-left:0; right:0;} .dl-menuwrapper li {position:relative;} /*Mobil Menu*/ /*Header*/ /*Content*/ #content{overflow:hidden; width:100%;} /*Home Banner*/ #homeBanners{width:100%;} #owl-banner .item, .owl-carousel .owl-item{/*float:none;*/ width:100%;} #owl-banner .item img {width:100%; position:relative;} #owl-banner .item .caption {position:absolute; left:5%; top:50%;} #owl-banner .item .caption p {color:#fff; font-family:"proxima_nova_rgbold",Arial,Helvetica,sans-serif; font-size:103px; line-height:74px;} #owl-banner .item .caption p span{display:block; font-family:"proxima_novalight",Arial,Helvetica,sans-serif; text-decoration:underline; padding-left:60px;} #homeBanners .owl-theme .owl-controls {position:absolute; bottom:0; width:100%;} .slide_element .caption {position:absolute; left:5%; top:50%; margin-top:-75px;} .slide_element .caption h2 {color:#fff; font-family:"proxima_nova_rgbold",Arial,Helvetica,sans-serif; font-size:67px; /*line-height:50px;*/ line-height:10px; padding-bottom:2px;} .slide_element .caption p{display:block; font-family:"proxima_novathin",Arial,Helvetica,sans-serif; color:#fff; font-size:85px; padding-bottom:0;} .slide_element .caption p span {background:url(../images/site/text-bg-repeat.png) repeat-x left 76px; display:block; padding-left:45px; text-align:right;} /*Home Banner*/ /*Top Banner*/ #topBanner {position:relative;} #topBanner img {width:100%; display:block;} .bannerCaption{position:absolute; right:6%; bottom:5%;} .bannerCaption p{color:#ffffff; font-family:"ralewaylight",Arial,Helvetica,sans-serif; font-size:34px;} /*Top Banner*/ .inner{padding:45px 0; overflow:hidden;} p.summary{font-family:"ralewaylight",Arial,Helvetica,sans-serif; font-size:18px; color:#745a3e; padding-bottom:30px;} .columnImg{position:relative; overflow:hidden; height:260px; margin-bottom:18px;} .columnImgText{position:absolute; left:0; bottom:0;} .columnImgText p{font-weight:bold; color:#f9f9f9; font-size:12px; background:url(../images/site/colorImgBg.png) repeat 0 0 transparent; padding:15px 18px;} .columnImg img{transition: all 1s ease 0s;} .columnImg:hover img { transform: scale(1.1);} body.page-1 p.summary{/*width:50%;*/ /*width:45%; padding-right:5%;*/ width:100%; float:left; line-height:28px; font-size:20px; } body.page-1 .leftText p.summary{float:none;} /*TabsTable*/ .table-list tr td span{font-family:"ralewaybold",Arial,Verdana,sans-serif; font-size:16px; color:#745a3e; } .table-list tr td {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; color:#373737; padding-right:45px;} .table-list tr{padding-bottom:30px; display:block} .tabsTable{border:1px solid #f0f0f0;} .tabsTable table{width:100%;} .tabsTable table tr td {padding:20px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#616161; font-size:13px;} .tabsTable table tr td.gray{background:#f0f0f0;} /*TabsTable*/ /*Belgeler*/ .documan{margin:35px 0;} .documan ul li{background:#fff; width:219px; float:left; margin-right:20px; height:215px; margin-bottom:20px; position:relative; overflow:hidden;} .documan ul li:nth-child(4n){margin-right:0px;} .documan ul li img{display:block; text-align:center; margin:0 auto; padding-top:30px;} .documan ul li a{display:block; float:left; width:109px; font-family:"ralewaybold",Arial,Verdana,sans-serif; font-size:11px; background:#e2e2e2; color:#373737; border-right:1px solid #c8c8c8; text-align:center; padding:15px 0;} .documan ul li a span{background:url(../images/site/documan-arrow.png) no-repeat right center transparent; padding-right:15px;} .documan ul li a:hover span{background:url(../images/site/documan-arrow-hover.png) no-repeat right center transparent;} .documan ul li a:hover{background:#745a3e; color:#fff;} .documan ul li a:last-child{border-right:none;} .documan ul li .postBottom {position:absolute; bottom:0; width:100%;} .documan.marka ul li .postBottom {width:90%; padding:5%;} .documan.marka ul li .postBottom, .documan.katalog ul li .postBottom{background:#e2e2e2;} .documan.marka ul li .postBottom a, .documan.katalog ul li .postBottom a{background:#aeacaa; color:#ffffff; width:auto; padding:10px;} .documan.marka ul li .postBottom a span, .documan.katalog ul li .postBottom a span{background:url(../images/site/documan-arrow-hover.png) no-repeat right center transparent;} .documan.marka ul li a:hover, .documan.katalog ul li a:hover {background:#745a3e;} .documan.marka ul li .postBottom p, .documan.katalog ul li .postBottom p{font-family:"ralewaybold",Arial,Verdana,sans-serif; font-size:14px; color:#373737; text-align:left;} .documan.katalog ul li {height:100%;} .documan.katalog ul li .postBottom {position:relative; width:90%; padding:5%; overflow:auto;} .documan.katalog ul li .postBottom.hoverKatalog{background:#373737;} .documan.katalog ul li .postBottom.hoverKatalog p{color:#fff;} /*Belgeler*/ .adliBelge {margin-top: 10px;} .adliBelge > a {background: rgba(0, 0, 0, 0) url(../images/site/pdf_icon.png) no-repeat scroll 0 0;color: #616161;display: inline-block;height: 27px;line-height: 27px;margin-right: 30px;padding-left: 30px;} /*Urunler*/ .crossroad-category {background:#000 none repeat scroll 0 0; height:100%; min-height:0; bottom:0; left:0; position:absolute; right:0; top:0;} .crossroad-category ul {display:table; height:100%; width:100%;} .reset {background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border:medium none; box-shadow:none; margin:0; padding:0;} .section {height:100%; overflow:hidden; position:relative; width:100%;} .main {bottom:65px; left:0; overflow:hidden; position:absolute; right:0;top:95px;} .crossroad-category .img {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display:block; height:100%; opacity:1 !important; width:100%;} .crossroad-category .img {opacity:0.4; transition: opacity 0.3s ease 0s;} .crossroad-category .overlay {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display:block; height:100%; left:0; position:absolute; top:0; width:100%;} .no-opacity .crossroad-category .overlay {display:none;} .crossroad-category .img {background:rgba(0, 0, 0, 0) none no-repeat scroll 50% 50% / auto 100%; display:block; height:100%; opacity:1 !important; width:100%;} .crossroad-category .name {display:inline-block; max-width:90%; position:absolute; top:45%; vertical-align:middle; z-index:10; background:url(../images/site/urunler-name-bg.png) repeat 0 0; font-size:22px; color:#f9f9f9; font-family:"ralewaybold",Arial, Helvetica, sans-serif; font-weight:normal; padding:20px 40px; letter-spacing:4px;} .crossroad-category .name.name-1{left:180px;} .crossroad-category .name.name-2{right:180px;} body.Urunkapi .crossroad-category .name {font-size:18px; letter-spacing:1px; text-align:left;} body.Urunkapi .crossroad-category .name small{font-size:12px; display:block; font-family:Verdana, Arial, sans-serif;} body.Urunkapi .crossroad-category li > a {line-height:22px;} .crossroad-category li a:hover > .name {background:url(../images/site/urunler-name-bg-hover.png) repeat 0 0;} .crossroad-category li {display:block; float:left; height:100%; position:absolute;} .reset > li {background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border:medium none; float:none; margin:0; padding:0; width:50%;} .crossroad-category li:last-child{transform: matrix(1, 0, 0, 1, 960, 0);} .safari .crossroad-category li:last-child {z-index:0 ; -webkit-transform: matrix(1, 0, 0, 1, 960, 0);} .crossroad-category .img { display: block; opacity: 1 !important; width: 100%; height: 100%; background: 50% 50% no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .crossroad-category .img { background: 50% 50% no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } /*Mac Restore*/ .mac .crossroad-category .name.name-1{left:36%;} .crossroad-category li > a{display:block;height:100%; width:100%; text-decoration:none;color:#fff;position:absolute;text-align:center;font-size:30px;line-height:40px;text-transform:uppercase;font-weight:bold} .crossroad-category.condensed .name{display:inline-block;vertical-align:middle;max-width:80%;width:80%;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); text-align:center; z-index:10} .crossroad-category .overlay {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; } .no-opacity .crossroad-category .overlay {display:none;} .crossroad-category .img{display:block; opacity:1 !important; width:100%; height:100%; background:50% 50% no-repeat;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;background-size:auto 100%;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);} .crossroad-category.condensed li{width:50%;} .crossroad-category.condensed li > a{font-size:20px;line-height:30px} #mother, #front, #back, .main-overla, .crossroad-category, .crossroad-category .img{bottom:0; left:0; position:absolute; right:0; top:0;} .crossroad-category li > a::before {content: ""; display:inline-block; height:100%; vertical-align:middle; width:1px;} .crossroad-category li > a {color:#fff; display:block; font-size:30px; font-weight:bold; height:100%; line-height:40px; position:absolute; text-align:left; text-decoration:none; width:100%;} .crossroad-category .overlay {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display:block; height:100%; left:0; position:absolute; top:0; width:100%;} .main-overlay {background:transparent none repeat scroll 0 0; display:none; transform:translateZ(0px); z-index: 100;} .csstransforms3d #front {transform:rotateY(0deg) translate3d(0px, 0px, 0px);} #front {z-index:120;} #front, #back {backface-visibility:hidden; overflow:hidden;} #mother {perspective:2000px; transform-style:preserve-3d;} /* #page-loader {bottom:0; top:0; left: 0; position:absolute; right: 0; width:100%; height:100%;} #mother .loader {backface-visibility:hidden; background:rgba(0, 0, 0, 0.75) none repeat scroll 0 0; transform:translate3d(0px, 0px, 0px); transform-style:preserve-3d; visibility:hidden; z-index:100;} #mother .loader .status {color:#fff; font-size:16px; font-weight:bold; height:60px; left:50%; line-height:62px; margin-left:-30px; margin-top:-30px; position:absolute; text-align:center; top:50%; width:60px; background: #000 url(../images/site/loader.gif) no-repeat center;} #mother .loader {visibility:hidden; display:block;} #mother .loader .circle {border:2px solid #666; border-radius:30px; height:56px; left:50%; margin-left:-30px; margin-top:-30px; position:absolute; top:50%; width:56px;} #mother .loader .sk-countdown-circle {left:-2px; top:-2px;} .sk-countdown-circle, .sk-countdown-circle .sk-countdown-clip, .sk-countdown-circle .sk-countdown-bar {left:0; position:absolute; top:0;} .sk-countdown-circle {font-size:60px !important; height:1em; width:1em;} .sk-countdown-circle .sk-countdown-clip {height:1em; overflow:hidden; width:0.5em;} .sk-countdown-circle .sk-countdown-bar {border:4px solid #fff; border-radius:0.5em; clip:rect(0px, 0.5em, 1em, 0px); height:52px; width:52px;} .sk-countdown-circle .sk-countdown-clip + .sk-countdown-clip {left:0.5em;} .sk-countdown-circle .sk-countdown-clip + .sk-countdown-clip .sk-countdown-bar {clip:rect(0px, 1em, 1em, 0.5em); left:auto; right:0;} */ .urunlerPage{margin:20px 0 45px; overflow:hidden;} .urunlerPage a.urnItem {width:313px; height:315px; float:left; overflow:hidden;} .urunlerPage a.urnItem img{display:block; width:100%;} .urunlerPage a.urnItem .urnName{color:#373737; font-size:20px; display:block; font-family:"ralewaybold",Arial, Helvetica, sans-serif; font-weight:normal; padding-left:20px; padding-top:20px;} .urunlerPage a.urnItem .urnArrow{background:url(../images/site/urnItem-arrow.png) no-repeat center center #aeacaa; width:30px; height:30px; text-indent:-9999px; display:block; margin-left:20px; margin-top:20px;} .urunlerPage a.urnItem:hover{background:#373737 !important;} .urunlerPage a.urnItem:hover > .urnName {color:#f9f9f9;} .urunlerPage a.urnItem:hover > .urnArrow {background:url(../images/site/urnItem-arrow.png) no-repeat center center #78624a;} .link a{padding:15px 20px;} /*Urun Vertical Slider*/ .urunVertical{position:relative; width:100%;} .urunVertical .prevBtn a:focus, .urunVertical .nextBtn a:focus{outline:none;} .urunVertical .controls {background:url(../images/site/next-prev-bg.png) repeat 0 0; width:70px; height:136px; position:absolute; z-index:1000; right:0; top:50%; margin-top:-70px;} .urunVertical .prevBtn, .urunVertical .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px; width:100%;} .urunVertical .controls .prevBtn{display:block;width:70px;height:68px;background:url(../images/site/home-prevOk.png) no-repeat center center;cursor:pointer;} .urunVertical .controls .nextBtn {display:block;width:70px;height:68px;background:url(../images/site/home-nextOk.png) no-repeat center center;cursor:pointer;} #urunSlider .caption{float:left; display:block; overflow:hidden; width:33%; position:relative; border-bottom:1px solid #c8c6c4;} #urunSlider .border{/*border-bottom:1px solid #c8c6c4;*/ border-right:1px solid #c8c6c4;} #urunSlider .caption.borderNone .border{border-right:0;} .caption a img {background-repeat:no-repeat;width:100%; display:block; -moz-opacity:1; -khtml-opacity:1; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); transition:1s; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; transition:1s;} .caption a img.verticalHover{-moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0); position:absolute; top:0;} .caption a:hover img{-moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0);} .caption a:hover img.verticalHover{-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100);} #urunSlider .caption a p{position:absolute; top:50%; left:0; background:url(../images/site/verticalCaption-bg.png) repeat 0 0; width:215px; color:#f9f9f9; font-family:"ralewaybold",Arial, Helvetica, sans-serif; padding:15px 0;} #urunSlider .caption a:hover > p{background:url(../images/site/verticalCaption-bg-hover.png) repeat 0 0; width:295px;} #urunSlider .caption a p small, #urunSlider .caption a p span{display:block; padding-left:20px;} #urunSlider .caption a p span{font-size:20px; font-weight:normal;} #urunSlider .caption a p small{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;} .border > a {display: block; height:100%; width:100%;} .caption img {background-repeat:no-repeat; background-position: center center; background-attachment:inherit; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size: cover; background-size:cover; width:100%; height:100%; white-space:nowrap; outline-style: none} /*Vertical Slider*/ a.linkArrow{font-family:"ralewaybold",Arial, Helvetica, sans-serif; font-size:16px; color:#373737; display:block; background:url(../images/site/arrowLink-icon.png) no-repeat right center; padding:20px;} span.linkArrow{font-family:"ralewaybold",Arial, Helvetica, sans-serif; font-size:16px; color:#373737; display:block; background:url(../images/site/arrowLink-icon.png) no-repeat right center; padding:20px; cursor:pointer;} .galeriRightCont{background:#ffffff;} .galeriRightCont .photoGallery {display:none;} /*Urunler*/ /*Accordion*/ .accordion {float:left; width:100%; overflow:hidden; margin-bottom:50px; margin-top:15px;} .accordion .item {display:block; margin-bottom:5px; width:100%;} .accordion span {background:#e2e2e2 url(../images/site/accordionArrow-2.png) no-repeat scroll 98% center; cursor:pointer; display:block; float:left; height:auto; position:relative; width:100%;} .accordion span small {color:#373737; display:block; float:left; font:13px "ralewaybold",Arial,Helvetiva,sans-serif; padding:15px 3%; width: 88%;} .accordion span:hover, .accordion span.current {background:#745a3e url(../images/site/accordionArrow-hovered.png) no-repeat scroll 98% center; color: #f9f9f9;} .accordion .pane {display:none; float:left; padding:20px 0; width:100%;} .accordion .pane p {margin-bottom:20px;} .accordion span:hover small, .accordion span.current small {color:#fff;} /*Galeri*/ .galleryList li {/*float:left; margin-right:20px;*/ position:relative;} .galleryList li .opacity {background:#000 none repeat scroll 0 0; display:none; height:138px; left:0; opacity:0.5; position:absolute; top:0; width:100%;} .galleryList li a {display:block;} .galleryList li .opacity img {display:block; height:30px; margin:55px auto 0; width:30px;} .galleryList li a:hover .opacity {display: block;} .accordion .galleryList li a p{text-align:center; margin-bottom:10px; padding:15px 0;} .image_gallery {display:block; /*height:200px;*/ margin:0 auto; overflow:hidden; /*width:220px;*/} .galeri {display:block; float:left; height:200px; overflow:hidden; width:220px; margin-right:20px;} .galeri.konseptGaleri{float:none; width:100%; height:100%; margin-right:0;} .galeri.konseptGaleri li {overflow:hidden; width:300px; margin-right:20px; float:left; height:188px; margin-bottom:20px; position:relative;} .galeri.konseptGaleri li a {display:block;} .galeri.konseptGaleri li .opacity {background:#000 none repeat scroll 0 0; display:none; left:0; opacity:0.5; position:absolute; top:0; width:100%;} .galeri.konseptGaleri li a:hover .opacity {display: block;} .galeri.konseptGaleri li .opacity {height:188px;} .galeri.konseptGaleri li .opacity img {margin:85px auto 0; display:block; height:30px; width:30px;} .pager {height:100%; margin:20px 0; float:left; overflow:hidden; width:100%; text-align:center;} .pager ul {display:inline-block;} .pager ul li {float: left; margin-right: 10px;} .pager ul li a {display:block; float:left; height:31px; overflow:hidden; width:31px; color:#efefef; font:14px "ralewaybold",Arial,Helvetiva,sans-serif;text-align:center; line-height:31px; background:#aeacaa;} .pager ul li a:hover, .pager ul li.active a {background:#745a3e; color:#ffffff;} .pager ul li.lie {margin-right: 0;} .sudoCarousel{position:relative;} .digerUrunler {width:100%; overflow:hidden; float:left;} .digerUrunler h2{color:#745a3e; font-size:13px; border-bottom:1px solid #bebebe; line-height:normal; padding-bottom:10px;} .sudoCarousel .urunlerPage a.urnItem {width:auto; height:auto;} .sudoCarousel .urunlerPage a.urnItem .urnArrow {text-indent:0;} .sudoCarousel .urunlerPage a.urnItem .urnArrow {background:url(../images/site/arrowLink-icon.png) no-repeat scroll right top transparent; height:auto; margin-left:20px; margin-top:0px; text-indent:0; width: auto; margin-right:20px; padding:0px 0 0 0; color:#373737;font:14px "ralewaylight",Arial,Helvetiva,sans-serif; height:50px;} .sudoCarousel .urunlerPage a.urnItem:hover > .urnArrow{color:#f9f9f9;} .sudoCarousel .urunlerPage a.urnItem .urnName{padding-bottom:7px;} .sudoCarousel .urunlerPage ul li:nth-child(2n){background:#e2e2e2 !important;} .sudoCarousel .prevBtn a:focus, .sudoCarousel .nextBtn a:focus{outline:none;} .sudoCarousel .controls {} .sudoCarousel .prevBtn, .sudoCarousel .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px; width:100%; position:absolute; z-index:1000; right:0; top:50%; margin-top:-50px;} .sudoCarousel .controls .prevBtn{display:block;width:55px;height:56px;background:url(../images/site/brown-arrow-carousel-right.png) no-repeat center center;cursor:pointer;right:0;} .sudoCarousel .controls .nextBtn {display:block;width:55px;height:56px;background:url(../images/site/brown-arrow-carousel-left.png) no-repeat center center;cursor:pointer; left:0;} .sudoCarousel.sudoCarouselSmall .controls .prevBtn{width:44px;height:45px;background:url(../images/site/brown-arrow-carouselSmall-right.png) no-repeat center center; right:0; margin-top:-25px;} .sudoCarousel.sudoCarouselSmall .controls .nextBtn {width:44px;height:45px;background:url(../images/site/brown-arrow-carouselSmall-left.png) no-repeat center center; left:0; margin-top:-25px;} .sudoCarousel.sudoCarouselSmall{width:300px; margin:0 auto;} .sliderRight .linkArrow{width:300px; margin:0 auto; padding:20px 0px;} /*Galeri*/ .imgAuto img{margin:0 auto; display:block;} .leftAuto{width:50%; float:left; margin-bottom:15px;} .blockAuto{width:100%; float:left; margin-bottom:15px;} .tableTwo table{width:100%;} .tableTwo table tr th{font:13px Verdana,Arial,Helvetiva,sans-serif; font-weight:bold; font-size:13px; color:#373737; background:#e2e2e2; padding:12px 15px;} .tableTwo table tr td{color:#242424; font:13px Verdana,Arial,Helvetiva,sans-serif; padding:12px 15px; text-align:center;} .blockAuto table thead { display: table-row-group; } /*Accordion*/ /*Haberler*/ .newsDate{color:#373737; font-size:14px; font-family:"ralewayregular",Arial,Helvetica,sans-serif; padding-left:18px; padding-top:15px; display:block; padding-bottom:10px;} .newsBaslik{padding-left:18px; padding-right:15px; display:block; height:60px; color:#373737; font:17px "ralewaybold",Arial,Helvetiva,sans-serif; font-weight:normal;} .newsDetay{background:url(../images/site/haber-arrow.png) no-repeat 0 0 transparent; display:block; width:26px; height:26px; text-indent:-9999px; margin-left:18px;} .urunlerPage.haberler a.urnItem{height:340px;} .urunlerPage.haberler a:hover > .newsBaslik, .urunlerPage.haberler a:hover > .newsDate {color:#f9f9f9;} .urunlerPage.haberler a:hover > .newsDetay{background:url(../images/site/haber-arrow-hover.png) no-repeat 0 0 transparent;} .detayImg{margin-bottom:30px;} .detayImg img{display:block; width:100%;} .mrTop{margin-top:30px;} .haberPag{position:absolute; right:10px; top:0; width:80px; height:40px;} .haberPag a {height:40px; text-indent:-9999px; width:40px; background:#674e33; display:inline-block; float:left;} .haberPag a:hover {background:#745a3e;} .haberPag a span{display:block; padding-top:15px;} .haberPag a.haberPrev span {background:url(../images/site/haber-prev.png) no-repeat center center transparent;} .haberPag a.haberNext span {background:url(../images/site/haber-next.png) no-repeat center center transparent;} /*Haberler*/ /*İletisim*/ .iletisimCount ul li{float:left; width:313px; height:460px;} .iletisimArea{padding:25px;} .iletisimArea h2, .iletisimArea p{text-align:left; padding-bottom:10px;} .iletisimArea p{color:#616161; font-size:13px; padding-left:5px;} .iletisimArea p span{font-weight:bold; font-size:13px; color:#616161; width:50px; display:inline-block; padding-left:0;} .iletisimArea p span em{text-align:right; float:right;} table.iletisimTable{display:block; height:120px;} .mapGor{width:120px; margin-top:25px;} .mapGor a{background:#aeacaa; color:#ffffff; font-family:'ralewaybold', Arial, Helvetiva, sans-serif; font-size:12px; font-weight:normal; display:block; padding:10px 18px;} .mapGor a span{background:url(../images/site/haritada-gor-arrow.png) no-repeat right center transparent; padding-right:10px;} .mapGor a:hover {background:#745a3e;} .iletisimArea h2.colorBrown{color:#745a3e;} /*Form*/ .iletisimForm label {clear:left; color:#745a3e; display:block; font-family:'ralewaybold', Arial, Helvetiva, sans-serif; font-size:13px; font-weight:normal; line-height:25px; margin:0; width:100%; padding-bottom:3px;} .iletisimForm input[type="text"]{border:1px solid #e2e2e2; height: 38px; padding:0 2%; width:95.4%; font-size:13px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;} .submitButton {background:#745a3e; border:medium none; color:#ffffff; cursor:pointer; display:inline-block; font-size:12px; margin-bottom:7px; overflow:hidden; font-family:'ralewaybold', Arial, Helvetiva, sans-serif; font-weight:normal; padding:13px 25px;} .iletisimForm .selectWrap::after {background: #fff url(../images/site/selectboxArrow.png) no-repeat scroll center center; content: ""; height:38px; line-height:38px; pointer-events:none; position:absolute; right:1px; text-align:center; top:1px; width:26px;} .iletisimForm .selectWrap {height:auto; position:relative; width:100%; float:left;} .iletisimForm .selectWrap select {background:#fff none repeat scroll 0 0; cursor:pointer; height:36px; line-height:26px; position:relative;} .iletisimForm .selectWrap select {border:1px solid #e2e2e2; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; height:40px; padding:6px 2%; width:100%;} .iletisimForm .selectWrap option {font-size:12px; padding:5px;} form textarea {border:1px solid #e2e2e2; color:#66666; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; height:104px; padding:10px 2%; resize:none; width:95.5%;} .iletisimForm span.error {color:#cd3e2a; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; padding:6px 0; width:100%;} span.error {float:left;} /*Form*/ /*Satış Noktaları*/ body.magazaNoktalari #content{position:relative;} .aramaMagaza{ background:transparent url(../images/site/menu-bg.png) repeat scroll 0 0; display:block; height:38px; left:0; overflow:hidden; position:absolute; top:0; width:100%; z-index:99; padding:15px 0;} .generalForm li {float:left; margin-right:20px;} .generalForm label {color:#8c8c8c; display:block; font-size:12px; height:38px; line-height:38px; float:left; color:#f9f9f9; font-family:'ralewaybold', Arial, Helvetiva, sans-serif; font-size:13px; font-weight:normal; margin-right:7px;} .generalForm .selectWrap {height:38px; position:relative; width:310px; } .generalForm .selectWrap select {background:#fff none repeat scroll 0 0; cursor:pointer; height:42px; line-height:26px; position:relative; width:225px; z-index:100;} #servicesSearch .col02 .selectWrap select, #servicesSearch .col02 .selectWrap a {width:310px;} .generalForm .selectWrap option {font-size:12px; padding:5px;} .generalForm .selectWrap select {cursor:pointer; line-height:26px;} .generalForm .selectWrap a {background:#fff none repeat scroll 0 0; border:1px solid #cdcdcd; /*bottom:0;*/ color:#b5b5b5 !important; cursor:pointer; font-size:13px; height:36px; left:0; line-height: 36px; position:absolute; text-indent:10px; width:224px; z-index:1;} .generalForm .selectWrap a span.downOk {background: rgba(0, 0, 0, 0) url(../images/site/selectboxArrow-brown.png) no-repeat scroll center center; height:100%; position:absolute; right:15px; top:0; width:18px;} .generalForm .selectWrap a span {display:block; overflow:hidden; width:100%;} .generalForm .submitButton{margin-bottom:0; padding:11px 25px;} .generalForm li.lie {margin:0;} #mapCanvas {height:480px; width:100%;} #productFilter .notfound, .resultTxt, .notfound {color:#9c9c9c; font:15px/18px Arial,Helvetica,sans-serif;} .loader {border:medium none; display:none; float:none; height:40px; margin:0 auto; width:40px;} #mapResult {margin-bottom:100px;} #mapResult div {border-top:1px solid #bebebe; float:left;} .magazaBilgi{padding:30px 0; height:140px;} #mapResult div p.head {color:#745a3e; font-family:'ralewaybold', Arial, Helvetiva, sans-serif; margin-bottom:15px; font-size:20px; font-weight:normal; padding-bottom:0;} #mapResult div p span {display:inline-block; width:60px; font-size:14px; color:#373737; font-family:Verdana, Arial, Helvetiva, sans-serif; font-weight:bold; padding-bottom:10px;} /*Satış Noktaları*/ /*İletisim*/ /*Hata*/ body#hata .hata h1{text-align:center; padding-bottom:10px;} body#hata .inner{padding: 28px 0;} body#hata .hata p.summary{text-align:center; font-size:16px; color:#616161; font-family:Verdana, Arial, Helvetiva, sans-serif; padding-bottom:20px;} body#hata .hata .link{width:155px; margin:0 auto;} .chrome body#hata .hata .link{width:160px;} body#hata .hata a.brown{background:#745a3e; display:block;} body#hata .hata a.brown span{padding-right:0;} /*Hata*/ /*Arama Sonuc*/ .searchNow {background:url(../images/site/search_open_close.png) no-repeat scroll top center transparent; display:inline-block; padding:8px 16px; position:absolute; right:5px; text-indent:-9999px; top:0px; cursor:pointer;} .searchNow:hover, .searchNow.active {cursor:pointer;} .footSearch{margin-right:30px; float:left; margin-top:-5px; position:relative;} .searchForm {margin:0 auto;} .searchForm {/*height:30px;*/ top:0; position:absolute; right:37px; background:#1c1c1c;} .aramaSonuc .searchForm {background:transparent;} .searchForm .searchKeyword {border:0 none;padding:7px 0 6px; width: 0;} .searchForm input[type="text"] {color:#787571; /*float:left;*/ font-size:12px; height:20px; /*width:120px; padding:0 10px 0 10px;*/ background:none; font-family: "ralewayregular",Arial,Helvetica,sans-serif; /*border:1px solid #787571;*/} .suggtext.searchKeyword.boderInput {border:1px solid #787571 !important;} .searchForm input[type="submit"] {background: url(../images/site/search_open_close.png) no-repeat scroll 0 0 transparent; border:medium none; cursor:pointer; display:block; float:right; height:30px; margin-top:0px; outline:medium none; position:absolute; right:0px; text-indent:-9999px; top:0px; width:35px;} .dl-menuwrapper .searchForm {display:block; width:96%; padding:0 2%; height:40px;} .dl-menuwrapper .searchForm input[type="text"] {width:96%; padding:10px 2%; border:none;} .dl-menuwrapper .searchForm input[type="submit"] {right:15px; top:5px;} .aramaSonuc {width:96%; padding:0 2%;} .aramaSonuc .searchPage {display:block; float:none; height:50px; margin-bottom:20px; width:100%; position:relative; right:0;} .aramaSonuc .searchPage input[type="text"] {background:none; border:1px solid #cfcfcf; border-radius:5px; color:#d2d2d2; float:left; font-family:Arial,Helvetica,sans-serif; font-size:20px; height:48px; padding:0 3%; width:94%;} .aramaSonuc .searchPage input[type="submit"] {background: url(../images/site/btn-search-2.png) no-repeat scroll 0 0 transparent; border:none; cursor:pointer; display:block; float:right; height:15px; margin-top:3px; outline:medium none; position:absolute; right:30px; text-indent: -9999px; top:15px; width:16px;} .searchPage input[type="submit"], .searchPage .searcButton { background:url(../images/site/btn-search-2.png) no-repeat scroll center center transparent; cursor: pointer; display: block; height: 15px; margin: 0; padding: 0; position: absolute; right: 10px; text-indent: -9999px; top:15px; width: 16px; } .searchContent {margin-top:20px;} .searchContent .search-item {border-bottom:1px solid #dbdbdb; margin-bottom:20px; padding-bottom:10px;} .searchContent .search-item p a{font-size:16px; color:#9e9e9e; font-family:Arial, Helvetica, sans-serif;} .searchContent .search-item p a:hover {color:#1c1c1c;} .searchContent p{color:#585858; font-size:18px; font-family:Verdana, Arial, Helvetiva, sans-serif;} .pager {height:100%; margin-bottom:40px; overflow:hidden; width:100%;} .pager ul {float:right;} .pager ul li {float: left; margin-right: 10px;} .pager ul li a {display:block; float:left; height:31px; overflow:hidden; width:31px; color:#efefef; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center; line-height:31px; background:#4a4a4a;} .pager ul li a:hover, .pager ul li.active a {background:#fee62c; color:#4a4a4a;} .pager ul li.lie {margin-right: 0;} /*Arama Sonuc*/ /*Content*/ /*Footer*/ #footer{background:#1c1c1c;} body#urunler #footer {position:relative; z-index:200; float:left; width:100%;} .innerFoot{border-top: 5px solid #745a3e;} .footerColumn{width:100%; max-width:1100px; margin:0 auto; padding:18px 0;} span.copy{color:#787571; font-size:10px; font-family:Arial,Helvetica,sans-serif; } .footList {float:left;} .footList ul li {float:left; padding-right:20px;} .footList ul li a, .portal a{color:#fff; font-size:12px;} .footList ul li a:hover, .footList ul li.active a{color:#745a3e;} .portal{border-left:1px solid #3e3e3e; float:left;} .portal a {padding-left:20px;} .portal a span{background:url(../images/site/portal-arrow.png) no-repeat right center transparent; padding-right:20px;} /*Footer*/ @media only screen and (min-width: 960px) and (max-width:1280px) { /*Header*/ .headerColumn {padding:0 2%;} /*Header*/ /*Content*/ h1{font-size:28px;} h2{font-size:18px;} p.summary{font-size:16px;} p{font-size:13px;} /*Top Banner*/ .bannerCaption p{font-size:30px;} /*Top Banner*/ .crossroad-category .name.name-1{left:39%;} .crossroad-category .name.name-2{right:39%;} /*Content*/ /*Anasayfa Slider*/ .slide_element .caption h2 {font-size:70px; /*line-height:60px;*/} .slide_element .caption p {font-size:70px;} .slide_element .caption p span {background:rgba(0, 0, 0, 0) url(../images/site/text-bg-repeat.png) repeat-x scroll left 63px;} /*Anasayfa Slider*/ } @media only screen and (min-width: 768px) and (max-width:960px) { /*Header*/ .headerColumn {padding:0 1%;} .topmenu ul li ul li a span{padding:23px 5px 23px 5px; font-size:12px;} .topmenu ul li a span {padding:37px 10px 41px;} #logo{height:16px; width:149px;} #logo a {background:url(../images/site/logo-tablet.png) no-repeat scroll right center transparent; height:16px; width:149px;} /*Header*/ /*Anasayfa Slider*/ .slide_element .caption h2 {font-size:60px; /*line-height:60px;*/} .slide_element .caption p {font-size:60px;} .slide_element .caption p span {background:rgba(0, 0, 0, 0) url(../images/site/text-bg-repeat.png) repeat-x scroll left 55px;} /*Anasayfa Slider*/ /*Documan*/ .documan ul li:nth-child(4n){margin-right:20px;} .documan ul li:nth-child(3n){margin-right:0px;} /*Documan*/ .crossroad-category .name{font-size:18px; letter-spacing:2px;} .crossroad-category .name.name-1{left:39%;} .crossroad-category .name.name-2{right:39%;} .sudoCarousel .urunlerPage a.urnItem .urnArrow {font-size:15px;} .sudoCarousel .urunlerPage a.urnItem .urnName{font-size:16px;} .tableTwo table tr th, .tableTwo table tr td {padding:12px;} /*Haberler*/ .newsDate{font-size:13px;} .newsBaslik{font:16px "ralewaybold",Arial,Helvetiva,sans-serif;} .urunlerPage.haberler a.urnItem{height:300px; width:248px;} /*Haberler*/ /*İletisim*/ .iletisimCount{margin:10px 0 20px; overflow:hidden; height:100%;} .iletisimCount ul li{width:246px; height:455px;} table.iletisimTable{height:135px;} .iletisimArea h2{font-size:16px;} .iletisimArea {padding:20px;} /*İletisim*/ /*Satış Noktaları*/ .generalForm .selectWrap {width:230px; } #servicesSearch .col02 .selectWrap select, #servicesSearch .col02 .selectWrap a {width:230px;} .generalForm li{margin-right:10px;} .generalForm .submitButton{padding:11px 20px;} /*Satış Noktaları*/ /*Content*/ h1{font-size:28px;} h2{font-size:18px;} p{font-size:13px;} p.summary{font-size:16px;} /*Top Banner*/ .bannerCaption p{font-size:28px;} /*Top Banner*/ /*Galeri*/ .galeri {height:189px; width:172px;} .galleryList li .opacity img {margin:50px auto 0;} .accordion .galleryList li a p{padding:10px;} .galeri.konseptGaleri li{width:235px; height:145px;} .galeri.konseptGaleri li .opacity img {margin:60px auto 0;} /*Galeri*/ /*Content*/ } @media only screen and (max-width: 767px) { /*Header*/ .headerColumn {padding:0 0 0 2%;} .topmenu {display:none;} #dl-menu {display:block;} #logo{height:13px; width:124px; margin:23px 0;} #logo a {background:url(../images/site/logo-mobil.png) no-repeat scroll right center transparent; height:13px; width:124px;} #header{height:65px; /*border-bottom:5px solid #745a3e;*/} .topmenu ul li.mobileLang{display:block;} .dl-menuwrapper li.mobileLang div{height:45px;} .dl-menuwrapper li.mobileLang a{float:left; width:25px; padding:15px; content:none;} .dl-menuwrapper li.mobileLang a.active{color:#fff;} .dl-menuwrapper li.mobileLang > a:not(:only-child)::after {content:none;} .innerHead {height:60px;} /*Header*/ /*Content*/ .inner{width:96%; padding:45px 6px;} h1{font-size:24px;} h2{font-size:18px;} p.summary{font-size:17px;} p{font-size:15px;} .bannerCaption p{font-size:22px;} .columnImg {height:170px; width:300px; margin:0 auto 20px;} .columnImg.galeriRight{height:245px; float:none;} .columnImgText p{padding:10px 16px;} body.page-1 p.summary{width:100%;} .iphone .mightyslider_fullscreen_skin.isTouch .mSPages {bottom:70px;} .iphone .mightyslider_fullscreen_skin.isTouch .mSPages li {width:40px; left:20px;} .iphone .mightyslider_fullscreen_skin.isTouch .mSPages li.active {width:40px;} .iphone .mightyslider_fullscreen_skin .mSPages li span {line-height:25px;} /*TabsTable*/ .tabsTable table tr td { display:block; font-size:14px; border:none !important;} .tabsTable table tr td:nth-child(1) {color:#1c1c1c;} /*TabsTable*/ /*Document*/ .documan ul li{margin-right:0px; width:100%;} .documan ul li a{width:49.84%;} .documan ul li .postBottom {width:100%;} .documan.marka ul li .postBottom,.documan.katalog ul li .postBottom {width:96%; padding:2%;} /*Document*/ /*Urunler Page*/ .crossroad-category .name {font-size:18px; letter-spacing:2px;} .crossroad-category .name.name-1{left:39%;} .crossroad-category .name.name-2{right:39%;} #mother {perspective:none; transform-style:initial;} #mother, #front, #back, .main-overla, .crossroad-category, .crossroad-category .img {bottom:0; left:0; position:relative; right:0; top:0;} .main {bottom:0; left:0; overflow:hidden; position:relative; right:0; top:0;} .reset > li {background:none; position:relative; display:block; float:left !important; width:100% !important; transform:none !important; clip:auto !important;} .crossroad-category li > a {transform:none !important; width:100% !important; float:left !important; -webkit-transform:none !important; cursor:pointer;} .crossroad-category li a {transform:none !important; width:100% !important; float:left !important; -webkit-transform:none !important; cursor:pointer;} .crossroad-category .img {transition:none; } .crossroad-category ul{display:block;} .crossroad-category li > a::before {content:none; display:block; height:100%; vertical-align: middle; width:100%;} .crossroad-category li:last-child {transform:none !important; -webkit-transform:none !important;} .crossroad-category .overlay {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display:block; height:100%; left:0; top:0; width:100%; transform:none !important;} .section, .main, #front, #back{overflow:visible;} body#urunler #content {overflow: visible;} a.brown {background:url(../images/site/brown-arrow-mobil.png) no-repeat right top #745a3e;} a.white{color:#f9f9f9; font-family:"ralewayregular",Arial,Helvetica,sans-serif; font-weight:normal; font-size:16px;} .link a {padding:10px 20px;} .urunlerPage a.urnItem {display:block; height:246px; overflow: hidden; width: 300px; float:none; margin:0 auto;} .urunlerPage a.urnItem .urnArrow{display:inline-block; float:right; width:60px; height:60px; background:url(../images/site/urnItem-arrow-mobil.png) no-repeat center center #aeacaa; margin-top:0;} .urunlerPage a.urnItem:hover > .urnArrow {background:url(../images/site/urnItem-arrow-mobil.png) no-repeat center center #78624a;} .urunlerPage a.urnItem .urnName{display:inline-block;} .sudoCarousel .urunlerPage a.urnItem .urnArrow {text-indent:0; font-size:18px;} .sudoCarousel .urunlerPage a.urnItem .urnArrow {background:url(../images/site/arrowLink-icon.png) no-repeat scroll right top transparent; height:auto; margin-left:20px; margin-top:0px; text-indent:0; display:block; margin-right:20px; padding:0px 0 0 0; color:#373737;font:14px "ralewaylight",Arial,Helvetiva,sans-serif; height:50px; float:none;} .sudoCarousel .urunlerPage a.urnItem .urnName{display:block; font-size:15px;} /*Urun Vertical Slider*/ #urunSlider .caption {width:100% !important;} #urunSlider .caption a p{top:0; padding:15px 0;} #urunSlider .caption a p small{display:none;} #urunSlider .caption a:hover > p{background:url(../images/site/verticalCaption-bg-hover-mobil.png) repeat 0 0;} /*Urun Vertical Slider*/ /*Urunler Page*/ /*Galeri*/ .galeri {margin:0 auto !important; float:none; } .galeri.konseptGaleri li{margin:0 auto 20px !important; float:none; } /*Galeri*/ .leftAuto, .blockAuto{width:100%;} .tableTwo table tr th, .tableTwo table tr td {padding:12px;} .blockAuto table tr td { display:block; width: 100%; float: left; padding:12px 0; margin-bottom: 10px;} .blockAuto-1 table thead { display: none; } .blockAuto-1 table tbody td:nth-of-type(1):before { content: "A mm"; width:100%; margin-bottom: 10px; float:left;} .blockAuto-1 table tbody td:nth-of-type(2):before { content: "B mm"; width:100%; margin-bottom: 10px; float:left;} .blockAuto-1 table tbody td:nth-of-type(3):before { content: "C mm"; margin-bottom: 10px; width:100%; float:left;} .blockAuto-1 table tbody td:nth-of-type(4):before { content: "D mm"; margin-bottom: 10px; width:100%; float:left;} .blockAuto-1 table tbody td:nth-of-type(5):before { content: "E mm"; margin-bottom: 10px; width:100%; float:left;} /*.blockAuto-1 table tbody td:nth-child(2n) { background: #c22f39; color: #fff; }*/ .blockAuto-2 table thead { display: none; } .blockAuto-2 table tbody td:nth-of-type(1):before { content: "Kalınlık"; width:100%; margin-bottom: 10px; float:left;} .blockAuto-2 table tbody td:nth-of-type(2):before { content: "Ebat"; width:100%; margin-bottom: 10px; float:left;} .blockAuto-2 table tbody td:nth-of-type(3):before { content: "Yüzey Parlaklığı"; width:100%; margin-bottom: 10px; float:left;} .blockAuto-2 table tbody td:nth-of-type(4):before { content: "Yüzey Malzemesi"; width:100%; margin-bottom: 10px; float:left;} .blockAuto-2 table tbody td:nth-of-type(5):before { content: "Dekor ve Renkler"; width:100%; margin-bottom: 10px; float:left;} /*.blockAuto-2 table tbody td:nth-child(2n) { background: #c22f39; color: #fff; }*/ /*İletisim*/ .iletisimCount{margin:10px 0 20px; overflow:hidden; height:100%;} .iletisimCount ul li{width:100%; height:430px;} .mapGor{margin-top:10px;} table.iletisimTable{height:125px;} .iletisimArea h2{font-size:16px;} .iletisimArea {padding:20px;} /*İletisim*/ /*Satış Noktaları*/ .aramaMagaza{padding:15px 2%; width:96%; height:auto; position:relative;} .generalForm .selectWrap {width:100%; } #servicesSearch .col02 .selectWrap select, #servicesSearch .col02 .selectWrap a {width:100%;} .generalForm li{margin-right:10px; width:100%;} .generalForm .submitButton{padding:11px 20px;} .submitButton{margin-top:10px;} #mapResult div p.head {color:#745a3e; font-family:'ralewayregular', Arial, Helvetiva, sans-serif; margin-bottom:15px; font-size:14px; font-weight:normal; padding-bottom:0;} #mapResult div p span{padding-bottom:0; line-height:26px;} #mapResult div p{font-size:14px;} /*Satış Noktaları*/ /*Hata*/ body#hata .hata .link{width:185px;} body#hata .hata a.brown{font:16px "ralewaybold",Arial,Helvetiva,sans-serif;} /*Hata*/ /*Content*/ /*Anasayfa Slider*/ .slide_element .caption h2 {font-size:30px; line-height:35px;} .slide_element .caption p {font-size:27px;} .slide_element .caption p span{background:none; padding-left:0; text-align:left;} /*Anasayfa Slider*/ .searchForm {right:0;} /*Footer*/ .footerColumn {width:96%; padding:15px 2%; max-width:none;} .mobileFloat{float:left;} span.copy{display:none;} .portal a span {padding-right:15px;} .footList ul li {padding-right:15px;} .portal a {padding-left:15px;} #footer .footSearch {display:none;} /*Footer*/ } @media only screen and (min-width: 1024px) and (max-width: 1280px){ } @media only screen and (min-width: 1280px) and (max-width: 1366px) { } @media only screen and (min-width: 960px) and (max-width: 1279px) { } @media only screen and (min-width: 479px) and (max-width: 767px) { } @media only screen and (min-width: 320px) and (max-width: 479px) { .columnImg{float:left;} .inner{width:96%; padding:45px 5px;} .urunlerPage a.urnItem {display:block; float:none; height:246px; margin: 0 auto; overflow: hidden; width: 300px;} }