@charset "UTF-8";a:hover{text-decoration:none}ul{list-style:none;padding:0;margin:0}.p0{padding-left:0;padding-right:0}.m0{margin:0}.m30{margin-top:15px;margin-bottom:15px}.m40{margin-top:20px;margin-bottom:20px}.m-t-sm{margin-top:25px}.m-t-md{margin-top:50px}.m-t-lg{margin-top:100px}.m-t-xl{margin-top:300px}.m-b-sm{margin-bottom:25px}.m-b-md{margin-bottom:50px}.m-b-lg{margin-bottom:100px}.m-b-xl{margin-bottom:200px}.p-t-md{padding-top:50px}.p-b-md{padding-bottom:50px}.t-m50{margin-top:-78px;margin-bottom:50px}.r30{border-radius:15px;box-shadow:1px 34px 41px -20px #a45533;margin-top:30px;margin-bottom:50px}.r20 img{border-radius:20px}.r10{border-radius:10px;transition:.3s all}.r10:hover{-webkit-box-shadow:0 19px 19px -17px rgba(0,0,0,.49);-moz-box-shadow:0 19px 19px -17px rgba(0,0,0,.49);box-shadow:0 19px 19px -17px rgba(0,0,0,.49)}.shadow-md{box-shadow:0 10px 20px 6px rgba(0,0,0,.25)}body{background:#e5e5e5;padding:40px;scroll-behavior:smooth;-ms-overflow-style:none}::-webkit-scrollbar{display:none}::-webkit-scrollbar-button{display:none}.roof-category{border-radius:20px;background:#fff;padding:20px 20px;margin-bottom:20px;text-align:center;cursor:pointer;height:400px;transition:.3s all;overflow:hidden}.roof-category img{margin-bottom:30px}.roof-category:hover{box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07)}.roof-category:active{border:1px solid #ccc;outline:-webkit-focus-ring-color auto 0}.roof-category:focus{border:1px solid #ccc;outline:-webkit-focus-ring-color auto 0}.roof-category:focus-visible{outline:-webkit-focus-ring-color auto 0}label input[type=radio]{display:none}input#trapez:checked+.roof-category{box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07);border:1px solid #c7c7c7;outline:-webkit-focus-ring-color auto 0}input#sinus:checked+.roof-category{box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07);border:1px solid #c7c7c7;outline:-webkit-focus-ring-color auto 0}input#kenet:checked+.roof-category{box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07);border:1px solid #c7c7c7;outline:-webkit-focus-ring-color auto 0}input#kiremit:checked+.roof-category{box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07);border:1px solid #c7c7c7;outline:-webkit-focus-ring-color auto 0}.renk-tut{background:#fff;border-radius:20px;padding:40px 20px;min-height:calc(100vh - 80px)}ul.renkler{margin:0;padding:0;list-style:none;text-align:center}ul.renkler li{font-family:Sora,sans-serif;font-size:10pt;line-height:52px;color:#fff;width:100px;height:50px;border-radius:20px;text-align:center;display:inline-block;margin:10px 5px;cursor:pointer}ul.renkler li:active{border:1px solid #ccc;outline:-webkit-focus-ring-color auto 0}ul.renkler li:focus{border:1px solid #ccc;outline:-webkit-focus-ring-color auto 0}ul.renkler li:focus-visible{outline:-webkit-focus-ring-color auto 0}ul.renkler .ral9002{background:#d7d5cb}ul.renkler .ral3004{background:#6b1c23}ul.renkler .ral5010{background:#004f7c}ul.renkler .ral5023{background:#42698c}ul.renkler .ral2004{background:#e25303}ul.renkler .ral6005{background:#114232}ul.renkler .ral6018{background:#61993b}ul.renkler .ral8017{background:#442f29}ul.renkler .ral8011{background:#5a3826}ul.renkler .ral8004{background:#8d4931}ul.renkler .ral8002{background:#794d3e}ul.renkler .ral7006{background:#766a5e}ul.renkler .ral7008{background:#745e3d}ul.renkler .ral7016{background:#383e42}ul.renkler .ral7016{background:#383e42}ul.renkler .ral6027{background:#7ebab5}ul.renkler .ral7039{background:#5c5953}ul.renkler .ral1028{background:#ff9b00}.iletisim{background:#d41417;border-radius:20px;border:0;color:#fff;text-align:center;padding:10px 20px;display:inline-block;float:left;margin-top:-50px;z-index:99;position:relative}.iletisim:hover{color:#fff;background:#394348}footer{margin-top:50px}ul.politikalar{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;margin-top:20px;margin-bottom:20px}ul.politikalar li{font-family:Sora,sans-serif;font-weight:400;font-size:10px;color:#999;text-align:left}ul.politikalar li a{color:#999}ul.politikalar .gr{background:#000;color:#fff;padding:5px 5px 8px 5px;border-radius:35px;display:inline-block;line-height:8px}.spinner1{width:40px;height:40px;position:relative}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.spinner2{width:40px;height:40px;position:relative}.container1>div,.container2>div,.container3>div{width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner2 .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.spinner3{width:40px;height:40px;position:relative;-webkit-animation:rotate 2s infinite linear;animation:rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.spinner4{width:30px;height:30px;background-color:#fff;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.spinner5{width:32px;height:32px;position:relative}.cube1,.cube2{background-color:#fff;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.spinner6{width:50px;height:30px;text-align:center}.spinner6>div{background-color:#fff;height:100%;width:6px;margin-left:2px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner6 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner6 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner6 .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner6 .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.spinner7{width:90px;height:30px;text-align:center}.spinner7>div{background-color:#fff;height:15px;width:15px;margin-left:3px;border-radius:50%;display:inline-block;-webkit-animation:stretchdelay .7s infinite ease-in-out;animation:stretchdelay .7s infinite ease-in-out}.spinner7 .circ2{-webkit-animation-delay:-.6s;animation-delay:-.6s}.spinner7 .circ3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.spinner7 .circ4{-webkit-animation-delay:-.4s;animation-delay:-.4s}.spinner7 .circ5{-webkit-animation-delay:-.3s;animation-delay:-.3s}@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:translateY(-10px)}20%{-webkit-transform:translateY(-20px)}}@keyframes stretchdelay{0%,100%,40%{transform:translateY(-10px);-webkit-transform:translateY(-10px)}20%{transform:translateY(-20px);-webkit-transform:translateY(-20px)}}