::-webkit-scrollbar {
    display: none;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts//IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}
.main-container{
   width: 95%;
    max-width: 95%;
margin: 0 auto;
    color: #fff;
    font-family: IRANSans;
}
.iransans {
    font-family: iransans !important;
}

.yekan {
    font-family: yekan !important;
    font-size: 17px;
}
body,html{
    height: 100%;
    background-color:#620786;;
    direction: rtl;
}

body{
    background-image: url('../pic/bg.png');
    background-size: 100% 100%;
}

.row .col{
    float:right !important;
}
.btn{
    font-family: iransans;
}
.btn i {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.btn.type-1{
    background: initial;
    box-shadow: initial !important;
}
.btn.type-2{

    box-shadow: initial;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
    font-size: 16px;
    color:
            #37128b;
    background:
            #fff;
    font-weight: 500;
}
.btn.type-2.dark{
    color:#262626;
    border-radius: 5px;
}

.btn.type-3 {

    margin-top: -30px;
    border-radius: 200px;
    background:#361298;
    height: 50px;
    line-height: 50px;

}

.btn.type-4 {
    box-shadow: initial;
    height: 60px;
    line-height: 60px;
    border-radius: 0px;
    font-size: 16px;
    color:#37128b;
    background:#fff;
    font-weight: 500;
    margin-top: 15px;
}

.btn-box .btn{
    width: 100%;
}

.btn-box .btn i{
    margin: 0px 10px;
}

.footer-nav .btn-box{
    max-width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.with-no-margin{
    margin: 0px !important;
}
/****** header codes ********/
#loader-box{
  position: fixed;
width: 100%;
height: 100%;
background: white none repeat scroll 0% 0%;
z-index: 999;
top: 0px;
text-align: center;

}
.progress{
width: 20%;
margin: 0 auto;
margin-top: 150px;
}
.progress {

    background-color: rgba(3,155,229,0.2);
}

.progress .indeterminate {

    background-color: rgb(3,155,229);

}
#logo-container{
    font-weight: 999;
    font-size: 17px;
}

.first-nav {
    position: absolute !important;
    background: initial !important;
    box-shadow: initial !important;
    z-index: 1;
}

.dropdown-trigger {
    position: absolute;
    left: 0px;
    top: 0px;
}
.progress .indeterminate::after,.progress .indeterminate::before{
    background-color: #9b0a8b;
}

.progress .indeterminate {
    background-color: #9b0a8b;
    
}

.progress {
    background-color: rgba(155, 10, 139,0.2);
}
/******** content *****/
main{
    padding:32px 0px;
}
.main main{
    padding:0px;
}
.main-box {
    position: relative;
    height: 100vh;

}
.main-box-2{
    position: relative;
    height: initial;
    margin-top: 20px;
    margin-bottom: 40px;
}

.index-box h2{
    margin: 0px;
    font-family: iransans;
    font-size: 26px;
    color:#fff;
    font-weight: 500;
}
.index-box img{
    width: 149px;
}
.index-box span{
    display: block;
    margin-bottom: 120px;
    font-family: iransans;
    color:#fff;
    font-size: 17px;

}
.sharj-box .mtn{
font-family: iransans;
    color:#fff;
    padding: 40px 0px;
    display: block;
}
.sharj-box .card{
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 10px;
}
.sharj-cards .card-content {
    padding: 18px 0px;
    border-radius: 0 0 2px 2px;


}

.sharj-cards .card-content span{
    display: block;
    font-family: iransans;
    font-size: 13px;
    font-weight: 900;
    color: #6d6d6d;
}
.sharj-cards .card-content i{
    font-size: 24px;
    padding-bottom: 14px;
    color:  #32128d;
}

.sharj-cards .card.active{
    background-color: #ff9d06 !important;
    transition: all 0.3s;

}

.sharj-cards .card.active .card-content span{
    color:#fff !important;
}


.sharj-cards .divider {

    height: 200px;
    overflow: hidden;
    background-color:transparent;
    display: block;
    width: 100%;

}


.takmil-box h4{
    margin-bottom: 55px;
    font-size: 18px;
    font-weight: 400;
}

.takmil-box h5{
    font-size: 16px;
    margin: 25px 0px;
    font-weight: 300;
}

.main-card{
        color:#271664;
    padding: 1px 15px;
    border-radius: 15px;
}
.main-card span:nth-child(1){
    padding-left: 5px;
}
.main-card span{
    color: #545454;
}

.takmil-box .input-field input {
    font-family: iransans;
    text-align: center;
    background:#fff;
    border-radius: 15px;
    padding: 5px 0px;
    color:#262626;
}
.takmil-box .input-field .fa-image {
    position: absolute;
    color: #271664;
    top: 24%;
    font-size: 20px;
    right: 12px;
}
.takmil-box .input-field .fa-file {
    position: absolute;
    color: #271664;
    top: 22%;
    font-size: 20px;
    left: 12px;
}

.takmil-box.type-2 .main-card{
    padding-top: 20px;
    padding-bottom: 20px;
}


.takmil-box.type-2 p{
    font-size: 18px;
    margin: 10px 0px;
}
.takmil-box.type-2 p:nth-child(2){
    font-size: 14px;
    color:#545454;
    margin: 10px 0px;
}
.takmil-box.type-2 img{
    width: 26px;
    margin-left: 20px;
}
.takmil-box.type-2 p i{
    font-size: 12px;
    padding-right: 5px;

}
.takmil-box.type-2 .divider{
    margin: 25px 10px;
    height: 2px;
}

.main .takmil-box.type-2 .main-card{
    border-radius: 5px;
}
.main .takmil-box.type-2 p {
    color: #5c5c5c;

}
.main .takmil-box.type-2 .main-card{
    padding-top: 15px;
    padding-bottom: 15px;
}

.likes-card a{
    width: 100%;
    margin: 9px 0px;
    height: 64px;
    line-height: 64px;
    border-radius: 15px;
    background:#fff;
    color:#5c5c5c;
    text-align: right;
}
.likes-card.type-3 a{
    border-radius: 5px;
}
.likes-card a img{

    width: 32px;
    float: right;
    margin-top: 12px;
    margin-left: 12px;

}
.likes-card a i{
    color:#391a88;
    height: 65px;
    line-height: 60px;
}

.likes-card.type-2 a i{
    color: #3b1e8a;
}
.likes-card.type-2 a{
    color: #565656;

}
.sefaresh-box .mtn{
    font-family: iransans;
    color:#fff;
    padding: 40px 0px;
    display: block;
    font-size: 21px;
    font-weight: 500;
}
.sefaresh-box .card{
    border-radius: 5px;
    cursor: pointer;
}
.sefaresh-box .card:active{
    background: #ff9d06;
}
.sefaresh-box .card:active  span{
    color: #fff !important;
}
.sefaresh-box .card-content {
    padding: 18px 0px;
    border-radius: 0 0 2px 2px;
}

.sefaresh-box .card-content span{
    display: block;
    font-family: iransans;
    font-size: 15px;
    font-weight: 900;
    color: #262626;
}
.sefaresh-box .card-content i{
    font-size: 24px;
    padding-bottom: 14px;
    color:  #32128d;
}

.sefaresh-box .divider {
    height: 200px;
    overflow: hidden;
    background-color:transparent;
    display: block;
    width: 100%;
}

.login-box .input-field input{
    text-align: center;
    font-family: iransans;
    width: 80%;
    width: calc(100% - 0rem);
    color:#fff;
    margin-left: 0px;
}

.login-box .input-field i.prefix {
    left:0px;
    top: .7rem;
    font-size: 1.5rem;
}

.login-modal{
    font-family: iransans;
    color:#fff;
    background-image: url('../pic/bg.png');
}

.login-modal p{
    margin: 30px 0px;
}

.login-modal .btn-box .btn {
    width: initial;
    padding: 0px 65px;
}
/****** tabs *******/

.tabs{
    height: initial !important;
    background:#d4d4d4 !important;
    margin: 0px;
    padding: 0px !important;
    border-top: 4px solid #540989;
}
.tab {
    float: right;
    height: initial !important;
    line-height: initial !important;
}
.tabs .tab a {
    color: #434343;
    padding-bottom: 10px;
}
.tabs .tab a.active {
    color: rgb(236, 240, 241);
}


.tabs .tab a:hover, .tabs .tab a.active {
    color: #3b1e8a;
}


.tabs .indicator{
    display: none;
}


.tabs .tab a:focus, .tabs .tab a:focus.active,.tabs .tab a.active {
    background-color:#f2f2f2 !important;
    outline: none;
}

/**** footer codes ******/

.footer-nav{
    height: initial;
    /*background: #620786;*/
    background: transparent;
position: fixed;
bottom: 0px;
z-index:800;
}
.footer-nav .nav-wrapper .footer-icon{
margin:0px;
padding:0px;
display: inline-block;
float: left;
}
.footer-icon a i{
  display: block;
line-height: 56px;
}
.footer-icon a span{
    font-family: iransans;
    font-size: 17px;
}

.footer-nav .nav-wrapper a.waves-effect{
    display:block;
}


.fixed-action-btn {
    position: fixed;
    right:initial !important;
    top:initial !important;
    left: 23px;
    bottom: 79px;

}


.fixed-action-btn ul{
    padding:initial !important;
}





@media only screen and (max-width: 601px) {
 .row .col.m6 {
  width:50%;
  margin-left:auto;
  left:auto;
  right:auto;
 }

}


@media only screen and (min-width: 993px) {

}

@media only screen and (min-width: 993px) {
    nav a.sidenav-trigger {
  display:block;
 }
 .container {
  width:40% !important;
 }

}