@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */

html {
    font-size: 13px;
}

#app > div.container-fluid > div.row:nth-of-type(1) {
    margin: 50px auto;
}

form, p, a, div, span, h1, h2, h3, h4, h5, h6,input, textarea, table, tr, th, td {
	font-family: 'IRANSans_FaName', IRANSans !important;
}

.invalid-feedback, .valid-feedback {
    display: initial !important;
}

.bfix {
    display:inline-block;
}
.tdltr {
    direction:ltr;
    text-align:left;
}

.ck.ck-editor__editable_inline {
    direction: rtl !important;
}

input[type=checkbox]:checked + span {
    font-weight: bold;
}

input[type=email] {
    direction: ltr;
    text-align: left;
}


.navbar-nav {
    padding-right: 0;
    padding-left: initial;
}

#topbar {
    border-top: 2px solid orangered;
}

#mainmenu {
    border-bottom: 2px solid orangered;
    box-shadow: 0 2px 4px grey;
    z-index: 16;
}

ul.subrow {
    list-style: none;
    padding-inline-start: 0;
}

.sub-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px #eee;
    border-radius: 2px;
    z-index: 999999999;
}

.sub-menu:hover {
    display: block;
}

.has-sub:hover ~ .sub-menu  {
    display: block;
}

.smnorm {
    width: 350px;
}

.smfull {
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}

.subrow h3 {
    font-size: 16px;
    color: #ff3546;
    padding: 5px 0 5px 0;
    line-height: 30px;
    border-bottom: 2px solid #f9757f;
}

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

.menuflash {
    opacity: 0;
    transition: all 300ms ease-in-out;
}

.subrow li:hover .menuflash {
    opacity: 1;
    transition: all 300ms ease-in-out;
}

.section-title {
    background-image: repeating-linear-gradient(45deg,#fff,#fff 3px, rgba(78, 232, 185, 0.45) 3px,#f1f1f1 6px);
    font-size:16px;
}

.customers img {
    max-height: 118px !important;
    max-width: 93% !important;
    vertical-align: middle;
}

.customers div {
    text-align: center;
}

.customers .slick-slide {
    height: 118px !important;
    line-height: 118px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.posts .card-img-top {
    height: 240px;
}

.posts .fixheight140 {
    height: 140px;
    background-color: #fff;
    z-index: 10000;
}

.posts .hsdiv {
    width: 100%;
    overflow: hidden;
}

.posts .hoverscale:hover {
    transition: all 1.5s ease-in-out;
    transform: scale(1.25) rotate(-4deg);
}

.posts .hoverscale {
    transition: all 1.5s ease-in-out;
    transform: scale(1) rotate(0);
}

.posts .ptitle {
    font-size:16px;
    height:30px;
}

footer {
    background: #f2f2f2;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 2px solid orangered;
}

.copy-right {
    margin-top: 25px;
    border-top: 2px solid rgba(153,152,152,.2);
    padding: 10px 0;
    color: #817f7f;
    padding-bottom: 20px;
}

.footer-box-title {
    border-bottom: 0 solid #777;
    padding: 5px 0;
    color: #9c3030;
    font-size: 20px;
}

.footer-app-head {
    list-style: none;
    margin-bottom: 22px;
    font-size: 15px;
    color: #49667b;
}

.divNewsLetters {
    line-height: 12px;
    width: 100%;
}

.divNewsLetters .btn-more {
    margin-top: 10px;
}

.input-group-news-later .form-control {
    box-shadow: 0 0 0;
    border: 1px solid #e1e1e1;
    height: 38px;
    text-align: left;
    border-left: 0;
}

.input-group-news-later .input-group-addon {
    background: #fff;
    border-radius: 0;
    border: 1px solid #e1e1e1;
    border-right: 0;
    color: #a5a5a5;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    text-shadow: -1px -1px 1px #fff;
    direction: ltr;
}

.btn-more {
    background: #f56363;
    border-radius: 0;
}

.full-width {
    width: 100%!important;
}

footer .first-person {
    margin-bottom: 22px;
    font-size: 15px;
    color: #49667b;
}

.footer-access-link {
    list-style: none;
    padding: 0;
}

.footer-access-link li a {
    display: block;
    position: relative;
    padding-right: 7px;
    overflow: hidden;
    transition: all .5s;
    font-size: 13px!important;
}

footer p, footer div {
    font-size: 13px;
    line-height: 22px;
}

.footer-app li {
    margin-bottom: 5px;
    margin-top: 5px;
}


a:focus, a:hover, a:active {
    outline: unset!important;
    outline-offset: 0!important;
    text-decoration: none!important;
}

.footer-app {
    padding-right: 0;
    list-style: none;
}

#myTab a {
    font-size: 12px;
}

#topproducts .tab-pane {
    padding: 10px;
}

#myTab a.active {
    background-color: #eee;
}

.customers img:hover {
    transform: scale(1.3);
    transition: all 500ms ease-in-out;
}

.customers img {
    transform: scale(1);
    transition: all 500ms ease-in-out;
}

.tcpro img {
    filter: grayscale(70%);
    border-radius: 2px;
}

.tcpro img:hover {
    filter: grayscale(0);
    transform: scale(1.05);
    transition: all 500ms ease-in-out;
}

#slider{
    direction: ltr;
}

.bx-wrapper .bx-controls-direction a {
    text-indent: 9999px !important;
}

.slidetxt {
    position: absolute;
    right: 10%;
    top: 10%;
}

.bx-wrapper {
    margin-bottom: 20px !important;
}

.heading-page {
    border-bottom: 1px solid #c7cfc3;
    height: 93px;
    background: linear-gradient(to top,#f1f3f0,#f6f8f4 30px);
    color: #006478;
    position: relative;
    margin-bottom: 30px;
}

.heading-page .container {
    position: relative;
    height: 93px;
    padding-top: 30px;
}

.heading-page .container::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid #5a5858;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    position: absolute;
    right: 39px;
    bottom: -19px;
}

.heading-page .container::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid #f0f2ee;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    position: absolute;
    right: 39px;
    bottom: -19px;
}

.heading-page h3, .heading-page h1 {
    color: #006478;
    font-size: 25px;
}

.login-link {
    margin-right: 15px;
    color: #2c3e50;
    padding-bottom: 5px;
    border-bottom: 1px dotted;
    display: inline-block;
}

.sritem-28 {
    border-top: 1px solid #eee;
    padding-top: 10px;
    font-size: 14px;
}

.dropdown-menu {
    z-index: 600000;
}

.dropdown-menu {
    left: 0;
    right: auto;
}

#goTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 26px;
    z-index: 9999999999;
}

#goTopBtn:hover {
    background-color: #0056b3;
}

@media only screen and (max-width: 991px) {
    .desktop{
        display: none;
    }
}
@media only screen and (min-width: 992px) {
    .mobile{
        display: none;
    }
}