@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSansFaNum-Light.eot');
    src: url('../fonts/IRANSansFaNum-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANSansFaNum-Light.woff2') format('woff2'),
    url('../fonts/IRANSansFaNum-Light.woff') format('woff'),
    url('../fonts/IRANSansFaNum-Light.ttf') format('truetype'),
    url('../fonts/IRANSansFaNum-Light.svg#IRANSansFaNum-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSansFaNum-UltraLight.eot');
    src: url('../fonts/IRANSansFaNum-UltraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANSansFaNum-UltraLight.woff2') format('woff2'),
    url('../fonts/IRANSansFaNum-UltraLight.woff') format('woff'),
    url('../fonts/IRANSansFaNum-UltraLight.ttf') format('truetype'),
    url('../fonts/IRANSansFaNum-UltraLight.svg#IRANSansFaNum-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSansFaNum.eot');
    src: url('../fonts/IRANSansFaNum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANSansFaNum.woff2') format('woff2'),
    url('../fonts/IRANSansFaNum.woff') format('woff'),
    url('../fonts/IRANSansFaNum.ttf') format('truetype'),
    url('../fonts/IRANSansFaNum.svg#IRANSansFaNum') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSansFaNum-Bold.eot');
    src: url('../fonts/IRANSansFaNum-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANSansFaNum-Bold.woff2') format('woff2'),
    url('../fonts/IRANSansFaNum-Bold.woff') format('woff'),
    url('../fonts/IRANSansFaNum-Bold.ttf') format('truetype'),
    url('../fonts/IRANSansFaNum-Bold.svg#IRANSansFaNum-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSansFaNum-Medium.eot');
    src: url('../fonts/IRANSansFaNum-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANSansFaNum-Medium.woff2') format('woff2'),
    url('../fonts/IRANSansFaNum-Medium.woff') format('woff'),
    url('../fonts/IRANSansFaNum-Medium.ttf') format('truetype'),
    url('../fonts/IRANSansFaNum-Medium.svg#IRANSansFaNum-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


body{
    background-color: #ffffff;
    font-family: 'IRANSans' !important;
    direction: rtl;
    text-align: right;

}
*{
    box-sizing: border-box;
}

.col-25{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20.83%;
    flex: 0 0 20.83%;
    max-width: 20.83%;
    position: relative;
    /*width: 100%;*/
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-95{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 79.16%;
    flex: 0 0 79.16%;
    max-width: 79.16%;
    position: relative;
    /*width: 100%;*/
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.float-right{
    float: right;
}
.float-left{
    float:left;
}
.clear{
    clear: both;

}



.imgsecond{
    display: none;
}

.bigslider-item{
    display: none;
}

*{
    box-sizing: border-box !important;

}


/*****Medias*****/
@media (max-width: 946px) {
    .about-item-header img{
        height: 200px !important;
    }
}
@media (max-width: 593px) {
    .about-item-header img{
        height: 150px !important;
    }
}

@media (min-width: 1100px) {
    body .rule-menu ul li{
       padding: 10px !important;
    }
}

@media (max-width: 1200px) {
   .topics-item{
       width: 33% !important;
   }
}
@media (max-width: 900px) {
    .topics-item{
        width: 50% !important;
    }
}
@media (max-width: 700px) {
    .topics-item{
        width: 100% !important;
    }
}

.register-page-main-logo img , .login-page-main img{
    display: block;
    margin: auto;
}
.login-page-main{
    font-family: 'iransans';
    -webkit-box-shadow: 0px 0px 7px -1px rgba(97,97,97,1);
    -moz-box-shadow: 0px 0px 7px -1px rgba(97,97,97,1);
    box-shadow: 0px 0px 7px -1px rgba(97,97,97,1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 460px;
    margin:20px auto;
    background: white;

    padding: 20px;
}

.register-page-main{
    -webkit-box-shadow: 0px 0px 7px -1px rgba(97,97,97,1);
    -moz-box-shadow: 0px 0px 7px -1px rgba(97,97,97,1);
    box-shadow: 0px 0px 7px -1px rgba(97,97,97,1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 460px;
    margin:20px  auto;
    background: white;

    padding: 20px;
    position: relative;
}
.register-item h6{
    text-align: center;
    
    color: brown;
}
.register-user-list{
    position: absolute;
    top: 5%;
    right: -38%;
    background-color: white;
   //* padding: 15px;*/
    box-shadow: 0px 0px 5px #eee;
    /*border: 1px solid #eee;*/
    border-radius: 10px;
}
@media (max-width: 768px) {
    .register-user-list{
        position: static;
    }
}
.register-user-list ul{
    margin: 0;
    padding: 0;
}
.register-user-list ul li{
    font-size: 13px;
    padding: 13px;
    background-color: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 10px;
    margin: 10px auto;
    text-align: center;
}
.register-user-list ul li:hover{
    background-color: #f6f6f6;
    box-shadow: 0px 0px 5px #eee;
}
.register-user-list ul li a:hover{
    text-decoration: none;
    color: black;
}
.register-page-main h4 , .login-page-main h4{
    text-align: center;
    font-weight: bold;
    color: #7d6c4c;
   
}
.register-page-form fieldset  , .register-page-main-google fieldset , .login-page-form fieldset{

    text-decoration: none;
    height: 0px;
    border: navajowhite;
    border-top: 1px solid #eaeaea;
    margin: 35px 2px;
    /* padding: .35em .625em .75em; */
    color: #8e8e8e;
}


.register-page-main-google fieldset legend{
    width: 37%;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border: 0;

}

.register-page-form fieldset legend , .login-page-form fieldset legend{
    width: 57%;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    border: 0;
}
.register-page-form button , .login-page-form button{
    padding: 11px;
    width: 188px;
    background-color: #7b6a4a;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 2px 2px #3d3424;
}
.register-page-google-item{
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;


    overflow: hidden;

    border: 0.5px solid;

    height: 23px;
    background: white;
}
#register-google{
    color: orangered;
}
#register-micro{
    color: black;
}
#register-micro .item-google{
    background-color: black;
}
#register-facebook{
    color: darkblue;
}
#register-yahoo{
    color: rebeccapurple;
}
#register-google .item-google{
    background-color: orangered;
}
#register-yahoo .item-google{
    background-color: rebeccapurple;
}

#register-facebook .item-google{
    background-color: darkblue;
}

.item-google{
    text-align: center;
    padding: 0;

    height: 100%;
}
.item-google i{
    color: white;
    padding-top: 3px;
}
.register-google-caption{
    padding: 0;
    text-align: center;
    margin-top: 4px;
}
.register-google-caption a{
    text-decoration: none;
    font-size: 10px;
}
select , input {
    font-family: 'iransans';
}
@media  (max-width: 468px){
    .register-page-main , .login-page-main{
        width: 100%;
    }
    .register-page-main-google >  .row > .col-xs-4{
        margin: 10px auto;
        width: 100%;
    }
}





/***** Check box *******/
/* Customize the label (the container) */
.container-checkbox {
    display: block;
    position: relative;
    padding-right: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

/* Create a custom checkbox */
.checkmark {

    position: absolute;
    top: 0;
    right: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    color: #2196F3;
    border: 1px solid #00b7df;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #00b7df;
}

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

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

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

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



section.range-slider {
    position: relative;
    width: 100%;
    height: 80px;
    float: left;
    text-align: center;
}
.from-price{
    border-left:1px dashed darkgrey;
}
.from-price , .to-price{
    text-align: center;
    width: 50%;
    color: darkgrey;
    font-size: 14px;
}
.gold-price{
    color: #413F41;
    border-bottom: 1px dashed #413F41;
    margin: 5px;
    display: inline-block;
}
.price-btn{
    margin: auto;
    text-align: center;
    border: navajowhite;
    padding: 7px 44px;
    font-size: 13px;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
}
.product-list-price-body{
    height: 200px !important;
}
.product-list-color-choose-body{
    height: 80px !important;
}
.price-btnsd{
    text-align: center;
    margin: 21px;
}
section.range-slider input[type="range"] {
    pointer-events: none;
    position: absolute;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 14px;
    background: #F1EFEF;
    box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
    -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
    /*overflow: hidden;*/
    left: 0;
    top: 50px;
    width: 100%;
    outline: none;
    height: 4px;
    margin: 0;
    padding: 0;
}
section.range-slider input[type="range"]::-webkit-slider-thumb {

    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 10%;
    background-color: #0b2741;
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dad8da), color-stop(100%, #5174b4));*/
    /*!* android <= 2.2 *!*/
    /*background-image: -webkit-linear-gradient(top, #dad8da 0, #0b2741 100%);*/
    /*!* older mobile safari and android > 2.2 *!*/
    /*background-image: linear-gradient(to bottom, #dad8da 0, #131341 100%);*/
    /*!* W3C *!*/
}
section.range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 14px;
    background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
    /* W3C */
}
section.range-slider input[type="range"]::-ms-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -ms-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 14px;
    border: 0;
    background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
    /* W3C */
}
section.range-slider input[type=range]::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: black;
    border: 0;
}
section.range-slider input[type=range]:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}
section.range-slider input[type=range]::-moz-focus-outer {
    border: 0;
}


/*.main-header-sub{*/
    /*display: none;*/
/*}*/

/** Slider Start **/

.MultiCarousel {  float: left; overflow: hidden; padding: 0px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left; box-sizing: border-box}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:6px;}
/*.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }*/
.article-slider  .carousel .rightLst, .article-slider  .carousel .leftLst{
    background-color: #cca965 !important;
}
.leftLst{
    cursor: pointer;
    float: left;
    text-align: left;
}
.rightLst{
    cursor: pointer;
    float: right;
}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over
{ pointer-events: none; background:#ccc; }

.product-similar{
    overflow: hidden;
}
.MultiCarousel-inner .item .result-item{
    margin: 5px !important;
}
body .carousel .rightLst, body .carousel .leftLst {
    position: absolute;
    top: 40%;
    background-color: #523a4c;
    padding: 7px 19px;
    transform: translate(0%, -50%);
    text-decoration: none;
    color: white;
    font-size: 28px; }
.carousel{
    overflow: hidden;
    width: 90.9%;
    margin: auto;
}

 .rightLst {
    right: 5px; }
 .leftLst {
    left: 5px; }

 .profile-image img{
     width: 100%;
 }
.red-check .container-checkbox input.checked ~ .checkmark {
    background-color: red;
}
.product-list-color .red-check .container-checkbox:hover input ~ .checkmark {
    background-color: red;
}

.red-check  .checkmark {

    background-color: red;

    border: 1px solid red;

}
.blue-check .container-checkbox input.checked ~ .checkmark {
    background-color: blue;
}
.product-list-color .blue-check .container-checkbox:hover input ~ .checkmark {
    background-color: blue;
}

.blue-check  .checkmark {

    background-color: blue;

    border: 1px solid blue;

}.green-check .container-checkbox input.checked ~ .checkmark {
     background-color: green;
 }
.product-list-color .green-check .container-checkbox:hover input ~ .checkmark {
    background-color: green;
}

.green-check  .checkmark {

    background-color: green;

    border: 1px solid green;

}
#ok-loupe{
    background-size: 800% !important;
}

@media (max-width: 768px) {
    .min-header{
        display: block;
    }
    .header-bg{
        display: none;
    }

    .bigslider-list{
        /*display: none;*/
    }

    .bigslider-image{
        height: 145px !important;
    }
    .product-image-sliders{
        width: 85%;
        margin: 10px auto;
    }
}
@media (min-width: 768px) {
    .min-header{
        display: none;
    }
    .header-bg{
        display: block;
    }
    .hidden-side{
        display: none !important;
    }

    .bigslider-list{
        display: block;
    }

}
@media (min-width: 987px) {
    .bigslider-inner-other-images{
        display: block;
    }
    .device-bg{
        display: block;
    }
}
@media (max-width: 987px) {
    .bigslider-inner-other-images{
        display: none;
    }
    /*.device-bg{*/
    /*   // display: none;*/
    /*}*/
    .device-bg .imac img{
        width:100%;
        position : static;
    }
    .device-bg .ipad1 img{
        width:100%;
        position : static;
    }
    .device-bg .ipad2 img{
        width:100%;
        position : static;
    }
    body .device-bg .ipad1{
        top :unset !important;
        left : unset !important;
        position : static !important;
    }
    body .device-bg .ipad2{
        top :unset !important;
        left : unset !important;
        position : static !important;
    }
}
@media (max-width: 1200px) {
    .col-125 , .col-95{
        width: unset;
    }
}
.swal-text {
    font-size: 15px !important;
    text-align: center !important;
}

.swal-footer{
    text-align: center !important;
}
span.sellers{
    cursor: pointer;
    background-color: #f3efef;
    color: #333;
    border-radius: 5px;
    border: 1px dashed #a6926d;
    padding: 3px 10px;

}
span.sellers.active {
    /*  border: 3px dashed silver;*/
    font-size: 20px;
    color: #ff2790;
    /*text-shadow: 2px 1px #b7b7b7;*/
    cursor: pointer;
    padding: 5px 7px 1px 7px;
}

.seller{
    font-size: 15px;
}

.pointer{
    cursor: pointer !important;
}

/**** Hemmat Edited ****/
.register-page-form input{
    color:black;
}
.register-page-form input::placeholder{
    color:black;
}