/*
  Template Name: Daily Shop
  Author : MarkUps
  Author URI: http://www.markups.io/
  Version: 1.0
  Tags: light, white, ecommerce, online store, multi page, custom-colors, Bootstrap,responsive, html5, css3, Sass, template, web template

*/

/* Table of Content
==================================================
#ERROR  PAGE


*/

/* BASE - Base tyles, Variables, Mixins, etc. */


/*@font-face {
    font-family: 'Samim-WOL';
    src: url('fonts/samim-font-v2.0.1/Without-Latin/Samim-WOL.woff2') format('woff2');
    src: url('fonts/samim-font-v2.0.1/Without-Latin/Samim-WOL.woff') format('woff');
}*/
@font-face {
    font-family: 'IranianSans';
    src: url('fonts/IranianSans/IranianSans.eot') format('embedded-opentype');
    src: url('fonts/IranianSans/IranianSans.ttf') format('truetype');
    src: url('fonts/IranianSans/IranianSans.woff') format('woff');
}




.mtest {
    display: inline-block;
    position: relative;
}

    .mtest input {
        padding-right: 4.6em;
    }

    .mtest button {
        position: absolute;
        top: 11px;
        left: 20px;
        width: 4.4em;
        background-color: #ffcb09;
    }

p.round2 {
    height: 3.4em;
    padding-top: 10px;
    text-align: right;
    padding-right: 10px;
    border: 2px solid #a5a2a2;
    border-radius: 5px;
}

.radio-groups input[type=radio] {
    position: absolute;
    visibility: hidden;
    display: none;
}

.radio-groups label {
    color: #9a929e;
    display: inline-block contents;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 0;
    width: 47.5%;
    text-align: center;
    border-radius: 4px;
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    border: 2px solid #86b5ff;
}

.radio-groups input[type=radio]:checked + label {
    color: #fff;
    background: #ffcb09;
}

.radio-groups label + .radio-groups input[type=radio] + label {
    border-left: solid 3px #675f6b;
}

.radio-groups {
    border: 1px solid #a5a2a2;
    border-radius: 4px;
    width: 100%;
    padding: 5px 5px;
    color: #868585;
    font-weight: 700;
    text-indent: 2px;
    margin: 3px 0;
    overflow: hidden;
}

.return-title-onay {
    display: inline-block;
    background: #5fbf71;
    color: #fff;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    margin-bottom: 20px;
}

.return-title-error {
    display: inline-block;
    background: #8b0000;
    color: #fff;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    margin-bottom: 20px;
}

.charge-ResultOk {
    display: inline-block;
    background: #5fbf71;
    color: #fff;
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin-bottom: 20px;
}

.charge-ResultError {
    display: inline-block;
    background: #8b0000;
    color: #fff;
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin-bottom: 20px;
}

.charge-ResultInfo {
    display: inline-block;
    background: #f9fb08;
    color: #8b0000;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px inset #130b7c;
    margin-bottom: 20px;
}

.return-Btn-AllSells {
    display: inline-block;
    background: #dbd3d3;
    color: #2e1597;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #130b7c;
    margin-bottom: 0px;
    box-shadow: 5px 10px 18px #888888;
}

.details-Btn-Login {
    display: inline-block;
    background: #86b5ff;
    color: #2e1597;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #130b7c;
    margin-bottom: 0px;
}

.user-Btn-Home-blue {
    display: block;
    text-align: center;
    background-color: dodgerblue;
    color: white;
    height: 60px;
    padding-top: 17px;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 18px;
    border-radius: 8px;
    box-shadow: 3px 7px 12px #888888;
}

    .user-Btn-Home-blue:hover {
        display: block;
        text-align: center;
        background-color: #fcf706;
        color: rebeccapurple;
        height: 60px;
        padding-top: 17px;
        font-family: Tahoma;
        font-weight: bold;
        font-size: 18px;
        border-radius: 8px;
        box-shadow: 5px 10px 18px #888888;
        text-decoration: none;
    }

.user-Btn-Home-green {
    display: block;
    text-align: center;
    background-color: #2bdc29;
    color: white;
    height: 60px;
    padding-top: 17px;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 18px;
    border-radius: 8px;
    box-shadow: 3px 7px 12px #888888;
}

    .user-Btn-Home-green:hover {
        display: block;
        text-align: center;
        background-color: lawngreen;
        color: white;
        height: 60px;
        padding-top: 17px;
        font-family: Tahoma;
        font-weight: bold;
        font-size: 18px;
        border-radius: 8px;
        box-shadow: 5px 10px 18px #888888;
        text-decoration: none;
    }

.input-Register-right {
    display: block;
    text-align: right;
    font-weight: bold;
    color: darkblue;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    border: 1px solid #130b7c;
    margin-top: 4px;
    margin-bottom: 10px;
    height: calc(2em + .75rem + 2px);
}

.input-Register-left {
    display: block;
    text-align: left;
    font-weight: bold;
    color: darkblue;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    border: 1px solid #130b7c;
    margin-top: 4px;
    margin-bottom: 10px;
    height: calc(2em + .75rem + 2px);
}

.p-allsells {
    display: inline-block;
    text-align: center;
    /*background: #5fbf71;*/
    background: #1108e8;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
}

.p-allsells2 {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    background: #5fbf71;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
}

.btn-irancell {
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 10px;
    margin-bottom: 15px;
    background-color: #ffcb09;
    color: darkblue;
    font-family: Tahoma;
    font-weight: bold;
    padding: 12px 24px;
    border: 2px solid #a5a2a2;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 3px 7px 12px #888888;
}

    .btn-irancell:hover {
        display: block;
        font-size: 16px;
        text-align: center;
        margin: 10px;
        margin-bottom: 15px;
        background-color: #ffcb09;
        color: #8b0000;
        font-family: Tahoma;
        font-weight: bold;
        border: 2px solid #a5a2a2;
        padding: 12px 24px;
        border-radius: 10px;
        text-decoration: none;
        box-shadow: 3px 7px 12px #888888;
    }

.btn-hamrahAval {
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 10px;
    margin-bottom: 15px;
    background-color: #17dcde;
    color: darkblue;
    font-family: Tahoma;
    padding: 12px 24px;
    border: 2px solid #a5a2a2;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 3px 7px 12px #888888;
}

    .btn-hamrahAval:hover {
        display: block;
        font-size: 16px;
        text-align: center;
        margin: 10px;
        margin-bottom: 15px;
        background-color: #17dcde;
        color: #081d4c;
        font-family: Tahoma;
        font-weight: bold;
        padding: 12px 24px;
        border-radius: 10px;
        border: 2px solid #a5a2a2;
        text-decoration: none;
        box-shadow: 3px 7px 12px #888888;
    }

.btn-Rightel {
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 10px;
    margin-bottom: 15px;
    background-color: #e912d2;
    color: white;
    font-family: Tahoma;
    padding: 12px 24px;
    border-radius: 10px;
    border: 2px solid #a5a2a2;
    text-decoration: none;
    box-shadow: 3px 7px 12px #888888;
}

    .btn-Rightel:hover {
        display: block;
        font-size: 16px;
        text-align: center;
        margin: 10px;
        margin-bottom: 15px;
        background-color: #e912d2;
        color: #081d4c;
        font-family: Tahoma;
        font-weight: bold;
        padding: 12px 24px;
        border-radius: 10px;
        border: 2px solid #a5a2a2;
        text-decoration: none;
        box-shadow: 3px 7px 12px #888888;
    }
.btn-shatel {
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 10px;
    margin-bottom: 15px;
    background-color: #00b2f0;
    color: darkblue;
    font-family: Tahoma;
    padding: 12px 24px;
    border: 2px solid #a5a2a2;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 3px 7px 12px #888888;
}

    .btn-shatel:hover {
        display: block;
        font-size: 16px;
        text-align: center;
        margin: 10px;
        margin-bottom: 15px;
        background-color: #00b2f0;
        color: #081d4c;
        font-family: Tahoma;
        font-weight: bold;
        padding: 12px 24px;
        border-radius: 10px;
        border: 2px solid #a5a2a2;
        text-decoration: none;
        box-shadow: 3px 7px 12px #888888;
    }

.red-payment {
    background-color: #b33535 !important;
    font-size: 12px;
    padding: 15px 30px;
}

.sharj {
    font-size: 16px;
    text-align: right;
    color: red;
    /*background: #f7fa06;*/
    /*color: #2e1597;*/
    /*border: 1px outset #86b5ff;*/
    /*border-color: black;*/
    /*font-family: Tahoma;*/
    font-weight: bold;
    padding: 12px 24px;
    /*border-radius: 4px;*/
    /*text-decoration: none;*/
    height: calc(2.5em + .150rem + 2px);
    padding: .600rem .150rem;
}

.buttonIn {
    width: 300px;
    position: relative;
}

.ch_icon {
    background-image: url('images/sh_icon.png?v=3');
    background-position: 0 0;
    background-size: 200px 340px;
    background-repeat: no-repeat;
}

.download_btn {
    width: 43%;
    overflow: hidden;
    display: inline-block;
    margin: 0 1% 2%;
    height: 48px;
    text-align: center;
    font: 14px/48px chfont;
    color: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /*-ms-transition: all 0.5s ease;*/
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .download_btn .icon {
        width: 45px;
        height: 48px;
        text-align: center;
        float: left;
        display: block;
    }

        .download_btn .icon .ch_icon {
            display: block;
            width: 25px;
            height: 25px;
            margin: 12px 10px;
        }

.icon_android .icon .ch_icon {
    background-position: -145px -225px;
}

.icon_ios .icon .ch_icon {
    background-position: -145px -275px;
}

.icon_bazar .icon .ch_icon {
    background-position: -145px -200px;
}

.icon_sibapp .icon .ch_icon {
    background-position: -90px -200px;
}

.icon_googleplay .icon .ch_icon {
    background-position: -145px -300px;
}

.icon_android .icon {
    border-right: 1px solid #64bc81;
}

.icon_ios .icon {
    border-right: 1px solid #868c92;
}

.icon_bazar .icon {
    border-right: 1px solid #4eb3ff;
}

.icon_sibapp .icon {
    border-right: 1px solid #af5fd8;
}

.icon_googleplay .icon {
    border-right: 1px solid #4e4e4e;
}

.icon_android {
    background-color: #47b36b;
}

    .icon_android:hover {
        background-color: #2da254;
    }

.icon_ios {
    background-color: #737980;
}

    .icon_ios:hover {
        background-color: #595e65;
    }

.icon_bazar {
    background-color: #3e94d4;
}

    .icon_bazar:hover {
        background-color: #2a80c1;
    }

.icon_googleplay {
    background-color: #231f20;
}

    .icon_googleplay:hover {
        background-color: #100e0e;
    }

.icon_sibapp {
    background-color: #a24cce;
}

    .icon_sibapp:hover {
        background-color: #8f3abb;
    }

.download_info {
    text-align: center;
}

#namad_slider_box .item {
    margin: 5px auto;
    max-width: 110px;
}

    #namad_slider_box .item img {
        display: block;
        width: 100%;
    }

#namad_slider_box .owl-pagination,
#namad_slider_box .owl-buttons {
    display: none;
}

/* --------------------------#footer_logo------------------------- */
#footer_logo {
    background: #2aacd5;
    padding: 5px 0;
    text-align: center;
}

    #footer_logo img {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 680px;
    }

        #footer_logo img.icon {
            display: none;
        }

/* --------------------------#footer------------------------- */
#footer #logo {
    float: none;
    display: inline-block;
    text-align: center;
}

#footer {
    background: #f9f9f9;
    padding: 40px 0 0px 0;
}

    #footer .container {
        position: relative;
    }

    #footer .widg {
        float: right;
        box-sizing: border-box;
    }

    #footer .widg1 {
        width: 25%;
    }

    #footer .widg3 {
        width: 25%;
        float: left
    }

    #footer .widg2 {
        width: 50%;
        padding: 0 50px;
        text-align: center;
    }

    #footer .widg .footer_widg_title {
        font: 17px/40px chfont;
        color: #6f6f6f;
        margin-bottom: 10px;
        border-bottom: 1px solid #2aacd5;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #footer .widg2 .footer_widg_title {
        text-align: center;
        border: none;
    }

.map_details {
    direction: ltr;
    height: auto;
    margin-bottom: 20px;
}

    .map_details iframe {
        width: 100%;
    }

#Expiration_price_box .pic {
    background-image: url('../images/39-min.png');
    background-repeat: no-repeat;
    background-size: 50px;
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}

#map.large {
    height: 500px;
}

.toast {
    transition: 0.12s all ease-in-out
}

.toast-container--fade {
    right: 0;
    bottom: 0;
}

    .toast-container--fade .toast-wrapper {
        display: inline-block
    }

.toast.fade-init {
    opacity: 0
}

.toast.fade-show {
    opacity: 1
}

.toast.fade-hide {
    opacity: 0
}