*{outline: 0;border:none!important;text-decoration:none!important;list-style-type:none;} textarea{outline:none!important;box-shadow:0px!important} body{position:relative;font-family: Raleway;overflow:hidden} html, body { position:relative; overflow-x:hidden; } .historyActive{overflow:hidden!important} ul{padding:0px;margin:0px;} .sayfaUyari{margin-top:0px} .slick-slider{direction: ltr!important} .padding-no{padding:0px!important} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,div:focus,a:focus,button:focus,span:focus{ outline: 0;-webkit-box-shadow:0px 0px 0px!important;-moz-box-shadow: 0px 0px 0px!important;box-shadow: 0px 0px 0px !important; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: initial!important} .fancybox-skin{padding:0px!important} @media(min-width:1405px){ .container{width:1400px} } .pageMobileBrandClose{display:none} .pageMobileBrand{display:none} .siteFull{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;display:none} .warningUyariKapsul{padding:10px;margin-bottom:0px} .warningUyari{background:#FCF8E3;margin-bottom:0px} .dcjq-count {display:none} .tinynav { display: none } .site_left{padding:0px} .accordion{padding:0px 0px} .tinynav_label {display:none} .ayirac{margin-top:88px} .clear{clear:both} .resim-responsive{width:100%!important} .ustMargin{margin-top:100px;} .ustMargin2{margin-top:101px;} .pageMargin{padding-top:50px;} .mobileLogo{display:none} .mobileMenu{display:none} .mobileProductBrand{display:none} .mobileProductBrandClose{display:none} .mobileBrand{display: none} .shoppingBtn.active{background-color: #F47721!important} .topHeight{width:100%;margin-top:150px} .pageMapContainer{margin-top:0px;display:block} .pageMap{padding: 15px 0px;} .pageMap ul{display: flex;align-items: center;margin-bottom: 0px;justify-content:flex-start} .pageMap ul li a{padding: 5px 10px;font-size: 16px;font-weight: 300;color:#000000;} .hataSayfasiKapsul{margin-top: 150px;text-align: center;margin-bottom:250px;} .hataSayfasiKapsul h1{font-size: 60px;font-weight: 600;display: block;text-align: center;} .hataSayfasiKapsul h2{font-size: 60px;font-weight: 600;display: block;text-align: center;margin-top:0px;} .hataSayfasiKapsul p{font-size: 30px;font-weight: 400;display: block;text-align: center;} .hataSayfasiKapsul p a{font-size: 30px;font-weight: 400;color:red;} /*######################## HEADER ###################################*/ .headerlogo img{width:180px} .headerKapsul{padding:0px 15px;position:fixed;left:0px;top:0px;width:100%;z-index:3;height:90px;background-color:rgba(249,105,35,0.8)} .headerRight{display:flex;align-items:center;justify-content:flex-end;float:right} .headerRight i{color:#f17e22} .headerRight li{margin-bottom:8px} .headerRight a{display:block;color:#000} .headerRight img{width:172px} .headerNavbarContainer{position:relative;z-index:1;} .headerNavbarContainer ul.anaMenu{display:flex;align-items:center;justify-content:flex-end;margin-top:25px;margin-bottom:-25px;flex-wrap:wrap} ul.anaMenu li{margin-left:5px;position:relative;padding:15px 10px;} ul.anaMenu li.dilSecenek{padding:0px} .headerNavbarContainer ul.anaMenu li a{color:#fff;padding:0px;font-weight:400;font-size:14px;display:block;position:relative;} .headerNavbarContainer ul.anaMenu li a:hover{font-weight:600} .headerNavbarContainer ul.anaMenu li a:after{content:'';width:100%;height:2px;background-color:#fff;left:0px;transform:translateY(-30px);position:absolute;opacity:0;transition:0.4s;z-index:1} .headerNavbarContainer ul.anaMenu li a:hover:after{opacity:1;transform:translateY(-8px)} /*######################## HEADER ###################################*/ .sliderKapsul{position:relative;} .sliderKapsul .headerSeffaf1{width:100%;height:90px;background-color:rgba(249,105,35,0);position:absolute;left:0px;top:0px;z-index:1}/*TOP*/ .sliderKapsul .headerSeffaf2{width:90px;height:calc(100% - 90px);background-color:rgba(249,105,35,0.8);position:absolute;right:0px;top:90px;z-index:1}/*RIGHT*/ .sliderKapsul .headerSeffaf3{width:calc(100% - 90px);height:90px;background-color:rgba(249,105,35,0.8);position:absolute;left:0px;bottom:0px;z-index:1}/*BOTTOM*/ .sliderKapsul .headerSeffaf4{width:90px;height:calc(100% - 180px);background-color:rgba(249,105,35,0.8);position:absolute;left:0px;top:90px;z-index:1}/*LEFT*/ .slideSlick{margin-bottom:0px!important} .slideSlick .slick-slide{height:888px;background-size:cover;background-position:center center;position:relative} /*.slideSlick .slick-slide:before{content:'';position:absolute;left:0px;top:0px;height:100%;width:579px;background-image:url("../images/slideOpacity.png");background-position:left center;background-repeat:no-repeat; background-size:cover} .slideSlick .slick-slide:after{content:'';position:absolute;right:0px;top:0px;height:100%;width:579px;background-image:url("../images/slideOpacity.png");background-position:left center;background-repeat:no-repeat; background-size:cover;transform:rotate(180deg)}*/ .slideKapsayici{position:relative} .slideKapsayici .slideTextContainer{position:absolute;left:150px;top:130px;margin:auto;background-color:rgba(0,0,0,0.6);color:#fff;padding:40px 40px;min-height:250px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;place-content:center} .slideKapsayici .slideTextContainer h2{margin:0px 0px 10px 0px;font-size:40px} .slideKapsayici .slideTextContent{padding:0px} .slideKapsayici .slideTextContent a.btn{background-color:#f17e22;color:#fff;font-weight:600;font-size:15px;margin-top:15px;border-radius:0px;padding:5px 10px} /*######################## İÇ SAYFA YAPISI ###################################*/ .ParentPageContainer.urunlerContainer{margin-top:0px} .ParentPageContainer{margin-top:30px;margin-bottom:30px} .pageContentLeft{padding:15px 15px 15px 15px;position:relative;} .pageContentLeft ul.pageMenu{border:1px solid #D9D9D9!important;display: block;border-radius:0px;overflow:hidden} .pageContentLeft ul li a{display: block;font-weight:400;font-size: 14px;padding: 25px 15px 25px 15px;color: #000000} .pageContentLeft ul li:nth-child(1n+2) a{border-top: 1px solid #D9D9D9!important} .pageContentLeft ul.dropdown-menu{position: relative!important;display: none;width: 100%;margin-top: 0px;padding: 0px;float:none;background-color:#B79734} .pageContentLeft ul.dropdown-menu a{color:#F97C39;padding-left:30px;font-weight:400!important} .pageContentLeft ul.pageMenu a{text-indent: 10px;position: relative;} .pageContentLeft ul.pageMenu li a{background: linear-gradient(to left, #ffffff 50%, #FEE5D7 50%) right;transition: 300ms ease-out;background-size: 200%;} .pageContentLeft ul.pageMenu li ul li a{text-indent: 10px;position: relative;font-size:11px} .pageContentLeft ul.pageMenu li a:hover{background-position:left;font-weight: 700;border-left:4px solid #F97C39!important;color:#F97C39} .pageContentLeft ul.pageMenu li.actived>a{background-color: #D9D9D9;font-weight: 600;border-left:4px solid #F97C39!important;} .pageContentLeft{padding:15px 15px 15px 15px;position:relative;} .pageContentLeft ul.pageMenuProduct{border:1px solid #D9D9D9!important;display: block;border-radius:0px;overflow:hidden} .pageContentLeft ul li a{display: block;font-weight:400;font-size: 13px;padding: 15px 15px 15px 10px;color: #000000} .pageContentLeft ul li.parentProduct> a{border-bottom: 1px solid #D9D9D9!important} .pageContentLeft ul li.pageMenu ul li:nth-child(1n+2) a{border-top: 1px solid #D9D9D9!important} .pageContentLeft ul.dropdown-menu{position: relative!important;display: none;width: 100%;margin-top: 0px;padding: 0px;float:none;background-color:#B79734} .pageContentLeft ul.dropdown-menu a{color:#F97C39;padding-left:45px;font-weight:400!important} .pageContentLeft ul.pageMenuProduct a{text-indent: 10px;position: relative;} .pageContentLeft ul.pageMenuProduct li a{background: linear-gradient(to left, #ffffff 50%, #FEE5D7 50%) right;transition: 300ms ease-out;background-size: 200%;} .pageContentLeft ul.pageMenuProduct li ul li a{text-indent: 20px;position: relative;font-size:13px} .pageContentLeft ul.pageMenuProduct li ul li.active a{background-position:left;font-weight: 700;border-left:4px solid #F97C39!important;color:#F97C39} .pageContentLeft ul.pageMenuProduct li a:hover{background-position:left;font-weight: 700;border-left:4px solid #F97C39!important;color:#F97C39} .pageContentLeft ul.pageMenuProduct li.actived>a{background-color: #D9D9D9;font-weight: 600;border-left:4px solid #F97C39!important;} .centerTitle{text-align:center;} .centerTitle h1{color:#EE791B;font-weight:600;font-size:34px;position:relative;display:inline-block;font-weight:400} .centerTitle h1:after{content:'';position:absolute;left:0px;right:0px;margin:Auto;bottom:-5px;width:50%;height:4px;background:#EE791B} .centerTitle p{color:#EE791B;font-weight:300;font-size:14px;margin-top:10px} .centerTitle a{background-color:#DE3A30;border-radius:10px;color:#fff!important;padding:5px 10px!important;display:inline-block;margin-top:5px} .pageContentRight{padding: 0px 15px 15px 15px} .pageContentIcAlan{padding: 15px 15px 15px 15px;border: 1px solid #DFDFDF!important} .hakkimizdaTitle h2.title{font-weight:600;font-size:34px;color:#EE791B;position:relative;display:inline-block;font-weight:400;} .hakkimizdaTitle h2.title:before{content:'';left:0px;bottom:-8px;width:50%;height:4px;background:#EE791B;position:absolute;} .contentContainer{padding:10px} .contentRowBack{margin-left:-10px;margin-right:-10px;margin-top:15px} .hakkimizdaImg{padding:0px} .hakkimizdaTitle{padding:0px} .hakkimizdaText{padding:0px;font-weight:300;color:#000!important;margin-top:15px;font-weight:400;} .iletisimContainer{margin-top:30px} .iletisimHarita{padding:0px} .iletisimHarita #map_canvas2{width:100%;height:400px} .iletisimContainer{margin-top:30px} .iletisimHarita{padding:0px} .iletisimHarita #map_canvas2{width:100%;height:400px} .iletisimRows{padding-top:50px} .iletisimRows .iletisimRow{padding-bottom:30px;padding-top:30px} .iletisimRows .iletisimRow:nth-child(1n+2){border-top:2px solid #EE791B!important;} .iletisimRows ul{display:flex;align-items:center;justify-content:flex-start;flex-direction:row} .iletisimRows ul li{color:#EE791B;font-size:18px;font-family:Roboto} .iletisimRows ul li:nth-child(1){margin-right:15px} .iletisimRows ul li i{font-size:27px;color:#EE791B} .referansImg{height:130px;background-color:#fff;background-position:center center;background-size:contain;background-repeat:no-repeat;border:1px solid #ccc!important;} /*######################## İÇ SAYFA YAPISI ###################################*/ /*######################## ÜRÜNLER YAPISI ###################################*/ .category{margin-bottom:30px} .categoryContainer{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap} .categoryTitle h3{font-weight:700;font-size:16px;color:#000000;text-align:left} .categoryContent{font-weight:340;font-size:13px;color:#000000;text-align:left;margin-top:8px} .categoryBtn{margin-top:15px} .categoryBtn a.btn{background-color:#F97C39;color:#fff;border-radius:15px;padding:3px 15px} .urunDetayRightKapsul{margin-top:15px} .urunTitle h3{font-weight:700;font-size:20px;color:#F97C39;text-align:center} .urunOlcuDetay ul li:nth-child(1n+2){border-top:1px solid #F97C39!important} .urunOlcuDetay ul li {padding:5px 10px;color:#000} .urunBtn {margin-top:15px} .urunBtn a.btn{background-color:#F97C39;color:#fff;border-radius:15px;padding:3px 15px} .productContainer{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap} .productContainer .urunImg{height:250px;background-position:center center;background-size:90%;background-repeat:no-repeat;transition:background-size 300ms } .productContainer .urunImg:hover{background-size:120%} .productContainer .urun{margin-bottom:30px} .productDetail{display:flex;align-items:center;justify-content:center;flex-wrap:wrap} .urunDetayTitle {margin-bottom:15px} .urunDetayTitle h1{font-weight:700;font-size:24px;color:#F97C39;margin-top:0px;border-bottom:1px solid #F97C39!important;padding-bottom:8px} .oneCikanOzellikleri h3{font-weight:700;font-size:24px;color:#F97C39;border-bottom:1px solid #F97C39!important;padding-bottom:8px} .oneCikanOzellikleri ul {margin-top:15px;margin-left:15px} .oneCikanOzellikleri ul li{position:relative;margin-bottom:10px} .oneCikanOzellikleri ul li:after{content:'';background-color:#F97C39;width:8px;height:8px;border-radius:50%;position:absolute;left:-15px;top:5px} .urunDetayTab{margin-top:15px;padding:0px} .urunDetayTab ul{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap} .urunDetayTab ul li{margin-right:5px;border:1px solid #D9D9D9!important;padding:5px 15px;cursor:pointer;font-weight:700;font-size:16px;color:#F97C39;border-bottom:0px!important} .urunDetayTab ul li.active{background-color:#F97C39;color:#fff} .urunDetayTabContents{border:1px solid #D9D9D9!important;} .urunDetayTabContents .urunDetayTabContent{padding:30px 10px;color:#000;font-size:16px} .urunDetayTabContents .contentTab img{height:auto!important} .urunDetayTabContents .contentTab table td img{width:100%!important} .urunDetayTabContents .contentTab table td{width:50%;padding:5px} .urunDetayTabContents .contentTab big{font-size:30px;font-weight:600} .urunDetayTabContents .urunDetayTabContent.bilgiFormu table {width:100%} .urunDetayTabContents .urunDetayTabContent.bilgiFormu table tbody tr:nth-child(2n+2){background-color:#F2F2F2} .urunDetayTabContents .urunDetayTabContent.bilgiFormu table tbody tr th{padding:8px;font-size:14px;font-weight:400;color:#000} .urunDetayTabContents .urunDetayTabContent.bilgiFormu table tbody tr td{padding:8px;font-size:14px;font-weight:700;color:#000} .urunDetayTabContents .urunDetayTabContent.dokumanlar ul.files{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap} .urunDetayTabContents .urunDetayTabContent.dokumanlar ul.files li{margin-right:8px;width:75px;height:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap} .urunDetayTabContents .urunDetayTabContent.dokumanlar ul.files li a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:50px;color:#000} .urunDetayTabContents .urunDetayTabContent.dokumanlar ul.files li a span{border:2px solid #F97C39!important;padding:15px} .urunDetayTabContents .urunDetayTabContent.dokumanlar ul.files li a h3{font-size:15px;color:#000;font-weight:300;margin-top:5px} .urunDetayTabContents .urunDetayTabContent.dokumanlar ul.files li:hover span{background-color:#F97C39;color:#fff} .urunDetayTabContents .urunDetayTabContent.dokumanlar ul.files li:hover a{color:#fff} .urunDetayTabContents .urunDetayTabContent.dokumanlar .dokumanBilgi {margin-top:30px;padding:0px} .urunDetayTabContents .urunDetayTabContent.images .image{margin-bottom:8px;padding:8px} .urunDetayTabContents .urunDetayTabContent.images .image img{border:1px solid #ddd!important} /*######################## ÜRÜNLER YAPISI ###################################*/ .hizmetlerGrid{background-color:#EE791B;text-align:center;border-radius:8px;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column} .hizmetlerGrid a{display:block} .hizmetlerGrid .hizmetTitle{color:#fff} .hizmetlerGrid .hizmetTitle .title{margin:0px 0px 10px 0px} .hizmetlerGrid .hizmetText{color:#fff} .hizmetDetay{margin-top:15px} .hizmetDetay ul{padding-left:15px} .hizmetDetay li{list-style-type:circle} .hizmetDetay big{font-size:30px;text-align:left} .hizmetDetay p{text-align:left!important;margin-top:15px} .homeHizmetContainer{margin-top:50px} .homeHizmet .homeHizmetIcon{background-color:#f17e22;display:flex;align-items:center;justify-content:center;padding:80px;border-top-right-radius:25%;border-bottom-left-radius:25%;margin-bottom:15px;transition:0.2s} .homeHizmet:hover .homeHizmetIcon{background-color:#CCCCCC;border:2px solid #ACACAC!important} .homeHizmet h2{color:#f17e22;font-size:22px;font-weight:600;text-align:center} .homeHizmet .homeHizmetText{text-align:center;padding:0px;color:#959595;font-size:15px;font-weight:400} .homeBilgilerKapsul{margin-top:80px;background-color:#FFF200;background-image:url("../images/homeBilgiBg.png")} .homeBilgilerKapsul .homeBilgi{padding:30px;text-align:center;color:#000;font-weight:400;font-size:20px} .homeBilgilerKapsul .homeBilgi .homeBilgiTEXT{margin-top:15px} .homeBilgilerKapsul .homeBilgi img.uyari{position:absolute;left:0px;right:0px;margin:auto;top:-30px;} .homeOrtaAlanKapsul{height:502px;background-color:#F7F7F7;background-image:url("../images/homeOrtaBgImg.png");background-position:center center;background-size:cover;background-repeat:no-repeat;margin-top:50px; display:flex;align-items:center;justify-content:center} .homeOrtaAlanKapsul .homeOrtaFlex{display:flex;align-items:center;justify-content:center} .homeOrtaAlanKapsul .homeOrtaFlex .homeOrtaTextAlan{border:5px solid #f17e22!important;background-color:#fff;background-image:url("../images/alfaBg.png");background-position:right center;background-size:contain;background-repeat:no-repeat; min-height:250px;margin-right:-50px;z-index:111;text-align:left;padding:100px 90px 0px 30px} .homeHakkimizdaKapsul{margin-top:80px} .homeHakkimizdaRow{position:relative;height:500px;padding:30px 15px;background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;align-items:center;justify-content:center;border-radius:0px 60px 0px 60px} .homeHakkimizdaKapsul .homeHakTextKapsul{position:relative;left:0px;top:0px;z-index:1;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;bottom:0px} .homeHakkimizdaKapsul .homeHakTextKapsul .title{font-weight:600;font-size:40px;position:relative;margin-bottom:30px} .homeHakkimizdaKapsul .homeHakTextKapsul .title:after{content:'';position:absolute;bottom:-3px;left:0px;width:100%;height:4px;background:#fff} .homeHakkimizdaText{padding:0px;font-size:24px} .homeIletContainer{margin-top:50px} .homeIletContainer .homeIletRow{margin-bottom:30px} .homeIletContainer .homeIletRow img{border-top:6px solid #f17e22!important} .homeIletContainer .homeIletRow h3{color:#f17e22;font-weight:600} .homeIletContainer .homeIletRow .homeKonumText{padding:0px;color:#959595;font-weight:400;font-size:16px} .footerMenuKapsul{background-color:#CCCCCC} .footerMenuRow{padding:45px 0px;} .footerMenuRow ul{display:flex;align-items:center;float:left} .footerMenuRow ul li{margin-right:15px} .footerMenuRow ul li a{color:#000;font-weight:400} .footerMenuRow ul li:hover a{font-weight:700} .footerMenuRow span{float:right} .footerSocialKapsul{margin:15px 0px} .footerSocialKapsul .footerSocialRow div.left{float:left} .footerSocialKapsul .footerSocialRow div.right{float:right} .footerSocialKapsul .footerSocialRow div.right p{text-align:right} .footerSocialKapsul .footerSocialRow div.right form{position:relative;} .footerSocialKapsul .footerSocialRow div.right form .form-control{border:1px solid #f17e22!important;border-radius:0px;width:250px} .footerSocialKapsul .footerSocialRow div.right form button{position:absolute;right:0px;top:0px;background-color:#f17e22;display:inline-block;height:35px;width:35px;color:#fff} .footerSocialKapsul .footerSocialRow div.right form button i{color:#fff} @media(max-width:1210px){ .headerNavbarContainer ul.anaMenu li a{font-size:15px} } @media(max-width:1200px){ .stillLogo img{width:161px} .headerKapsul{height:84px} .slideSlick .slick-slide{height:500px} .sliderKapsul .headerSeffaf2{width:50px;height:calc(100% - 84px);top:84px;} .sliderKapsul .headerSeffaf3{height:50px;width:calc(100% - 50px);bottom:0px} .sliderKapsul .headerSeffaf4{top:84px;width:50px;height:calc(100% - 134px);} } @media(max-width:1170px){ .headerNavbarContainer ul.anaMenu li {padding:15px 5px} .headerNavbarContainer ul.anaMenu li a{font-size:13px} .headerRight a{font-size:12px} .headerNavbarContainer ul.anaMenu{justify-content:center} } @media(max-width:993px){ .stillLogo img{max-width:initial;width:125px} .headerNavbarContainer ul.anaMenu{margin-top:10px} .headerKapsul{height:65px} .sliderKapsul .headerSeffaf2{width:50px;height:calc(100% - 64px);top:64px;} .sliderKapsul .headerSeffaf3{height:50px;width:calc(100% - 50px);bottom:0px} .sliderKapsul .headerSeffaf4{top:64px;width:50px;height:calc(100% - 114px);} } @media(max-width:980px){ .headerNavbarContainer ul.anaMenu{margin-top:15px} .headerlogo img{max-width:initial;width:100px} } @media(max-width:768px){ .urunDetayTabContents .contentTab big{font-size:13px} .urunDetayTabContents .contentTab{font-size:10px} .pageContentLeft{display:none} .pageMobileBrand{background-color: #F2F2F2;display: block;text-align: center;padding: 15px;margin-bottom:30px;margin-top:10px} .pageMobileBrand a{color:#000;font-weight: 400;font-size: 16px;display: block;} .pageMobileBrand a i{margin-right: 5px} .pageMobileBrandClose{position: absolute;right: 15px;top: 15px;font-size: 26px;font-weight: 600;color:#000;display: inherit;z-index:1} .pageContentLeftMobileKapsul{display: inherit;position: fixed;left:0px;top: 0px;z-index: 151;width: 100%;height: 100%;padding:0px;background-color:#fff} .topHeight{margin-top:65px} .headerKapsul{height:50px} .headerNavbarContainer ul.anaMenu{margin-top:15px} .headerlogo {display:inline-block} .headerlogo img{max-width:initial;width:100px} .stillLogo img{max-width:initial;width:130px} .mobileBrand{position:absolute;display:block;right:11px;top:11px;font-size:30px;color:#fff!important} .headerNavbarContainer{position:absolute;top:35px;left:-100%;width:100%;transition:300ms ease-out} .headerNavbarContainer.active{left:0px;} .headerNavbarContainer ul.anaMenu{display:block;background-color:#F97C39} .pageMap ul li:nth-child(1) a img{width:20px} .pageMap ul li a{font-size:9px} .slideSlick .slick-slide{height:325px;} .sliderKapsul .headerSeffaf2{width:50px;height:calc(100% - 50px);top:50px;display:none} .sliderKapsul .headerSeffaf3{height:50px;width:calc(100% - 50px);bottom:0px;display:none} .sliderKapsul .headerSeffaf4{top:50px;width:50px;height:calc(100% - 100px);display:none} .hakkimizdaText{font-size:15px} .homeHakkimizdaKapsul{margin-top:50px} .homeHakkimizdaRow{height:auto;padding:30px 15px;font-size:13px} .homeHakkimizdaKapsul .homeHakTextKapsul .title{font-size:30px} .homeHakkimizdaText{font-size:15px} .homeOrtaAlanKapsul .homeOrtaFlex{display:block} .homeOrtaAlanKapsul .homeOrtaFlex .homeOrtaTextAlan{margin-right:0px;margin-top:15px} .homeIletContainer{margin-top:15px} .footerMenuRow {padding:30px 15px} .footerMenuRow ul{display:block;width:100%} .footerMenuRow span{float:left;margin-top:15px} .footerSocialRow{padding:0px 15px} .footerSocialKapsul .footerSocialRow div.right{float:left;margin-top:15px} .footerSocialKapsul .footerSocialRow div.right p{text-align:left} .productContainer{padding:0px} .productContainer .urun{padding:0px} .categoryContainer,.category{padding:0px} .urunDetayTab ul li{font-size:10px;padding:5px} .urunDetayTabContents .urunDetayTabContent{font-size:11px} .urunDetayTabContents .urunDetayTabContent.bilgiFormu{overflow:hidden;overflow-x:scroll;padding:0px} .urunDetayTabContents .urunDetayTabContent.bilgiFormu table tbody tr th{font-size:11px} .urunDetayTabContents .urunDetayTabContent.bilgiFormu table tbody tr td{font-size:11px} .urunDetayTabContents .urunDetayTabContent h2{font-size:18px} } .loader-capsul{position:fixed;width:100%;height:100%;background-color:rgba(247,148,30,0.5); z-index:9999; display:none;top:0px;left:0px} .loader { font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 20% auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease; animation: load6 1.7s infinite ease; } @-webkit-keyframes load6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff; } 20% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff; } 38% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } } @keyframes load6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff; } 20% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff; } 38% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes moveInFromLeft { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moveInFromLeft { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes moveOutToLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @keyframes moveOutToLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @-webkit-keyframes moveInFromRight { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moveInFromRight { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes moveOutToRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%); } } @keyframes moveOutToRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%); } } .sceneElement { -webkit-animation-duration: .4s; animation-duration: .4s; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .is-exiting .sceneElement { transition-timing-function: ease-out; } #pageContent[data-transition=fade] .sceneElement { -webkit-animation-name: fadeIn; animation-name: fadeIn; } #pageContent[data-transition=fade].is-exiting .sceneElement { -webkit-animation-name: fadeOut; animation-name: fadeOut; } #pageContent[data-transition=moveleft] .sceneElement { -webkit-animation-name: moveInFromLeft; animation-name: moveInFromLeft; } #pageContent[data-transition=moveleft].is-exiting .sceneElement { -webkit-animation-name: moveOutToRight; animation-name: moveOutToRight; } #pageContent[data-transition=moveright] .sceneElement { -webkit-animation-name: moveInFromRight; animation-name: moveInFromRight; } #pageContent[data-transition=moveright].is-exiting .sceneElement { -webkit-animation-name: moveOutToLeft; animation-name: moveOutToLeft; }