@font-face {
  font-family: "IRANRounded";
  src: url("../fonts/IRAN-Rounded.eot"); /* IE9 Compat Modes */
  src: url("../fonts/IRAN-Rounded.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/IRAN-Rounded.otf") format("opentype"), /* Open Type Font */
    url("../fonts/IRAN-Rounded.svg") format("svg"), /* Legacy iOS */
    url("../fonts/IRAN-Rounded.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/IRAN-Rounded.woff") format("woff"), /* Modern Browsers */
    url("../fonts/IRAN-Rounded.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
}

@font-face {
    font-family: "IRANSansFaNum";
    src: url("../fonts/IRANSansFaNum.eot"); /* IE9 Compat Modes */
    src: url("../fonts/IRANSansFaNum.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/IRANSansFaNum.otf") format("opentype"), /* Open Type Font */
    url("../fonts/IRANSansFaNum.svg") format("svg"), /* Legacy iOS */
    url("../fonts/IRANSansFaNum.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/IRANSansFaNum.woff") format("woff"), /* Modern Browsers */
    url("../fonts/IRANSansFaNum.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}


h1, h2, h3, h4 {
    font-family: 'IRANRounded', Tahoma;
}
a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
.mtb30{
 margin-top: 30px;
margin-bottom: 25px;
}
  body {
    direction: rtl;
    font-family: 'IRANSansFaNum', Tahoma;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

  .errorImage{
    margin-top: 116px;

  }

    .a-red-o {
    border: 1px solid #fff;
    color: #fff;
    padding: 9px 12px;
    border-radius: 32px;
    font-size: 13px;
margin: 35px auto 40px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.a-red-o::after {
    background: #fff;
    color: #2b2b2b;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: -1;
    transition: 0.25s all ease;
    opacity: 0;
}
        .a-red-o:hover, .a-red-o:focus {
            color: #2b2b2b;
        }
 .a-red-o:hover:after,  .a-red-o:focus:after{
            opacity: 1;
            width: 100%;
        }
.content-error {
    background-color: #007FD0;
    width: 100%;
    min-height: 291px;
}
 .content-error p{
font-size: 21px;
padding-top: 56px;
margin-bottom: 10px;
color:#fff;
 }

     .jco-footer{
        color:#fff;
        font-size: 14px;
    }
        .jco-footer a {
            color: #fff;
        } .jco-footer:hover, .jco-footer:focus {
            color: #fff;
        }
@media screen and (min-width: 600px) and (max-width: 1340px) {
    .mt50{
    margin-top:0;
}
}

@media screen and (min-width: 501px) and (max-width: 768px) {
       p {
        font-size: 18px;
    }
       .content-error {
    height: 352px;
}
       .errorImage {
    margin-top: 164px;
}
}
@media screen and (min-width: 100px) and (max-width: 600px) {
    .errorImage {
        width: 200px;       
    }
    p {
        font-size: 18px;
    }
    .a-red-o{
        margin: 35px auto 20px;
    }
}