/**
 * Dosya: application.css
 * Duzenlendi Celal Ozlal 2017-06-16 at 06:35:06 PM
 */
 .sub{width:.5em !important;vertical-align: top !important;position: relative !important;font-size: 0.8em !important;bottom: -.5rem !important}.sup{width:.5em !important;vertical-align: top !important;position: relative !important;font-size: 0.8em !important;top: -0.2rem !important}.application-holder-area{width: 100%;padding: 1em;padding-top: 2em}.application-width-container{max-width: 1600px;margin: 0 auto;position: relative;background-color: transparent;height: 100%}.application-container{width: 100%;height: 38em;padding-bottom: 4em;background-color: #fff;position: relative}.application-container .app-view-area{float: left;width: 100%;height: 100%;background-color: #f2f2f2;position: relative;overflow: hidden}.app-view-area .paging-area{width: 100%;height: 100%;padding: .4em;position: absolute;display: none}.self_audio{cursor: pointer !important}.app-view-area .active-area{display: block;-webkit-animation-name: slideInRight;animation-name: slideInRight;-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both}@-webkit-keyframes slideInRight{0%{opacity: .1;-webkit-transform: translateX(10%);transform: translateX(10%);visibility: visible}100%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}}@keyframes slideInRight{0%{opacity: .1;-webkit-transform: translateX(10%);transform: translateX(10%);visibility: visible}100%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}}.loader{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;background-color: #7EACD7;border-radius: 50%;display: none}.loader:after{content: '';position: absolute;border-radius: 50%;top: 50%;left: 50%;border: 0px solid #F2F2F2;transform: translate(-50%, -50%);animation: loading 1000ms ease-out forwards infinite}@keyframes loading{0%{border: 0px solid #F2F2F2;opacity: 0}20%{border: 2px solid #F2F2F2;width: 0%;height: 0%;opacity: .3}100%{border: 10px solid #F2F2F2;width: 100%;height: 100%;opacity: 1}}.application-container .player-area{width: 100%;height: 4em;padding: 0 .5em;background-color: #fff;position: absolute;bottom: 0;left: 0;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;justify-content: flex-end}.player-area .player-menu{width: 3em;height: 3em;line-height: 3em;font-size: 1em;text-align: center;color: #fff;background-color: #fff;cursor: pointer;position: absolute;left: .5em;top: 50%;margin-top: -1.5em}.player-area .button{width: 8em;height: 3em;line-height: 3em;font-size: 1em;text-align: center;color: #fff;background-color: #938f93;cursor: pointer;margin: 0 .2em;position: relative}.player-area .button:before{content: '';width: 3em;height: 3em;position: absolute;top: 0;left: 0;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;background-position: center center;background-size: 70%;background-repeat: no-repeat}[data-button="reload"]{display: none}.player-area .button:active{background-color: #a3a3a3}.remove-app{background-color: #ff0000 !important;color: #fff !important;align-self:center}.rotate-device{position: fixed;width: 100%;height: 100%;z-index: 9999999999;background-color: #fff;top: 0;left: 0;pointer-events: none;display: none}.rotate-device .icon-area{width: 10em;height: 10em;background-color: #fff;background-image: url(../images/icons/rotate_phone.svg)}@-webkit-keyframes rotating{from{-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}to{-ms-transform: rotate(-40deg);-moz-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);-o-transform: rotate(-40deg);transform: rotate(-40deg)}}@keyframes rotating{from{-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}to{-ms-transform: rotate(-40deg);-moz-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);-o-transform: rotate(-40deg);transform: rotate(-40deg)}}.rotating{-webkit-animation: rotating 1s linear infinite;-moz-animation: rotating 1s linear infinite;-ms-animation: rotating 1s linear infinite;-o-animation: rotating 1s linear infinite;animation: rotating 1s linear infinite}.a-area{display: none}.player-area .hardness-area{width: 18em;height: 3em;line-height: 3em;text-align: left;color: #333;background-color: #fff;cursor: pointer;position: relative;font-weight: bold}.player-area .hardness-area span{font-size: 1.4em;color:#4986bc;font-weight: bold}.hardness-area .hard-stars{position: absolute;top: 0;right: 0;width: 9em;height: 100%;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;justify-content: center}.hard-stars .star-object{width: 3em;height: 100%;background-image: url(../images/icons/star.png);background-size: 80%}.player-area .help-menu{width: 3em;height: 3em;line-height: 3em;font-size: 1em;text-align: center;color: #fff;background-color: #fff;cursor: pointer;position: absolute;left: 8em;top: 50%;margin-top: -1.5em}.player-area .mainpage-menu{width: 3em;height: 3em;line-height: 3em;font-size: 1em;text-align: center;color: #fff;background-color: #fff;cursor: pointer;position: absolute;left: 4.2em;top: 50%;margin-top: -1.5em}.player-area .point-area{position: absolute;right: 20.2em;top: 50%;transform: translateY(-50%);width: 13em;height: 3em;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center}.player-area .point-area span{font-size: 1.4em;color:#4986bc;font-weight: bold}.player-area .point-area .point{position: absolute;top: 0;right: 0;width: 9em;line-height: 3em;height: 100%;background-color: #fff;text-align: center}.player-area .point-area .point span{font-size: 1.6em;color:#C54B4F}.fixed-application-area{float: left;width: 100%;height: 100%;background-color: transparent}.checking-all [check="1"]{-moz-transition : all 0.2s linear;-o-transition : all 0.2s linear;-webkit-transition : all 0.2s linear;transition : all 0.2s linear;color: #fff !important}.checking-all [check="0"]{-moz-transition : all 0.2s linear;-o-transition : all 0.2s linear;-webkit-transition : all 0.2s linear;transition : all 0.2s linear;color: #fff !important}.fixed-application-area .app-question-text{width: 100%;height: 5rem;background-color: #fff;text-align: center;position: relative}.app-question-text span{width: 80%;font-size: 1.3em;text-align: center;vertical-align: middle;display: inline-block;text-align: center;color: #666}.app-question-text strong{color: #333 !important;font-weight: bold !important}.app-question-text .app-sound-button{width: 3em;height: 3em;position: absolute;top: 50%;margin-top: -1.5em;left: .5em;border-radius: 50%;background-size: 60%;background-image: url(../images/icons/auido.svg);opacity: .8;background-color: #fff;z-index: 999}.app-question-text .app-sound-button-unique{left: 50% !important;transform: translateX(-50%) !important}.playing:not(.i-choise):not(.s-i-choise):not(.m-t-choise){background-image: url(../images/icons/playing.svg) !important;background-size: 70% !important}.app-question-text .app-sound-button:active{background-size: 50%;opacity: 1}.fixed-application-area .app-answer-holder{position: absolute;width: 100%;top: 5.5rem;bottom: 0;left: 0;background-color: transparent;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;-webkit-flex-flow: row wrap;flex-flow: row wrap;justify-content: center;align-items: center;padding: 0;overflow: hidden}.shadow-areas-big-black{-moz-box-shadow : 0px 1px 5px 0px rgba(25,25,25,.3) !important;-webkit-box-shadow : 0px 1px 5px 0px rgba(25,25,25,.3) !important;box-shadow : 0px 1px 5px 0px rgba(25,25,25,.3) !important}.result-screen-area{width: 100%;height: 100%;margin: 0 auto;background-color: #fff;padding: 1em;position: relative}.result-screen-area .result-percent-area{width: 100%}.result-percent-area .result-header{width: 100%;padding: 1rem;text-align: left;font-size: 1.7em;color: #7EACD7;font-weight: bold;margin-bottom: .5rem;margin-top: .5rem;padding-left: 4.5rem;background-color: #fff;border-bottom: 1px solid #F2F2F2;margin: 0 auto;position: relative}.result-percent-area .result-text{width: 100%;padding: .5rem;text-align: left;font-size: 1.2em;color: #333;margin-bottom: .5rem;margin-top: .5rem;background-color: #fff}.result-percent-area .result-header .icon{position: absolute;width: 3rem;height: 3rem;background-color: #fff;top: 50%;margin-top: -1.5rem;left: .5rem;background-size: 100%;background-image: url(../images/icons/badge.svg)}.result-percent-area .result-repeat-holder{width: 100%;position: absolute;left: 0;bottom: .5rem;height: 5rem;text-align: center;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;justify-content: center}.result-repeat-holder .r-button{width: 9em;height: 4em;background-color: #7EACD7;text-align: center;line-height: 4em;margin: 0 .5em;color: #fff;cursor: pointer;position: relative;padding-left: 2.5em}.result-repeat-holder .r-button:before{content: '';width: 3em;height: 3em;position: absolute;top: 50%;margin-top: -1.5em;left: 0;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;background-position: center center;background-size: 70%;background-repeat: no-repeat}.result-percent-area .result-percent-area{width: 18em;height: 18em;background-color: #fff;margin: 0 auto;margin-top: 2em;margin-bottom: 2em}.result-percent-area .radial-progress{width: 100%;height: 100%;position: relative;display: inline-block;font-size: .8em}.radial-progress .percent-value{width: 8rem;height: 8rem;line-height: 8rem;text-align: center;position: absolute;top: 50%;left: 50%;font-size: 3.5em;text-align: center;z-index: 9999;margin-top: -4rem;margin-left: -4rem;font-weight: bold;color: rgba(28, 70, 107,.8)}.result-percent-area svg{transform: rotate(270deg);width: 20em;height: 20em;position: absolute;top: 50%;left: 50%;margin-left: -10em;margin-top: -10em}.result-percent-area circle{stroke-width: 8em;fill: transparent;transform: rotate(0.1deg)}.result-percent-area .radial-progress-background{stroke-width: 6.01em}.result-percent-area .radial-progress-cover{stroke-width: 6.01em}.result-percent-area .radial-progress-center{fill: #fafafa}.result-percent-area .radial-fill{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}@media only screen and (max-height : 500px){.application-container{position: fixed !important;z-index: 9999999;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0;background-color: #fff}.application-container .player-area{font-size: .7em}.application-container{padding-bottom: 2.8em}.result-percent-area .result-header{font-size: 1.9em;margin: 0 auto}.result-percent-area .result-percent-area{font-size: .9em}}@media only screen and (max-width : 600px){.application-container{position: fixed !important;z-index: 9999999;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0;background-color: #fff}.application-container .player-area{font-size: .7em}.application-container{padding-bottom: 2.8em}.result-percent-area .result-header{font-size: 1.9em;margin: 0 auto}.result-percent-area .result-percent-area{font-size: .9em}}@media only screen and (min-width : 50px) and (max-width : 899px){.application-container{position: fixed !important;z-index: 9999999;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0;background-color: #fff}.application-container .player-area{font-size: .7em}.application-container{padding-bottom: 2.8em}.app-question-text .app-sound-button{font-size: .8em}.result-percent-area .result-repeat-holder{height: 3rem}.result-repeat-holder .r-button{font-size: .6em}.result-percent-area .result-text{font-size: .9em}}@media only screen and (min-width : 50px) and (max-width : 500px){.rotate-device{display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;justify-content: center}.app-question-text .app-sound-button{font-size: .9em}}@media only screen and (min-width : 50px) and (max-width : 600px){.app-question-text span{font-size: 1em;font-weight: bold}.fixed-application-area .app-question-text{height: 3rem}.fixed-application-area .app-answer-holder{position: absolute;width: 100%;top: 3.5rem}.result-percent-area .result-header{font-size: 1.2em;margin: 0 auto}.result-percent-area .result-percent-area{font-size: .3em}.result-percent-area .result-repeat-holder{justify-content: flex-end}}@media only screen and (min-width : 600px) and (max-width : 700px){.app-question-text span{font-size: 1em;font-weight: bold}.fixed-application-area .app-question-text{height: 4rem}.fixed-application-area .app-answer-holder{position: absolute;width: 100%;top: 4.5rem}.result-percent-area .result-header{font-size: 1.2em;margin: 0 auto}.result-percent-area .result-percent-area{font-size: .4em}}@media only screen and (min-width : 700px) and (max-width : 800px){.app-question-text span{font-size: 1.1em;font-weight: bold}.result-percent-area .result-header{font-size: 1.5em;margin: 0 auto}.result-percent-area .result-percent-area{font-size: .5em}}