#gmap_canvas img {
    max-width: none !important;
    background: none !important;
}

.Map {
    background-color: #fff;
    border: 0.08rem solid #ccc;
    padding: 8px;
    margin-bottom: 1.08rem;
    direction: ltr;
}

.MapHolder {
    height: 400px;
    overflow: hidden;
    width: 100%;
}

    .MapHolder img {
        width: 100%;
    }

.MapInerHolder {
    height: 400px;
    width: 100%;
}


/***promotion***/
.promotion .ui.grid {
    margin-bottom: 0px !important;
}

.footerPromotion {
    line-height: 40px !important;
}

.promotionIcon {
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: -47px;
    right: 50%;
    margin-right: -50px;
    z-index: 1;
}
    /*.promotionIcon:hover {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
}*/


    .promotionIcon img {
        max-width: 100%;
    }

.ContentPage.promotion {
    background: #f16321 !important;
}

.centerImage {
    text-align: center;
}

    .centerImage img.ui.image {
        display: inline-block;
        margin: 15px auto;
        border: 10px solid #eee;
        border-radius: 3px;
    }

.centerImg img.ui.image {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*#FooterBenefit.BenefitPart ,.ui.footer{
    display:none;
}*/
.section.fp-auto-height {
    width: 100%;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.whiteBg {
    background: #fff;
}

.LandingPage .ui.basic.segment {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: scale(1);
    }

    40% {
        -webkit-transform: scale(1.05);
    }

    60% {
        -webkit-transform: scale(1.08);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: scale(1);
    }

    40% {
        -moz-transform: scale(1.05);
    }

    60% {
        -moz-transform: scale(1.08);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.05);
    }

    60% {
        transform: scale(1.08);
    }
}*/

/********LandingPage*********/
.boldTxt {
    font-family: BYekanB, Tahoma;
}

.LandingPage .textureBg {
    background: url('/client/assets/Images/StaticPage/landingBg.jpg') repeat;
    color: #f16321;
}

.LandingPage .textureBgLanding {
    background: url('/client/assets/Images/StaticPage/landingPageBg.jpg') repeat;
    font-size: 1.1em;
}

    .LandingPage .textureBgLanding p {
        line-height: 2em;
    }

.LandingPage .middlePart {
    background: rgba(0,0,0,.2);
    position: relative;
    z-index: 1;
}

    .LandingPage .middlePart .ui.grid {
        flex-direction: row-reverse;
    }

.LandingPage .middleLine {
    position: absolute;
    right: 50%;
    background: #666;
    width: 24px;
    margin-right: -12px;
    top: 5%;
    padding: 0;
    height: 90%;
    border: 8px solid #fff;
    border-radius: 10px;
}

.LandingPage .middlePart .column > div {
    position: relative;
}

.LandingPage .middlePart .column img {
    max-width: 65%;
}

.LandingPage .middlePart .column .CountDownTxt {
    position: absolute;
    top: 220px;
    font-size: 1.4em;
    background: rgba(51, 51, 51, 0.73);
    border-radius: 3px;
    color: #fff;
    padding: 8px 8px 5px;
}

    /*.LandingPage .middlePart .column .CountDownTxt .kkc-days, 
.LandingPage .middlePart .column .CountDownTxt .kkc-hours, 
.LandingPage .middlePart .column .CountDownTxt .kkc-min, 
.LandingPage .middlePart .column .CountDownTxt .kkc-sec {
    background: rgba(51, 51, 51, 0.73);
    padding: 0 4px;
    margin: 2px;
    border-radius: 3px;
    color: #fff;
}*/

    .LandingPage .middlePart .column .CountDownTxt.left {
        right: 15px;
    }

    .LandingPage .middlePart .column .CountDownTxt.right {
        left: 15px;
        top: 340px;
    }

.LandingPage .middlePart .column > div .content {
    position: relative;
    top: 180px;
    display: inline-block;
    font-size: 1.5em;
    padding-bottom: 10px;
    border-bottom: 3px solid #666;
}

.LandingPage .middlePart .column > div .datePromotion {
    position: absolute;
    bottom: -30px;
    width: 100%;
    right: 15px;
    font-size: .75em;
    text-align: center;
}

    .LandingPage .middlePart .column > div .datePromotion.left {
        left: 15px;
        right: auto;
    }

.LandingPage .middlePart .column.first > div, .LandingPage .middlePart .column.second > div {
    float: right;
    width: 100%;
}

    .LandingPage .middlePart .column.first > div .content {
        top: 300px;
        float: left;
        padding-left: 30px;
        text-align: left;
    }

    .LandingPage .middlePart .column.second > div .content {
        float: right;
        padding-right: 30px;
    }

.LandingPage .middlePart .column .content:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    top: -12px;
    border: 9px solid #fff;
    background: #f16321;
    border-radius: 50%;
    z-index: 1;
}

.LandingPage .middlePart .ui.grid {
    position: relative;
}

.LandingPage .middlePart .column.second .content:after {
    right: -33px;
}

.LandingPage .middlePart .column.first .content:after {
    left: -33px;
}

.LandingPage .middlePart .column.first {
    margin-top: 8%;
}

.twoDays span {
    line-height: 50px;
    font-size: 1.8em;
    color: #333;
}

.landingFooter {
    font-size: 1.7em;
    line-height: 35px;
}
/*.kkcountdown-box [class$="-text"] {
    float: left;
    position: relative;
    top: 1.5rem;
    margin-right: -1.7rem;
}
.CountDownTxt.absolute .kkcountdown-box [class$="-text"] {
    font-size: 1.08rem;
    left: -3.3rem;
}*/


.CountDownTxt.promotion.winterSale {
    font-size: 1.6em;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    direction: rtl;
    flex-direction: row;
}

    .CountDownTxt.promotion.winterSale .kkcountdown-box span {
        padding: 6px 5px 0px;
        /*min-width: 40px;*/
        /*background: #f7f7f7;*/
        display: inline-block;
        /*margin: 2px;*/
        line-height: 30px;
        /*border: 1px solid #ccc;*/
        float: right;
    }

    .CountDownTxt.promotion.winterSale .CountDownRemindeTxt {
        padding: 6px 5px 0px;
        display: inline-block;
        line-height: 30px;
        float: right;
    }

    .CountDownTxt.promotion.winterSale .kkcountdown-box .kkc-days-text, .CountDownTxt.promotion.winterSale .kkcountdown-box .kkc-min-text, .CountDownTxt.promotion.winterSale .kkcountdown-box .kkc-sec-text, .CountDownTxt.promotion.winterSale .kkcountdown-box .kkc-hours-text {
        background: none;
        border: none;
        padding: 5px 0 0 0;
    }

.center-img .img-holder {
    display: block;
    background: #fff;
    border: 10px solid #eee;
}

    .center-img .img-holder img {
        display: inline-block;
        border-radius: 3px;
        border: none;
        border-radius: 0;
    }

.LandingPage.shatelCredit .ui.table {
    max-width: 650px;
    margin: auto;
}

.mainLandingPage {
    margin: 60px 0;
}

    .mainLandingPage .ui.grid > .column:not(.row) {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }

.box {
    /*border-radius: 3px;*/
    overflow: hidden;
    position: relative;
}

    .box img {
        float: right;
        transition: all 1.5s ease;
    }

    .box:hover img {
        transform: scale(1.2);
    }

    .box .content {
        position: absolute;
        background: rgba(0,0,0,.5);
        top: 100%;
        right: 0;
        width: 100%;
        height: 100%;
        transition: all .5s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .box:hover .content {
        top: 0;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .box a {
        overflow: hidden;
        float: right;
        width: 100%;
    }

.brand-logo {
    text-align: center;
}

    .brand-logo a {
        border: 1px solid #eee;
        box-shadow: 0 0 2px 0px #eee;
        display: inline-block;
        margin: 15px 10px;
        transition: all .6s ease !important;
    }

        .brand-logo a:hover {
            box-shadow: 0 0 8px 1px #eee;
            transform: scale(1.11);
        }

.ui.header.landingPage:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: #eee;
    width: 100%;
    height: 2px;
    visibility: visible;
}

.ui.header.landingPage {
    position: relative;
    padding: 25px 0;
}

    .ui.header.landingPage span {
        background: #fff;
        z-index: 2;
        position: relative;
        padding: 0 20px;
        line-height: 35px;
    }

.barndLogo {
    margin: 40px 0 60px;
}


.fixed-ending {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 8;
    top: 0;
    display: flex;
    right: 0; 
    justify-content: center;
    align-items: center;
    direction: rtl;
    font-size: 1.8em;
    line-height: 2;
}
.fixed-ending > div {
    color: #fff;
    text-shadow: 0 0 5px #000;
}

@media only screen and (min-width: 1200px) {
    .LandingPage .middlePart .column img {
        max-width: 60%;
    }

    .center-img .img-holder {
        min-height: 415px;
    }

        .center-img .img-holder.first {
            min-height: 380px;
        }

        .center-img .img-holder.short {
            min-height: 200px;
        }
}

@media only screen and (max-width: 1200px) {
    .LandingPage .middlePart .column img {
        max-width: 60%;
    }
}

@media only screen and (max-width: 991px) {
    .LandingPage .middlePart .ui.container {
        padding: 0 5%;
    }

    .LandingPage .middleLine {
        right: 0;
        top: 2%;
        height: 96%;
    }

    .LandingPage .middlePart .column.first > div .content, .LandingPage .middlePart .column.second > div .content {
        top: 10px;
    }

    .LandingPage .middlePart .column .CountDownTxt.right, .LandingPage .middlePart .column .CountDownTxt.left {
        top: 55px;
        right: 30px;
    }

    .box .content {
        position: relative !important;
        height: auto !important;
        top: initial !important;
        opacity: 1 !important;
        visibility: visible !important;
        filter: alpha(opacity=100) !important;
        background: #212121 !important;
    }
}

@media only screen and (max-width: 700px) {
    .CountDownTxt.promotion.winterSale {
        flex-direction: column;
    }
}

@media only screen and (max-width: 500px) {
    .LandingPage .middlePart .column img {
        max-width: 80%;
    }

    .CountDownTxt.promotion.winterSale {
        font-size: 1.2em;
    }
}


/*******************yalda-landing*******************/
.yaldaPromotion.LandingPage .textureBg {
    background: #e0dcd0;
}

.yaldaPromotion.LandingPage .middleLine {
    display: none;
}

.yaldaPromotion .box {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

    .yaldaPromotion .box img {
        float: right;
        transition: all 1.5s ease;
    }

    .yaldaPromotion .box:hover img {
        transform: scale(1.2);
    }

    .yaldaPromotion .box .content {
        position: absolute;
        background: rgba(0,0,0,.5);
        top: 100%;
        right: 0;
        width: 100%;
        height: 100%;
        transition: all .5s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .yaldaPromotion .box:hover .content {
        top: 0;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .yaldaPromotion .box a {
        overflow: hidden;
        float: right;
        width: 100%;
    }

        .yaldaPromotion .box a img {
            padding: 5px;
            background: #ddd;
        }

.yaldaPromotion .middleLine {
    display: none;
}

.yaldaPromotion .bg-tree .second a {
    position: relative;
    left: 5%;
}

.yaldaPromotion .bg-tree .first a {
    position: relative;
    right: 5%;
}

.yaldaPromotion .bg-tree::after {
    content: '';
    background: url('/Client/assets/Images/LandingPage/yalda95/shakhe-bozorg.png') no-repeat left center;
    background-size: 70% 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.yaldaPromotion.LandingPage .middlePart .column.second > div .content {
    right: 10%;
    top: 0px;
    margin-top: 43%;
}

.yaldaPromotion.LandingPage .middlePart .column.first > div .content {
    left: 9%;
    top: 0px;
    margin-top: 54%;
}

.yaldaPromotion.LandingPage .middlePart .column .content::after {
    background: url('/Client/assets/Images/LandingPage/yalda95/anarBullet.png') no-repeat;
    width: 45px;
    height: 50px;
    top: -22px;
    border: none;
    border-radius: 0;
    z-index: 5;
}

.yaldaPromotion.LandingPage .middlePart .column > div .content {
    border-bottom: 0;
    font-size: 2em;
}

.yaldaPromotion .landingFooter {
    /*color: #333;*/
}

@media only screen and (min-width: 2100px) and (max-width: 2500px) {
    .yaldaPromotion.LandingPage .middlePart .column.second > div .content {
        margin-top: 36%;
    }

    .yaldaPromotion.LandingPage .middlePart .column.first > div .content {
        margin-top: 43%;
    }
}

@media only screen and (min-width: 1950px) and (max-width: 2100px) {
    .yaldaPromotion.LandingPage .middlePart .column.second > div .content {
        margin-top: 38%;
    }

    .LandingPage .middlePart .column.first > div .content {
        margin-top: 47%;
    }
}

@media only screen and (min-width: 1800px) and (max-width: 1950px) {
    .yaldaPromotion.LandingPage .middlePart .column.second > div .content {
        margin-top: 41%;
    }

    .yaldaPromotion.LandingPage .middlePart .column.first > div .content {
        margin-top: 51%;
    }
}

@media only screen and (max-width: 991px) {
    .yaldaPromotion .bg-tree::after {
        display: none;
    }

    .yaldaPromotion .middleLine {
        display: block;
        right: 9.5%;
    }

    .yaldaPromotion.LandingPage .middleLine {
        background: url('/Client/assets/Images/LandingPage/yalda95/tree.png') no-repeat;
        background-size: 100%;
        border: 0;
        width: 60px;
        display: block;
    }
}


/****************page 404*****************/

.ui[class*="center aligned"].grid > .column.page404 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ui.center.aligned.header.page404 {
    font-size: 150px;
}

@media only screen and (min-width: 1700px) {
    .ui[class*="center aligned"].grid > .column.page404 {
        top: 25%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1699px) {
    .ui[class*="center aligned"].grid > .column.page404 {
        top: 18%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui[class*="center aligned"].grid > .column.page404 {
        top: 15%;
    }

    .ui.center.aligned.header.page404 {
        font-size: 80px;
    }
}

@media only screen and (max-width: 991px) {
    .ui[class*="center aligned"].grid > .column.page404 {
        position: relative;
    }

    .ui.center.aligned.header.page404 {
        font-size: 80px;
    }

    .page404 {
        background: #fefefe;
    }
}


/****************brand*****************/

@media only screen and (min-width: 1200px) {
    .ui.grid.social-section > .column {
        width: 20% !important;
    }
}

@media only screen and (min-width: 620px) {
    .social-section > .column > .ui.segment:hover img {
        transform: scale(1.15);
        filter: grayscale(0);
    }
}

.ui.grid.social-section > .column > .ui.segment {
    border: 1px solid #ccc;
    text-align: center;
    background: #fff url('/Client/assets/Images/Home/pattern2.png') repeat;
    overflow: hidden;
}
    .ui.grid.social-section > .column > .ui.segment > a {
        display: flex;
        justify-content: center;
    }
.social-section img {
    position: relative;
    transition: all .4s ease;
    z-index: 1;
    filter: grayscale(100);
}

.social-page .ui.header.title-header span {
    background: none;
}
.social-page  {
    background: url('../../Client/assets/Images/StaticPage/bg-top.png') no-repeat top center; 
    /*background-size: 100%;*/
}
.social-page .ui.header.title-header span {
    display: block;
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
    .ui.grid.social-section > .column {
        width: 33% !important;
    }
}

.ContentPage .ui.header {
    color: #555;
}

.ContentPage p {
    line-height: 2.3;
    text-align: justify;
    color: #555;
    /*padding: 0 1.4rem;*/
}
.ContentPage.warranty p ,.ContentPage.TermsAndRules p ,.ContentPage.content p  {
    padding: 0 ;
}
.ContentPage ul {
    list-style-image: url('/client/assets/Images/Home/ShatelMobile/blue-bullet.png');
    padding-right: 20px;
}
.ContentPage ol {
    padding-right: 20px;
}
.ContentPage li {
    /*color: #f16321;*/
    line-height: 2.5; 
    padding-right: 10px;
}

.ContentPage img {
    max-width: 100%;
}

.GrayBg {
    background-color: #efefef;
    padding: 70px 0;
}

.WhiteBg {
    background-color: #fff;
    padding: 70px 0;
}

.ContentTitle {
    border: 0.08rem solid #555;
    color: #f16321;
    font-size: 19px;
    margin-bottom: 1.08rem;
    text-align: center;
}

.ContentTitleInner {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    padding: 60px 70px;
    width: 100%;
    font-size: 1.8rem;
    text-shadow: 2px 0.2rem 0.08rem #000;
}
.ContentPage a {
    color: #777;
    transition:  color .3s;
}
.ContentPage a:hover {
    color: #f16321;
}

.app-download img {
    max-height: 60px;
    display: inline-block;
}
.app-download {
    display: inline-block;
}