/*general*/
@font-face {
    font-family: vazir;
    src: url(../fonts/Vazir.woff);
}

html,
body {
    font-family: 'Open Sans', Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    background-image: url('../images/bg-footer.jpg');
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    margin: 0;
    font-weight: bold;
}

p {
    font-family: 'Open Sans', Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    margin: 0;
    font-weight: 400;
}

.p0 {
    padding: 0;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.p50 {
    padding: 50px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt30 {
    padding-top: 30px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt100 {
    margin-top: 100px;
}

.inline-block {
    display: inline-block !important;
}

.img-square{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.img-square img{
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
}

.img-res {
    max-width: 100%;
}


a {
    color: #696e76;
}

a:hover {
    text-decoration: none;
    color: #797979;
}

ul {
    padding: 0;
}

li {
    list-style: none;
}

.black {
    color: #393939;
}

.white {
    color: white;
}

.gold {
    color: #d9bf2e;
}

.orange {
    color: #f89c18;
}

.grey {
    color: #797979;
}

.justify {
    text-align: justify;
    text-justify: inter-word;
}


/*general*/

.bg {
    background-size: cover;
    background-position: center;
}


/*header*/

.first-header {
    background-color: #666561;
    border-bottom: 1px solid white;
    padding: 10px 0;
}

.icon {
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.icon2 {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.lang-dropdown {
    background-color: transparent;
    border: none;
}

.sait-nav {
    border-radius: 0;
    margin: 0;
    background-color: #101d0c;
    border: none;
    border-bottom: 3px solid white;
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.sait-nav .navbar-nav>li>a {
    color: #fff;
}

.sait-nav .navbar-nav>li>a:focus,
.sait-nav .navbar-nav>li>a:hover {
    color: #d9bf2e;
}

.sait-nav .navbar-nav>.active>a,
.sait-nav .navbar-nav>.active>a:focus,
.sait-nav .navbar-nav>.active>a:hover {
    color: #d9bf2e;
    background-color: transparent;
}

.sait-nav .navbar-nav>.open>a,
.sait-nav .navbar-nav>.open>a:focus,
.sait-nav .navbar-nav>.open>a:hover {
    color: #d9bf2e;
    background-color: transparent;
}

.search-input {
    height: 20px;
    padding: 0 12px;
    border-radius: 20px;
    background-color: transparent;
    color: white;
}

.navbar-form {
    padding: 15px 0;
}

.seach-btn {
    background-color: transparent;
    border: none;
    color: #d9bf2e;
    position: relative;
    left: -30px;
}

.brands {
    transition: transform .4s
}

.brands:hover {
    transform: scale(1.2, 1.2)
}


/*header*/


/*section*/

.home {
    min-height: 1400px;
}

.logo {
    margin-top: 800px;
}

.shortcut {
    overflow: hidden;
}

.shortcut:hover .shortcut-icon {
    height: 900px;
    width: 900px;
    opacity: .6;
    right: -480px;
    bottom: -500px;
}

.shortcut:hover .shortcut-icon i {
    display: none;
}

.shortcut h1 {
    opacity: .5;
}

.shortcut-icon {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    background-color: #5da944;
    text-align: center;
    position: absolute;
    left: 10px;
    bottom: 10px;
    transition: all .4s;
}

.shortcut-icon i {
    font-size: 1.5em;
    margin-top: 12px;
}

.title {
    background-image: url('../images/menu - line.png');
    background-position: center;
    background-repeat: no-repeat;
}

.offer1-content {
    padding: 30px;
}

.line {
    text-decoration: line-through;
}

.counter li {
    margin: 0 5px;
    background-color: #f89c18;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    padding: 5px;
}

.carousel-indicators {
    text-align: right;
    left: 100px;
    width: 100%;
}

.carousel-indicators li {
    border: 1px solid #969696;
}

.carousel-indicators .active {
    background-color: #f89c18;
}

.new-arrival {
    padding: 30px;
}


/*section*/


/*footer*/

.more {
    color: #d9bf2e;
}

.more:hover {
    color: #ffe033;
}

@media screen and (min-width:768px) {
    .footer-content {
        margin-top: 100px;
    }
}

.copyright {
    padding: 20px;
    background-color: #797979;
}


/*footer*/

.back-to-top {
    font-size: 5em;
    position: absolute;
    bottom: 0;
    left: 50px;
    color: #797979;
}


/*cost-slider*/

.noUi-horizontal {
    height: 5px;
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 1px;
    background: #E8E7E6;
    left: 9px;
    top: 5px;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    background: #d9bf2e;
    cursor: default;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -17px;
    top: -9px;
}

.noUi-connect {
    background: #b8aa5d;
    box-shadow: none;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}


/*cost-slider*/


/*product-list*/

.product-list div.list-hover {
    background: white;
}

.product-list-pic {
    border: 5px solid #f3f3f3;
    padding: 15px
}

.product-list-content {
    background-color: #f3f3f3;
    padding: 5px 15px;
}

.btn-card {
    background-color: #56ae00;
    color: white;
    padding: 2px 5px;
    border-radius: 50px;
}

.btn-card:hover {
    background-color: #6bd800;
    color: #fff;
}

.cost {
    color: #56ae00;
}

.like i {
    font-size: 1.2em;
    margin: 0 5px;
}

.fa-star {
    color: gold;
}

.product-list .list-hover {
    transition: box-shadow .4s
}

.product-list .list-hover:hover {
    box-shadow: 0 0 15px #aaa9a0;
}


/*product-list*/


/*product-single*/

.btn-card2 {
    background-color: #56ae00;
    color: white;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 1.5em
}

.btn-card2:hover {
    background-color: #6bd800;
    color: #fff;
}

.detail li {
    list-style: disc;
    margin-left: 20px;
}

.product-tab {
    border: none;
}

.product-tab>li {
    padding: 0 5px;
}

.product-tab>li>a {
    background-color: #e2e2e2;
    border: none;
    border-radius: 0;
}

.product-tab>li.active>a,
.product-tab>li.active>a:focus,
.product-tab>li.active>a:hover {
    color: #fff;
    background-color: #ceb62e;
    border: none;
}

.tab-pane {
    background-color: #f7f7f7;
    padding: 20px;
}

.tab-content {
    padding: 5px;
}

.slick-sliders a:hover img {
    transform: scale(1.2, 1.2);
    transition: all .4s;
}


/*product-single*/

#myCarousel .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    text-shadow: none;
}

#myCarousel .list-group {
    position: absolute;
    top: 0;
    left: 0;
}

#myCarousel .list-group-item {
    border-radius: 0px;
    cursor: pointer;
    padding: 0;
    border: none;
    height: 105px !important;
    margin: 15px 0;
    text-align: center;
}

.product-slider {
    margin: 15px 0;
}

.product-slider img {
    height: 345px !important;
}

#myCarousel .list-group .active {
    background-color: #fff;
    border: none;
}

@media (min-width: 992px) {
    #myCarousel {
        padding-left: 33.3333%;
    }
    #myCarousel .carousel-controls {
        display: none;
    }
}

@media (max-width: 991px) {
    .carousel-caption p,
    #myCarousel .list-group {
        display: none;
    }
}

.modal-content {
    padding: 50px !important;
}

.panel-table td,
.panel-table th {
    padding: 10px 15px;
}

@media screen and(min-width: 992px) {
    .shortcut1 {
        padding: 0 5px 0 0
    }
    .shortcut2 {
        padding: 0 0 0 5px
    }
    .shortcut3 {
        padding: 0 5px 0 0
    }
    .shortcut4 {
        padding: 0 0 0 5px
    }
}

.invoice-table td {
    padding: 15px 30px !important;
}

.invoice-table table {
    width: 100%;
}

.invoice-table thead tr {
    border: 1px solid #ddd;
    background-color: #eee;
}

.invoice-table thead tr th {
    padding: 10px 0;
}

.invoice-table tbody tr td {
    border: 1px solid #ddd
}

.carousel-control.left {
    background-image: none;
    filter: none;
}

.carousel-control.right {
    background-image: none;
    filter: none;
}

.caro-index {
    height: 90vh;
}

@media screen and (max-width: 768px) {
    .shortcut h1,
    .shortcut h2 {
        font-size: 1em
    }
}


.product-list-content h4 {
    max-height: 3.65em;
    min-height: 3.65em;
}