@charset "utf-8";

@font-face {
    font-family: Iransansweb;
    src: url('/Content/fonts/Iransansweb.eot?#') format('eot'), /* IE6–8 */
    url('/Content/fonts/Iransansweb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Content/fonts/Iransansweb.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: yekan;
    src: url('/Content/fonts/BYekan.eot?#') format('eot'), /* IE6–8 */
    url('/Content/fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Content/fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: mit;
    src: url('/Content/fonts/BMitra.eot ?#') format('eot'), url('/Content/fonts/BMitra.woff') format('woff'), url('/Content/fonts/BMitra.ttf') format('truetype');
}

@font-face {
    font-family: roya;
    src: url('/Content/fonts/BRoya.eot ?#') format('eot'), url('/Content/fonts/BRoya.woff') format('woff'), url('/Content/fonts/BRoya.ttf') format('truetype');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/Content/fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/Content//Content/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/Content//Content/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/Content//Content/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BCompset';
    src: url('/Content/fonts/BCompset.eot?#') format('eot'), /* IE6–8 */
    url('/Content/fonts/BCompset.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Content/fonts/BCompset.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


h2 {
    font: 14px IransansWeb !important;
    padding: 4px;
    margin: 10px 2px;
    color: #999;
    cursor: default;
    background: #eee;
}



body {
    /*background-color: rgb(250,250,250);*/
    font-family: IransansWeb !important;
}

/*Header*/

header {
    background-color: white;
}

.header-top {
    margin-top: 2px;
    margin-bottom: 5px;
    height: 70px;
}

.header-top-table {
    width: 100%;
}

.header-top-table-logo {
    width: 75px;
}

.header-top-table-textbox {
    min-width: 75px;
    max-width: 150px;
}

.header-top-table-icons {
    min-width: 50px;
}

.header-top-icons {
    /* margin-top: 22px;*/
}

.header-textbox-search {
    border-radius: 15px;
    margin-top: 15px;
    max-width: 150px;
    max-height: 25px;
}

.header-btn-search {
    margin-top: 10px;
    color: white !important;
    background-color: black;
    border-radius: 20px;
}

.header-logo {
    margin-left: 10px;
}




/*End Header*/



/*Menu*/
/*.navbar {
    margin-bottom: 0;
}*/

.background-color-#131A22 {
    background-color: #131A22 !important;
}

.color-#131A22 {
    color: #131A22 !important;
}

.menu {
    background-color: #eee !important;
    /*  border:none!important;*/
    margin-bottom: 0px !important;
    border-bottom: 1px solid #d8d8d8
}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.menu-header {
    font-family: IransansWeb;
}

.menu-item {
    font-family: IransansWeb;
    font-size: 12px;
    font-weight: bold;
    /*color: white;*/
    /*color:rgb(165,137,150);*/
    color: rgb(43, 40, 41)
}

.menu-subitem {
    font-family: IransansWeb;
    font-size: 14px;
    color: black;
}
/*End Menu*/


/*Slider*/
.slider {
    width: 100%;
    max-height: 400px;
    margin-bottom: 60px;
}

.slider-image {
    width: 100%;
    height: 450px;
    max-height: 450px;
}
/*End Slider*/

/*Border*/
.border-1px {
    border: 1px solid #ddd;
}

.border-2px {
    border: 2px solid black;
}

.border-top-down-2px {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.border-left-1px {
    border-left: 1px solid black;
}
/*End Border*/


/*margin*/
.margin-auto {
    margin: 0 auto !important;
}

.margin-50 {
    margin: 50px;
}

.margin-20 {
    margin: 20px;
}

.margin-0 {
    margin: 0px !important;
}

.margin-1 {
    margin: 1px !important;
}

.margin-5 {
    margin: 5px;
}

.margin-3 {
    margin: 3px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}


.margin-left-5 {
    margin-left: 5px;
}

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-3 {
    margin-bottom: 3px;
}

.margin-left-0 {
    margin-left: 0px !important;
}

.margin-right-0 {
    margin-right: 0px !important;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-top-1 {
    margin-top: 1px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-200 {
    margin-top: 200px;
}

.margin-manfi-5 {
    margin: -5px;
}

.margin-manfi-10 {
    margin: -10px;
}

.margin-manfi-15 {
    margin: -15px;
}

.margin-manfi-20 {
    margin: -20px;
}

.margin-top-manfi45 {
    margin-top: -45px;
}

.margin-top-manfi30 {
    margin-top: -30px;
}

.margin-bottom-manfi-5 {
    margin-bottom: -5px;
}


.margin-bottom-50 {
    margin-bottom: 50px;
}

/*End margin*/

/*Padding*/
.padding-0 {
    padding: 0px !important;
}

.padding-2 {
    padding: 2px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px !important;
}


.padding-right-0 {
    padding-right: 0px !important;
}

.padding-left-0 {
    padding-left: 0px !important;
}


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



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


.padding-left-0 {
    padding-left: 0px;
}

.padding-top-20 {
    padding-top: 20px;
}
/*End padding*/


/*Directions*/
.direction-ltr {
    direction: ltr !important;
}

.direction-rtl {
    direction: rtl !important;
}
/*End Directions*/

/*Text Font Size*/

.titr {
    font-family: IransansWeb;
    text-align: center;
    font-size: 18px;
    color: black;
    font-weight: bold;
}

.placeholder {
    font-family: IransansWeb;
    font-size: 12px;
}

.text-title {
    font-family: IransansWeb;
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.text {
    text-align: center;
    font-family: Iransansweb;
    font-size: 12px;
    font-weight: normal !important;
    color: black;
}

.text2 {
    text-align: center;
    font-family: Iransansweb;
    font-size: 10px;
    font-weight: normal !important;
    color: #414042;
}



.text-title-small {
    font-family: IransansWeb;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: black;
}

.text-title-medium {
    font-family: Iransansweb;
    text-align: center;
    font-size: 12px;
    color: black;
    font-weight: bold;
}

.text-title-medium2 {
    font-family: Iransansweb;
    text-align: center;
    font-size: 10px;
    font-weight: normal !important;
    color: #414042;
}

.text-btn {
    font-family: IransansWeb;
    font-size: 14px;
    color: black;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-8 {
    font-size: 8px !important;
}

.font-size-18 {
    font-size: 8px !important;
}

.font-size-24 {
    font-size: 24px;
}
/*End text font and size*/



/*BOX*/
.box-artist {
    /*padding:15px;*/
    /*margin-top: 15px*/
    padding: 0px;
    height: 200px;
    max-height: 200px;
}

.box-artist-border {
    width: 100%;
    height: 400px;
    max-height: 400px;
    /*border: 2px solid black;*/
}

.box-artist-image {
    width: 100%;
    height: 250px;
    max-height: 250px;
}

.artist-image {
    width: 100%;
    margin: 0px;
    /*margin-top: 2px;*/
    height: 200px;
    max-height: 250px;
}
/*End BOX*/



/*Events*/
.event-image {
    width: 140px;
    height: 200px;
}
/*End Events*/


/*Colors*/
.color-white {
    color: white;
}

.color-black {
    color: black;
}
/*End Colors*/


/*Position*/
.position-relative-top-50 {
    position: relative;
    top: 40px;
}

.position-fixed {
    position: fixed;
}

.position-relative {
    position: relative;
}

.hh:hover {
    opacity: 0.5;
    background: #131A22
}
/*End Poseition*/



/*Rugs*/
.rugs-box-image {
    padding: 3px !important;
}

.rugs-box-colors {
    width: 70px;
    height: 70px;
    /* border: 1px solid;*/
    margin: 5px;
}

.rugs-box-color {
    width: 100%;
    height: 20%;
}

.rugs-color1 {
    background-color: #1b6d85;
}

.rugs-color2 {
    background-color: #5bc0de;
}

.rugs-color3 {
    background-color: #31b0d5;
}

.rugs-color4 {
    background-color: #485769;
}
/*End Rugs*/



/*galleriest*/
.gallerist-logo {
    height: 150px !important;
    max-height: 150px;
}


.galleriest-box-image {
    height: 200px;
    width: 200px;
    /*max-height: 250px;*/
    padding: 0px;
}

.galleriest-image {
    width: 100%;
    height: 100%;
    max-width: 300px;
}
/*end galleriest*/

/*Events*/

/*End Events*/


/*Footer*/
.go-to-up {
    margin-top: 50px;
    color: white;
    text-align: center;
    background-color: #131A22;
    font-family: mit;
    font-size: 13px;
}

.hr-footer {
    color: #485769;
    background-color: #485769;
    border-color: #485769;
}

.footer-item-header {
    color: white;
    font-size: 16px;
    font-weight: bold;
    font-family: IransansWeb;
}

.footer-item {
    color: #9BC7DD;
    font-size: 16px;
    font-family: mit;
    /*margin-top: 10px;*/
}

.footer-links-background {
    background-color: #131A22;
}

.footer-links-title {
    text-align: left;
    color: white;
    font-size: 14px;
    /*margin: -5px;*/
    /*margin-top: 0px;*/
}

.footer-links-subtitle {
    text-align: left;
    font-size: 13px;
    margin: -5px;
}

.footer-btn-phone {
    /*background-color: black;
    color: white;*/
    color: black;
}


.footer-contact-text {
    font-family: yekan;
    color: black;
}

.footer-textbox-khabarname {
    border-radius: 15px;
    /*margin-top: 0px;*/
    max-width: 250px;
    max-height: 25px;
}

.footer-btn-signin {
    margin-top: -5px;
    color: white !important;
    background-color: black;
    width: 100px !important;
    border-radius: 15px;
}


/*End Footer*/




/*motefarregheh*/
.width-100 {
    width: 100%;
}

.width-29 {
    width: 29% !important;
}

.width-30 {
    width: 30% !important;
}

.width-25 {
    width: 25% !important;
}


.width-48 {
    width: 48% !important;
}

.width-50 {
    width: 50% !important;
}

.width-59 {
    width: 59% !important;
}

.width-60 {
    width: 60% !important;
}

.width-85 {
    width: 85% !important;
}





.max-height-15 {
    height: 15px !important;
    max-height: 15px !important;
}

.max-height-30 {
    height: 30px !important;
    max-height: 30px !important;
}


.max-height-100 {
    height: 100px !important;
    max-height: 100px !important;
}

.max-height-100Percent {
    max-height: 100% !important;
}

.max-height-200 {
    /*height:200px !important;*/
    max-height: 200px !important;
}

.max-height-150 {
    height: 150px !important;
    max-height: 150px !important;
}

/*End etc*/



.slider-no-shadow {
    background-image: none !important;
    filter: none !important;
    color: none;
    background: none !important;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
    filter: none !important;
    opacity: 0.1 !important;
    background-color: black;
    color: black;
    background: none !important;
}


.slider-image-size-pc {
    width: 100% !important;
    /*height:500px;*/
    /*max-height:500px !important;*/
    height: 500px;
    max-height: 500px !important;
}

.slider-image-size-mobile {
    /*width:100% !important;*/
    height: 200px !important;
    max-height: 250px !important;
}


.text-align-right {
    text-align: right;
    direction: rtl;
    line-height: 24px
}


.text-align-left {
    text-align: left;
    direction: ltr;
}

.text-align-center {
    text-align: center;
}



/*Controlls*/

.control-input-small {
    padding: 2px !important;
    height: 25px !important;
    max-height: 25px !important;
    font-size: 9px !important;
    margin: 0px;
}


.control-label-small {
    font-size: 11.6px;
    font-weight: 200;
    text-align: left !important;
    margin: 0px !important;
    padding: 1px !important;
}


/*End Controlss*/



/*Color Box*/

.filter-color-box {
    height: 8px !important;
    /*width: 10px !important;*/
}


/*End Color Box*/


.image-rug-box {
    width: 100px;
    height: 100px;
}



/*حذف دکمه های کم و زیاد کردن اعداد در تکس باکس های نامبر*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.title-Gallerist-page {
    font-size: 26px !important;
}



.cursor-pointer {
    cursor: pointer;
}

.conbox {
    padding: 0 !important;
    margin: 0 !important;
}

/*basket*/
.clientarea span {
    /*color: #fff;
    background-color:#4b88f6;
    margin-right: 6px;
    width:30px;
    height:30px;
    padding:1px;
    padding-left:3px;
    padding-right:3px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height:23px;
    text-align: center;
    position: relative;
    font-size:8px;
    top:-2px;*/
}

.clientarea a:hover {
    text-decoration: none !important;
}

.adminarea span {
    /*color: #fff;
    background-color:#131A22;
    margin-right: 6px;
    width:30px;
    height:30px;
    padding:3px;
    padding-left:5px;
    padding-right:5px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height:23px;
    text-align: center;
    position: relative;
    font-size:10px;
    top:-2px;*/
}

.adminarea {
    color: black;
}

    .adminarea a:hover {
        text-decoration: none !important;
    }

/* End basket*/
footer {
    background: var(--foreground);
    word-break: break-word;
    margin-top: 120px;
    font-weight: normal;
    font-size: 11px;
    line-height: 25px;
}

.externalLogo {
    /*width: 100%;*/ /*125px;*/
    height: 100%; /*125px;*/
    background-color: #f2f2f2;
    float: right;
    margin: 30px 0px;
}

.footer-container{
    text-align:justify;
}

.footerCols {
    margin-top: 30px;
    text-align: justify;
}

    .footerCols ul {
        list-style-type: none;
    }

        .footerCols ul li:nth-child(1) {
            font-weight: bold;
            font-size: 15px;
        }

        .footerCols ul li:nth-child(2) {
            margin-top: 10px;
        }

.footerCopyRight {
    margin: 20px 10px 20px 0px;
}

.footerCols ul li a {
    color: var(--brush-color);
}

    .footerCols ul li a i {
        font-size: 20px;
    }

.iconContainer {
    font-size: 1.5rem;
    vertical-align: middle;
    margin: 0 10px;
}

.contact-section {
    color: red;
    height: auto;
}
.auto-Height {
    height: auto;
}
.phone-number-container {
    margin: 0 10px;
}
/*.mainContainer {
    position: relative;
    min-height: calc(100vh - 41rem);
}

.contentContainer {
    padding-bottom: 2.5rem; /* Footer height */
/*}

.footerContainer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*height: 2.5rem;*/ /* Footer height */
/*}*/



/*.language-container ul li.lang-option {
    background-color: #DEDEDE;
    box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    -webkit-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    -moz-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
}

    .language-container ul li.lang-option:hover {
        background-color: #B8B8B8;
    }

.language-container ul li.lang-option {
    z-index: 1;
    padding: 5px;
    display: none;
    list-style: none;
}

.language-container ul li:first-child {
    display: block;
}

.language-container ul li {
    cursor: default;
}*/
.change-language-container {
    font-weight: normal !important;
    font-size: 11px !important;
}
.change-language-container ul {

    background: transparent !important;
}

    .change-language-container button {
        background: transparent !important;
        border: none;
        font-weight: normal !important;
        font-size: 11px !important;
    }
.dropdown-menu {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .175);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .175);
}


.font-small {
    font-size: small;
}


/* Center Logo in Menu Start */
@media (min-width:992px) {
/*Monitor Only*/
.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.desktoplogo {
    display: flex;
}
.user-shortcut {
    padding: 1rem 30% 0 0 !important;
}

    .user-default-shortcut {
        padding: 1rem 0 0 30% !important;
    }

    .mobile-only {
        display: none !important;
    }

}
.form-container {
    text-align: center;
}
.center-text{
    text-align:center;
}

.user-menu-header {
    margin: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
/*Account Pages Start 766*/
@media (max-width: 991px) {
    .form-container {
        margin: 0 3rem;
        font-size: smaller;
    }
    .border-1px {
        border: none;
    }
    input {
        font-size: small !important;
    }
}
/*Account Pages End*/

.border-none {
    border: none;
}

.panel{
    background-color: var(--foreground);
}

h2 {
    background: var(--base-background) !important;
}

.dark-btn {
    background: var(--button-color);
    border: none;
    box-shadow: none;
}