/*=============================*/
.b-ninja {
    bottom: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: -999999999;
}
/*=============================*/
html {
    height: 100%;
    height: 100vh;
}
body, .sp-preloader {
    background-color: transparent;
}
body {
    line-height: 1.2;
}
/*=============================*/
.fz-70 {font-size: 70px;}
.fz-48 {font-size: 48px;}
.fz-46 {font-size: 46px;}
.fz-44 {font-size: 44px;}
.fz-42 {font-size: 42px;}
.fz-40 {font-size: 40px;}
.fz-38 {font-size: 38px;}
.fz-36 {font-size: 36px;}
.fz-34 {font-size: 34px;}
.fz-32 {font-size: 32px;}
.fz-30 {font-size: 30px;}
.fz-28 {font-size: 28px;}
.fz-26 {font-size: 26px;}
.fz-24 {font-size: 24px;}
.fz-22 {font-size: 22px;}
.fz-20 {font-size: 20px;}
.fz-18 {font-size: 18px;}
/*=============================*/
.logoIcon_2z {display: none !important;}
/*=============================*/
.b-title {
    line-height: 1.2;
    text-transform: uppercase;
} 
    .b-title--calc {
        color: #28a745;
    }
    .b-title--success {
        color: #8f1d2c;
        text-decoration: underline;
        text-underline-position: under;
    }
    .b-title--simple {
        color: #150a25;
    }
/*=============================*/
.b-btn {
    display: inline-block;
    padding: 10px 50px;
    color: #fff;
    font-weight: 700;
    background: #da2b30;
    background: linear-gradient(to bottom, #da2b30 0%,#901d2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da2b30', endColorstr='#901d2c',GradientType=0 );
    border-radius: 100px;
}
.b-btn:hover,
.b-btn:focus,
.b-btn:active {
    opacity: 0.9;
    color: #fff;
}
.b-btn:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(/images/klik-chen-yn/i-fire.png);
    background-repeat: no-repeat;
    width: 30px; height: 43px;
}
/*=============================*/
#column-id-1547412200386 {
    text-align: right;
}
/*=============================*/
.klick-chen-in {
    margin-left: -25px;
}
/*=============================*/
#sppb-addon-1547412200422 {
    position: absolute;
    right: -70px;
    top: 200px;
    /*pointer-events: none;*/
}
/*=============================*/
.b-quote {
}
.b-quote .quote__author {
    font-weight: 400;
    font-size: 24px;
}
.b-quote .quote__text {
    font-size: 24px;
}
/*=============================*/
.b-text {}
.b-text .text__sub {}
.b-text .text__main {
    font-weight: 400;
}
/*=============================*/
.sppb-countdown-timer {
    max-width: 400px;
    margin: 0 auto;
}
/*=============================*/
.yoda {
    -webkit-animation: yoda 1s infinite  alternate;
    animation: yoda 1s infinite  alternate;
}
@-webkit-keyframes yoda {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes yoda {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
/*=============================*/
.kimform {
    position: relative;
    padding: 100px 50px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 30px;
}
.kimform:before {
    content: '';
    position: absolute;
    top: -65px; right: -150px;
    background-image: url(/images/klik-chen-yn/isee.png);
    background-repeat: no-repeat;
    width: 512px; height: 512px;
    z-index: 1;
}
.kimform .rsform-block {
    font-size: 24px;
}
.kimform .rsform-block .col-sm-3 {
    display: none;
}
.kimform .form-check-input {
}
.rsform-thankyou-button {
    display: table;
    margin: 0 auto;
}
.kimform .formError {
    font-size: 16px;
}
.kimform .rsformProgress {
    margin-bottom: 20px;
}
.kimform .rsformProgress .progress-bar,
.kimform .rsformProgress .progress-bar strong {
    font-weight: 400;
}
.kimform .formRed {
    position: relative;
    z-index: 1;
}
/*=============================*/
#sp-main-body {
    padding: 25px 0;
}
/*=============================*/
.b-gift {
    height: 250px;
}
/*=============================*/
.b-kimthankyou {}
.b-kimthankyou img {}
/*=============================*/
.b-link {
    text-underline-position: under;
}
/*=============================*/
.b-contacts {
    margin-top: 130px;
}
/*=============================*/
.bg-thankyou {
    border-radius: 30px;
    background-color: rgba(255,255,255, 0.8);
}
/*=============================*/
.b-offer {}
.b-offer .offer__pic {}
.b-offer .offer__title {}
.b-offer .offer__text {}
/*=============================*/
.mcs-dialog {z-index: 10001 !important;}
/*=============================*/
.itemid-379 .container {max-width: 100%;}
.itemid-379 #sp-main-body {padding: 0px;}
.itemid-379 .grecaptcha-badge,
.itemid-379 jdiv,
.itemid-379 .sp-scroll-up {
    display: none !important;
}
/*============================*/
.view-category.layout-blog .blog .article-list .article .article-header h2 {
    clear: both;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
}
.view-category.layout-blog .blog .article-body .fields-container {
    display: flex;
    margin-bottom: 0;
}
.view-category.layout-blog .blog .article-body .field-entry {
    font-size: 12px;
    margin-right: 10px;
    flex-basis: 50%; 
}
.view-category.layout-blog .blog .article-body .field-value {
    padding: 2px 8px;
    border: 1px solid #ccc;
    border-radius: 30px;
}
.view-category.layout-blog .blog .article-list .article {
    position: relative;
    display: flex;
    flex-flow: column;
}
.view-category.layout-blog .blog .article-list .article .article-intro-image {order: 2;}
.view-category.layout-blog .blog .article-list .article .article-body {
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    order: 1;
    border-bottom: 1px solid #f1f1f1;
}
.article-list .article .article-intro-image, 
.article-list .article .article-featured-video, 
.article-list .article .article-featured-audio, 
.article-list .article .article-feature-gallery {
    margin: 0px -20px 0px -20px;
}
.view-category.layout-blog .blog .article-list .article .readmore {
    display: none;
    visibility: hidden;
    opacity: 0;
    font-size: 0.7rem;
    font-weight: 700;
    background: #ffd82e;
    display: table;
    padding: 4px 20px;
    margin: 0 auto;
    border-radius: 10px;
    position: absolute; top: 3px; right: 7px;
    transition: all 0.3s linear;
}
.view-category.layout-blog .blog .article-list .article:before  {
    content: '';
    display: block;
    height: 23px;
    background: url(/images/newdesign/portfolioblock-top-1.webp) 0 0 no-repeat #f1f1f1;
    border: 1px solid #f1f1f1;
    position: absolute;
    top: 0; left: 0; right: 0;
}
/*============================*/