@font-face {
    font-family: 'yekan';
    src: url('fonts/Weblogma_Yekan.eot');
    src: url('fonts/Weblogma_Yekan.eot#iefix') format('embedded-opentype'),
         url('fonts/Weblogma_Yekan.woff') format('woff'),
         url('fonts/Weblogma_Yekan.ttf') format('truetype'),
         url('fonts/Weblogma_Yekan.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BNazanin';
    src:url('font/BNazanin.eot') format('eot'),    
          url('font/BNazanin.woff') format('woff'),
          url('font/BNazanin.ttf') format('truetype'); 
}
@font-face {
    font-family: 'siralis1';
    src:url('font/DastNevis.eot') format('eot'),    
          url('font/DastNevis.woff') format('woff'),
          url('font/DastNevis.ttf') format('truetype'); 
}

@font-face {
    font-family: 'siralis';
	    src:url('font/iransans.eot') format('eot'),    
          url('font/iransans.woff') format('woff'),
          url('font/iransans.ttf') format('truetype'); 

}
html{
    height: 100vh;
}
body {
    height: 100%;
        /*background: url(../img/bg.jpg);*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
        background-color: #fafafa;
        font-family:Tahoma;
}
main{
    height: 100%;
 
    font-family:siralis;
        direction: rtl;
}
.category-list img{
    width: 100%;
}
.category-list h4{
    text-align:right;
    font-size: 0.9em;
    margin: 0.7rem 0 0.32rem 0;
    font-family: Tahoma;
    color: #5a0d8a;
        height: 22px;
    font-weight: bold;
}
 #navi{
  color: black;
  background-color: ededed;
  height: 48px;
  line-height: 50px;
  border-bottom: 1px solid #d7d7d7;

}
.side-left
{
       background-image: url("../img/getir_bg.jpg");
}
.side-left.fixed a{
    color: #f2f2f2;  
        font-family: tahoma;
}
.side-nav li:hover, .side-nav li.active {
    background-color: #663e86;
}

.side-left.fixed a i{
opacity: .4;
    
}
    .linkk{
            padding: 7px;
    border: 0.142rem solid;
    margin: 0 4px 0;
    border-radius: 10px;
    color: #adb5cc;
    }
    .linkk:hover,.linkk:active{
          background-image: url("../img/bg.jpg");
          color: #fff;
    }
    .tabs{
        background-color:transparent;
    }
    .tabs .tab a:hover {
    color:#fff;
}
    .tabs .tab a{
        color:#fff;
    }
    nav{
        background-color:#1e3336;
        height:48px;
              line-height: 40px;

    }
    header{
  
      
    }
[type="radio"] + label:before, [type="radio"] + label:after {
    right:0;
}
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    padding-left: 0;
    padding-right: 25px;
}

[type="checkbox"] + label {
      padding-left: 0;
    padding-right: 25px;
}
[type="checkbox"]+label:before{
    right:0;
}
.icoo{
    width: 40px;
    margin-top: 5px;
}
.popi.active {

}
#popp{
width:100%;
height:100%;
position:absolute;
top:20%;
}
#T1-Finish{

    font-family:Tahoma;
    background-color: #fff;
    box-shadow: 2px 7px #BBA;
    width: 0px;
    height: 0px;
    margin:auto;
    margin-top:40%;
        overflow: hidden;
        border-radius: 5px;
        opacity:0;
    -webkit-box-shadow: -2px -1px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -2px -1px 10px 0px rgba(0,0,0,0.75);
box-shadow: -2px -1px 10px 0px rgba(0,0,0,0.75);
}
#T-StartPopUp{
    margin:auto; 
    height:0px;
    width:0px;
    overflow:hidden; 
            border-radius: 15px;
            padding:5px;
    -webkit-box-shadow: -2px -1px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -2px -1px 10px 0px rgba(0,0,0,0.75);
box-shadow: -2px -1px 10px 0px rgba(0,0,0,0.75);
}
#T13-CountDown
{
    font-size:  2rem;
    font-weight:bold;
}
#T13-TimeLoad{
    z-index:10;
}

 .rotate1{
       position: fixed;
    cursor: pointer;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom:0;
       -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
 }
        .rotate{
                        position: absolute;
    top: calc(50vh - 50vw);
    right: calc(50vw - 50vh);
            width: 100vh;
            height: 100vw !important;
        -ms-transform: rotate(90deg); 
    -ms-transform-origin:center center;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: center center; 
    transform: rotate(90deg);
    transform-origin: center center;
        -moz-transform:rotate(90deg); 
         -moz-transform-origin:center center;
    -o-transform:rotate(90deg); 
       -o-transform-origin:center center;
       -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
        }
        #myProgress {
    position: relative;
    height: 30px;
    background-color: #fff;
}
#myBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: green;
}
         .side-nav.fixed a
         {
             color:#000;
             padding:0;
         }
                  .side-nav.fixed a img
         {
             margin-top:20px;
             width:20px;
         }
 .side-nav li{
     color:#000;
     font-size: 24px;
     text-align:right;
 }
         .side-nav li:hover, .side-nav li.active {
    background-color: #7039b9;
    color:#fff;
}
.waves-input-wrapper .waves-button-input{
top:5px;
}