@charset "UTF-8";

@import url('/themes/default/fonts/iranyekan/css/fontiran.css');

@import url('/themes/default/fonts/landika-icon-font.css?ver=2');

@import url('/themes/blog/css/normalize.css');

/*-----------*/
.ShowProducts .ProductList {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
}
  .ShowProducts .ProductList>li {
    margin: 9px 5px;
    width: 23.6%;
    border: .5px solid #f1f1f1;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 10px 10px 15px;
    justify-content: space-between;
    transition: all .3s ease;
    font-size: 110%;
    border: 1px solid gainsboro;
}
  .productDetail {
    display: grid;
    grid-template-rows: 60% 10% 15% 15%;
    height: 100%;
    width: 100%;
}
  .ProductPic {
    grid-area: 1 / 1 / 1 / 1;
}
  .ProductImgHolder {
    width: 100%;
    padding-top: 120%;
    position: relative;
    overflow: hidden;
}
  .ProductImg {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 90%;
    transform: translate(-50%,-50%);
    max-height: 85% !important;
}
  .productName {
    grid-area: 3 / 1 / 3 / 1;
    font-size: .85em;
    color: #464646;
    line-height: 1;
    position: relative;
}
  .productNameHolder {
    opacity: 0;
}
  .productName a {
    position: absolute;
    top:-10px;
    right: 0;
    max-height: 43px;
    overflow: hidden;
    font-size: 105%;
    padding-bottom: 4px;
    line-height: 130%;
}
  .productPrice {
    grid-area: 4 / 1 / 4 / 1;
    padding: 0 13px;
    align-self: end;
}
  .PSrow {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
  .productPrice .PPBefore {
    color: #888;
    text-decoration: line-through;
}
  .productPrice .PPDiscount {
    color: #fff;
    background-color: #ef6a0c;
    padding: 3px 10px 1px;
    border-radius: 50px;
    display: inline-block;
    margin-right: 15px;
}
.productPrice .PPDiscount span {
    color: #fff;
}
  .PPDiscount span::after {
    content: "%";
    margin-left: 5px;
}
  .PPAfter {
    color: #ff6a00;
}
  .tomanAfter::after {
    content: "تومان";
    font-size: .9em;
    font-weight: 100;
    margin-right: 7px;
}

.d_flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ju_bet{
    justify-content: space-between;
}
.Al-Cen{
    align-items: center;
}

/*-----------*/
body{
    font: normal 12px 'iranyekan', sans-serif;
    color: #212121;
}
.container{
    direction: rtl;
}

.headerWrapper{
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    width: 20%;
    background: #fff;
    z-index: 10;
    transition: all .4s ease;
    overflow-y: auto;
}

.blogLogo{
    background: url('/themes/blog/image/landika-blog-logo.svg');
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 30px 0;
    position: relative;
  	display: block;
}
.blogLogo::after {
    content: "Read More, Know More";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0);
    letter-spacing: 2px;
    white-space: nowrap;
}

.blogMenu{
    position: relative;
    padding: 20px 0;
}

.blogMenu::before{
    content: "";
    position: absolute;
    height: 1px;
    width: 50%;
    top: 0;
    left: 25%;
    background: #bdbdbd;
}

.blogMenu li a{
    display: flex;
    font-size: 1.2em;
    padding: 12px 10% 12px 0;
    justify-content: center;
}

.blogMenu li a:hover{
    background: rgba(200,200,200,.1)
}

.blogMenu li a span{
    display: block;
    width: 100%;
}

.blogMenu li a i[class^="icon-"] {
    margin-left: 10px;
    font-size: 1.7em;
    line-height: 0;
}

.blogSubMenu{
    padding-right: 10%;
}


.blogSubMenu li a{
    padding: 8px 10%;
    color: #464646;
}

.blogMenu .active{
    font-weight: 700;
}

.blogMenu .active a i[class^="icon-"] {
    color: #ff6a00;
}

.blogMenu .active a span{
    position: relative;
}

.blogMenu .active a span::after{
    content: "";
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 100%;
    height: 2px;
    background: #ff6a00;
}

.goToLandika{
    background: #F5F5F5;
    border-right: 10px solid #ff6a00;
}

.goToLandika a{
    padding-right: calc(10% - 10px) !important;   
}

.goToLandika i[class^="icon-"] {
    font-size: 1.6em !important;
    line-height: 0;
    top: -2px !important;
}

.fallowUsText{
    display: inline-block;
    letter-spacing: -1px;
    color: #BDBDBD;
    border-right: 2px solid #ff6a00;
    writing-mode: vertical-rl;
    white-space: nowrap;
    padding: 0 8px 0 0;
    margin: 0 5% 10px 0;
}

.socialList li{
    padding: 5px 5%;
}
.socialList li i[class^="icon-"] {
    color: #757575;
    margin-left: 10px;
    font-size: 1.3em;
    transition: all .3s ease;
    position: relative;
    z-index: 1;
}
.socialList li i[class^="icon-"]::after {
    content: "";
    width: 0;
    padding-top: 0;
    position: absolute;
    top: calc(50% - 3px);
    left: 50%;
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%,-50%);
    transition: all .3s ease
}
.socialList li:hover i[class^="icon-"]::after {
    width: 150%;
    padding-top: 150%;
}

.socialList .telegram{
    color: #0088cc;
}
.socialList .instagram{
    color: #e1306c;
}
.socialList .twitter{
    color: #1da1f2;
}
.socialList .facebook{
    color: #3b5998;
}
.socialList li .icon-telegram::after{
    background: #0088cc;
}
.socialList li .icon-instagram::after{
    background: #e1306c;
}
.socialList li .icon-twitter::after{
    background: #1da1f2;
}
.socialList li .icon-facebook::after{
    background: #3b5998;
}

.socialList li:hover i[class^="icon-"] {
    color: #fff;
}
.socialList li span{
    width: 0;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

.socialList li:hover span{
    width: inherit
}
.nightTheme{
    background-color: #2E2E2E;
    transition: all .3s ease;
}

.switchNight{
    position: absolute;
    bottom: 15px;
    left: 20px;
    cursor: pointer;
}

.toggleWrapper{
    width: 28px;
    height: 14px;
    border: 2px solid #707070;
    border-radius: 50px;
    margin-right: 10px;
    position: relative;
    line-height: 14px;
}

.toggleWrapper::after{
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #707070;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    transition: all .3s ease;
}
.toggleWrapper.toggleOn::after{
    background: #ff6a00;
    left: 15px;
}

.bodyWrapper{
    width: 80%;
    margin-right: 20%;
}

.blogTopSlider{
    position: relative;
}
.blogTopSlider .slick-prev, .blogTopSlider .slick-next {
    background: rgba(255,255,255,.6);
    border-radius: 4px;
}
.blogTopSlider .slick-prev:before, .blogTopSlider  .slick-next:before {
    opacity: 1;
    color: #ff6a00;
}
.blogTopSlider .slick-prev {
    left: 30px;
    z-index: 9999;
}
.blogTopSlider .slick-next {
    right: 30px;
}
.blogTopSlider::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 25%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0, #2E2E2E, transparent);
}
.slick-next::before {
    content: '\e005' !important;
  	font-family: landikaiconfont !important;
}
.slick-prev::before {
    content: '\e004' !important;
  	font-family: landikaiconfont !important;
}

.blogTopSlider .sliderWrapper{
    height: 60vh;
}

.blogTopSlider .topSliderSingle{
    height: 60vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.blogTopSlider .topSliderSingle::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
}
.blogTopSlider .SlideText{
    width: 60%;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 5;
}
.blogTopSlider .topSlideTitle{
    font-size: 1.5em;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}
.blogTopSlider .topSlideDesctiption{
    font-size: 1.2em;
    color: #fff;
    text-align: center;
    margin-bottom: 25px;
}
.topSlideBtn a{
    display: flex;
    align-items: center;
}
.btnWrapper{
    background: #F8BA16;
    padding: 8px 25px;
    border-radius: 4px;
}
.btnWrapper span{
    margin-left: 15px;
}

.blogTopSlider .slick-dots{
    color: #fff;
    display: flex;
    border-bottom: 2px solid #9E9E9E;
    width: 94%;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    bottom: 0;
}
.blogTopSlider .slick-dots li{
    width: initial;
    height: initial;
}
.blogTopSlider .slick-dots li::before{
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    position: relative;
    top: -3px;
}
.topSliderPagination{
    max-width: 0;
    overflow: hidden;
    transition: all 0s ease;
    display: inline-block;
    white-space: nowrap;
    font-weight: 200;
}
.slick-active .topSliderPagination{
    max-width: 1000px;
    transition: all .8s ease;
}

.blogTopSlider .slick-dots .slick-active::before{
    background: #ff6a00 !important;
}

.mainContent{
    width: 94%;
    margin: 0 auto;
    max-width: 1200px;
}
.homeMain{
    margin: 40px auto;
}
.rowTitle span{
    position: relative;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
}
.rowTitle span::after{
    content: "";
    position: absolute;
    right: 108%;
    bottom: 2px;
    width: 40%;
    height: 1px;
    background: #FAFAFA
}
.topPostList{
    justify-content: space-between;
    margin: 15px 0;
}
.topPostList li{
    width: 19%;
    background: #424242;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
.topPostThumbnail img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
}
.topPostThumbnail .imgLink{
    display: block;
    position: relative;
    padding-top: 100%; 
}
.topPostText{
    background: #424242;
    color: #fff;
    line-height: 1.7;
    padding: 10px 15px;
    position: relative;
}
.topPostHover{
    max-height: 60px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #424242;
    transition: all .4s ease .1s;
    padding: 0 15px;
    box-sizing: border-box;
    opacity: 0;
}

.topPostList li:hover .topPostHover{
    max-height: 140px;
    padding: 10px 15px;
    opacity: 1;
}
.topPostTitle{
    font-size: 1.3em;
    color: #fff;
}
.topPostDetail{
    justify-content: space-between;
}
.topPostDetail{
    color: #fff;
    margin: 10px 15px 15px;
}
.col1{
    width: 24.5%
}
.col1 img{
    width: 100%;
}
.col2{
    width: 49.5%
}
.col2 img{
    width: 100%;
}
.col3{
    width: 74.5%
}
.col3 img{
    width: 100%;
}
.col4{
    width: 100%
}
.col4 img{
    width: 100%;
}

.mainPageBannerList{
    justify-content: space-between;
    align-items: center;
}

.lastPostList{
    border-right: 2px solid #707070;
    margin: 15px 0 25px;
    padding-right: 20px
}
.lastPostList li{
    position: relative;
    margin-top: 25px;
}
.lastPostList li::before{
    content: "";
    position: absolute;
    right: -52px;
    top: -8px;
    background: #707070;
    border: 8px solid #2E2E2E;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translate(-50%,0);
}
.mainPageBanner {
    margin: 25px 0;
}
.lastPostDetail{
    font-weight: 200;
    color: #fff;
}

.lastPostDate{
    margin-left: 25px;
}
.lastPostDetail  i {
    position: relative;
    top: 2px;
    margin-left: 10px;
}

.lastPostwrapper{
    background: #424242;
    margin: 10px 0;
    color: #fff;
    line-height: 2;
}
.lastPostThumbnail{
    display: block;
    width: 25%;
}

.lastPostThumbnail span,
.offerThumbnail span{
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 0 3px 3px 0;
}

.lastPostText{
    width: 75%;
    padding: 20px 30px;
    text-align: justify;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
}
.lastPostText h3{
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 15px;
}

.lastPostMore,
.topPostMore{
    text-align: left;
}

.lastPostMore a,
.topPostMore a{
    position: relative;
}
.topPostMore a::after,
.lastPostMore a::after{
    content: "\e011";
    font-family: landikaiconfont;
    margin-right: 10px;
    color: #F8BA16;
    font-size: 1.2em;
    position: relative;
    top: 3px;
}
.topPostMore a::before,
.lastPostMore a::before{
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #fff;
    bottom: -3px;
    left: 0;
    transition: all .3s ease;
}
.topPostMore a:hover::before,
.lastPostMore a:hover::before{
    width: 100%;
}

.pagination{
    color: #fff;
    justify-content: flex-end;
}

.paginationList{
    margin-right: 20px;
}

.paginationList li:not(.paginationDots){
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #F5F5F5;
    text-align: center;
    line-height: 20px;
    margin: 0 5px;
    color: #212121;
}
.paginationDots{
    color: #fff;
    font-size: 1.6em;
    letter-spacing: .2px;
    margin: 0 8px;
}
.blogOffer{
    margin: 25px 0;
}
.offerList{
    margin: 15px 0 25px;
    justify-content: space-between;
}
.offerList li{
    width: 16%;
    background: #FAFAFA;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 15px 15px;
    box-sizing: border-box;
}
.offerImgWrapper{
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.offerThumbnail{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.offerText{
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px;
}

.offerprice{
    font-size: 1.2em;
}
.offerpriceBefore{
    color: #949494;
    text-decoration: line-through;
    text-align: left;
}
.offerpriceAfter{
    color: #ff6a00;
    font-size: 1.2em;
    text-align: left;
}
.tomanAfter::after{
    content: "تومان";
    font-size: .9em;
    font-weight: 300;
    margin-right: 7px;
}
.rowTitle.d_flex{
    justify-content: space-between;
}
.rowTitleMore{
    color: #fff;
}
.rowTitleMore:visited {
    color: #fff;
}
.rowTitleMore::after{
    content: "\e011";
    font-family: landikaiconfont;
    margin-right: 10px;
    color: #F8BA16;
    font-size: 1.2em;
    position: relative;
    top: 3px;
}
.footerLogo{
    font-size: 1.4em;
    text-align: center;
    color: #fff;
    background: #757575;
    border-top: 1px solid #ff6a00;
    padding: 8px 0;
}

.footerTitle{
    font-size: 1.3em;
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 20px 0;
}
.footerTitle::after{
    content: "";
    position: absolute;
    bottom: -3px;
    right: 0;
    width: 150%;
    height: 1px;
    background: #ff6a00;
}
.footerLink{
    justify-content: space-between;
}
.UsefulLink{
    width: 28%;
}
.AboutLdk{
    width: 40%;
    color: #fff;
    line-height: 1.5;
}
.AboutLdk p{
    text-align: justify;
}
.usefulList li{
    white-space: nowrap;
}
.usefulList li::before{
    content: "";
    width: 8px;
    height: 8px;
    background: #ff6a00;
    display: inline-block;
    border-radius: 50%;
    margin-left: 8px;
}
.usefulList{
    color: #fff;
    line-height: 2.5;
    overflow: hidden;
}
.footerLink{
    width: 94%;
    margin: 0 auto;
    max-width: 1200px;
}
.copyRight{
    width: 94%;
    margin: 50px auto 0;
    max-width: 1200px;
    color: #757575;
    justify-content: space-between;
    padding-bottom: 20px;
}
.contactPhone span{
    letter-spacing: 2px;
    padding: 5px 15px
}

/*---- single page ----*/

.nightTheme .articleContent  *{
    color: #fff;
}
.articleContent{
    width: 68%;
    padding: 50px 0;
}
.postSideBar{
    width: 28%;
    margin: 50px 4% 0 0;
}
  /*
    display: flex;
    flex-direction: column;
}
#trigger {
    height: 100%;
} */
#fixOnScroll{
    background: #424242;
    padding: 15px 5px;
    border-radius: 4px;
}
.articleDetailLine{
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    font-weight: 200;
}
.articleNav{
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
}
.articleNavList li:not(:last-child)::after{
    content: "\e004";
    font-family: landikaiconfont;
    color: #ff6a00;
    font-size: 1.5em;
    line-height: 0;
    margin: 0 10px;
    position: relative;
    top: 4px;
}
.articleDate{
    margin: 0;
}
.articleDate i {
    position: relative;
    top: 2px;
    margin-left: 10px;
}
.articleMainImg img{
    width: 100%;
}
.articleBody{
    margin: 25px auto;
    font-size: 1.2em;
}
.articleBody *{
    color: #fff !important;
    text-align: justify !important;
    line-height: 2 !important;
}
.articleBody img {
max-width: 100%;
    height: inherit !important;
    display: inherit;
    margin:10px auto;  
}
.articleDetailLine h1{
    font-size: 1.3em;
    max-width: 75%;
}
.articleFooterBanner img{
    width: 100%;
}

.articleTags span{
    font-weight: 400;
    white-space: nowrap;
}
.articleTagList {
    flex-wrap: wrap;
    padding-left: 10px;
}
.articleTagList li {
    margin-bottom: 15px;
}
.articleTagList li a{
    background: #424242;
    padding: 2px 12px;
    border-radius: 50px;
    margin-right: 10px;
    white-space: nowrap;
}
.articleTagList li a::before{
    content: "#";
}
.articleShare>span {
    white-space: nowrap;
}
.articleShareList li{
    font-size: 1.8em;
    margin-right: 25px;
    line-height: 0;
}
.articleShareList li i{
    position: relative;
    top: -4px;
}
.articleShareList .icon-telegram:hover {
    color: #0088cc;
}
.articleShareList .icon-twitter:hover {
    color: #1da1f2;
}
.articleShareList .icon-facebook:hover {
    color: #3b5998;
}
.commentSec{
    border-top: 1px solid #616161;
    padding: 15px;
    margin-top: 20px;
}
.commentTitle{
    font-size: 1.2em;
}
.commentTitle i{
    font-size: 1.8em;
    color: #ff6a00 !important;
    line-height: 0;
    margin-left: 15px;
}
.forClickComment{
    padding: 25px;
    margin: 15px 0;
    border: 1px solid #424242;
    border-radius: 4px;
    align-items: center;
    cursor: text;
    transition: all .4s ease;
}
.forClickComment i{
    font-size: 1.8em;
    line-height: 0;
    margin-left: 15px;
}
.hideForClick{
    padding: 150px 25px;
    border: none;
}
.writeCommentWrapper{
    position: relative;
}
.writeComment {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.writeComment .d_flex{
    justify-content: space-between;
    flex-wrap: wrap;
}
.writeComment input,
.writeComment textarea{
    background: #191c1d;
    border: none;
    line-height: 2;
    padding: 3px 15px;
    border-radius: 4px;
    box-sizing: border-box;
  	width: 100%;
}
.writeComment .inputWrapper{
    margin-top: 15px;
    width: 49%;
    position: relative;
}
.writeComment .textareaWrapper{
    margin-top: 15px;
    width: 100%;
    position: relative;
}
.inputWrapper.wrapperAlert::after ,
.textareaWrapper.wrapperAlert::after {
    content: attr(data-alert);
    position: absolute;
    top: 50%;
    left: 7px;
    background: #ff4150;
    padding: 2px 8px;
    border-radius: 3px;
    transform: translate(0,-50%);
    color: #fff !important;
}
.textareaWrapper.wrapperAlert::after {
    top: 5px;
    transform: translate(0,0);
}
.writeComment textarea{
    height: 200px;
}
.formBtn {
    width: 100%;
    text-align: left;
    margin: 15px 0;
}
.sendComment{
    background: #ff6a00;
    border-radius: 4px;
    padding: 6px 28px;
    border: none;
}
.hideForClick i,
.hideForClick span{
    opacity: 0;
}
.showWriteComment{
    display: block;
}
.SingleCommentTitle{
    justify-content: space-between;
    align-items: center;
}
.commentName span{
    color: #F8BA16 !important;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 0;
}
.commentDate span{
    color: #9E9E9E !important;
    font-size: .9em;
}
.commentDate::before{
    content: "-";
    margin: 0 10px;
}
.replyToComment {
    cursor: pointer;
}
.replyToComment span{
    color: #0088dc !important;
    font-weight: 300;
}
.replyToComment i{
    color: #0088dc !important;
    position: relative;
    top: 2px;
}
.postCommentList li{
    background: #313131;
    padding: 15px 20px;
    box-sizing: border-box;
    box-shadow: 0 3px 4px rgba(40,40,40,.1);
    border-radius: 4px;
    margin: 10px 0;
}
.commentBody{
    margin: 15px 0;
}
.commentBody p{
    text-align: justify;
    line-height: 1.8;
}
.commentReply{
    border-right: 1px solid #ff6a00;
    position: relative;
    width: 90%;
    margin-right: 10%;
    padding: 8px 15px;
    line-height: 1.8;
    box-sizing: border-box;
    background: rgba(250,250,250,.02);
    border-radius: 4px 0 0 4px;
    margin-top: 8px;
}
.morecom {
    display: block;
    text-align: center;
    background: #403f3f;
    padding: 15px;
    border-radius: 3px;
    color: #ff6a00 !important;
    font-size: 1.2em;
    font-weight: 300;
    cursor: pointer;
}
.morecom::before {
    content: "+";
    margin-left: 10px;
}
#cmt2 {
    text-align: center;
    padding: 8px;
    background: inherit;
}
.nomorecom {
    display: none;
}
.commentReply::before{
    content: "\e919";
    position: absolute;
    font-family: landikaiconfont;
    top: 0;
    right: -25px;
    transform: rotateX(180deg);
    color: #ff6a00;
}
.commentReply p{
    text-align: justify;
}
.PostOfferSliderWrapper {
    width: 90%;
    margin: 40px auto;
}
.PostOfferImg{
    width: 33%;
    padding-top: 33%;
    position: relative;
}
.PostOfferImg a,
.PostOfferImg span{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.PostOfferImg span{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.blogSidePosts{
    width: 90%;
    margin: 0 auto;
}
.PostOfferDetail{
    width: 67%;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.blogSideList{
    margin: 15px 0;
}
.blogSideList li{
    margin: 20px 0;
    position: relative;
}
.blogSideList li:not(:last-child)::after{
    content: "";
    position: absolute;
    left: 5%;
    bottom: -10px;
    width: 90%;
    height: 1px;
    background: #565656;
}

.PostOfferDetail h4{
    color: #fff;
    text-align: justify;
    font-weight: 300;
    line-height: 1.5;
}
.SideListImgWrapper{
    width: 22%;
    padding-top: 22%;
    font-size: .9em;
}
.SideListImg{
    border-radius: 50% !important;
}
.SideListHeader{
    width: 74%;
}
.SideListHeader h3{
    color: #F5F5F5;
    line-height: 2;
    font-weight: 400;
}
.favSide{
    margin: 20px auto;
}
.LastSide{
    margin-top: 40px
}
.postSideBar .rowTitle {
    font-size: .9em;
}
.blogSpacial{
    margin: 20px auto 40px;
    width: 90%;
}
.blogSpacialImg{
    position: relative;
    width: 70%;
    padding-top: 80%;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
    margin-top: 15px;
    border-radius: 4px 4px 0 0;
}
.blogSpacialImg img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.blogSpacialImg h4{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,.6);
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.blogSpacialPrice {
    width: 70%;
    margin: 0 auto;
}
.SpacialPriceAfter {
    width: 60%;
    background: #ff6a00;
    box-sizing: border-box;
    color: #fff;
    border-radius: 0 0 4px 0;
}
.SpacialPriceBefore {
    width: 40%;
    background: #BDBDBD;
    color: #565656;
    border-radius: 0 0 0 4px;
    text-decoration: line-through;
}
.blogSpacialPrice .SpacialPriceAfter,
.blogSpacialPrice .SpacialPriceBefore{
    padding: 7px 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
}
.SpacialPriceAfter::after {
    content: "هزار تومان";
    font-size: 0.8em;
    font-weight: 300;
    letter-spacing: 0;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.SpacialPriceBefore::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    transform: rotate(45deg) translate(-50%,-50%);
    background: #bdbdbd;
    left: 90%;
    top: 60%;
}
.readProgressBar {
    position: fixed;
    width: 100%;
    height: 3px;
    left: 0;
    top: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: #ff6a00;
    z-index: 999;
    direction: ltr;
    transition: top .3s ease;
}
.readProgressBar::-webkit-progress-bar {
  background-color: transparent;
}

.readProgressBar::-webkit-progress-value {
  background-color: #ff6a00;
}

.readProgressBar::-moz-progress-bar {
  background-color: #ff6a00;
}
.mobileHeader {
  	display:none;
}
.backToTop i {
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.backToTop {
    position: absolute;
    bottom: 45px;
    left: 20px;
    cursor: pointer;
    padding: 2px 0;
    background: #ff6a00;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    max-width: 0;
    transition: all .3s ease;
    overflow: hidden;
}
.BTShow {
    max-width: 150px;
    padding: 2px 15px;
}
.writeComment span {
    display: block;
    border-right: 2px solid #ff6a00;
    padding: 3px 10px;
    background: #3e3d3d;
    margin: 20px 10px 10px;
}
.aricleImg img {
    max-width: 100%;
    display: block;
    margin: 10px auto;
}
.articleBody h6 {
    font-size: 1.05em;
}
.articleBody h5 {
    font-size: 1.1em;
}
.articleBody h4 {
    font-size: 1.2em;
}
.articleBody h3 {
    font-size: 1.35em;
}
.articleBody h2 {
    font-size: 1.5em;
}
.articleBody a h2, 
.articleBody a h3, 
.articleBody a h4, 
.articleBody a h5,
.articleBody a h6 {
    text-decoration: underline;
}
.articleBody h2, 
.articleBody h3, 
.articleBody h4, 
.articleBody h5,
.articleBody h6 {
    font-weight: bold;
    margin-bottom: .65em;
}
.linkToLDK a::before {
    content: "\e009";
    font-family: landikaiconfont;
    position: relative;
    top: 2px;
    margin-left: 7px;
    font-size: .9em;
}

.BlogQuotes {
    width: 85%;
    margin: 15px 15% 15px 0;
    padding: 12px 5% 12px 2%;
    background: rgba(222, 222, 222, 0.06);
    box-sizing: border-box;
    border-right: 4px solid #FF6A00;
    position: relative;
}
.BlogQuotes::before {
    content: "“";
    position: absolute;
    left: 102%;
    top: 0;
    font-size: 120px;
    line-height: 1;
    color: #ff6a00;
}

.column2{
    width: 50%;
flex: 2 0 0;
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
}

.column2 img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.column3{
    width: 65%;
flex: 3 0 0;
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
}

.column3 img{
    width: 100%;
}

.column1{
    width: 35%;
flex: 1 0 0;
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
}

.column1 img{
    width: 100%;
}

.column4{
    width: 92%;

flex: 4 0 0;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 0 3%;
}

.column4 img{
    width: 60%;
    display: block;
}

.column5{
    width: 92%;
flex: 5 0 0;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 0 3%;
}

.column5 img{
    width: 98%;
    margin: 0 auto;
    display: block;
}

 .lightTheme .mainContent article  a{
    color: #0088dc !important;
}



@media only screen and (max-width: 650px){
  .d_flex {
    flex-wrap: wrap;
  }
  .column2,.column3,.column1{
    width: 100%;
    min-width: 100%;
  }
  .ShowProducts .ProductList>li {
    width: 47%;
  }
  .Product-description .column2,.Product-description .column3,.Product-description .column4,.Product-description .column1{
        width: 100%;
        padding: 0;
    }
    .Product-description .column2 img,.Product-description .column3 img,.Product-description .column1 img{
        width: 60%;
        margin: 0 20%;
    }

    .Product-description{
        width: 95%;
        margin: 0 auto;
    }
}

/* --------- lightTheme --------- */
.lightTheme{
    background: #F6F5F4
}
.lightTheme .rowTitle span{
    color: #212121;
}

.lightTheme .rowTitle span::after{
    background: #424242;
}
.lightTheme .blogTopSlider .slick-dots li::before {
    background: #424242;
}
.lightTheme .blogTopSlider .slick-dots {
    color: #424242;
}
.lightTheme .topSliderPagination{
    font-weight: 300;
}
.lightTheme .blogTopSlider::after {
    background: linear-gradient(0, #f6f5f4, transparent);
}
.lightTheme .topPostDetail {
    color: #212121;
}

.lightTheme .topPostMore a::after,
.lightTheme .lastPostMore a::after{
    color: #F8BA16;
}
.lightTheme .topPostMore a::before,
.lightTheme .lastPostMore a::before{
    background: #757575;
}
.lightTheme .topPostTitle {
    color: #424242;
}
.lightTheme .topPostHover {
    background: #fff;
}
.lightTheme .topPostList li {
    background: #fff;
}

.lightTheme .topPostText {
    background: #fff;
    color: #424242;
}
.lightTheme .lastPostDetail {
    color: #424242;
    font-weight: 300;
}
.lightTheme .lastPostList li::before {
    background: #aaa;
    border: 8px solid #f6f5f4;
}
.lightTheme .lastPostList {
    border-right: 2px solid #aaa;
}
.lightTheme .lastPostwrapper {
    background: #fff;
    color: #424242;
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.lightTheme .pagination {
    color: #424242;
}
.lightTheme .paginationList li:not(.paginationDots) {
    background: #e2e2e2;
}
.lightTheme .paginationDots {
    color: #424242;
}
.lightTheme .offerList li {
    background: #fff;
}
.lightTheme .footerTitle {
    color: #424242;
}
.lightTheme .usefulList {
    color: #424242;
}
.lightTheme .AboutLdk {
    color: #424242;
}
.lightTheme .blogTopSlider .topSlideTitle {
    color: #212121;
}
.lightTheme .blogTopSlider .topSliderSingle::after {
    background: rgba(255,255,255,.75);
}
.lightTheme .blogTopSlider .topSlideDesctiption {
    color: #212121;
}

.lightTheme .articleContent * {
    color: #464646;
}
.lightTheme .articleDetailLine {
    font-weight: 300;
}
.lightTheme .articleBody * {
    color: #212121 !important;
}
.lightTheme .articleTagList li a {
    background: #dedede;
}
.lightTheme .postCommentList li {
    background: #ffffff;
}
.lightTheme .commentReply {
    background: rgba(105, 105, 105, 0.1);
}
.lightTheme #fixOnScroll {
    background: #fff;
}
.lightTheme .PostOfferDetail h4 {
    color: #212121;
    font-weight: 400;
}
.lightTheme .SideListHeader h3 {
    color: #646464;
}
.lightTheme .blogSideList li:not(:last-child)::after {
    background: #e8e8e8;
}
.lightTheme .morecom {
    background: #fffdfc;
}
.lightTheme .writeComment input, .lightTheme .writeComment textarea {
    background: #ffffff;
    border: 1px solid #adadad;
}
.lightTheme .sendComment {
    color: #fff;
}
.lightTheme .writeComment span {
    background: #efefef;
}

.mainContent .articleContent p a{
	color: #0088dc !important;
}

/* ---------- responsive ---------- */

@media only screen and (max-width: 1280px){
  	.backToTop{
      	display: none;
  	}
    .nightTheme {
        overflow-x: hidden;
    }
    .headerWrapper {
        left: 100%;
        right: inherit;
        width: 40%;
    }
    .showFullMenu {
      	left: 60%;
    }
    .mobileHeader {
      	display: block;
        position: fixed;
        height: 55px;
        top: -65px;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 1px 6px rgba(0,0,0,.2);
      	transition: top .3s ease, background .3s ease;
    	z-index: 5;
    }
    .mobileMenu {
        font-size: 2.5em;
        line-height: 55px;
        padding-right: 3%;
        color: #ff6a00;
      	float: right;
    	cursor: pointer;
    }
    .mobileMenu i {
        position: relative;
        top: 5px;
    }
    .mobileLogo {
        height: 55px;
        background: url(/themes/blog/image/landika-blog-logo.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 100px;
        float: left;
        margin-left: 3%;
        transition: all .3s ease;
        position: relative;
        left: 0;
        top: 0;
    }
    .showMobileMenu {
      	top: 0;
    }
    .headerWrapper.showHeader{
        left: 60%;
    }
    .outMenuMobile {
        background: rgba(0,0,0,0);
        transition: all .6s ease;
    	width: 0;
    }
    .fullMenuComplete {
    	position: fixed;
        width: 60%;
        top: 0;
        left: 0;
        height: 100%;
        background: rgba(0,0,0,.8);
    }
  	.hideForFull .mobileMenu{
    	display: none;  
  	}
    .hideForFull .mobileLogo{
        width: 130px;
        position: fixed;
        left: 80%;
        top: 5%;
    }
    .bodyWrapper {
        width: 100%;
    	margin: 55px 0 0 0;
        position: relative;
        z-index: 1;
    }
    .topPostThumbnail img {
        height: 130px;
        margin: 0 auto;
        display: block;
    }
}


@media only screen and (max-width: 768px){
  
    .showMobileProgressBar{
      	top: 55px;
    }
    .headerWrapper {
        left: 100%;
        right: inherit;
        width: 55%;
    }
    .fullMenuComplete {
        width: 45%;
    }
    .showFullMenu {
      	left: 45%;
    }
    .blogTopSlider .sliderWrapper {
        height: 50vh;
    }
    .blogTopSlider .topSliderSingle {
        height: 50vh !important;
    }
  .blogTopSlider .SlideText {
    width: 80%;
    font-size: .9em;
    padding-bottom: 30px;
    box-sizing: border-box;
}
  .blogTopSlider .slick-next {
    right: 15px;
}
  .blogTopSlider .slick-prev {
    left: 15px;
    z-index: 9999;
}
  .blogTopSlider::after {
    height: 15%;
    background: linear-gradient(0, #2E2E2E 7%, transparent);
}
  .topPostList {
    overflow-x: auto;
    flex-wrap: nowrap;
}
  .topPostList li {
    min-width: 55%;
    margin-left: 20px;
}
  .topPostText {
    max-height: 4em;
    overflow: hidden;
}
  .topPostHover {
    display: none;
}
  .col3 {
    width: 100%;
}
  .col1 {
    display: none;
}
  .col2 {
    width: 100%;
}
  .lastPostwrapper {
    flex-direction: column;
}
  .lastPostThumbnail {
    width: 100%;
    height: 30vh;
}
  .lastPostText {
    width: 100%;
    padding: 10px 20px;
}
  .offerList {
    overflow-x: auto;
}
  .offerList li {
    min-width: 40%;
    margin-left: 10px;
}
  .footerLink {
    flex-wrap: wrap;
}
  .UsefulLink {
    width: 48%;
}
  .AboutLdk {
    width: 100%;
}
  .footerTitle::after {
    width: 125%;
}
  .copyRight {
    flex-wrap: wrap;
}
  .contactPhone {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
  .postSideBar {
    display: none;
}
  .articleContent {
    width: 98%;
    margin: 0 auto;
}
  .articleDetailLine {
    flex-direction: column;
    align-items: flex-start;
    margin: 10px 0;
}
  .articleNav {
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 15px;
}
  .articleDetailLine h1 {
    max-width: 100%;
}

}


@media only screen and (max-width: 480px){
  .headerWrapper {
        width: 70%;
    }
    .fullMenuComplete {
        width: 30%;
    }
    .showFullMenu {
      	left: 30%;
    }
  
  .topPostList li {
    min-width: 75%;
}
  .offerList li {
    min-width: 60%;
    margin-left: 10px;
}
  .UsefulLink {
    width: 100%;
}
  .homeMain {
    margin: 60px auto;
}
  .slick-active .topSliderPagination {
    max-width: 0;
}
  .slick-dots {
    justify-content: center;
}
  .lastPostList {
    padding-right: 10px;
}
  .lastPostList li::before {
    right: -42px;
}
  .lastPostDetail {
    margin-right: 5px;
}  
  
}



@media only screen and (max-width: 350px){
  
  
  
  
  
}