
html { scroll-behavior: smooth; overflow-x: hidden; }
/* 
@font-face{
    font-family: 'IranSanse';
    src: local('IranSanse'),
    url('fonts/eot/IRANSansWeb.eot') format('eot'),
    url('fonts/ttf/IRANSansWeb.ttf') format('ttf'),
    url('fonts/woff/IRANSansWeb.woff') format('woff'),
    url('fonts/woff2/IRANSansWeb.woff2') format('woff2');
} */

body {
    margin: 0;
    padding: 0;
    /* font-family: 'IranSanse';
    font-size:70%;
    font-style: normal; */
    line-height: 1.5;
    overflow-x: hidden;
}




.p-4 {
    padding: 0rem !important
}.mbt-3{
    margin-bottom:0rem!important;
    margin-top: 0rem;
}
.img-fluid {
    max-width:100%;
    /* height: auto */
}
.position-relative {
    position:relative !important
}

.col-lg-4,
.col-md-6,
.col-sm-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}
.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px;
    margin-left: -15px */
}

head3 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.5
}

head3 {
    font-size: 1rem
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
main,
nav,
section {
    display: block
}


/* a {
    transition: all 0.3s ease;
    color: #666;
    height: 210px;
    text-decoration:none;
} */

a:hover {
    color: #29BBCC;
    text-decoration: none;
}

p { color: #666666; }

.tm-logo-container,
.tm-logo-container2 {
    display: block;
    padding: 0px;
    border-radius: 20px;
    border-color: #0849a3;
    border-style: solid;
    border-width: 2px;
    /*width: 300px;*/
    height: 190px;
    margin: 15px 10px;
}

.tm-bg-blue {
    background-color: #0849a3;
    height: 3rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.tm-text-primary,
.tm-text-primary a {
    color: #FFFFFF;
    text-align: center;
    margin : 0px;
    line-height : inherit;
 }
.tm-text-secondary { color: #3CAFAF; }

.tm-content-container {
    max-width: 1422px;
    padding-top: 80px;
    padding-bottom: 35px;
}

.tm-catalog-item-list { justify-content:center; }

.tm-catalog-item {
    max-width: 160px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

.tm-catalog-item a,
.tm-catalog-item a:hover {
    margin: 0px;
}


.tm-thumbnail-container { overflow: hidden; }
.tm-thumbnail-container img { transition: all 0.4s ease; }
.tm-thumbnail-container:hover img { transform: scale(1.2) rotate(5deg); }

.tm-img-overlay:hover { background-color: transparent; }
.tm-img-overlay:hover .tm-overlay-icon { opacity: 0; }
.tm-catalog-item-description { flex: 1; }

@media (max-width: 1419px) {
    .tm-catalog-item { margin-bottom: 0px; }
}

@media (max-width: 991px) {
    .tm-logo-container {
        height: 173px;
        width: 140px; /*250*/
    }
    .tm-logo-container2 {
        height: 173px;
        /*width: 140px;*/
    }
    .tm-site-header { padding: 20px; }
    .tm-catalog-item-list { max-width: 924px; }
    .tm-share-box { max-width: 400px; }
}

@media (max-width: 879px) {
    .tm-categories-container {
        flex-direction: column;
        align-items: flex-start;
    }
}
