.advance-news .icon .ion-arrow-left-b,
.advance-news .icon .ion-arrow-down-b {
padding-left: 5px;
}
.advance-news .node.item {
cursor: pointer;
margin: 10px 6px;
}
.advance-news .node.item>i.icon {
display: inline-block;
width: 40px;
height: 54px;
background-color: #e4e4e4;
line-height: 380%;
text-align: center;
position: absolute;
top: 7%;
left: -5px;
color: #000;
margin-left: 10px;
box-shadow: 0 1px 5px #7c7c7c;
}
.advance-news .node.item>i.icon.active {
background-color: #b9b9b9;
}
.advance-news .swiper-wrapper {
position: relative;
}
.advance-news .landing-slider .box {
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.advance-news .landing-slider {
/* background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-rolling' style='background: none;'%3E%3Ccircle cx='50' cy='50' fill='none' ng-attr-stroke='%7B%7Bconfig.color%7D%7D' ng-attr-stroke-width='%7B%7Bconfig.width%7D%7D' ng-attr-r='%7B%7Bconfig.radius%7D%7D' ng-attr-stroke-dasharray='%7B%7Bconfig.dasharray%7D%7D' stroke='%23c5523f' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138' transform='rotate(335.929 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 50 50;360 50 50' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E"); */
background-position: center;
background-repeat: no-repeat;
}
.advance-news .landing-slider.multi-img{
margin: 10px;
overflow: hidden;
}
.advance-news .landing-slider.multi-img .swiper-pagination.swiper-pagination-clickable{
top: unset ;
bottom: 5px;
padding-left: 10px;
}
.swiper-pagination-bullet{
z-index: 1000;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
background: white ;
}
.advance-news .landing-slider.multi-img .box{
width: 100%;
}
.landing-slider--bg-black {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(53, 52, 52, 0.308);
z-index: 999;
}
.box-category-title {
position: relative;
}
.box-category-title span{
position: absolute;
bottom: 10px;
right: 10px;
color: white;
z-index: 1000;
text-decoration: none;
}
.advance-news .properties-table {
margin-bottom: 22px;
}
.advance-news .properties-table table {
width: 100%;
margin-right: 5px;
}
.advance-news .properties-table table th {
color: #7b7b7b;
text-align: start;
width: 45%;
}
.advance-news .properties-table table td {
padding: 6px 5px;
text-align: end;
}
.advance-news .properties-table table td span {
margin-left: 2px;
padding: 0 1px;
}
.advance-news .properties-table tr {
border-bottom: 1px solid #e6e6e6;
}
.advance-news .property-box-title {
font-size: 14px;
font-weight: bold;
margin-top: 25px;
}
.advance-news .slider-title {
position: absolute;
bottom: 0px;
direction: rtl;
padding: 5px 10px;
width: 100%;
color: #fff;
text-shadow: 0 0 2px rgb(0 0 0 / 0.5);
z-index: 1000;
font-weight: 700;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.advance-news .swiper-slide {
position: relative;
}
.advance-news .swiper-container-horizontal>.swiper-pagination {
top: 0;
left: 0;
text-align: left;
opacity: 0.4;
bottom: auto;
}
/**
* Copied
**/
.advance-news .item0 {
margin-top: 0;
}
/* ------no-image------*/
.advance-news .item.no-image {
margin-top: 9px;
}
.advance-news .item.no-image.item-contact h2.title.ng-binding {
font-size: 15px;
padding-right: 8px;
margin-top: 0;
}
.advance-news .item.no-image.item-contact p.ng-binding {
font-size: 14px;
padding-right: 8px;
padding-top: 5px;
}
.advance-news .item.no-image:first-child {
margin-top: 0;
}
/* ------End Of no-image------*/
/* ------Default------*/
.advance-news .item-thumbnail-right {
margin-top: 9px;
}
.advance-news .item-thumbnail-right h2.title {
font-size: 14px;
}
.advance-news .item-thumbnail-right p.ng-binding {
font-size: 13px;
padding-top: 5px;
}
.advance-news .item-thumbnail-right:first-child {
margin-top: 0;
}
/* ------End of Default------*/
/* ------Grid-1------*/
.advance-news .item.grid-1 {
float: right;
width: 46%;
margin: 2%;
height: auto;
padding: 0;
padding-bottom: 8px;
border-radius: 5px;
border: none;
}
@media screen and (min-width: 760px) {
.advance-news .item.grid-1 {
width: 23%;
margin: 1%;
}
}
.advance-news .grid-1 img:first-child {
width: 100%;
height: 155px;
display: block;
}
.advance-news .grid-1 .title {
white-space: normal;
text-align: center;
height: 50px;
line-height: 19px;
overflow: hidden;
font-size: 14px;
padding: 14px 6px 0 6px;
}
.advance-news .item.grid-1 p {
font-size: 13px;
text-align: center;
}
/* ------End Of Grid-1------*/
/* ------Grid-2------*/
.advance-news .item.grid-2 {
float: right;
width: 46%;
margin: 2%;
height: auto;
padding: 0;
padding-bottom: 8px;
border-radius: 5px;
border: none;
}
.advance-news .grid-2 img:first-child {
width: 100%;
height: auto;
display: block;
}
.advance-news .grid-2 .title {
white-space: normal;
text-align: center;
height: 47px;
overflow: hidden;
font-size: 14px;
padding: 14px 6px 0 6px;
}
.advance-news .grid-2 p {
text-align: center;
padding: 0 5px;
font-size: 13px;
}
.advance-news .item.item0.grid-2 {
width: 94%;
margin: 0 3% 2% 3%;
}
@media screen and (min-width: 760px) {
.advance-news .item.grid-2 {
width: 23%;
}
.advance-news .item.item0.grid-2 {
width: 23%;
}
}
.advance-news .grid-2 .custom-status-labels {
top: 5px;
left: 8px;
}
/* ------Grid-2------*/
/* ------row-1------*/
.advance-news .item.row-1 {
margin: 6px 3px;
padding: 0;
border-radius: 5px;
border: none;
}
.advance-news .row-1 .image-continer {
position: relative;
padding-top: 57%;
background-size: cover;
}
.advance-news .row-1 .image-continer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .03) linear-gradient(rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .75) 100%);
}
.advance-news .row-1 .categoris,
.advance-news .row-1 .news-created-at {
position: absolute;
top: 3px;
right: 7px;
font-size: 11px;
color: rgba(255, 255, 255, 0.75);
}
.advance-news .row-1 .news-created-at {
top: 20px;
}
.advance-news .row-1 .conters {
position: absolute;
top: 0px;
left: 9px;
}
.advance-news .row-1 .visit-count,
.advance-news .row-1 .like-count {
font-size: 10px;
color: white;
padding: 5px 7px;
border-radius: 0 0 5px 5px;
background-color: #333333;
float: left;
}
.advance-news .row-1 .like-count {
margin-left: 5px;
}
.advance-news .row-1 .brief-description {
padding: 10px;
font-size: 12px;
white-space: normal;
line-height: 17px;
}
.advance-news .row-1 .title {
position: absolute;
bottom: 8px;
right: 7px;
color: #f6f6f6;
font-size: 15px;
white-space: normal;
line-height: 15px;
max-height: 30px;
}
.advance-news .row-1 .attr-title {
width: 60px;
padding-left: 5px;
font-size: 11px;
color: #888;
white-space: normal;
text-align: center;
border-left: 1px solid #CCC;
margin-left: 7px;
float: right;
}
.advance-news .row-1 .button.button-attr {
background: #f1f1f1;
font-weight: normal;
font-size: 11px;
padding: 0 8px;
margin: 0 2px;
}
.advance-news .row-1 .attribut-continer ion-scroll {
white-space: nowrap;
}
.advance-news .row-1 .attribut-continer .button {
min-width: 30px;
vertical-align: middle;
}
.advance-news .row-1 .attribut-continer .scroll-view,
.advance-news .row-1 .attribut-continer div {
direction: ltr !important;
}
.advance-news .row-1 .attribut-continer div.rtl {
direction: rtl !important;
display: inline-block;
}
.advance-news .row-1 .custom-status-labels {
top: 33px;
left: 10px;
}
/* ------End Of row-1------*/
/* ------row-2------*/
.advance-news .row-2.item-thumbnail-right {
border: none;
}
.advance-news .row-2.item0 {
padding: 0;
margin: 0;
padding-bottom: 10px;
}
.advance-news .row-2.item0 .title {
padding: 5px 7px 0 7px;
margin-top: 0;
height: 24px;
overflow: hidden;
text-align: center;
font-size: 16px;
}
.advance-news .row-2.item0 p.p-padding.ng-binding {
font-size: 15px;
}
.advance-news .row-2.item0 p {
text-align: center;
}
.advance-news .row-2.item0 img:first-child {
position: initial;
width: 100%;
max-width: 100%;
max-height: 63%;
}
.advance-news a.item.item0.row-2.item-thumbnail-right {
padding: 0px;
}
@media screen and (min-width: 900px) {
.advance-news .item.item0.row-2 {
margin: 1%;
float: right;
height: 600px;
width: 55%;
}
}
/* ------End of row-2------*/
/*------row-3------*/
.advance-news .item0.row-3.item-thumbnail-right .news-created-at{
right: 50% !important;
}
.advance-news .item.item0.row-3 {
display: block;
height: 151px;
padding-top: 5px;
}
.advance-news ion-item.item.item0.row-3.item-thumbnail-right {
padding-right: 25px;
}
.advance-news .row-3.item0 p {
padding: 0% 50% 0% 2%;
font-size: 15px;
}
.advance-news .row-3.item0 .title {
padding: 2% 50% 0% 0%;
margin-top: 0;
height: 66px;
overflow: hidden;
padding-top: 32px;
font-size: 16px;
}
.advance-news .row-3.item0 img:first-child {
width: 42%;
max-width: 300px;
max-height: 86%;
}
.advance-news a.item.item0.row-3.item-thumbnail-right {
padding-right: 0px;
}
.advance-news .row-3.item0 p.p-padding.ng-binding {
font-size: 15px;
}
/* ------End Of row-3------*/
/* ------Grid-3------*/
.advance-news .item.item0.grid-3 {
display: block;
float: right;
width: 62.5%;
margin: 1.8%;
height: 222px;
}
.advance-news .item.grid-3 {
display: block;
float: right;
width: 29.3%;
margin: 1.8%;
height: 106px;
border: none;
}
.advance-news .grid-3 p:first-child {
display: none;
}
.advance-news .grid-3 .item span {
position: absolute;
color: white;
bottom: 5px;
right: 10px;
overflow: hidden;
white-space: normal;
z-index: 99;
font-size: 14px;
}
@media screen and (min-width: 900px) {
.advance-news .item.grid-3 {
display: block;
float: right;
width: 23%;
margin: 1%;
height: 330px;
}
.advance-news .item.item0.grid-3 {
display: block;
float: right;
width: 48%;
margin: 1%;
height: 329px;
}
.advance-news .item.item7.grid-3 {
width: 48% !important;
}
}
.advance-news .item.grid-3 .gradiant-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 69%, rgba(0, 0, 0, 1) 100%);
}
.advance-news .item.item7.grid-3 {
width: 62%;
}
.advance-news .item.grid-3 {
padding: 0px;
box-shadow: 0px 0px 3px 3px rgba(114, 114, 114, 0.32);
}
/* ------End Of Grid-3------*/
.p-padding {
padding-right: 6px;
}
.color-title {
color: #fff;
}
.margin-item {
margin: 0 12px;
}
.share-news:before {
font-size: 25px !important;
}
.position-relative {
position: relative;
}
.margin-bt {
margin-bottom: 13px;
}
ion-item.node.item.depth-2 {
margin-right: 2em;
}
ion-item.node.item.depth-3 {
margin-right: 3em;
}
ion-item.node.item.depth-4 {
margin-right: 4em;
}
.advance-news .item-contact h2.title {
display: block !important;
line-height: 2em !important;
}
.top_category {
font-weight: normal;
font-size: 0.8em;
padding: 4px 7px;
background-color: #00000029;
color: white;
border-radius: 0.4em;
display: inline-block;
box-sizing: border-box !important;
position: fixed;
top: 5px;
right: 5px;
width: max-content;
direction: rtl;
}
.news-category {
font-weight: normal;
font-size: 0.8em;
margin: 0.7em;
padding: 0.5em 1em;
background-color: #f6f6f6;
border-radius: 0.4em;
display: block;
box-sizing: border-box !important;
position: relative;
top: -0.4em;
}
.news-tags .news-tag, .news-attrs .news-attr {
display: inline-block;
font-weight: normal;
font-size: 12px;
color: #6d6969;
border-radius: 10px;
margin-left: 6px;
margin-bottom: 7px;
padding: 2px 13px;
border: 1px solid #bdbdbd;
}
.news-author {
padding-right: 2px;
padding-top: 10px;
color: #8c8c8c;
}
.news-created-at,
.news-visit-count,
.news-id {
position: relative;
display: inline-block;
font-size: 0.5em;
color: #777;
direction: ltr;
}
.news-created-at {
direction: rtl;
}
.news-updated-at {
position: relative;
display: inline-block;
font-size: 0.6em;
color: #777;
}
.single-new-detail {
font-size: 22px;
direction: ltr;
margin-top: -20px;
}
.single-new-detail div {
margin-left: 10px;
}
.news-visit-count .ion-eye:before {
content: "\f133";
transform: translateY(5px);
}
.news-visit-count .ion-eye {
font-size: 20px;
}
.abstract-content {
font-size: 0.6em !important;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
.news-tag-link {
text-decoration: none !important;
display: inline-block;
}
.is-special-news {
background-color: gold;
}
.attributes-wrapper, .tags-wrapper {
font-size: 0.8em !important;
padding-bottom: 0.5em;
font-weight: bold;
padding: 0;
position: absolute;
top: -30px;
background-color: #404040;
text-align: center;
color: white;
right: 9px;
padding: 2px 8px;
border-radius: 14px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.attributes-wrapper {
width: 15%;
}
.tags-wrapper {
width: fit-content;
}
.advance-news.single-new .header-product {
background: none;
padding: 0px 0px;
font-size: 120%;
line-height: 2;
}
.header-product.title.news-tags {
margin-top: 60px !important;
padding: 13px 14px 8px;
}
.advance-news.single-new .header-product {
background-color: white;
}
.full-height {
height: 100%;
}
div#advanceNewsCommentCtrl.old-comment-style {
background-color: #f6f6f6 !important;
margin-top: 60px !important;
}
/* ------Start Of Single Comment------*/
.news-like span:nth-child(2) {
margin-left: 5px;
}
.news-like {
height: 64px !important;
margin-top: 20px;
text-align: left;
}
.news-like a.subdued {
margin-top: 8px;
top: 0;
border-radius: 10px;
padding: 5px 6px;
border: 1px solid #bdbdbd;
}
.news-like a.subdued:nth-child(2),
.news-like a.subdued:nth-child(3) {
margin-right: 2%;
}
.news-like span {
text-align: center;
display: inline-block;
height: 28px !important;
color: #6d6969;
}
.news-like i {
font-size: 20px !important;
padding: 3px;
vertical-align: bottom;
border-radius: 36px;
width: 33px;
height: 32px;
display: inline-block;
text-align: center;
color: #6d6969;
border-top-right-radius: 0;
border-top-left-radius: 0;
min-height: 0;
line-height: 34px;
}
/* .news-custom-buttons {
display: flex;
} */
.news-custom-buttons a {
margin: 1%;
color: #fff;
}
/* comment like */
#content p {
text-align: justify;
}
.advance-news #thiscontent {
padding: 10px 30px;
margin-top: 10px;
}
.advance-news .compose-new-comment,
.advance-news .refresh-comments {
font-size: 20px;
padding: 0;
box-shadow: 1px 2px 4px 3px rgba(201, 211, 220, 0.32);
vertical-align: bottom;
border-radius: 10px;
display: inline-block;
text-align: center;
background-color: #b8b8b8;
width: 59px;
color: white;
position: absolute;
line-height: 31px;
min-height: 0;
top: -31px;
left: 3%;
}
.compose-new-comment {
left: 23%!important;
}
.attributes-topbar .button.buttons-top {
color: white;
border: 1px solid white;
background-color: #ffffff4a !important;
border-radius: 14px;
min-height: 0;
line-height: 17px;
padding: 5px 12px;
margin: 13px 10px 10px 4px;
}
@-webkit-keyframes rotating
/* Safari and Chrome */
{
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
i.rotating:before {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
content: "\f29c";
}
.shake {
color: #555;
}
.comment-wrapper .comment-like a.subdued.shake {
color: #555;
}
.comment-modal .comment-content {
padding: 10px;
}
.comment-wrapper.card {
padding: 18px;
}
.comment-wrapper .avatar i {
background-color: #cccccc;
width: 45px;
height: 45px;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 46px;
color: #ffffff;
opacity: 0.7;
}
.comment-wrapper .avatar i:before {
font-size: 25px;
}
.comment-wrapper .avatar img {
width: 45px;
height: 45px;
border-radius: 50%;
}
.comment-wrapper .comment-header {
display: flex;
}
.comment-wrapper .comment-detail {
font-size: 11px;
margin: 4px 10px;
}
.comment-wrapper .comment-date {
font-size: 10px;
color: #b4b4b4;
margin: 0;
}
.comment-wrapper .comment-content {
font-size: 14px;
font-weight: normal;
white-space: break-spaces;
margin: 15px auto;
padding: 0 5px;
}
.comment-wrapper .comment-like a.subdued {
color: #cbcbcb;
padding: 2px 13px 0;
border: 1px solid;
margin-left: 5px;
border-radius: 20px;
font-size: 14px;
}
.comment-wrapper .comment-like {
margin: 0;
}
.comment-wrapper .comment-like a.subdued i {
margin-left: 5px;
}
.comment-wrapper .comment-like a.subdued i.icon.ion-reply {
margin: 0;
}
.comment-wrapper .comment-like a.subdued:last-child {
float: left;
}
.comment-wrapper .replay-to {
background-color: rgba(119, 119, 119, 0.16);
border-radius: 9px;
padding: 10px;
margin-bottom: 15px;
}
.comment-wrapper .replay-to .avatar i {
height: 30px;
width: 30px;
line-height: 30px;
}
.comment-wrapper .replay-to .avatar img {
width: 30px;
height: 30px;
}
.comment-wrapper .replay-to .avatar i:before {
font-size: 18px;
}
.replay-to i.ion-reply:before {
transform: rotateX(180deg);
}
.reply-to-text {
font-size: 14px;
padding-right: 15px;
}
.comment-wrapper .replay-to .comment-content {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 5px 0;
}
.comment-wrapper .replay-to .comment-content.show {
white-space: break-spaces;
}
/* ------End Of Single Comment------*/
/* ------Start Form Validation------*/
.has-error p {
color: #c31432;
}
/* ------End Form Validation------*/
/* ------Start Refresher Override------*/
.comment-container .scroll-refresher {
position: absolute;
top: 10px;
right: 0;
left: 0;
overflow: hidden;
margin: auto;
height: 60px;
}
/* ------End Refresher Override------*/
.search-input-wrapper,
.search-input-wrapper>label {
padding: 0;
}
.advance-news .toggles-wrapper.flex-container.flex-center {
padding-top: 5px;
}
.advance-news .search-input-wrapper label {
padding: 0;
}
.advance-news .search-input-wrapper input {
height: 45px;
}
.toggles-wrapper>div.item {
display: inline-block;
}
.toggles-wrapper>.item-toggle.item {
padding-right: 70px;
font-size: 0.9em;
border-width: 0;
padding-left: 0;
}
.toggles-wrapper>.item-toggle.item>label.toggle {
top: 14px;
}
.category-items-wrapper .category-item,
.attributes-items-wrapper .attributes-item {
border-radius: 1em;
background-color: #e8e8e8;
display: inline-block;
padding: 0 7px;
margin-bottom: 4px;
margin-left: 4px;
font-size: 13px;
}
.category-items-wrapper .category-item.selected,
.attributes-items-wrapper .attributes-item.selected {
background-color: #4cd964;
color: #fff;
}
.category-items-wrapper .category-item.selected::before,
.attributes-items-wrapper .attributes-item.selected::before {
font-family: Ionicons;
content: "\f121";
margin-left: 0.2em;
font-weight: 900;
display: inline-block;
vertical-align: middle;
}
.select-all-categories,
.remove-all-categories,
.select-all-attributes,
.remove-all-attributes,
.toggle-attributes-filter,
.toggle-categories-filter {
border-radius: 1em;
background-color: #e8e8e8;
padding: 0 1em;
margin-bottom: 0.3em;
margin-left: 0.2em;
font-size: 1em;
float: left;
}
.toggle-attributes-filter,
.toggle-categories-filter {
color: white;
}
.toggle-attributes-filter.balanced-bg,
.toggle-categories-filter.balanced-bg {
background-color: #4cd964;
}
.toggle-attributes-filter.assertive-bg,
.toggle-categories-filter.assertive-bg {
background-color: #ef473a;
}
.attributes a {
line-height: 26px;
min-height: 0;
}
#submit-search {
position: absolute;
z-index: 999;
font-size: 2em;
top: 0;
left: 0em;
width: 2em;
text-align: center;
}
.advance-news-search-btn {
font-size: 1.4em;
}
/* ------Start Of Flex------*/
.flex-container {
display: flex;
}
.flex-container>.flex-1 {
flex: 1;
}
.flex-container.flex-right {
flex-direction: row;
justify-content: flex-start;
}
.flex-container.flex-left {
flex-direction: row;
justify-content: flex-end;
}
.flex-container.flex-left.flex-center,
.flex-container.flex-right.flex-center {
align-items: center;
}
/* ------End Of Flex------*/
.category-item {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.category-item img {
width: 80px;
height: 80px;
border-radius: 0.3em;
margin-left: 0.5em;
}
/* Gallery */
.gallery-modal {
background-color: #333333;
}
.gallery-modal,
.slider,
.slider-slides,
.slider-slide,
.imageContiner .scroll {
height: 100%;
width: 100%;
}
.gallery-modal .slider {
text-align: center;
}
.gallery-modal.transparent {
background: rgba(0, 0, 0, 0.7);
padding: 0px;
}
.gallery-modal .imageContiner {
width: 100%;
height: 100%;
text-align: center;
white-space: nowrap;
}
.gallery-modal .imageContiner span {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.gallery-modal .imageContiner img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
margin-top: -25px;
margin-left: -4px;
}
.gallery-modal .slider,
.gallery-modal .slider div {
direction: ltr !important;
}
.gallery-modal .caption {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 10px 12px 5px;
line-height: 1.5;
text-align: right;
font-size: 15px;
background-color: rgba(0, 0, 0, .5);
color: #fff;
min-height: 45px;
z-index: 999;
direction: rtl !important;
}
.gallery-modal .back {
position: absolute;
left: 0;
top: 0;
height: 45px;
width: 45px;
font-size: 23px;
text-align: center;
z-index: 999;
color: #fff;
}
.gallery-modal .transparent-bar {
background-color: rgba(0, 0, 0, .5);
position: fixed;
top: 0;
right: 0;
left: 0;
height: 45px;
width: 100%;
z-index: 999;
}
@media (min-width: 680px) {
.modal.gallery-modal {
top: 0;
right: 0;
bottom: 0;
left: 0;
min-height: 240px;
width: 100%;
}
}
.gallery-modal div {
direction: ltr;
}
/* end gallery */
.advance-news .attribute-filter-wrapper {
overflow-x: scroll;
}
.advance-news .attribute-filter {
padding: 0.5em;
background-color: white;
border-radius: 0.5em;
margin-left: 0.5em;
text-decoration: none;
}
.advance-news .attributes {
padding: 0;
padding-left: 0;
}
.advance-news .attributes ion-scroll {
white-space: nowrap;
}
.advance-news .attributes .button {
border: none;
border-radius: 0;
padding: 6px 16px;
min-height: 30px;
font-size: 14px;
vertical-align: middle;
line-height: inherit;
}
.advance-news .attributes .button.active {
border-bottom: 3px solid rgba(0, 0, 0, 0.5);
}
.advance-news .attributes .scroll-view,
.advance-news .attributes div {
direction: ltr !important;
}
.advance-news .attributes div.rtl {
direction: rtl !important;
display: inline-block;
height: 43px;
}
.advance-news .button:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
}
/* Layout rubika */
.rubika-page-layout-wrapper {
padding: 0.5rem;
}
.rubika-page-layout-wrapper .rubika-container * {
box-sizing: border-box;
}
.rubika-page-layout-wrapper .rubika-container {
margin: 0 auto;
max-width: 37.5rem;
}
.rubika-page-layout-wrapper .rubika-l {
padding: 0.5rem;
}
.rubika-page-layout-wrapper .ml {
margin-left: 0.3rem;
}
.rubika-page-layout-wrapper .aspectratio {
height: 0;
position: relative;
}
.rubika-page-layout-wrapper .aspectratio a.rubika-item-link {
position: absolute;
top: 0;
display: flex;
flex-flow: row nowrap;
width: 100%;
height: 100%;
text-decoration: none;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 0.3rem;
justify-content: space-between;
padding: 0.3rem;
color: white !important;
}
.rubika-page-layout-wrapper .flex {
display: flex;
flex-flow: row wrap;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item {
flex: 1 100%;
border-radius: 0.4rem;
margin-bottom: 0.3rem;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item i,
.rubika-page-layout-wrapper .rubika-container>.rubika-item span {
align-self: center;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(3) span,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(5) span,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(6) span,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(8) span {
align-self: flex-start;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(3) i,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(5) i,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(6) i,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(8) i,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(3) div.img,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(5) div.img,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(6) div.img,
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(8) div.img {
align-self: flex-end;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(1) {
padding-top: 18.3%;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(1) i {
align-self: center;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(2) {
flex: 1 calc(50% - 0.15rem);
max-width: calc(50% - 0.15rem);
padding-top: calc(50% - 0.15rem);
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(3) {
flex: 1 calc(50% - 0.15rem);
padding-top: calc(50% - 0.15rem);
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(4) {
padding-top: 28.16%;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(5) {
flex: 1 calc(40% - 0.15rem);
max-width: calc(40% - 0.15rem);
padding-top: calc(40% - 0.15rem);
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(6) {
flex: 1 calc(60% - 0.15rem);
padding-top: calc(40% - 0.15rem);
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(7) {
flex: 1 100%;
padding-top: 18.3%;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(8) {
flex: 1 calc(50% - 0.15rem);
max-width: calc(50% - 0.15rem);
padding-top: calc(50% - 0.15rem);
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(9) {
flex: 1 calc(50% - 0.15rem);
padding-top: calc(50% - 0.15rem);
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(10) {
padding-top: 28.16%;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(11) {
flex: 1 calc(60% - 0.15rem);
max-width: calc(60% - 0.15rem);
padding-top: calc(40% - 0.15rem);
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(12) {
flex: 1 calc(40% - 0.15rem);
padding-top: calc(40% - 0.15rem);
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(13) {
flex: 1 calc(30% - 0.15rem);
max-width: calc(30% - 0.15rem);
padding-top: 18.3%;
}
.rubika-page-layout-wrapper .rubika-container>.rubika-item:nth-child(14) {
flex: 1 calc(70% - 0.15rem);
padding-top: 18.3%;
}
.rubika-page-layout-wrapper .sub-rubika-item-container {
position: absolute;
top: 0;
display: flex;
flex-flow: row wrap;
width: 100%;
height: 100%;
}
.rubika-page-layout-wrapper .sub-rubika-item-container>.sub-rubika-item:nth-child(1) {
margin-bottom: 0.3rem;
}
.rubika-page-layout-wrapper .sub-rubika-item {
flex: 1 100%;
border-radius: 0.3rem;
height: calc(50% - 0.15rem);
position: relative;
}
.rubika-page-layout-wrapper .rubika-container .rubika-item-link i {
font-size: 1.5625rem;
line-height: 1rem;
align-self: flex-end;
}
.rubika-page-layout-wrapper .rubika-container .rubika-item-link .img {
width: 50px;
height: 50px;
background-size: contain;
}
ion-content.advance-news.single-new {
max-width: 600px;
margin: 0 auto;
}
ion-content.advance-news-list {
max-width: 600px;
margin: 0 auto;
}
.attrs-filter-modal .item-checkbox .checkbox {
right: unset !important;
}
.attrs-filter-modal .item {
padding: 4px !important;
border-width: 0 !important;
}
.attrs-filter-modal .item.parent.active {
background-color: #ddd;
}
.attrs-filter-modal .bar-footer a {
text-decoration: none;
display: block;
}
.attrs-filter-modal .bar.bar-footer.bar-balanced {
height: 44px;
}
.attrs-filter-modal .item-checkbox .item-content {
font-size: 14px !important;
}
.single-new #map,
.single-new #map .angular-leaflet-map {
width: 100%;
height: 230px;
position: relative;
}
.dirctions-position-btn {
z-index: 9;
font-size: 23px;
position: absolute;
bottom: 11px;
right: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, .3);
min-width: 20px;
min-height: 0;
line-height: 0;
height: 35px;
width: 35px;
padding: 0;
}
.gallery-modal .img-caption {
width: 100%;
margin: 0;
padding: 5px;
position: absolute;
bottom: 0;
right: 0;
direction: rtl;
color: white;
font-size: 11px;
z-index: 999;
text-align: justify;
background-color: rgba(0, 0, 0, 0.7);
}
.advance-news .layout2 .item,
.advance-news .layout9 .item,
.advance-news .layout3 .item {
margin-bottom: 10px;
overflow: hidden;
border-width: 0;
height: 0;
position: relative;
}
.advance-news .layout2 .item,
.advance-news .layout9 .item {
border-radius: 5px;
padding-top: 20%;
}
.advance-news .layout9 .item {
background: transparent;
}
.advance-news .layout9 .item-contact {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0);
}
.advance-news .layout3 .item {
border-radius: 15px;
padding-top: 56.25%;
}
.advance-news .layout2 .item i {
position: absolute;
top: 50%;
color: white;
left: 5%;
font-size: 50px;
transform: translateY(-50%);
z-index: 4;
line-height: 100%;
vertical-align: middle;
}
.advance-news .layout9 .item i {
display: none;
}
.advance-news .layout3 .item i,
.advance-news .layout4 .item i,
.advance-news .layout5 .item i {
visibility: hidden;
}
.advance-news .layout2 .item span {
position: absolute;
color: white;
top: 50%;
font-size: 16px;
font-weight: bolder;
width: 70%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transform: translateY(-50%);
z-index: 4;
}
.advance-news .layout9 .item span {
position: absolute;
color: white;
top: 50%;
font-size: 16px;
font-weight: bolder;
width: 70%;
margin-right: 9%;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transform: translateY(-50%);
z-index: 4;
}
.advance-news .layout3 .item span {
position: absolute;
color: black;
background-color: white;
width: 80%;
padding: 5px 12px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
text-align: center;
bottom: 0;
left: 50%;
font-size: 18px;
font-weight: bolder;
width: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transform: translateX(-50%);
z-index: 4;
}
.advance-news .grid-3 .background,
.advance-news .layout2 .background,
.advance-news .layout3 .background,
.advance-news .layout4 .background,
.advance-news .layout5 .background,
.advance-news .layout6 .background,
.advance-news .layout9 .background,
.advance-news .layout10 .background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.advance-news .layout2 .background {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.advance-news .layout4 .background {
filter: brightness(0.7);
-webkit-filter: brightness(0.7);
}
.advance-news .layout5 .background,
.advance-news .layout6 .background {
filter: brightness(0.8);
-webkit-filter: brightness(0.8);
}
.advance-news .layout6 .background {
-webkit-box-shadow: inset 0px 28px 36px -14px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0px 28px 36px -14px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px 28px 36px -14px rgba(0, 0, 0, 0.75);
}
.advance-news .gradiant-mask {
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* default image repeat */
.advance-news .layout2 .item:nth-of-type(10n+1) .background {
background-image: url("../img/img/layout2/1.png");
}
.advance-news .layout2 .item:nth-of-type(10n+2) .background {
background-image: url("../img/img/layout2/2.png");
}
.advance-news .layout2 .item:nth-of-type(10n+3) .background {
background-image: url("../img/img/layout2/3.png");
}
.advance-news .layout2 .item:nth-of-type(10n+4) .background {
background-image: url("../img/img/layout2/4.png");
}
.advance-news .layout2 .item:nth-of-type(10n+5) .background {
background-image: url("../img/img/layout2/5.png");
}
.advance-news .layout2 .item:nth-of-type(10n+6) .background {
background-image: url("../img/img/layout2/6.png");
}
.advance-news .layout2 .item:nth-of-type(10n+7) .background {
background-image: url("../img/img/layout2/7.png");
}
.advance-news .layout2 .item:nth-of-type(10n+8) .background {
background-image: url("../img/img/layout2/8.png");
}
.advance-news .layout2 .item:nth-of-type(10n+9) .background {
background-image: url("../img/img/layout2/9.png");
}
.advance-news .layout2 .item:nth-of-type(10n+10) .background {
background-image: url("../img/img/layout2/10.png");
}
.advance-news .layout9 .item:nth-of-type(10n+1) .background {
background-image: url("../img/img/layout9/1.png");
}
.advance-news .layout9 .item:nth-of-type(10n+2) .background {
background-image: url("../img/img/layout9/2.png");
}
.advance-news .layout9 .item:nth-of-type(10n+3) .background {
background-image: url("../img/img/layout9/3.png");
}
.advance-news .layout9 .item:nth-of-type(10n+4) .background {
background-image: url("../img/img/layout9/4.png");
}
.advance-news .layout9 .item:nth-of-type(10n+5) .background {
background-image: url("../img/img/layout9/5.png");
}
.advance-news .layout9 .item:nth-of-type(10n+6) .background {
background-image: url("../img/img/layout9/6.png");
}
.advance-news .layout9 .item:nth-of-type(10n+7) .background {
background-image: url("../img/img/layout9/7.png");
}
.advance-news .layout9 .item:nth-of-type(10n+8) .background {
background-image: url("../img/img/layout9/8.png");
}
.advance-news .layout9 .item:nth-of-type(10n+9) .background {
background-image: url("../img/img/layout9/9.png");
}
.advance-news .layout9 .item:nth-of-type(10n+10) .background {
background-image: url("../img/img/layout9/10.png");
}
/* gradiant repeat */
.advance-news .layout2 .item:nth-of-type(10n+1) .gradiant-mask {
background: linear-gradient(277deg, rgba(66, 57, 57, 0.28895308123249297) 24%, rgba(255, 48, 48, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+2) .gradiant-mask {
background: linear-gradient(277deg, rgba(56, 56, 21, 0.28895308123249297) 24%, rgba(246, 255, 48, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+3) .gradiant-mask {
background: linear-gradient(277deg, rgba(82, 76, 85, 0.28895308123249297) 24%, rgba(152, 48, 255, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+4) .gradiant-mask {
background: linear-gradient(277deg, rgba(68, 60, 67, 0.28895308123249297) 24%, rgba(255, 48, 236, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+5) .gradiant-mask {
background: linear-gradient(277deg, rgba(34, 40, 36, 0.28895308123249297) 24%, rgba(48, 255, 124, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+6) .gradiant-mask {
background: linear-gradient(277deg, rgba(47, 62, 60, 0.28895308123249297) 24%, rgba(48, 255, 224, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+7) .gradiant-mask {
background: linear-gradient(277deg, rgba(54, 57, 64, 0.28895308123249297) 24%, rgba(48, 101, 255, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+8) .gradiant-mask {
background: linear-gradient(277deg, rgba(73, 54, 54, 0.289) 24%, rgba(155, 4, 4, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+9) .gradiant-mask {
background: linear-gradient(277deg, rgba(70, 64, 60, 0.28895308123249297) 24%, rgba(255, 162, 48, 0.7175245098039216) 100%);
}
.advance-news .layout2 .item:nth-of-type(10n+10) .gradiant-mask {
background: linear-gradient(277deg, rgba(4, 5, 4, 0.28895308123249297) 24%, rgba(170, 255, 48, 0.7175245098039216) 100%);
}
.advance-news .layout4 .item {
height: 0;
border-width: 0;
padding-top: 62.5%;
position: relative;
}
.advance-news .layout4 .item span {
position: absolute;
color: white;
width: 100%;
text-align: center;
top: 50%;
left: 0;
font-size: 18px;
font-weight: bolder;
overflow: hidden;
white-space: normal;
transform: translateY(-50%);
z-index: 99;
padding: 20px;
}
.advance-news .layout4.padding-fits,
.advance-news .layout6.padding-fits {
padding: 0;
}
.advance-news .layout5 .item {
width: 46%;
display: inline-block;
margin-bottom: 2%;
border-radius: 20px;
border: none;
height: 0;
padding-top: 42%;
position: relative;
}
.advance-news .layout5 .item:nth-child(odd) {
margin-left: 8%;
}
.advance-news .layout5 .item span {
position: absolute;
color: white;
background-color: rgba(255, 255, 255, 0.274);
width: 100%;
text-align: center;
bottom: 0;
right: 0;
border: none;
font-size: 12px;
overflow: hidden;
font-weight: bolder;
white-space: nowrap;
text-overflow: ellipsis;
padding: 4%;
z-index: 99;
}
.advance-news .layout6 .item {
overflow: hidden;
border-width: 0;
height: 0;
position: relative;
padding-top: 40%;
}
.advance-news .layout6 .item i {
position: absolute;
top: 40%;
color: white;
left: 50%;
font-size: 50px;
transform: translate(-50%, -50%);
z-index: 4;
line-height: 100%;
vertical-align: middle;
}
.advance-news .layout6 .item span {
position: absolute;
color: white;
width: 80%;
padding: 5px 12px;
text-align: center;
top: 50%;
left: 50%;
font-size: 18px;
font-weight: bolder;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transform: translate(-50%, -50%);
z-index: 4;
}
.advance-news .layout6 .item:nth-of-type(10n+1) .background {
background-color: #fa26a0;
}
.advance-news .layout6 .item:nth-of-type(10n+2) .background {
background-color: #05dfd7;
}
.advance-news .layout6 .item:nth-of-type(10n+3) .background {
background-color: #e8505b;
}
.advance-news .layout6 .item:nth-of-type(10n+4) .background {
background-color: #f69e7b;
}
.advance-news .layout6 .item:nth-of-type(10n+5) .background {
background-color: #b83b5e;
}
.advance-news .layout6 .item:nth-of-type(10n+6) .background {
background-color: #fa7d09;
}
.advance-news .layout6 .item:nth-of-type(10n+7) .background {
background-color: #ff4301;
}
.advance-news .layout6 .item:nth-of-type(10n+8) .background {
background-color: #ade498;
}
.advance-news .layout6 .item:nth-of-type(10n+9) .background {
background-color: #ede682;
}
.advance-news .layout6 .item:nth-of-type(10n+10) .background {
background-color: #00bcd4;
}
@media only screen and (min-width: 600px) {
.advance-news .layout4 .item span {
width: 95%;
font-size: 22px;
}
.advance-news .layout2 .item span {
font-size: 20px;
}
.advance-news .layout5 .item span {
font-size: 18px;
}
.advance-news .layout5 .item {
width: 48%;
padding-top: 46%;
}
.advance-news .layout5 .item:nth-child(odd) {
margin-left: 4%;
}
}
.advance-news .layoutA.item {
position: relative;
overflow: visible;
margin: 0 1% 16% 8%;
height: 28vw;
max-height: 150px;
padding: 7% 47% 0 0;
border-radius: 5px;
width: 98%;
border-radius: 10px;
}
.advance-news .layoutA.item .news-image {
position: absolute;
display: inline-block;
top: 50%;
transform: translateY(-50%);
width: 45%;
right: 0;
height: 0;
padding-top: 45%;
border-radius: 20px;
background-position: center;
background-size: cover;
}
.advance-news .layoutA.item .news-title {
padding-top: 4%;
font-weight: bold;
font-size: 16px;
}
.advance-news .layoutA.item.is-special-news .news-title p {
font-weight: bolder !important;
font-size: 16px !important;
}
.advance-news .layoutA.item.is-special-news {
background-color: #ffd5d5;
}
.advance-news .layoutA.item .news-description {
text-align: left;
padding-left: 10px;
}
.advance-news .layoutA.item0 {
margin-top: 30px;
}
.advance-news .layoutA .custom-status-labels {
top: 3px;
right: 8px;
}
.advance-news .layoutB.item,
.advance-news .layoutC.item {
position: relative;
margin-bottom: 4%;
max-height: 150px;
width: 100%;
border-radius: 10px;
border-width: 0;
}
.advance-news .layoutB.item {
padding: 60% 0 0 0;
}
.advance-news .layoutB.is-special-news .triangle {
position: absolute;
width: 5%;
height: 100%;
background: linear-gradient(264deg, #a90000 , #f7040400 );
top: 0;
right: 0;
z-index: -2;
}
.advance-news .layoutD.is-special-news .triangle {
position: absolute;
width: 100%;
height: 4%;
background: linear-gradient(45deg, #a90000 , #ffffff00 100%);
bottom: 0px;
left: 0;
z-index: -2;
border-radius: 20px;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.advance-news .layoutE.is-special-news .triangle {
background-color: #a90000 !important;
}
.advance-news .layoutC.item {
padding-top: 50%;
}
.advance-news .layoutB.item .news-image,
.advance-news .layoutC.item .news-image {
position: absolute;
top: 0;
right: 0;
height: 100%;
background-position: center;
background-size: cover;
}
.advance-news .layoutB.item .news-image {
z-index: -2;
width: 100%;
-webkit-filter: brightness(0.6);
filter: brightness(0.6);
}
.advance-news .layoutC.item .news-image {
width: 40%;
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}
.advance-news .layoutB.item .news-title {
position: absolute;
top: 43%;
transform: translateY(-50%);
width: 100%;
height: 26%;
padding: 0 6%;
overflow: hidden;
}
.advance-news .layoutB.item .title {
color: white;
font-size: 14px;
font-weight: bold;
text-align: center;
width: 100%;
white-space: normal;
}
.advance-news .layoutB.item .news-description {
position: absolute;
top: 58%;
height: 27%;
padding: 0 6%;
text-align: center;
overflow: hidden;
background: -webkit-linear-gradient(#fff8f8, rgb(255 255 255 / 8%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.advance-news .layoutB .padding.list-view-attributes {
position: absolute;
bottom: 4%;
right: 5%;
width: 77%;
margin-right: 21%;
}
.advance-news .layoutB.item .news-description p,
.advance-news .layoutC.item .news-description p {
color: white;
font-size: 12px;
font-weight: bold;
white-space: normal;
}
.advance-news .layoutB .custom-status-labels {
bottom: 3px;
left: 7px;
}
.advance-news .layoutC .custom-status-labels {
top: 54%;
right: 44%;
}
.advance-news .layoutD .custom-status-labels {
top: 4%;
right: 21%;
}
@media screen and (min-width: 760px) {
.advance-news .layoutD .custom-status-labels {
right: 27%;
}
}
.advance-news .layoutE .custom-status-labels {
top: 31%;
right: 21%;
}
.advance-news .default.item-thumbnail-right .title,
.advance-news .no-image .title,
.advance-news .row-2.item-thumbnail-right .title,
.advance-news .row-3.item-thumbnail-right .title
{
margin-top: 14px;
white-space: normal;
line-height: 14px;
max-height: 29px;
}
.advance-news .default.item-thumbnail-right .news-created-at,
.advance-news .grid-2 .news-created-at,
.advance-news .no-image .news-created-at,
.advance-news .no-image .news-created-at,
.advance-news .row-2.item-thumbnail-right .news-created-at,
.advance-news .row-3.item-thumbnail-right .news-created-at
{
position: absolute;
bottom: 2px;
left: 7px;
}
.advance-news .default.item-thumbnail-right .custom-status-labels,
.advance-news .no-image .custom-status-labels,
.advance-news .row-2.item-thumbnail-right .custom-status-labels,
.advance-news .row-3.item-thumbnail-right .custom-status-labels,
.advance-news .grid-1.col .custom-status-labels,
.advance-news .grid-2 .custom-status-labels,
.advance-news .row-1 .custom-status-labels,
.advance-news .layoutA .custom-status-labels,
.advance-news .layoutB .custom-status-labels,
.advance-news .layoutC .custom-status-labels,
.advance-news .layoutD .custom-status-labels,
.advance-news .layoutE .custom-status-labels
{
position: absolute;
flex-wrap: nowrap;
}
.advance-news .default.item-thumbnail-right .custom-status-labels,
.advance-news .no-image .custom-status-labels,
.advance-news .row-2.item-thumbnail-right .custom-status-labels,
.advance-news .row-3.item-thumbnail-right .custom-status-labels,
.advance-news .grid-1.col .custom-status-labels {
top: 3px;
left: 5px;
}
.advance-news .row-3.item-thumbnail-right:first-child .title
{
max-height: 59px;
}
.advance-news .row-3.item-thumbnail-right:first-child .custom-status-labels p {
padding: 0;
}
.advance-news .layoutC.item .news-title {
position: absolute;
top: 26%;
height: 20%;
right: 45%;
font-weight: bold;
width: 52%;
overflow: hidden;
padding-left: 1%;
}
.advance-news .layoutC.item .news-title .title {
color: black;
font-weight: bold;
font-size: 12px;
}
.advance-news .layoutC.item .news-description {
position: absolute;
top: 40%;
height: 44%;
right: 41%;
padding: 0 2%;
overflow: hidden;
background: -webkit-linear-gradient(#151414, rgb(0 0 0 / 8%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.advance-news .layoutC.item .triangle {
position: absolute;
top: 50%;
left: 60%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 25px solid transparent;
border-left: 25px solid rgb(255, 255, 255);
border-bottom: 25px solid transparent;
}
.advance-news .layoutC.item.activated .triangle {
border-left: 25px solid #d9d9d9 !important;
}
.advance-news .layoutD.item {
position: relative;
overflow: visible;
margin: 0 16% 4% 8%;
height: 37vw;
max-height: 150px;
padding: 7% 20% 0 0;
border-radius: 5px;
width: 84%;
border-radius: 10px;
}
.advance-news .layoutD.item {
animation: 0.3s popInBottom ease;
}
@keyframes popInBottom {
0% {
transform: translate3d(0, 30px, 0) scale3d(0.9, 0.9, 0.9);
opacity: 0.5;
}
100% {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
opacity: 1;
}
}
.advance-news .layoutD.item .news-image {
position: absolute;
display: inline-block;
top: 50%;
transform: translateY(-50%);
width: 40%;
right: -20%;
height: 0;
padding-top: 40%;
border-radius: 20px;
background-position: center;
background-size: cover;
}
.advance-news .layoutD.item .news-title p {
padding-top: 8%;
font-weight: bold;
font-size: 12px;
padding-left: 15px;
}
.advance-news .layoutD.item .news-description p {
font-size: 10px;
padding-left: 15px;
}
.advance-news .layoutA.item .title,
.advance-news .layoutD.item .title {
white-space: nowrap !important;
}
.advance-news .layoutA.item .title,
.advance-news .layoutD.item .title,
.advance-news .layoutE.item .title {
white-space: nowrap !important;
}
.layoutE-margin-right {
border-right: 1px solid black;
margin-right: 6%;
margin-top: 6%;
}
.advance-news .layoutE.item {
position: relative;
overflow: visible;
margin: 4% 12px 0% 8%;
padding: 11% 2% 6% 2%;
width: 94%;
border-radius: 10px;
}
.advance-news .layoutE.item .news-image {
position: absolute;
display: inline-block;
top: 50px;
transform: translateY(-50%);
width: 15%;
right: 4%;
height: 0;
padding-top: 15%;
border-radius: 50%;
background-position: center;
background-size: cover;
}
.advance-news .layoutE.item .news-title p {
padding-right: 20%;
font-weight: bold;
font-size: 14px;
white-space: normal !important;
line-height: 15px;
max-height: 29px;
}
.advance-news .layoutE.item .news-description p {
font-size: 14px;
padding-top: 9%;
white-space: normal;
}
.advance-news .layoutE .triangle {
height: 10px;
width: 10px;
border-radius: 50%;
position: absolute;
top: 10%;
right: -19px;
}
.advance-news .layoutB .conters,
.advance-news .layoutC .conters,
.advance-news .layoutD .conters,
.advance-news .layoutE .conters {
position: absolute;
top: -3px;
left: 9%;
}
.advance-news .layoutB .visit-count,
.advance-news .layoutB .like-count,
.advance-news .layoutC .visit-count,
.advance-news .layoutC .like-count,
.advance-news .layoutD .visit-count,
.advance-news .layoutD .like-count,
.advance-news .layoutE .visit-count,
.advance-news .layoutE .like-count {
display: inline-block;
color: white;
text-align: center;
font-size: 12px;
border-radius: 12px;
padding: 2% 10%;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.advance-news .layoutC.is-special-news,
.advance-news .layoutD.is-special-news,
.advance-news .layoutE.is-special-news {
background-color: unset;
}
.advance-news .layoutB.is-special-news .visit-count,
.advance-news .layoutB.is-special-news .like-count,
.advance-news .layoutC.is-special-news .visit-count,
.advance-news .layoutC.is-special-news .like-count,
.advance-news .layoutD.is-special-news .visit-count,
.advance-news .layoutD.is-special-news .like-count,
.advance-news .layoutE.is-special-news .visit-count,
.advance-news .layoutE.is-special-news .like-count,
.advance-news .row-1.is-special-news .visit-count,
.advance-news .row-1.is-special-news .like-count {
background-color: #a90000 !important;
}
.advance-news .layoutB .categoris {
position: absolute;
top: 2%;
font-size: 12px;
color: white;
opacity: 0.9;
right: 8%;
font-weight: 600;
}
.advance-news .layoutB .attr-title {
position: absolute;
bottom: 25%;
font-size: 12px;
opacity: 0.8;
color: white;
right: -24%;
}
.advance-news .layoutB .news-created-at {
position: absolute;
top: 13%;
right: 8%;
opacity: 0.8;
font-weight: 500;
color: white;
font-size: 9px;
}
.advance-news .layoutC .categoris {
position: absolute;
bottom: 14%;
font-size: 10px;
color: #000000;
opacity: 0.7;
right: 45%;
font-weight: 600;
}
.advance-news .layoutC .news-created-at {
position: absolute;
top: 4%;
right: 41%;
opacity: 0.8;
font-weight: 600;
color: black;
font-size: 9px;
}
.layoutC .list-view-attributes {
display: none;
}
.advance-news .layoutD .news-created-at {
padding: 3% 7%;
}
.advance-news .layoutD .categoris {
display: none;
}
.advance-news .layoutD .list-view-attributes {
display: none;
}
.advance-news .layoutE .categoris {
font-size: 12px;
color: #000000;
opacity: 0.7;
font-weight: 600;
padding: 6% 3% 0 0;
}
.advance-news .layoutE .attr-title {
font-size: 12px;
opacity: 0.7;
color: black;
font-weight: 600;
}
.advance-news .layoutE .news-created-at {
opacity: 0.8;
font-weight: 600;
color: black;
font-size: 9px;
padding-left: 2%;
}
.advance-news .layoutE .padding.list-view-attributes {
padding-top: 0;
}
.advance-news .layoutE .button-attr,
.advance-news .layoutB .button-attr {
text-decoration: none;
color: white;
font-size: 10px;
padding: 0 8px;
line-height: 24px;
border-radius: 16px;
margin-left: 5px;
margin-top: 6px;
min-height: 0;
}
@media only screen and (min-width: 600px) {
.advance-news .layoutD.item:nth-child(odd) {
margin-left: 4%;
}
.advance-news .layoutD.item {
margin: 0px 6% 2% 0;
padding: 5% 11% 0 0;
width: 41%;
display: inline-block;
}
.advance-news .layoutD.item .news-image {
width: 45%;
padding-top: 45%;
}
.advance-news .layoutD.item .news-description p {
font-size: 12px;
}
.advance-news .layoutD.item .news-title p {
font-size: 14px;
}
.advance-news .layoutA.item:nth-child(odd) {
margin-left: 3%;
}
.advance-news .layoutA.item {
margin: 0 1% 5% 0;
height: 16vw;
display: inline-block;
padding: 5% 22% 0 0;
width: 47%;
}
.advance-news .layoutC.item .triangle {
border-top: 45px solid transparent;
border-left: 45px solid rgb(255, 255, 255);
border-bottom: 45px solid transparent;
}
.item.activated .triangle {
border-left: 45px solid #d9d9d9 !important;
}
.advance-news .layoutB.item .title {
font-size: 16px;
}
.advance-news .layoutC.item .news-title .title {
font-size: 14px;
}
.advance-news .layoutE .triangle {
height: 20px;
width: 20px;
right: -36px;
}
.advance-news .layoutE.item .news-image {
top: 70px;
}
.advance-news .layoutE.item {
padding: 9% 2% 6% 2%;
margin-right: 26px;
}
.advance-news .layoutE.item .news-title p {
font-size: 14px;
}
.advance-news .layoutE.item .news-description p {
font-size: 12px;
}
}
.advance-news .layout2 .item:nth-of-type(10n+1) .background {
background-image: url("../img/layout2/1.png");
}
.advance-news .layout2 .item:nth-of-type(10n+2) .background {
background-image: url("../img/layout2/2.png");
}
.advance-news .layout2 .item:nth-of-type(10n+3) .background {
background-image: url("../img/layout2/3.png");
}
.advance-news .layout2 .item:nth-of-type(10n+4) .background {
background-image: url("../img/layout2/4.png");
}
.advance-news .layout2 .item:nth-of-type(10n+5) .background {
background-image: url("../img/layout2/5.png");
}
.advance-news .layout2 .item:nth-of-type(10n+6) .background {
background-image: url("../img/layout2/6.png");
}
.advance-news .layout2 .item:nth-of-type(10n+7) .background {
background-image: url("../img/layout2/7.png");
}
.advance-news .layout2 .item:nth-of-type(10n+8) .background {
background-image: url("../img/layout2/8.png");
}
.advance-news .layout2 .item:nth-of-type(10n+9) .background {
background-image: url("../img/layout2/9.png");
}
.advance-news .layout2 .item:nth-of-type(10n+10) .background {
background-image: url("../img/layout2/10.png");
}
.advance-news .layout9 .item:nth-of-type(10n+1) .background {
background-image: url("../img/layout9/1.png");
}
.advance-news .layout9 .item:nth-of-type(10n+2) .background {
background-image: url("../img/layout9/2.png");
}
.advance-news .layout9 .item:nth-of-type(10n+3) .background {
background-image: url("../img/layout9/3.png");
}
.advance-news .layout9 .item:nth-of-type(10n+4) .background {
background-image: url("../img/layout9/4.png");
}
.advance-news .layout9 .item:nth-of-type(10n+5) .background {
background-image: url("../img/layout9/5.png");
}
.advance-news .layout9 .item:nth-of-type(10n+6) .background {
background-image: url("../img/layout9/6.png");
}
.advance-news .layout9 .item:nth-of-type(10n+7) .background {
background-image: url("../img/layout9/7.png");
}
.advance-news .layout9 .item:nth-of-type(10n+8) .background {
background-image: url("../img/layout9/8.png");
}
.advance-news .layout9 .item:nth-of-type(10n+9) .background {
background-image: url("../img/layout9/9.png");
}
.advance-news .layout9 .item:nth-of-type(10n+10) .background {
background-image: url("../img/layout9/10.png");
}
.advance-news .layout3 .item:nth-of-type(10n+1) .background,
.advance-news .layout4 .item:nth-of-type(10n+1) .background,
.advance-news .layout5 .item:nth-of-type(10n+1) .background,
.advance-news .layout6 .item:nth-of-type(10n+1) .background {
background-color: #fa26a0;
}
.advance-news .layout3 .item:nth-of-type(10n+2) .background,
.advance-news .layout4 .item:nth-of-type(10n+2) .background,
.advance-news .layout5 .item:nth-of-type(10n+2) .background,
.advance-news .layout6 .item:nth-of-type(10n+2) .background {
background-color: #05dfd7;
}
.advance-news .layout3 .item:nth-of-type(10n+3) .background,
.advance-news .layout4 .item:nth-of-type(10n+3) .background,
.advance-news .layout5 .item:nth-of-type(10n+3) .background,
.advance-news .layout6 .item:nth-of-type(10n+3) .background {
background-color: #e8505b;
}
.advance-news .layout3 .item:nth-of-type(10n+4) .background,
.advance-news .layout4 .item:nth-of-type(10n+4) .background,
.advance-news .layout5 .item:nth-of-type(10n+4) .background,
.advance-news .layout6 .item:nth-of-type(10n+4) .background {
background-color: #f69e7b;
}
.advance-news .layout3 .item:nth-of-type(10n+5) .background,
.advance-news .layout4 .item:nth-of-type(10n+5) .background,
.advance-news .layout5 .item:nth-of-type(10n+5) .background,
.advance-news .layout6 .item:nth-of-type(10n+5) .background {
background-color: #b83b5e;
}
.advance-news .layout3 .item:nth-of-type(10n+6) .background,
.advance-news .layout4 .item:nth-of-type(10n+6) .background,
.advance-news .layout5 .item:nth-of-type(10n+6) .background,
.advance-news .layout6 .item:nth-of-type(10n+6) .background {
background-color: #fa7d09;
}
.advance-news .layout3 .item:nth-of-type(10n+7) .background,
.advance-news .layout4 .item:nth-of-type(10n+7) .background,
.advance-news .layout5 .item:nth-of-type(10n+7) .background,
.advance-news .layout6 .item:nth-of-type(10n+7) .background {
background-color: #ff4301;
}
.advance-news .layout3 .item:nth-of-type(10n+8) .background,
.advance-news .layout4 .item:nth-of-type(10n+8) .background,
.advance-news .layout5 .item:nth-of-type(10n+8) .background,
.advance-news .layout6 .item:nth-of-type(10n+8) .background {
background-color: #ade498;
}
.advance-news .layout3 .item:nth-of-type(10n+9) .background,
.advance-news .layout4 .item:nth-of-type(10n+9) .background,
.advance-news .layout5 .item:nth-of-type(10n+9) .background,
.advance-news .layout6 .item:nth-of-type(10n+9) .background {
background-color: #ede682;
}
.advance-news .layout3 .item:nth-of-type(10n+10) .background,
.advance-news .layout4 .item:nth-of-type(10n+10) .background,
.advance-news .layout5 .item:nth-of-type(10n+10) .background,
.advance-news .layout6 .item:nth-of-type(10n+10) .background {
background-color: #00bcd4;
}
.advance-news .no-news {
margin: auto;
padding-top: 70%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAQAAABpN6lAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkCwkGFiv/cL2KAAAFQ0lEQVR42u2cXWwUVRSAvztbCC1IEWwbQhBFRJCEn+5spdLENISYSFAaIiKa8hfjb2KI6QsSjRqjkpgQHjBBVJQHtZpCRI0YGwgPYtnZFbBqRKuxkSglgoBCYdu5PuwWWu2W6XRmbgvne9nduXf2nvNl5s7MzuwBQRAEQRAEQRAEQRAE4epCDfwr9hQUl3aWWVa0gWeOXdM244JxAU4Vj3AX10abfI4O9ukdRdtm/G1IQNO42OvUGEm9O8f0s/YWpSMX4NzEZ0wxnX2Ody+suf1cpAKcYvYzHYAMH/AJrapEL6CWkQAcVqvDzdiNWaW6gqXcklvw+ZmF1R1RCtjKGgDSsWVzfuxamp7kfsRMAH1/4r1wFQBoK12rN1IMoDcm1kYmwJlGMzHgUGFVzynoq7KCbygBDtmzwxcAkJquGxkPuCTsdP/X93XwUg8SA1xV+98ZeO4x/TwAs5JzohEQ/54aMoDFS37W9yVALwSgMX64Fznb6QSw7ohGANhNbAVgwcEJEQlgMoDa22s4p/gOQM+ISgB0bgRAdSyKRMCeEYwG4Pc8HbLLr4tOwG1HaAHITsChCygtyL66nXk6nAWgKDoBwM8AjI9EwKDkJIDycUp+hQjQvk+FC/wPqlYm5/XaMNu0jogEUK2qTYc/cHzsAt+e44zpsIPDxxawtDO1Uj/NmLwdynKXREMCX7tAvIGG/K3ODhabTss7V8hRQASIABEgAkSACBABIkAEiAARIAJEgAgQASJABIiA0AWkVjnb0pWmwzcmIG3rN1nh7qqPmU7AkACGARArCeA5wyEpoHw/T+oGtcTfg0mDCd+3xuxNbDIdfBDIUcB0AKYRAaYDMI0IMB2AaUSA6QBMIwJMB2AaEWA6ANOIANMBmCYAAckXnR+cZ0wnYkxA01S1jqk851xvOpVQBXw5Nj0p++7ghEOl3VsKj3MaONF+0nQqIQpIzR3e6v7ivADJtR2/ZlpTd15qm3lSz6NOVVUN0eeHvf0kVsNIYL0zj2ogpu9l96XGRDPNptPwj6ctQO0kA0D28XhXN3hZa2jgSUD5fnUfF3//1Q8lPjUddsQCQN94aWdRt5oOOnIBybt5tdvHp5Ih/zV60AlQ2XuALpuzc4GaazrsqAW8QQun1Qr7cbWEPznqbjYddnB4OgzGf2KKVkpDfJcu8V+tYTDi+VS4K+0rK325GhQBIsB0AKa56gUM5L/DA6RpnFUc1HepUQC6MDm5a8mYozefH9QCUnX6lSAqmfWgQrV0vT114sD8ioOXX8XYLqCfCDz9noy1HvDSLQQBqh1Aj7hMt8u1DzwOTyOEsAvo4wBqnKcgt7vvhJD6ViZ57RvGHNAGwA3OMDvTR68iALc58UXwATj9KLAXwi6gUwCM1H3Ukvp6DKOA/KV4BsZwADJeuoYgYPg+LgCo5fn7dMzPvqojwY+vrWw5HfcPQwJm/aMaAViVLsnXRz0MQFs8Gfz4TmV26/ImN5TDoLsBgNH6td7bUzUsAOB95QY/uqoDoL3Q0+wSioDEXr0PQC9Jbvh/64GEfguAs/7qv/VNcjX3AFDvrdZoSCdCBSv4C0DVOTu613irjzmPWntzJRDX2wFPgXsKUnVqCwDtlsfbtaGdjaUW6Q9zs/F59TG7O4+oYhVn+cU6pAfUY0GO545VNrVMy31cab9tWACk57sNubpz0aJZZ7/stXOI1wLljZSzM/L0j+rF3tMPdQvIkq50l1HDxAhSd3WTVa+32Gf7s1JEf3lxivREa1SYI3Scif3Wv9QFQRAEQRAEQRAEQRCEq5N/AX9KP5f/Gh33AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTExLTA5VDA2OjIyOjQzKzAwOjAwKrxxdAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0xMS0wOVQwNjoyMjo0MyswMDowMFvhycgAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat center 90%;
color: #ccc;
}
.placeholder-loading::before {
content: '';
display: block;
position: absolute;
left: -150px;
top: 0;
height: 100%;
width: 150px;
background: linear-gradient(287deg, transparent 0%, rgba(255, 255, 255, 0.35) 50%, transparent 100%);
animation: load 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
z-index: 99;
}
@keyframes load {
from {
left: -150px;
}
to {
left: 100%;
}
}
.placeholder-loading img{
height: 100%;
width: 100%;
padding-top: 50%;
background-color: #f4f4f4;
margin-bottom: 15px;
}
.placeholder-loading .news-author,
.placeholder-loading .single-new-detail {
width: 50%;
height: 22px;
background: #f4f4f4;
border-radius: 35px;
}
.placeholder-loading .single-new-detail {
width: 70%;
margin-top: 6px;
}
.placeholder-loading .news-visit-count{
display: none;
}
.advance-news.single-new .placeholder-loading .header-product {
background: #f4f4f4;
border-radius: 35px;
height: 50px;
}
.placeholder-loading div#content {
min-height: 36vh;
}
.advance-news .item-thumbnail-right.item a img {
position: absolute;
top: 10px;
right: 10px;
max-width: 80px;
max-height: 80px;
width: 100%;
height: 100%;
border-radius: 5px;
}
.advance-news .item a.item-content {
min-height: unset;
box-shadow: unset;
border-radius: unset;
display: unset;
padding: unset;
}
.advance-news .layout10 .item {
border-radius: 15px;
margin: 2vh 0 2vh 25px;
display: inline-block;
width: 92vw;
max-width: 400px;
height: 88vh;
max-height: 900px;
}
.advance-news .layout10 .scroll.padding {
padding: 0;
}
.advance-news .item .item-content {
position: unset;
padding: 0;
border: none;
}
.advance-news .layout10 .item span {
position: absolute;
color: white;
width: 80%;
padding: 5px 12px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
text-align: center;
bottom: 4%;
right: 4%;
font-size: 18px;
font-weight: bolder;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
z-index: 4;
text-align: right;
}
.advance-news .layout10 .gradiant-mask {
background: linear-gradient(360deg, rgb(0 0 0 / 75%) 4%, rgb(0 0 0 / 10%));
}
.advance-news .categories div.rtl {
direction: rtl !important;
display: inline-block;
height: 43px;
}
.advance-news .products-row .scroll-view,
.advance-news .products-row div {
direction: ltr !important;
text-align: right;
}
.advance-news .products-row div.rtl {
direction: rtl !important;
white-space: nowrap;
}
.advance-news #taps_title {
margin: 0 -30px;
}
.advance-news .categories {
padding: 10px;
padding-left: 0;
}
.advance-news .categories ion-scroll {
white-space: nowrap;
}
.advance-news .categories .button {
border: none;
border-radius: 20px;
padding: 6px 16px;
margin: 0 5px;
min-height: 30px;
min-width: 30px;
font-size: 14px;
vertical-align: middle;
line-height: inherit;
box-shadow: 0px 1px 5px -1px #585858;
}
.advance-news .categories .scroll-view,
.advance-news .categories div {
direction: ltr !important;
text-align: right;
}
.advance-news .categories div.rtl {
direction: rtl !important;
display: inline-block;
height: 43px;
}
.advance-news .layoutB .padding.list-view-attributes {
display: none;
}
.advance-news .row-1 .attribut-continer {
display: none;
}
.advance-news .layoutE .padding.list-view-attributes {
display: none;
}
.advance-news .item span.badge {
width: auto;
left: 23px;
right: unset;
font-size: 12px;
font-weight: normal;
}
.advance-news .item.is_new::before {
content: ' ';
width: 5px;
height: 5px;
background: red;
position: absolute;
left: 7px;
top: 9px;
border-radius: 50%;
box-shadow: 0 0 4px red;
animation: glow 3s infinite ease;
z-index: 999;
}
@keyframes glow {
0%,
100% {
box-shadow: 0 0 6px red;
}
50% {
box-shadow: 0 0 1px red;
}
}
.advance-news .item.row-1.is_new::before {
top: 156px;
}
.advance-news .item.layoutB.is_new::before {
top: 14px;
right: 12px;
}
.advance-news .item.layoutC.is_new::before {
top: 162px;
}
.advance-news .item.layoutD.is_new::before {
top: 111px;
}
.advance-news .item.layoutE.is_new::before {
top: 195px;
}
.item .badge {
z-index: 999;
}
.advance-news .layout5 span.badge {
width: auto;
left: 3px;
top: 8px;
right: unset;
bottom: unset;
font-size: 12px;
font-weight: 400;
background-color: #ef473a;
color: #fff;
padding: 3px 8px;
}
.menu-widget.layout7 span.badge.badge-assertive {
width: max-content !important;
padding: 3% 3% 2% !important;
right: 82%;
font-size: 13px;
}
.advance-news iframe {
max-width: 100%;
}
.filter-input {
background-color: #f7f6f6;
padding: 1px 10px 24px;
border-radius: 10px;
margin-bottom: 12px;
}
.filter-input input {
width: 90%;
background: transparent !important;
border: 1px solid #d6d6d6;
padding-bottom: 0;
}
.advance-news .imageContiner img {
width: 100%;
height: auto;
}
.advance-news .product-single-image {
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
}
.bar .confirm-filter {
background: none;
border: none;
color: white;
font-size: 14px;
width: 100%;
height: 100%;
padding: 0;
position: relative;
top: -4px;
}
.advance-news-list.filtr-view .item-thumbnail-right .item-content {
padding-top: 17px;
padding-right: 108px;
box-shadow: 0 0 0;
}
.advance-news-list.filtr-view .item-thumbnail-right {
padding: 0;
box-shadow: 0 0 0;
border: none;
box-shadow: 0px 0px 2px 3px rgba(201, 211, 220, 0.32);
margin-top: 10px;
}
.advance-news-list.filtr-view .item-thumbnail-right .news-created-at {
position: relative;
right: 0;
top: 10px;
}
.advance-news-list.filtr-view .filter-items {
display: flex;
justify-content: right;
flex-wrap: wrap;
padding: 8px;
}
.advance-news-list.filtr-view .filter-items .filter-item {
background-color: rgba(0, 0, 0, .06);
border-bottom-color: #d7d7d7;
color: #555;
border-radius: 10px;
margin: 2px 3px;
padding: 2px 8px;
font-size: 12px;
}
.advance-news .landing-slider .box {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
object-fit: cover;
}
.advance-news .landing-slider.one-slide .box {
position: absolute;
top: 0;
}
.advance-news .landing-slider {
padding-top: 57%;
position: relative;
}
.advance-news .imageContiner,
.advance-news .landing-slider,
.advance-news .swiper-wrapper {
position: relative;
}
.advance-news ion-slides {
position: absolute;
top: 0;
left: 0;
}
.advance-news .imageContiner .image-caption,
.advance-news .landing-slider .image-caption {
position: absolute;
bottom: 0;
width: 100%;
color: white;
background-color: #0000006e;
padding: 5px 17px;
margin-bottom: 0;
}
.advance-news .news-detail {
display: none;
font-size: 0.8em;
color: #777;
}
.advance-news .landing-slider.free {
padding-top: unset;
}
.advance-news .landing-slider.free ion-slides {
position: static;
}
/* Map bottom sheet */
.map-bottom-sheet {
border-top: 2px solid #aaa;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0 -4px 12px rgba(0,0,0,.15);
transition: height 0.3s ease-in-out;
}
.map-bottom-sheet .sheet-header {
padding: 8px 12px 6px;
text-align: center;
}
.map-bottom-sheet .sheet-drag {
width: 44px;
height: 4px;
margin: 6px auto 8px;
background: #d2d2d2;
border-radius: 4px;
}
.map-bottom-sheet .sheet-count {
font-size: 13px;
color: #666;
}
.map-bottom-sheet .sheet-body {
height: 48vh;
}
.advance-news .advance-news-map {
transition: height 0.3s ease-in-out;
}
.filter-news .filter-box {
direction: rtl;
margin: 9px 0;
display: flex;
justify-content: right;
margin-bottom: -5px;
}
.filter-news .filter-button {
padding: 7px 12px 7px 7px;
border-radius: 7px;
border: none;
background-color: transparent;
color: #000000;
font-size: 12px;
}
.filter-news .filter-button i {
margin-left: 3px;
vertical-align: middle;
}
.single-news-page .contact {
position: fixed;
bottom: 0;
width: 100%;
}
.single-news-page .contact .phone-link {
width: 100% !important;
margin: 0;
border-radius: 0;
}
.advance-news .news-report {
padding: 15px;
}
.advance-news .custom-status-labels,
.attrs-filter-modal .custom-status-labels,
.advance-news-list.filtr-view .news-status-labels.custom-status-labels {
display: flex;
flex-wrap: wrap;
gap: 3%;
}
.advance-news .custom-status-labels .status-label,
.attrs-filter-modal .custom-status-labels .status-label,
.advance-news-list.filtr-view .news-status-labels.custom-status-labels .status-label {
margin: 1px 0;
border-radius: 15px;
}
.advance-news .custom-status-labels .status-label-details,
.filter-items .custom-status-labels .status-label-details,
.attrs-filter-modal .custom-status-labels .status-label-details,
.advance-news-list.filtr-view .news-status-labels.custom-status-labels .status-label-details {
padding: 0 4px;
min-width: 40px;
color: #fff;
line-height: 14px;
display: flex;
gap: 4%;
justify-content: center;
align-items: center;
}
.attrs-filter-modal .filter-status-label labeL {
position: relative;
}
.attrs-filter-modal .filter-status-label input {
position: absolute;
width: 0;
height: 0;
}
.attrs-filter-modal .filter-status-label input:checked ~ .selected-border {
width: 100%;
height: 100%;
border: 2px solid #00C148;
border-radius: 15px;
position: absolute;
top: 0;
right: 0;
}
.filter-items .custom-status-labels {
display: flex;
}
.filter-items .custom-status-labels .status-label {
margin: 0 2px;
border-radius: 15px;
}
.filter-items .custom-status-labels .status-label-details {
padding: 6px 4px 0;
}
.attrs-filter-modal .custom-status-labels .status-label-details {
padding: 6px 12px 0;
cursor: pointer;
}
.advance-news .custom-status-labels .status-label-details .status-name,
.filter-items .custom-status-labels .status-label-details .status-name,
.attrs-filter-modal .custom-status-labels .status-label-details .status-name,
.advance-news-list.filtr-view .news-status-labels.custom-status-labels .status-label-details .status-name {
font-size: 9px;
}
.single-news-page .custom-status-labels .status-label-details {
margin-bottom: 1px;
}
.advance-news span.news-count {
color: #adabab;
font-size: 10px;
}
.advance-news .item0.row-3.item-thumbnail-right span.news-count,
.advance-news .item0.row-2.item-thumbnail-right span.news-count,
.advance-news .grid-2 span.news-count,
.advance-news .grid-1.col span.news-count,
.advance-news .row-1 span.news-count {
position: absolute;
}
.advance-news .item0.row-3.item-thumbnail-right span.news-count {
right: 50%;
top: 47%;
}
.advance-news .item0.row-2.item-thumbnail-right span.news-count {
bottom: 0%;
}
.advance-news .row-1 span.news-count {
bottom: -1%;
right: 2%;
}
.advance-news .item0.row-2.item-thumbnail-right span.news-count,
.advance-news .item0.grid-2 span.news-count {
right: 42%;
}
.advance-news .grid-2 span.news-count,
.advance-news .grid-1.col span.news-count {
bottom: 3%;
right: 31%;
}
.advance-news .grid-3 span.news-count {
bottom: -3%;
font-size: 8px;
}
.advance-news .item0.grid-3 span.news-count {
bottom: -1%;
}
.advance-news .layout2 span.news-count,
.advance-news .layout3 span.news-count,
.advance-news .layout4 span.news-count,
.advance-news .layout6 span.news-count,
.advance-news .layout9 span.news-count,
.advance-news .layout10 span.news-count {
font-size: 10px;
}
.advance-news .grid-3 span.news-count,
.advance-news .layout2 span.news-count,
.advance-news .layout3 span.news-count,
.advance-news .layout4 span.news-count,
.advance-news .layout5 span.news-count,
.advance-news .layout6 span.news-count,
.advance-news .layout9 span.news-count,
.advance-news .layout10 span.news-count {
color: #adabab;
}
.advance-news .layout2 span.news-count {
top: 68%;
right: 6%;
}
.advance-news .layout3 span.news-count {
bottom: -3%;
background-color: transparent;
}
.advance-news .layout4 span.news-count {
top: 58%;
}
.advance-news .layout5 span.news-count {
font-size: 8px;
bottom: -6%;
background-color: transparent;
}
.advance-news .layout6 span.news-count {
top: 60%;
}
.advance-news .layout9 span.news-count {
top: 65%;
}
.advance-news .layout10 span.news-count {
bottom: 2%;
}
@media screen and (min-width: 900px) {
.advance-news .item0.row-2.item-thumbnail-right span.news-count {
bottom: 26%;
}
.advance-news .grid-1.col span.news-count,
.advance-news .item0.grid-2 span.news-count,
.advance-news .grid-2 span.news-count {
bottom: 9px;
right: 26%;
}
.advance-news .grid-3 span.news-count,
.advance-news .item0.grid-3 span.news-count {
bottom: -1%;
}
.advance-news .layout2 span.news-count {
right: 4%;
}
.advance-news .layout5 span.news-count {
bottom: -3%;
}
}
.advance-news .single-new-detail {
position: relative;
}
.advance-news .single-new-detail .image-bookmark {
position: fixed;
top: 3px;
left: 5px;
z-index: 9999;
background-color: white;
height: 32px;
display: flex;
align-items: center;
padding-top: 2px;
border-radius: 43px;
box-shadow: 1px 1px 4px #0000002e;
width: max-content;
margin-left: 0;
}
.advance-news .single-new-detail .image-bookmark .bookmark {
margin-left: 0;
}
.advance-news .single-new-detail .no-image-bookmark {
position: absolute;
top: 3px;
right: 9px;
}
.news-comments-count {
position: absolute;
top: 13px;
font-size: 13px;
}
.news-comments-count.no-news-image {
right: -14px;
}
.news-comments-count.news-has-image {
right: 0;
}
.news-comments-count a {
text-decoration: none;
color: #777;
}
.news-like .filled-action-icon {
color: #0a0a0a;
}
/* comment in separete page (new style) */
.advance-news.single-new .horizontal-comment-box {
margin-top: 17px;
background-color: #fbfbfb;
font-size: 14px;
}
.advance-news.single-new .comment-box-title {
display: flex;
justify-content: space-between;
padding: 13px 13px 13px;
font-weight: bold;
margin-top: 8px;
}
.advance-news.single-new .comment-box-title a {
text-decoration: none;
font-weight: normal;
background-color: #f6f6f6;
padding: 2px 10px;
border-radius: 16px;
font-size: 12px;
}
.advance-news.single-new .comment-box-title a i {
margin-left: 3px;
}
.advance-news.single-new .flex-list {
white-space: nowrap;
overflow-x: hidden;
direction: rtl;
}
.advance-news.single-new .flex-grow-1 {
flex-grow: 1;
width: 100%;
}
.advance-news.single-new .products-row .scroll-view,
.advance-news.single-new .products-row div {
direction: ltr !important;
}
.advance-news.single-new .products-row div.rtl {
direction: rtl !important;
display: inline-block;
}
.advance-news.single-new .products-row div.rtl {
direction: rtl !important;
display: inline-block;
}
.advance-news.single-new .products-row div {
direction: ltr !important;
text-align: right;
}
.advance-news.single-new .products-row div.rtl {
direction: rtl !important;
display: inline-block;
}
.advance-news.single-new .comment-box.item {
width: 208px;
margin: 0 8px;
border-radius: 10px;
border: none;
padding: 8px 13px;
background-color: #f7f6f6;
margin-left: auto;
display: inline-block;
height: 160px;
}
.advance-news.single-new .comment-author,
.advance-news.single-new .comment-box-header p {
font-size: 11px;
color: #989898;
}
.advance-news.single-new .comment-box-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.advance-news.single-new .comment-author,
.advance-news.single-new .comment-box-header p {
font-size: 11px;
color: #989898;
}
.advance-news.single-new .comment-box.item-complex .item-content {
height: 100%;
}
.advance-news.single-new .comment-message {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
}
.advance-news.single-new .comment-message i {
font-size: 22px;
display: inline-block;
line-height: 0;
vertical-align: middle;
color: #a2a2a2;
margin-right: 6px;
}
.advance-news.single-new .show-all-comments {
width: 42%;
height: 160px;
margin: 8px;
border: none;
padding-left: 12px;
background-color: #f7f6f6;
margin-left: auto;
display: inline-block;
text-align: center;
border-radius: 10px;
}
.advance-news.single-new .show-all-comments {
margin: unset;
margin-right: 4px;
border-radius: 19px;
padding-right: 9px;
background-color: #f7f6f6;
width: 105px;
padding-top: 17px;
}
.advance-news.single-new .show-all-comments i {
display: inline-block;
font-size: 38px;
border: 1px solid #989898;
width: 50px;
height: 50px;
line-height: 60px;
border-radius: 50%;
color: #989898;
margin-bottom: 16px;
margin-top: 23px;
}
.advance-news.single-new .show-all-comments span {
display: block;
color: #989898;
font-size: 12px;
}
.new-tabs-bottom .single-news-page .contact,
.tabs-bottom .single-news-page .contact {
bottom: 47px;
}
.new-tabs-bottom .advance-news,
.tabs-bottom .advance-news {
padding-bottom: 87px;
}
.chose-as-friend-container {
margin: 10px 0;
width: 100%;
}
.chose-as-friend-container .chose-as-friend-btn {
color: #fff;
width: 100%;
}
.extra-sections .item {
border: none;
}
.extra-sections .extra-section-body span{
white-space: normal;
}
/* Timeline Layout (Instagram style) */
.advance-news .timeline-warapper {
padding: 0;
}
.advance-news .timeline-card {
background: #fff;
margin-bottom: 20px;
border-radius: 0;
overflow: hidden;
direction: rtl;
text-align: right;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.advance-news .timeline-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 3px 12px;
}
.advance-news .timeline-header .author-info {
display: flex;
align-items: center;
}
.advance-news .timeline-header .author-img {
width: 32px;
height: 32px;
border-radius: 50%;
margin-left: 10px;
object-fit: cover;
border: 1px solid #efefef;
}
.advance-news .timeline-header .category-link {
text-decoration: none;
}
.advance-news .timeline-header .author-name,
.advance-news .timeline-header .category-name {
font-size: 12px;
color: #262626;
}
.advance-news .timeline-header .meta-info {
display: flex;
align-items: center;
color: #8e8e8e;
}
.advance-news .timeline-header .visit-count {
font-size: 12px;
margin-left: 10px;
}
.advance-news .timeline-media {
position: relative;
width: 100%;
background: #fafafa84;
max-height: 50vh;
overflow: hidden;
}
.advance-news .timeline-media .media-container {
min-height: 200px;
height: max-content;
width: 100%;
}
.advance-news .timeline-media img, .advance-news .timeline-media video {
width: 100%;
height: fit-content;
max-height: 50vh;
display: block;
object-fit: cover;
}
.advance-news .timeline-media ion-slides {
position: relative;
}
.advance-news .timeline-media .swiper-slide {
height: stretch;
display: flex;
align-items: center;
justify-content: center;
background-color: #000;
}
.advance-news .timeline-media .swiper-container,
.advance-news .timeline-media .swiper-wrapper,
.advance-news .timeline-media ion-slides {
height: fit-content;
}
.advance-news .timeline-media .video-wrapper {
position: relative;
}
.advance-news .timeline-media .video-wrapper.loading::after {
content: '';
position: absolute;
top: calc(50% - 24px);
left: calc(50% - 24px);
display: inline-block;
width: 48px;
height: 48px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23aeacac' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z' opacity='0.5'/%3E%3Cpath fill='%23aeacac' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'%3E%3CanimateTransform attributeName='transform' dur='1s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/%3E%3C/path%3E%3C/svg%3E");
}
.advance-news .timeline-media .mute-btn {
position: absolute;
bottom: 0px;
right: 0px;
background: transparent;
color: #fff;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
padding: 0;
opacity: 0.6;
font-size: 20px;
}
.advance-news .timeline-media .video-wrapper {
position: relative;
}
.advance-news .timeline-media video {
background-color: #000;
min-height: 200px;
}
.advance-news .timeline-media video::-webkit-media-controls-overlay-play-button,
.advance-news .timeline-media video::-webkit-media-controls-play-button,
.advance-news .timeline-media video::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
.advance-news .timeline-card {
transform: translateZ(0);
will-change: transform;
backface-visibility: hidden;
}
.advance-news .timeline-card img {
content-visibility: auto;
contain-intrinsic-size: 300px;
}
.advance-news .timeline-media .video-countdown {
position: absolute;
top: 10px;
left: 10px;
background: rgb(0 0 0 / 30%);
padding: 3px 9px;
border-radius: 12px;
font-size: 10px;
z-index: 15;
color: #ffffff60;
}
.advance-news .timeline-interactions {
padding: 0 15px;
display: flex;
justify-content: space-between;
align-items: center;
height: 45px;
direction: ltr;
unicode-bidi: isolate;
}
.advance-news .timeline-interactions .interaction-buttons {
display: flex;
flex-direction: row;
align-items: center;
direction: ltr;
}
.advance-news .timeline-interactions .icon {
font-size: 28px;
margin-right: 15px;
cursor: pointer;
color: #262626;
}
.advance-news .timeline-interactions a {
line-height: 0;
}
.advance-news .timeline-interactions .svg-icon {
display: inline-block;
width: 24px;
height: 24px;
background-color: #4d4d4d;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.advance-news .timeline-interactions .like-icon-outline {
--svg: url('data:image/svg+xml,');
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
}
.advance-news .timeline-interactions .like-icon-filled {
--svg: url('data:image/svg+xml,');
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
background-color: #ed4956;
}
.advance-news .timeline-interactions .comment-icon {
--svg: url('data:image/svg+xml,');
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
}
.advance-news .timeline-interactions .share-icon {
--svg: url('data:image/svg+xml,');
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
}
.advance-news .timeline-interactions .count {
font-size: 14px;
margin-right: 15px;
margin-left: -10px;
font-weight: bold;
color: #262626;
}
.advance-news .timeline-content {
padding: 0 15px 15px;
}
.advance-news .timeline-content .post-title {
font-size: 15px;
font-weight: bold;
margin: 5px 0;
color: #262626;
}
.advance-news .timeline-content .post-text {
font-size: 14px;
line-height: 1.6;
text-align: justify;
text-justify: inter-word;
color: #262626;
}
.advance-news .timeline-content .post-text p {
margin: 0;
}
.advance-news .timeline-content:not(.expanded) .post-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.advance-news .timeline-content.expanded .post-text {
display: block;
overflow: visible;
-webkit-line-clamp: unset;
}
.advance-news .timeline-content .more-btn {
background: none;
border: none;
color: #8e8e8e;
padding: 0;
font-size: 14px;
margin-top: 5px;
cursor: pointer;
font-family: inherit;
}
/* Slide pagination styling */
.advance-news .timeline-media .swiper-pagination-bullet-active {
background: #0095f6;
}