.de{-webkit-user-select:none;position:relative;width:230px;height:230px;border-radius:100%;box-shadow:0 0 25px rgba(0, 0, 0, .1);background-color:transparent;display:block;float:left}.de .den, .de .dene, .de .denem, .de .deneme, .de .light, .de
.dot{position:absolute;left:50%;top:50%}.den{width:220px;height:220px;margin: -110px 0 0 -110px;border-radius:100%;box-shadow:inset 0 3px 10px rgba(0, 0, 0, .6), 0 2px 20px rgba(255, 255, 255, 1);background-image:url("/skin/frontend/boilerplate/default/images/dial-background.png");background-repeat:no-repeat;background-size:100% 100%}.dene{z-index:4;width:140px;height:140px;margin: -70px 0 0 -70px;border-radius:100%;box-shadow:inset 0 2px 2px rgba(255, 255, 255, .4), 0 3px 13px rgba(0, 0, 0, .85);background-image:url("/skin/frontend/boilerplate/default/images/chrome-wheel.png");background-repeat:no-repeat;background-size:100% 100%}.denem{width:120px;height:120px;margin: -60px 0 0 -60px;border-radius:100%}.deneme{width:100px;height:100px;margin: -50px 0 0 -50px;border-radius:100%}.den
.switch{z-index:3;position:absolute;top:0;left:0;width:100%;height:100%}.den .switch
label{z-index:2;position:absolute;top:50%;left:50%;width:50%;height:70px;margin-top: -35px;-moz-transform-origin:0% 50%;-webkit-transform-origin:0% 50%;-o-transform-origin:0% 50%}.den .switch label:after{content:"";position:absolute;top:6px;left:1px;width:100%;height:30px;-moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-o-transform:rotate(-20deg)}.den .switch label:before{content:"";position:absolute;bottom:6px;left:1px;width:100%;height:30px;-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg)}.den .switch label
span{z-index:2;position:absolute;top:0;right:0;width:40px;height:100%;font-weight:bold;font-size:15px;line-height:70px;text-align:center;color:#eee;text-shadow:0 1px 0 #444}.den .switch label:nth-child(1){-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.den .switch label:nth-child(1) span{right:2px;font-size:13px;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.den .switch label:nth-child(2){-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.den .switch label:nth-child(2) span{-moz-transform:rotate(-45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}.den .switch label:nth-child(3){-moz-transform:rotate(-0deg);-webkit-transform:rotate(-0deg);-o-transform:rotate(-0deg)}.den .switch label:nth-child(3) span{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}.den .switch label:nth-child(4){-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}.den .switch label:nth-child(4) span{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.den .switch label:nth-child(5){-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.den .switch label:nth-child(5) span{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.den .switch label:nth-child(6){-moz-transform:rotate(-220deg);-webkit-transform:rotate(-220deg);-o-transform:rotate(-220deg)}.den .switch label:nth-child(6) span{-moz-transform:rotate(-145deg);-webkit-transform:rotate(-145deg);-o-transform:rotate(-145deg)}.den .switch label:nth-child(7){-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.den .switch label:nth-child(7) span{-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg)}.den .switch label:nth-child(8){-moz-transform:rotate(220deg);-webkit-transform:rotate(220deg);-o-transform:rotate(220deg)}.den .switch label:nth-child(8) span{-moz-transform:rotate(140deg);-webkit-transform:rotate(140deg);-o-transform:rotate(140deg)}.den .switch
input{position:absolute;opacity:0;visibility:hidden}.den
.light{z-index:1;width:50%;height:100px;margin-top: -50px;-moz-transform-origin:0% 50%;-webkit-transform-origin:0% 50%;-o-transform-origin:0% 50%;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}.den .light
span{opacity: .6;position:absolute;top:0;left:15px;width:100px;height:100px;background: -moz-radial-gradient(center, ellipse cover, rgba(105, 227, 9, 1) 0%, rgba(105, 227, 9, 9) 42%, rgba(105, 227, 9, 0) 72%, rgba(105, 227, 9, 9) 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(105, 227, 9, 1)), color-stop(42%, rgba(105, 227, 9, 0.42)), color-stop(72%, rgba(105, 227, 9, 0)), color-stop(100%, rgba(67, 34, 137, 0)));background: -webkit-radial-gradient(center, ellipse cover, rgba(24, 175, 16, 1) 0%, rgba(24, 175, 16, 0.42) 42%, rgba(24, 175, 16, 0) 72%, rgba(24, 175, 16, 0) 100%);background: -o-radial-gradient(center, ellipse cover, rgba(24, 175, 16, 1) 0%, rgba(159, 197, 224, 0.42) 42%, rgba(111, 113, 179, 0) 72%, rgba(67, 34, 137, 0) 100%)}.feature-details{width:auto;height:auto}.den #switch_off:checked~.light{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.den #switch_1:checked~.light{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.den #switch_2:checked~.light{-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-o-transform:rotate(-10deg)}.den #switch_3:checked~.light{-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg)}.den #switch_4:checked~.light{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.den #switch_5:checked~.light{-moz-transform:rotate(140deg);-webkit-transform:rotate(140deg);-o-transform:rotate(140deg)}.den #switch_6:checked~.light{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.den #switch_7:checked~.light{-moz-transform:rotate(220deg);-webkit-transform:rotate(220deg);-o-transform:rotate(220deg)}.den #switch_8:checked~.light{-moz-transform:rotate(210deg);-webkit-transform:rotate(210deg);-o-transform:rotate(210deg)}.den #switch_9:checked~.light{-moz-transform:rotate(210deg);-webkit-transform:rotate(210deg);-o-transform:rotate(210deg)}.den
.dot{z-index:6;width:50%;height:12px;margin-top: -6px;-moz-transform-origin:0% 50%;-webkit-transform-origin:0% 50%;-o-transform-origin:0% 50%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}.den .dot
span{position:absolute;top:0;left:45px;width:8px;height:8px;border-radius:50%;background-color:rgb(105, 227, 20);box-shadow:inset 0.5px 0.866px 1px 1px rgba(0, 0, 0, 0.75)}.den #switch_off:checked~.dot{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.den #switch_off:checked ~ .dot
span{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.den #switch_1:checked~.dot{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.den #switch_1:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.den #switch_2:checked~.dot{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}.den #switch_2:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg)}.den #switch_3:checked~.dot{-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg)}.den #switch_3:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg)}.den #switch_4:checked~.dot{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.den #switch_4:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.den #switch_5:checked~.dot{-moz-transform:rotate(140deg);-webkit-transform:rotate(140deg);-o-transform:rotate(140deg)}.den #switch_5:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(140deg);-webkit-transform:rotate(140deg);-o-transform:rotate(140deg)}.den #switch_6:checked~.dot{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.den #switch_6:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.den #switch_7:checked~.dot{-moz-transform:rotate(220deg);-webkit-transform:rotate(220deg);-o-transform:rotate(220deg)}.den #switch_7:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(220deg);-webkit-transform:rotate(220deg);-o-transform:rotate(220deg)}.den #switch_8:checked~.dot{-moz-transform:rotate(210deg);-webkit-transform:rotate(210deg);-o-transform:rotate(210deg)}.den #switch_8:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(-210deg);-webkit-transform:rotate(-210deg);-o-transform:rotate(-210deg)}.den #switch_9:checked~.dot{-moz-transform:rotate(210deg);-webkit-transform:rotate(210deg);-o-transform:rotate(210deg)}.den #switch_9:checked ~ .dot
span{opacity: .9;-moz-transform:rotate(-210deg);-webkit-transform:rotate(-210deg);-o-transform:rotate(-210deg)}.dial-one{height:28px}.dial-two{height:22px}.dial-three{height:22px}.dial-four{height:20px}.dial-five{height:24px}.dial-six{height:22px}.dial-seven{height:22px}.dial-eight{height:22px}.feature-title{color:white !important;font-size:22px;text-transform:uppercase;font-family:'Titillium Web',sans-serif;line-height:1em;font-weight:600}.feature-title
span{color:black !important;text-transform:none;font-family:'Titillium Web',sans-serif;font-size:15px;line-height:1em;font-weight:300}