You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
339 lines
5.4 KiB
339 lines
5.4 KiB
8 months ago
|
: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;
|
||
|
}
|
||
|
}
|