rotoparspump/assets/css/original.css

:root {
    --color-primary: #4762ff;
    --color-secondary: #ff6363;
    --color-tertiary: #ac1de1;
    --color-gradient-start: #4762ff;
    --color-gradient-stop: #ff798e;
    --color-gradient-start-secondary: #0bccee;
    --color-gradient-stop-secondary: #ac1de1;
    --color-gradient-start-tertiary: #ffba83;
    --color-gradient-stop-tertiary: #ffa5cd
}

body {
    font-family: cerebri sans, sans-serif;
    font-size: 16px;
    line-height: 1.9em;
    color: #828282
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6 .h6 {
    color: #060221
}

.h1,
h1 {
    font-size: 23px;
    line-height: 1.4em
}

.h2,
h2 {
    font-size: 25px;
    line-height: 1.4;
    letter-spacing: 0
}

.h3,
h3 {
    font-size: 23px;
    line-height: 1.5em
}

.h4,
h4 {
    font-size: 26px;
    line-height: 1.6em
}

.h5,
h5 {
    font-size: 20px;
    line-height: 1.6em
}

.h6,
h6 {
    font-size: 18px;
    line-height: 1.8
}

.font-family-roboto {
    font-family: roboto, sans-serif
}

.font-family-amiri {
    font-family: amiri, sans-serif
}

.main-header .social-icon {
    font-size: 17px
}

.main-header .social-icon:not([class*=scheme-]) a,
.main-nav > li > a {
    color: rgba(255, 255, 255, .7)
}

.main-header .social-icon:not([class*=scheme-]) a:hover,
.main-nav > li > a:hover {
    color: #fff
}

.main-nav > li > a {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .02em
}

.main-nav > li.is-active > a,
.main-nav > li.current-menu-item > a,
.main-nav > li:hover > a,
.main-nav > li > a:hover {
    color: #fff
}

.nav-light .main-nav > li > a {
    color: rgba(255, 255, 255, .75)
}

.nav-light .main-nav > li > a .link-ext {
    background-color: #fff
}

.nav-dark .main-nav > li > a {
    color: rgba(0, 0, 0, .75)
}

.nav-dark .main-nav > li.is-active > a,
.nav-dark .main-nav > li.current-menu-item > a,
.nav-dark .main-nav > li:hover > a,
.nav-dark .main-nav > li > a:hover {
    color: #000
}

.main-footer {
    color: #98a2aa
}

.main-footer a:not(.btn) {
    color: #98a2aa
}

.main-footer a:not(.btn):hover {
    color: #fff
}

@media (min-width: 1200px) {
    .main-header .is-stuck {
        background: #fff !important
    }

    .mainbar-wrap.is-stuck .social-icon a,
    .mainbar-wrap.is-stuck .header-module .ld-module-trigger,
    .mainbar-wrap.is-stuck .main-nav > li > a,
    .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input {
        color: rgba(0, 0, 0, .7) !important
    }

    .mainbar-wrap.is-stuck .social-icon a:hover,
    .mainbar-wrap.is-stuck .main-nav > li > a:hover {
        color: #000 !important
    }

    .megamenu-heading {
        color: #3b91f7
    }

    [data-megamenu-bg-scheme=light] .lqd-custom-menu a {
        color: #3e3f42
    }

    .megamenu .lqd-custom-menu a:hover {
        color: #3b91f7
    }
}

@font-face {
    font-family: iranian;
    src: url(../fonts/iranyekan/IRANYekanLight.ttf);
}

body {
    direction: rtl !important;
}

button.flickity-button.flickity-prev-next-button.previous {
    float: left;
}

p.my-0 span {
    float: left;
}

ul.social-icon.circle.branded.social-icon-sm li {
    margin-left: 0px !important;
    float: left;
}

span.ld-fh-txt {
    text-align: right !important;
}

.carousel-item-inner {
    text-align: right;
}

.lqd-column.col-md-4.col-sm-6 {
    text-align: right;
}

.justify {
    text-align: justify;
    font-size: 19px !important;
}

span.link-txt {
    color: #000;
}

ul.social-icon.social-icon-sm li a i {
    color: #000;
}

li.breadcrumb-item a span {
    margin-left: 1px;
}

i.icon-liquid_map_pin.mr-2.fa-1x {
    float: right;
    position: relative;
    top: 10px;
}

/*Slider ===========================*/

.carousel {
    position: relative;
    user-select: none;
}

.carousel__container {
    position: relative;
}

.carousel__inner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.carousel__indicators {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
    justify-content: center;
    z-index: 30;
    padding: 0;
}

.carousel__indicators li {
    background-color: #bbbbbb;
    height: 3px;
    width: 30px;
    margin: 3px;
    cursor: pointer;
}

.carousel__indicators li.active {
    background-color: #ffffff;
}

.carousel__control {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8%;
    color: #bbbbbb;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 30;
}

.carousel__control:hover {
    color: #ffffff;
}

.carousel__control.carousel__control--prev {
    left: 0;
}

.carousel__control.carousel__control--next {
    right: 0;
}

.carousel__item {
    display: none;
    transition: transform 0.6s;
}

.active {
    display: block;
}

.active.carousel__item--left {
    transform: translate3d(-100%, 0, 0);
}

.active.carousel__item--left.carousel__item--next {
    transform: translate3d(0, 0, 0);
}

.active.carousel__item--right {
    transform: translate3d(100%, 0, 0);
}

.active.carousel__item--right.carousel__item--prev {
    transform: translate3d(0, 0, 0);
}

.carousel__item--next,
.carousel__item--prev {
    position: absolute;
    top: 0;
}

.carousel__item--next {
    transform: translatex(100%);
}

.carousel__item--prev {
    transform: translatex(-100%);
}

@media (max-width: 767px) {
    .carousel__item img {
        height: 160px;
        object-fit: cover;
    }

    .carousel__indicators {
        bottom: 0px;
    }
}