/* Emon */ .fl { float: left; } .fr { float: right; } .fn { float: none; } .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .db { display: block; } .di { display: inline-block; } .pr { position: relative; padding-right: 0; } .pa { position: absolute; } .m { margin: 0; } .pl { padding-left: 0; } .p { padding: 0; } .mp { margin: 0; padding: 0; } .f { position: fixed; } .light { font-weight: 300; } .reg { font-weight: 400; } .sbold { font-weight: 500; } .bold { font-weight: 600; } body { font-family: 'DINPro'; } a, a:hover { text-decoration: none; outline: none; transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: opacity .5s ease; } a:focus { background-color: transparent; text-decoration: none; outline: none; } /* Header */ #header { background: #f5f7f7; } /* Header Tel */ #header .tel { background: url("../images/tel.png") no-repeat; padding-left: 30px; margin: 5px 0 0 0; color: #4f616f; } #header .tel span { font-size: 18px; font-weight: 600; } /* Header Arama */ #header .ara-btn {background: #58585a;height: 30px;transition: 0.5s ease-in;-moz-transition: 0.5s ease-in;-webkit-transition: 0.5s ease-in;padding: 4px 10px 4px 10px;margin-left: 3px;float: right;border-left: solid 1px #f5f7f7;cursor: pointer;} #header .ara-btn:hover {background: #941b1e;} #header input.txtbox { background-color: #fff; border: none; box-shadow: none; font-size: 14px; font-weight: 300; border-radius: 0; font-family: 'DINPro'; width: 85%; } #header .arama .btn { background: url("../images/ara.png") no-repeat; top: 7px; right: 20px; color: #7a7d80; width: 18px; height: 18px; } #header .arama .btn:hover { color: #fff; background: #000; } #header .btn {padding: 6px 0;} /*file*/ #header .file { margin-left: 5px; } #header .file a {color: #FFF;font-size: 12px;line-height: 30px;font-weight: 300;width: 30px;height: 30px;text-align: center;margin-right: 1px;float: left;background: #58585a;cursor: pointer;} #header .file a:hover { color: #fff; background: #aaa; } /* Header Diller */ #header .diller { margin-left: 5px; } #header .diller a {color: #FFF;font-size: 12px;line-height: 30px;font-weight: 300;width: 30px;height: 30px;text-align: center;margin-right: 1px;float: left;background: #58585a;} #header .diller a:hover { color: #fff; background: #aaa; } .close-panel {position: absolute;right: 0;bottom: -49px;padding: 5px 10px;color: #FFF;background-color: #58585a;cursor: pointer;} .close-panel:hover {color: #FFF;background-color: #941b1e;} h1.logo { margin-top: 15px; } .logo img { max-width: 100%; transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -webkit-transition: 0.5s ease-in; } #ara-panel { position: absolute; top: 110px; z-index: 10; 0; display: none; width: 100%; height: auto; } .bggray { background: #dedede; padding: 15px; margin-left: 0; margin-right: 0; } .form-control::-webkit-input-placeholder { color: #cecece; } .form-control::-moz-placeholder { color: #cecece; } .form-control:-ms-input-placeholder { color: #cecece; } input.arama {background-color: #941b1e;color: #fff;font-family: 'DINPro';width: 15%;border-radius: 0;outline: none;} input.arama:hover {color: #fff;background: #58585a;} /*Header Sosyal Medya*/ .sosyalIcerik {z-index: 1;position: inherit;} .sosyal {/* top: 112px; *//* margin-left: calc(50% - 16px); */} .sosyal a {background: url("../images/sosyal.png") no-repeat;/* text-align: left; *//* text-indent: -999em; */width: 30px;height: 30px;display: block;/* margin-bottom: 20px; */float: left;background-color: #58585a;/* padding: 4px 10px 4px 10px; */border-left: solid 1px #f5f7f7;cursor: pointer;text-align: center;/* background-position: 5px 5px; *//* background-position: 0 -124px; */} .sosyal a:hover {background-color: #941b1e;} .sosyal a.fb {background-position: 4px 4px;} .sosyal a.tw {background-position: 4px -41px;} .sosyal a.in {background-position: 5px -82px;} /* Navbar*/ .navbar-default {margin: 45px 0 0 0;padding: 0;background: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;border: none;border-radius: 0;} .navbar-default .navbar-nav > li > a {font-size: 17px;color: #58585a;font-weight: 400;padding: 15px 20px;border-right: 1px solid #dee0df;} .navbar-default .navbar-nav > li.active > a { color: #19b0c7; background-color: transparent; } .navbar-default .navbar-nav > li.active:hover > a { color: #19b0c7; background-color: transparent; } .navbar-default .navbar-nav > li > a:hover {color: #941b1e;} .navbar-default .navbar-nav li:last-child > a { padding-right: 0; border-right: none; } .navbar-default .navbar-nav > li > ul { display: none; width: 250px; position: absolute; top: 50px; left: -1px; text-align: left; padding: 0; padding-top: 0px; list-style: none; z-index: 100; } .navbar-default .navbar-nav > li:hover > ul { display: block; } .navbar-default .navbar-nav > li > ul li { background-color: #19b0c7; width: 248px; padding: 0px; float: left; border-top: solid 1px #dedede; color: #fff; } .navbar-default .navbar-nav > li > ul li a { color: #fff; width: 249px; position: relative; font-size: 14px; padding: 12px 20px 12px 20px; float: left; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; } .navbar-default .navbar-nav > li > ul li:hover { background-color: #159fb4; } .navbar-default .navbar-nav > li > ul li:hover + .subo { color: #19b0c7; } .navbar-default .navbar-nav > li > ul li:hover a { color: #fff; } .navbar-default .navbar-nav > li > ul li:first-child { border-top: none; } #trig { height: 80px; position: absolute; z-index: -1; visibility: hidden; left: 0; top: 0; } #trigalt { height: 82px; position: absolute; z-index: -1; visibility: hidden; left: 0; top: 0; } .margcontrol { position: relative !important; } .goToTop { position: fixed; top: 0px; z-index: 201; width: 100%; } .goToTop2 { position: fixed; top: 93px; z-index: 200; width: 100%; } @keyframes example { 0% { top: -100px; } 100% { top: 0px; } } @keyframes exampledb { 0% { top: -100px; } 100% { top: 93px; } } @keyframes exampleup { 0% { opacity: 0; filter: (opacity:0); } 100% { filter: (opacity:100); } } .downing { transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -webkit-transition: 0.5s ease-in; animation-name: example; animation-duration: 2s; } .downingdb { transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -webkit-transition: 0.5s ease-in; animation-name: exampledb; animation-duration: 2s; } .uppo { transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -webkit-transition: 0.5s ease-in; animation-name: exampleup; animation-duration: 2s; } /* slider */ #sliderHome { position: relative; } #slider .owl-nav {position: absolute;top: 0;height: 100%;width: 60px;background: rgba(88, 88, 90, 0.8);right: 0;z-index: 11;} #slider .owl-next, #slider .owl-prev { background: url("../images/sArrow.png") no-repeat; width: 17px; height: 29px; display: block; text-indent: -999em; position: absolute; } #slider .owl-next:hover, #slider .owl-prev:hover { background: url("../images/sArrow-hover.png") no-repeat; } #slider .owl-next, #slider .owl-next:hover { background-position: 0 0; bottom: 50px; right: 15px; } #slider .owl-prev, #slider .owl-prev:hover { background-position: 0 -46px; bottom: 10px; right: 15px; } #slider .sliderIcerik { width: 100%; z-index: 10; top: 70px; } #slider .sliderIcerik h2 { color: #4f616f; font-weight: 100; font-size: 40px; } #slider .item { position: relative; } #urunler {padding: 50px 0 20px 0;} #urunler .item { float: left; margin-bottom: 10px; border: #eee solid 0px; text-align: center; transition: opacity .5s ease; -moz-transition: opacity .5s ease; -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; } #urunler .item:hover { } #urunler .item:hover h3 a {color: #941b1e;} #urunler .item h3.prod-name a {font-size: 24px;margin: 0 0 15px 0;text-transform: uppercase;} #urunler .item img { display: inline-block; padding: 0 30px; } #urunler .item h3 a {text-align: center;color: #58585a;font-weight: 100;font-size: 36px;margin: 0 0 5px 0;} #urunler .item .urunDesc a {font-weight: 300;color: #4f616f;margin: 0 0 20px 0;text-transform: uppercase;} #urunler { position: relative; } #urunler .owl-nav { position: absolute; top: calc(50% - 42px); width: 100%; } #urunler .owl-next, #urunler .owl-prev { background: url("../images/hArrow.png") no-repeat; width: 42px; height: 42px; text-indent: -9999em; position: absolute; } #urunler .owl-prev {background-position: 0 0;left: -40px;} #urunler .owl-next {background-position: -44px 0;right: -40px;} #urunler .owl-prev:hover { background-position: 0 -42px; left: -90px; } #urunler .owl-next:hover { background-position: -44px -42px; right: -90px; } /* mainContent*/ #mainContent {background: #941b1e;overflow: hidden;} #mainContent .antkaroText {padding-right: 50px;} #mainContent .antkaroText p { font-size: 15px; font-weight: 300; color: #fff; margin: 30px 0 40px 0; text-align: justify; } #mainContent .antkaroText a.more { font-weight: 500; color: #fff; } #mainContent .antkaroText a.more:hover { font-weight: 500; color: #dedede; padding-left: 20px; } #mainContent .antkaroText h3 { font-size: 40px; font-weight: 100; color: #fff; margin-top: 35px; } #mainContent .antkaroImg { margin: 0; padding: 0; position: relative; height: auto; overflow: hidden; } #mainContent .antkaroImg .img-responsive {width: 100%;display: block;height: 380px!important;object-fit: cover;object-position: right top;} /* */ #info { text-align: center; padding: 32px 0; } #info h4 { font-weight: 100; font-size: 40px; color: #182d70; } #info p { color: #657581; font-weight: 300; padding: 0 20px; margin-top: 25px; } #homebanner { } #homebanner img { width: 100%; } #homebanner .homeIcerik { width: 100%; top: 70px; } .homeIcerik h5 { font-size: 54px; font-weight: 100; color: #fff; margin-left: 65px; } #footerBaglanti {background: #58585a;padding: 60px 0;} #footerBaglanti h4 { color: #fff; font-weight: 100; font-size: 18px; margin-bottom: 25px; } #footerBaglanti ul { margin: 0; padding: 0; list-style-type: none; } #footerBaglanti li > a { color: #fff; font-size: 13px; font-weight: 300; margin-bottom: 5px; display: block; } #footerBaglanti li > a:hover {margin-left: 10px;color: #941b1e;} #footerBaglanti ul#urunAd { } #footerBaglanti ul#urunAd li { float: left; width: 49%; } .socialText {font-weight: 300;color: #FFF;font-size: 13px;} .footerSosyal { margin-top: 25px; } .footerSosyal a { background: url("../images/footerSosyal.png") no-repeat; width: 24px; height: 30px; display: inline-block; text-indent: -9999em; margin-right: 10px; } .footerSosyal a.fb { background-position: 0 0; margin-right: 5px; } .footerSosyal a.tw { background-position: -30px 0; } .footerSosyal a.in { background-position: -70px 0; } .footerSosyal a.gp { background-position: -111px 0; } .adres, .ftel, .mail {padding-left: 40px;font-size: 13px;color: #f1f1f2;font-weight: 300;margin-top: 10px;line-height: 32px;} .adres {background: url("../images/loc.png") no-repeat 0 0px;} .ftel {background: url("../images/phone.png") no-repeat 0 0px;} .mail {background: url("../images/mail.png") no-repeat 0 0;min-height: 30px;line-height: 30px;} .mail a{color:#FFF!important;} #footer { padding: 30px 0 20px 0; } #footer .img-responsive { margin-top: -10px; margin-right: 15px; } #footer p { color: #919b9d; font-size: 12px; font-weight: 300; } #footer p span.copy {display: block;color: #58585a;font-size: 13px;font-weight: 500;} .design {font-size: 11px;font-weight: 500;color: #929494;line-height: 40px;} #inner_banner img { width: 100%; } #inner_banner { position: relative; } .inner-slogan { width: 100%; bottom: 70px; position: absolute; } .inner-slogan h5 { font-size: 54px; font-weight: 100; color: #fff; margin-left: 159px; } #baslik {width: 100%;background-color: #58585a;} #baslik h1 { font-weight: 300; font-size: 36px; color: #fff; margin: 0; line-height: 70px; } #baslik a.back { font-weight: 500; font-size: 16px; color: #fff; line-height: 70px; } .goToTop h1 { font-size: 24px; } #baslik .dropdown { margin-top: 12px; } #baslik .btn-default { background-image: none; background-color: #fcfcfc; } #baslik .btn { padding: 10px; font-size: 16px; font-weight: 300; width: 100%; text-align: left; border-radius: 0; } #baslik .btn .caret { position: absolute; right: 20px; top: 10px; border: none; } #baslik .dropdown-menu { width: 100%; border-radius: 0; } #baslik .dropdown-menu > li { border-bottom: solid 1px #eee; } #baslik .dropdown-menu > li:last-child { border-bottom: none; } #baslik .dropdown-menu > li > a { font-size: 16px; font-weight: 200; padding-top: 6px; padding-bottom: 6px; } #baslik .dropdown-menu > li.active > a { background-color: #19b0c7; } #baslik .dropdown-menu > li > a:hover { background-color: #19b0c7; color: #fff; } #content { width: 100%; padding-top: 70px; padding-bottom: 70px; } #content h2 {font-weight: 200;font-size: 24px;color: #941b1e;padding: 0;margin: 0;padding-top: 40px;} #content p { font-weight: 300; font-size: 16px; color: #22272a; text-align: justify; margin-bottom: 20px; margin-top: 20px; } .product .item { border: #eee solid 0px; text-align: center; width: 100%; float: left; padding-bottom: 30px; } .product .col-md-2 { width: 20%; } .bord { border-right: solid 1px #dedede; margin-bottom: 40px; max-height: 310px; } .product .item img {display: inline-block;max-width: 85%;/* max-height: 170px; */margin: auto;} .product .item h3 {text-align: center;color: #58585a;font-weight: 100;font-size: 36px;margin: 0 0 5px 0;} .product .item h3.prod-name {font-size: 20px;margin: 0;min-height: 80px;padding-top: 15px;} .product .item h3 a {color: #58585a;} .product .item:hover h3 a {color: #941b1e;} .product .item .urunDesc { font-weight: 300; color: #4f616f; width: 100%; margin: 0 auto 20px auto; float: left; border-bottom: solid 1px #fff; } .product .item .urunDesc:hover { border-bottom: solid 1px #4f616f; } .product .item .tumu {padding: 5px;color: #fff;font-size: 14px;font-weight: 200;margin: auto;background-color: #58585a;} .product .item .tumu:hover {background-color: #961919;} .border { border-left: solid 1px #eee; border-right: solid 1px #eee; margin-bottom: 30px; min-height: 300px; } .underline {position: relative;color: #941b1e;} .underline:after {display: block;position: absolute;left: 0;bottom: -10px;width: 0;height: 10px;background-color: #941b1e;content: "";-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .underline:hover {color: #941b1e;} .underline:hover:after { width: 100%; } .path { padding: 0 0 0 0; } .skewed { background: url("../images/category-bg.jpg") no-repeat center; } .path h3 { color: #fff; font-weight: 100; font-size: 46px; margin: 0 0 0 0; line-height: 72px; padding: 0; } .path .breadcrumb { background: transparent; line-height: 72px; font-size: 16px; font-weight: 300; margin: 0; padding: 0; } .path .breadcrumb a {color: #941b1e;text-transform: capitalize;} #pagebread { background: #eee; } #pagebread .breadcrumb { background: transparent; line-height: 40px; font-size: 16px; font-weight: 300; margin: 0; padding: 0; } #pagebread .breadcrumb a { color: #666; } .frame { background: url("../images/frame.jpg.png") no-repeat center; background-size: 100% cover; } .frame img { margin: auto; } .no-pad { padding: 0; } #content p.no-marg { margin: 0; } .big { width: 100%; height: 340px; padding: 20px 10px; text-align: center; } .big img { height: 100%; } .detay h3 { font-size: 36px; font-weight: 100; color: #fff; text-align: right; } p.code {text-align: left;font-size: 24px;font-weight: 300;color: #fff;padding: 0 0 0 80px;} p.spec { text-align: right; color: #fff; font-weight: 300; font-size: 18px; margin: 0; } span.text {text-align: justify;margin: 20px 0;color: #fff;font-weight: 300;font-size: 16px;padding: 0 0 0 80px;float: left;} .same { font-weight: 100; font-size: 36px; margin: 0 0 0 0; line-height: 72px; padding: 0; } #content p.date { font-weight: 500; font-size: 14px; } #content a.tumu {padding: 7px;color: #fff;font-size: 12px;font-weight: 200;margin: auto;background-color: #58585a;transition: 0.0s ease-in;-moz-transition: 0.0s ease-in;-webkit-transition: 0.0s ease-in;} #content a.tumu:hover {background-color: #941b1e;} .control-label { margin-top: 20px; font-weight: 300; } input.send {padding: 10px;border-radius: 0;background: #941b1e;color: #fff;float: right;margin-top: 20px;outline: none;} input.send:hover {padding: 10px;border-radius: 0;background: #58585a;color: #fff;} .btn-lg { margin-top: 10px; float: right; background-color: #19b0c7; border-radius: 0; font-weight: 500; color: #fff; transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; } .btn-lg:hover { background-color: #19b0c7; color: #fff; } .haknav { width: 100%; background-color: #19b0c7; padding: 20px; float: left; color: #fff; border: 1px solid #fff; } .act { background-color: #d8f0f4; color: #999; } .inner-slogan { display: none; } .big-item { width: 100%; float: left; overflow: hidden; position: relative; } .big-item img {width: 100%;transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;-webkit-transition: 0.3s ease-in;} .big-item:hover img { transform: scale(1.1); filter: grayscale(20%); -webkit-filter: grayscale(20%); -moz-filter: grayscale(20%); -o-filter: grayscale(20%); -ms-filter: grayscale(20%); } .hovered { position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: 10; transition: 0.3s ease-in; background-color: #dedede; opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; -o-opacity: 0.3; filter: alpha(opacity=80); -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; } .big-item:hover .hovered { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; filter: alpha(opacity=0); } .big-item:hover .hovered { left: 0%; width: 100%; height: 100%; } .big-item .name {color: #fff;font-weight: 100;font-size: 36px;padding: 5px;background-color: #941b1e;position: absolute;bottom: 5%;left: 5%;z-index: 11;transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;-webkit-transition: 0.3s ease-in;} .big-item:hover .name { left: 7%; } .bordered {transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;-webkit-transition: 0.3s ease-in;background: url("../images/go.png") no-repeat center;opacity: 0.0;filter: alpha(opacity=0);} .big-item:hover .bordered {border: solid 4px #58585a;width: 98%;height: 98%;top: 1%;left: 1%;position: absolute;opacity: 0.8;filter: alpha(opacity=80);background: url("../images/go.png") no-repeat center;} .icco { float: left; display: inline-block; margin-right: 5px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .delay { -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 0.5s; } .fa { margin-right: 5px; } .calcor { overflow: hidden; } .falfol { overflow: hidden; } img.left { float: right; } .btn { border-radius: 0; !important; } #baslik h1.lower { font-size: 24px; } .form-control { border-radius: 0; } textarea{height:113px!important;} @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @media(max-width:767px) { /* Header */ #header { transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; top: 0; } #header .fr { text-align: center; margin-bottom: 7px; } #header .tel { background: none; padding-left: 0; } .logo { text-align: center; margin-bottom: 25px; } .logo .img-responsive { display: inline-block; } .arama { display: block; } #header .ara-btn { margin-left: 0; } #ara-panel { top: 138px; z-index: 10; 0; display: none; width: 100%; height: auto; } .navbar-toggle { display: none !important; } .navbar-default { text-align: center; margin-top: 10px; } .navbar-default .navbar-nav li > a { padding: 5px 0 6px 0 !important; border: none; border-bottom: 1px solid #E7E7E7; } .navbar-default .navbar-nav li:last-child > a { padding-right: 20px; border-bottom: none !important; } .collapse { display: block !important; } /* Slider */ #sliderHome .sosyal, #mainContent .antkaroImg:before { display: none; } /* GuarriContent */ #mainContent { } #mainContent .antkaroImg { height: auto; } #mainContent .antkaroImg img { width: 100%; display: block; height: auto; } #mainContent .antkaroText p { margin-top: 5px; margin-bottom: 20px; } #mainContent .antkaroText a.more { margin-bottom: 20px; display: block; } .guariTextAlt h3 { margin-top: 0; padding-top: 25px; } .guariTextAlt p { margin: 15px 0; } .guariTextAlt a.more { padding-bottom: 25px; } /* Urunler */ #urunler .owl-prev { left: 0 !important; } #urunler .owl-next { right: 0 !important; } /* Footer */ #footerBaglanti { text-align: center; } #footerBaglanti .img-responsive { display: inline-block; } #footerBaglanti ul#urunAd { position: relative; z-index: 9999; } #footerBaglanti .smm { margin-top: 20px; } #footerBaglanti h4 { margin: 20px 0 15px 0; } #footerBaglanti li > a:hover { color: #A9B3B5; } .homeIcerik h5 { font-size: 30px; margin-left: 0 !important; text-align: center !important; } #footer { text-align: center; } #footer .img-responsive { display: inline-block; } #footer .text-right, #footer .text-left { text-align: center; } .adres { background: url("../images/loc.png") no-repeat left top 0; padding: 7px 0 8px 45px; } #baslik { padding-bottom: 25px !important; } #baslik .row { margin: 0 15px; } #content { padding: 25px 0; } #content .col-sm-6.pl { padding-left: 15px !important; } #content .col-sm-6.pr { padding-right: 15px !important; } .goToTop { position: relative; } .resWidth { width: calc((100% / 12) * 6 ) !important; } .path{margin-top: -61px;} .path h3 { position: relative; top: 64px; } .path .breadcrumb { margin-top: 50px; text-align: left !important; } .col-sm-3.no-pad { width: calc((100% / 12 ) * 6 ); float: left; } .col-sm-3 .img-responsive.img-thumbnail { width: 100%; } img.left { width: 100%; } img.right { width: 100%; } .close-panel { bottom: -78px; right: -15px; } /* Frame & Detay */ .big { padding: 20px 0 !important; } .frame {background: #961a24;} .frame img { width: 100%; } .detay h3 { font-size: 24px !important; } .detay h3, p.spec, p.code, span.text {text-align: left !important;padding: 0px;} span.text { padding: 0 !important; float: none !important; } #baslik .dropdown-menu { height: 300px; overflow: scroll; } } @media(max-width:540px) { #homebanner .homeIcerik { top: 35px; } #baslik h1 { font-size: 24px; } /* Slider */ #slider .sliderIcerik { top: 20px; } #slider .sliderIcerik h2 { font-size: 30px; } .resWidth { width: 100% !important; } .no-pad { width: 100% !important; } .guariTextAlt h3, #mainContent .antkaroText h3 { font-size: 30px !important; } #urunler .item h3.prod-name a { font-size: 16px !important; } } @media(max-width:380px) { #slider .sliderIcerik { width: 86%; } #slider .sliderIcerik h2 { font-size: 24px; } #homebanner .homeIcerik { top: 20px; } .homeIcerik h5 { font-size: 24px; } } @media(width:320px) { #slider .sliderIcerik { width: 84%; } #slider .sliderIcerik h2 { font-size: 22px; } } @media(min-width:768px) and (max-width:992px) { #header .fr { } #header .tel { background: none !important; } #sliderHome .sosyal { top: 20px; } .navbar-default { margin-left: calc(-100% / 12 * 5); margin-left: -moz-calc(-100% / 12 * 5); margin-left: -webkit-calc(-100% / 12 * 5); margin-left: -ms-calc(-100% / 12 * 5); margin-left: -o-calc(-100% / 12 * 5); margin-top: 15px !important; } .navbar-default .navbar-nav > li > a { padding: 15px 15px; } #hammer .navbar-right { margin-top: 25px !important; } /* Urunler */ #urunler .owl-prev { left: 0 !important; } #urunler .owl-prev:hover { left: 0 !important; } #urunler .owl-next { right: 0 !important; } #urunler .owl-next:hover { right: 0 !important; } .antkaroImg { } .antkaroImg img { width: 100%; display: block; height: auto; } #mainContent .antkaroImg:before, .antkaroImg:after { display: none !important; } #mainContent .antkaroImg { height: auto; } #mainContent .antkaroText a.more { position: relative; top: -10px; } .guariTextAlt a.more { position: relative; top: -10px; } .big-item .name { font-size: 24px; } #baslik .btn { font-size: 14px; } #content { padding: 25px 0 !important; } .resWidth { width: calc((100% / 12) * 4) !important; float: left; } img.left { min-height: 570px; } img.right { min-height: 490px; } .frame { } } @media(min-width:993px) and (max-width:1299px) { #mainContent .antkaroImg { height: auto; } .antkaroImg:after, #mainContent .antkaroImg:before { display: none; } .navbar-default .navbar-nav > li > a { font-size: 15px; padding-left: 15px; padding-right: 15px; } img.left { min-height: 450px; } img.right { min-height: 400px; } #urunler .owl-next { right: 0; } #urunler .owl-prev { left: 15px; } .homeIcerik h5 { text-align: center !important; margin-left: 0 !important; } } @media(min-width:1300px) and (max-width:1400px) { #mainContent { overflow: hidden; } #mainContent .antkaroImg .img-responsive { height: 400px; object-fit: cover; } img.left {/* min-height: 450px; */} img.right { min-height: 400px; width: auto; } } @media(width:1920px) { #mainContent .antkaroImg:before { border-width: 403px 125px 0 0; } .antkaroImg:after { border-width: 0 125px 404px 0; } } @media(min-width:1330px) and (max-width:1619px) { #baslik .dropdown { margin-top: 7px; } #baslik h1 { line-height: 48px; } #baslik .btn { padding: 5px 10px; } #baslik .btn .caret { top: 7px; } #baslik .dropdown-menu { border-radius: 0; height: 350px; overflow-x: hidden; overflow-y: scroll; width: 100%; } #baslik .dropdown-menu > li > a { font-size: 14px !important; padding-top: 3px !important; padding-bottom: 3px !important; } } .referanslar{border: solid 2px #FFF;} .referanslar .name{ background-color: transparent;font-size: 24px; top: 30%;} .list{} .list li{ font-size: 18px; line-height: 30px; color: #58585a; }