/*==========Imports==========*/
/*/@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); */
/*==========Global==========*/
body{font-family: "Droid Arabic Kufi", "Comic Sans MS", Tahoma, Arial;background: url("../img/background.jpg") no-repeat fixed center center/cover;overflow-y: none;}a:focus,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline: 0 none !important;}.overlay{background-color: rgba(0, 0, 0, .7);position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}.screencolor{background-color: rgba(255, 255, 255, .3);}.wrapper{position: absolute;width: 100%;z-index: 3;top: 50%;right: 0;bottom: auto;left: 0;margin-top: -300px;}/*==========Logo==========*/.logo{margin-bottom: 10px;}.logo img{margin: auto;width: 300px;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}/*==========Info==========*/.info{padding: 30px 0;}.info h1{color: #fff;font-size: 32px;margin-top: 0;margin-bottom: 10px;line-height: 2;}.info p{color: #fff;width: 80%;margin: 0 auto 10px;font-size: 18px;line-height: 2;}/*==========Timer==========*/.timer{padding: 20px 0;margin: 10px 0 0;}.timer .col-sm-3{padding-right: 0;padding-left: 0;}.timer .count{background-color: #1abc9c;padding: 20px 0;border-left: 2px dashed #fff;}.timer .col-sm-3:last-child .count{border: 0 none;}.timer span{color: #fff;font-size: 28px;display: block;margin-bottom: 10px;}.timer p{color: #fff;font-size: 24px;margin: 0;}.timer h3{color: #fff;margin: 0;line-height: 2;padding: 10px 20px;background-color: #1abc9c;display: inline-block;}/*==========Options==========*/.options{position: fixed;bottom: 0;width: 100%;z-index: 4;}.option-toggle{color: #fff;font-size: 32px;cursor: pointer;background-color: rgba(26, 188, 156, .8);padding: 5px 20px;display: inline-block;border-top-left-radius: 10px;border-top-right-radius: 10px;}.option-list{background-color: #1abc9c;padding: 10px 0;display: none;}.option-btn{color: #fff;font-size: 16px;padding: 10px 20px;display: inline-block;}.option-btn:hover,.option-btn:focus,.option-btn:active{color: #fff;text-decoration: none;}/*==========List==========*/
.modal-dialog{position: relative;}
.modal.in .modal-dialog{transform: translate(0px, 250px);}
.modal-content{padding: 20px;background-color: #1abc9c;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: 0 none;}.close-modal{width: 40px;height: 40px;text-align: center;font-size: 20px;line-height: 36px;border-left: 3px solid #fff;border-bottom: 3px solid #fff;z-index: 7;color: #fff;position: absolute;top: 0;right: 0;display: inline-block;}.close-modal:hover,.close-modal:focus,.close-modal:active{color: #fff;text-decoration: none;}.modal-content h4{margin: 0;color: #fff;}.modal-content hr{display: block;width: 10%;margin: 20px auto;}.modal-content label{margin: 0px 0px 20px;color: #fff;}.modal-content .form-control{border: 3px solid #fff;background-color: transparent;border-radius: 0;height: 40px;padding: 0 10px;color: #fff;}.modal-content .form-control::-moz-placeholder{color: #fff;opacity: 1;}.modal-content .form-control::-webkit-input-placeholder{color: #fff;opacity: 1;}.modal-content .btn-default{height: 40px;padding: 0 20px;color: #1abc9c;border-radius: 0;background-color: #fff;border: 0 none;}.modal-content .btn-default:hover,.modal-content .btn-default:active,.modal-content .btn-default:focus{background-color: #fff;color: #1abc9c;}.modal-content .input-group-btn:last-child > .btn,.modal-content .form-control:first-child{border-radius: 0;}.modal-content .links{font-size: 0;margin-top: 10px;}.modal-content a{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 40px;height: 40px;line-height: 40px;background-color: #fff;color: #1abc9c;transform: rotate(-45deg);font-size: 30px;display: inline-block;margin: 0 20px;}.modal-content a i{transform: rotate(45deg);}.modal-content a:hover{color: #fff;background-color: #1abc9c;}/*==========Page Loading==========*/.load{background-color: #fff;position: fixed;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 6;}.spinner{position: absolute;top: 50%;right: 50%;margin-top: -25px;margin-right: -25px;width: 50px;height: 40px;text-align: center;font-size: 10px;}.spinner > div{background-color: #1abc9c;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out;}.spinner .rect2{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}.spinner .rect3{-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}.spinner .rect4{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}.spinner .rect5{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}@-webkit-keyframes sk-stretchdelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4)}20%{-webkit-transform: scaleY(1.0)}}@keyframes sk-stretchdelay{0%, 40%, 100%{transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}20%{transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}}/*==========Control==========*/.control{position: fixed;top: 20%;overflow: hidden;left: -170px;margin-top: -20px;z-index: 5;}.control-btn{width: 50px;height: 50px;background-color: #1abc9c;text-align: center;line-height: 50px;font-size: 20px;cursor: pointer;float: right;color: #fff;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}.control-panel{width: 170px;padding: 10px;background-color: rgba(255,255,255,.5);float: left;overflow: hidden;border-radius: 0;}.control-panel a{width: 20px;height: 20px;float: left;margin: 5px;}.control-panel button{width: 100%;display: inline-block;margin-top: 10px;background-color: #1abc9c;border: 0px none;color: #fff;padding: 8px 0px;}.control-panel a[value="greend"]{background: #1abc9c;}.control-panel a[value="orange"]{background: #e67e22;}.control-panel a[value="black"]{background: #34495e;}.control-panel a[value="blue"]{background: #3498db;}.control-panel a[value="greenl"]{background: #2ecc71;}.control-panel a[value="grey"]{background: #95a5a6;}.control-panel a[value="purple"]{background: #9b59b6;}.control-panel a[value="red"]{background: #e74c3c;}.control-panel a[value="yellow"]{background: #f1c40f;}.control-panel a[value="brown"]{background: #d1990b;}/*==========Responsiving==========*/@media screen and (max-width: 768px){.wrapper{margin-top: -350px;}.logo img{width: 70px;}.info h1{font-size: 28px;}.timer .count{border-left: none;border-bottom: 2px dashed #fff;width: 120px;margin: auto;}}@media (min-width: 768px){.modal-sm{width: 350px;}}