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

@font-face {
    font-family: FaNum;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/FaNum.ttf') format('truetype')
}

.number {
    font-family: FaNum!important
}
body{
    font-family: "IRANSans", Tahoma;
}
.menu-top{padding: 0;display: block;}
.menu-top li{
    list-style: none;
    float: right;
    margin-left: 20px;
}
.menu-top li a{
    color: #fff;
    padding: 10px;
    display: inline-block;
}
.menu-top li a:hover{
    color: #d6b1e1;
    text-decoration: none;
}
.menu-top li a:active{
    text-decoration: none;
}














.mt-70 {
    margin-top: 70px!important
}

.mb-70 {
    margin-bottom: 70px!important
}

.mr-10 {
    margin-right: 10px!important
}

.mr-15 {
    margin-right: 15px!important
}

.mr-20 {
    margin-right: 20px!important
}

.mr-25 {
    margin-right: 25px!important
}

.mr-30 {
    margin-right: 30px!important
}

.mr-35 {
    margin-right: 35px!important
}

.mr-40 {
    margin-right: 40px!important
}

.mr-45 {
    margin-right: 45px!important
}

.mr-50 {
    margin-right: 50px!important
}

.ml-10 {
    margin-left: 10px!important
}

.ml-15 {
    margin-left: 15px!important
}

.ml-20 {
    margin-left: 20px!important
}

.ml-25 {
    margin-left: 25px!important
}

.ml-30 {
    margin-left: 30px!important
}

.ml-35 {
    margin-left: 35px!important
}

.ml-40 {
    margin-left: 40px!important
}

.ml-45 {
    margin-left: 45px!important
}

.ml-50 {
    margin-left: 50px!important
}

.mt-10 {
    margin-top: 10px!important
}

.mt-15 {
    margin-top: 15px!important
}

.mt-20 {
    margin-top: 20px!important
}

.mt-25 {
    margin-top: 25px!important
}

.mt-30 {
    margin-top: 30px!important
}

.mt-35 {
    margin-top: 35px!important
}

.mt-40 {
    margin-top: 40px!important
}

.mt-45 {
    margin-top: 45px!important
}

.mt-50 {
    margin-top: 50px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.mb-35 {
    margin-bottom: 35px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mb-45 {
    margin-bottom: 45px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.pr-10 {
    padding-right: 10px!important
}

.pr-15 {
    padding-right: 15px!important
}

.pr-20 {
    padding-right: 20px!important
}

.pr-25 {
    padding-right: 25px!important
}

.pr-30 {
    padding-right: 30px!important
}

.pr-35 {
    padding-right: 35px!important
}

.pr-40 {
    padding-right: 40px!important
}

.pr-45 {
    padding-right: 45px!important
}

.pr-50 {
    padding-right: 50px!important
}

.pl-10 {
    padding-left: 10px!important
}

.pl-15 {
    padding-left: 15px!important
}

.pl-20 {
    padding-left: 20px!important
}

.pl-25 {
    padding-left: 25px!important
}

.pl-30 {
    padding-left: 30px!important
}

.pl-35 {
    padding-left: 35px!important
}

.pl-40 {
    padding-left: 40px!important
}

.pl-45 {
    padding-left: 45px!important
}

.pl-50 {
    padding-left: 50px!important
}

.pt-10 {
    padding-top: 10px!important
}

.pt-15 {
    padding-top: 15px!important
}

.pt-20 {
    padding-top: 20px!important
}

.pt-25 {
    padding-top: 25px!important
}

.pt-30 {
    padding-top: 30px!important
}

.pt-35 {
    padding-top: 35px!important
}

.pt-40 {
    padding-top: 40px!important
}

.pt-45 {
    padding-top: 45px!important
}

.pt-50 {
    padding-top: 50px!important
}

.pb-10 {
    padding-bottom: 10px!important
}

.pb-15 {
    padding-bottom: 25px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.pb-25 {
    padding-bottom: 25px!important
}

.pb-30 {
    padding-bottom: 30px!important
}

.pb-35 {
    padding-bottom: 35px!important
}

.pb-40 {
    padding-bottom: 40px!important
}

.pb-45 {
    padding-bottom: 45px!important
}

.pb-50 {
    padding-bottom: 50px!important
}







@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@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(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 155s linear infinite;
    -moz-animation: rotating 155s linear infinite;
    -ms-animation: rotating 155s linear infinite;
    -o-animation: rotating 155s linear infinite;
    animation: rotating 155s linear infinite;
}

.desc{
    text-align: justify;
    font-size: 13px;
    line-height: 25px;
    color: #414141;
    text-align: center;
}

.heading.heading-middle-border p{
    position: relative;
    background: #f9f9f9;
    padding: 10px 19px;
    display: inline-block;
    color: #7c398f;
    font-weight: 700;
}


.up{
    font-weight: 700;
    color: #73ac30;
}
.down{
    font-weight: 700;
    color: #920002;
}

.table-name-coin{
    margin-top: 10px;
    display: block;
    font-weight: 700;
    float: left;
}

.ltr{
    direction: ltr !important;
}



.box{
    background: #fff;
    box-shadow: 0px 3px 8px #00000017;
    border-radius: 10px;
    overflow: hidden;
}


.left{float: left}
.right{float: right}


.menu-footer{
    padding-right: 0px;
}
.menu-footer li{
    list-style: none;
    text-align: right;
    line-height: 39px;
}
.menu-footer li a{
    font-size: 15px;
}




/* The radio */
.radio {display: block;position: relative;padding-right: 35px;margin-bottom: 15px;cursor: pointer;font-size: 13px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 500;}

/* Hide the browser's default radio button */
.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkround {position: absolute;right: 0px;left: 0;height: 17px;width: 17px;background-color: #fff;border-color: #7b378e;border-style:solid;border-width:2px;border-radius: 50%;}


/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #4e0863;
}

/* The check */
.check {
    display: block;
    position: relative;
    margin-bottom: 12px;
    padding-right: 35px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
}

/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-color: #7b378e;
    border-style:solid;

    border-width:2px;
}



/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff  ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 8px;
    border: solid;
    border-color: #4d0662;
    border-width: 0px 2px 2px 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cust-btn{
    margin-bottom: 10px;
    background-color: #f8204f;
    border-width: 2px;
    border-color: #f8204f;
    color: #fff;
}
.cust-btn:hover{

    border-color: #f8204f;
    background-color: #fff;
    color: #f8204f;
    border-radius: 20px;
    transform-style: 2s;

}


.card{
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    box-shadow: 0px 2px 3px #0000000f;
    padding: 3px 10px;
    background-color: #fff;
}

.card-img{
    width: 80px;
    margin: 5px auto;
    height: 80px;
    border: 1px solid #ececec;
    border-radius: 360px;
    padding: 3px;
    display: block;
}

.block {display: block !important;}



.blog p { line-height :32px !important}


.index-img{
    width: 90px;
}

@media (max-width:768px){
    .index-img{
        width: 45px;
        height: 45px;
    }
}

.terms{
    font-size: 17px;
    line-height: 33px;
}

.p-b{
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
}


/* Home > Services*/
.service-box-shadow {
    box-shadow: 0 0 120px rgba(159,171,180,.16);
    border-radius: 10px;
    padding: 15px;
    background: #fff;
    position: relative;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}
.service-box-img {
    width: 90px;
    height: 90px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.service-box-img:before {
    width:75px;
    height:75px;
    position:absolute;
    box-shadow:0 0 75px rgba(159,171,180,.31);
    content:"";
    background:#fff;
    z-index:0;
    border-radius:50%;
    top:50%;
    margin-top:-38px;
    left:50%;
    margin-left:-37px;
    display:block;
    transition:all .3s ease
}


.service-box-body {
    padding-left: 10px;
}

.service-box-more {
    position: absolute;
    left: 20px;
    bottom: 15px;
    font-size: 20px;
    color: #ccc;
}
.service-box-shadow:hover .service-box-more {
    color:#2e7de7
}
.service-box-more:hover  {
    color:#2e7de7
}
/* /Home > Services*/
