@font-face {
    font-family: 'IRANYekanBold';
    src: url('/font/iranyekan/eot/iranyekanwebbold.eot?#') format('eot'), url('/font/iranyekan/woff/iranyekanwebbold.woff') format('woff'), url('/font/iranyekan/ttf/iranyekanwebbold.ttf') format('ttf');
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekanLight';
    src: url('/font/iranyekan/eot/iranyekanweblight.eot?#') format('eot'), url('/font/iranyekan/woff/iranyekanweblight.woff') format('woff'), url('/font/iranyekan/ttf/iranyekanweblight.ttf') format('ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'IRANYekanRegular';
    src: url('/font/iranyekan/eot/iranyekanwebregular.eot?#') format('eot'), url('/font/iranyekan/woff/iranyekanwebregular.woff') format('woff'), url('/font/iranyekan/ttf/iranyekanwebregular.ttf') format('ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('/font/iransans/IRANSansWebMedium.eot?#') format('eot'), url('/font/iransans/IRANSansWebMedium.woff') format('woff'), url('/font/iransans/IRANSansWebMedium.ttf') format('ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'IRANSansBold';
    src: url('/font/iransansBold/IRANSansWebBold.eot?#') format('eot'), url('/font/iransansBold/IRANSansWebBold.woff') format('woff'), url('/font/iransansBold/IRANSansWebBold.ttf') format('ttf');
    font-weight: normal;
}

@font-face {
    font-family: "BrandMPS";
    src: url("/font/brandMPS/BrandMPS.ttf") format("woff"), url("/font/brandMPS/BrandMPS.ttf") format("opentype"), url("/font/brandMPS/BrandMPS.ttf") format("truetype");
}

:root {
    --fontsize: 0.91rem;
    --clrdef: #000;
    --clrfc: #ccc;
    --clrf5: #f5f5f5;
    --clrblue: #0273e3;
    --clrhead: #232f3e;
    --clrred: #c20042;
    --clryellow: #f1c40f;
    --clrgreen: #3cb371;
    --clrorange: #f49700;
    --clrbrown: #a56a2e;
    --clrpurple: #a53bac;
}

* {
    box-sizing: border-box;
    line-height: 1.8;
}

html, body {
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    color: var(--clrdef);
    min-height: 100vh;
}

    body.fix {
        overflow: hidden;
        padding-right: 17px;
    }

    body:not(.fix) {
        overflow-y: scroll;
    }

    body *:not(body)::-webkit-scrollbar {
        width: 8px;
        background-clip: padding-box;
    }

    body *:not(body)::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 8px #c1c1c1;
    }

h1, h2, h3, h4, h5, h6,
ul, ol, li,
address {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

table, tr, td, td {
    border-spacing: 0;
}

a {
    display: inline-flex;
    text-decoration: none;
    white-space: nowrap;
    color: var(--clrdef);
}

    a:not([href]):hover {
        color: var(--clrdef);
    }

    a[href] {
        transition: color 150ms ease-in-out;
    }

        a[href]:hover {
            color: var(--clrblue);
        }

img, svg {
    max-width: 100%;
    max-height: 100%;
}

p {
    padding: 0;
    margin: 0;
    text-align: justify;
}

.select-mps .placeholder-cbo,
::placeholder {
    font-family: 'IRANYekanRegular';
}

.select-mps .combo:not(.disabled) .placeholder-cbo,
::placeholder {
    color: #ddd !important;
    opacity: 0.8;
}

.select-mps .placeholder-cbo {
    color: var(--clrfc);
}

.input {
    font-size: var( --fontsize) !important;
}

html:not(.translated-ltr) > body .input + label {
    right: 0;
}

html[class=translated-ltr] > body .input + label {
    left: 0;
}

.input + label {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 2px 0.75rem;
    color: #ccc;
    text-shadow: 0 1px 0 rgba(19, 74, 70, 0);
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    border-radius: 0.5rem;
}

    .input + label:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 100%;
        left: 50%;
        margin-left: -3px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid rgba(122, 184, 147, 0);
        transition: all 0.2s ease-in-out;
    }

.input:not(:disabled):focus + label,
.input:not(:disabled):active + label,
.input:not(:placeholder-shown) + label {
    transform: translateY(-47px);
}

.input:not(:disabled):focus + label,
.input:not(:disabled):active + label {
    color: #fff;
    background: #222;
}

.input:not(:disabled):not(:placeholder-shown) + label {
    color: green;
    background: transparent;
    opacity: 0.3;
}

.input:not(:disabled):focus + label:after,
.input:not(:disabled):active + label:after {
    border-top: 4px solid #222;
}

.input:not(:placeholder-shown) + label:after {
    visibility: hidden;
}

.ny {
    border: 1px dashed var(--clrgreen);
}

.fs-icon {
    font-size: 1.35rem;
}

.bgcolor-null {
    background-color: #f6f6f6;
}

.back-img:before {
    position: absolute;
    content: 'MPS';
    font-family: "BrandMPS";
    font-size: 1.4rem !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ddd;
}

.b-zoom:active {
    transform: scale(0.98);
}

.fav-icon-heart,
.fav-icon-share {
    position: absolute;
    top: 15px;
}

.fav-icon-heart {
    right: 15px;
}

.fav-icon-share {
    left: 15px;
}

.effectV,
.effectH,
.effectRL {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .effectV,
    .effectV > *,
    .effectH,
    .effectH > *,
    .effectRL,
    .effectRL > * {
        z-index: 1;
    }

        .effectV:after,
        .effectH:after,
        .effectRL:after {
            content: "";
            position: absolute;
            background-color: #fcfcfc;
        }

        .effectV:after,
        .effectRL:after {
            width: 0;
            height: 100%;
            top: 0;
            bottom: 0;
            transition: width 0.2s ease-in-out;
        }

        .effectH:after {
            width: 100%;
            height: 0;
            left: 0;
            right: 0;
            transition: height 0.2s ease-in-out;
            z-index: -1;
        }

        .effectRL:after {
            right: 0;
            z-index: -1;
        }

        .effectV:hover,
        .effectH:hover,
        .effectRL:after {
            color: var(--clrblue);
        }

            .effectV:hover:after,
            .effectRL:hover:after {
                width: 100%;
            }

            .effectH:hover:after {
                height: 100%;
            }

/* Warnings */
.Warnings .telsupport {
    background-image: url('/common/images/support/telsupport.png');
    height: 46.91px;
    background-size: auto 46.91px;
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 73px;
}

    .Warnings .telsupport a {
        padding: 8px 0 8px 10px;
        width: 206px;
    }

.Warnings .redirect a {
    width: 279px;
    height: 38px;
}

.Warnings .text ul,
.Warnings .text ul li {
    list-style-type: square !important;
    padding: revert;
    text-align: right;
}

    .Warnings .text ul li {
        line-height: 2.3;
    }