/*common*/
.ldev-question{margin-top: 20px;clear: both}
.ldev-question h4{
    font-size: 20px;
}
.ldev-question .accordion-item-icon{
    color:#7cb342;
    font-size:20px;
    font-style: normal;
}
.ldev-tooltip .accordion-item-icon{font-size: 16px;}
.ldev-question ul,
.ldev-question ol{
    clear: both;
}



.ldev-question img{max-width: 100%}
.ldev-item-thumb img{max-width: 100%;height: auto}


.ldev-module-wrap{overflow: hidden;clear: both;}
.ldev-item-thumb.ldev-item-thumb-left{
    float: left;
    margin-right: 8px;
    margin-bottom: 5px;
}

/*popup*/
.ldev-popup-window {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}
.ldev-popup-close {
    position: absolute;
    top: 8px;
    right: 10px;
    background: none;
    border: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #888;
    padding: 0 4px;
    z-index: 1;
}
.ldev-popup-close:hover { color: #333; }
.ldev-popup-title {
    margin: 0 30px 12px 0;
}

.mfp-with-zoom-ldev .mfp-container,
.mfp-with-zoom-ldev.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom-ldev.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom-ldev.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom-ldev.mfp-removing .mfp-container,
.mfp-with-zoom-ldev.mfp-removing.mfp-bg {
    opacity: 0;
}

.ldev-question .ldev-question-banner-text{text-align: center}

/*text show more*/

.ldev-question-text-show-more{
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease;
  
}

.ldev-question-text-show-more+.ldev-question-text-show-more{
    margin-top: 25px;
}
.ldev-question-text-show-more .btn-show-more-toggle{
    padding: 10px 0 15px 0;
    display: block;
    width: 100%;
}

.ldev-question-text-show-more:not([data-text-more-shown="1"]) .btn-show-more-toggle{
    position: absolute;
    bottom: -5px;
    left: 0;
    box-shadow: 1px -11px 50px 20px #fff !important;
    background: #fff;
}

.ldev-question-text-show-more[data-text-more-shown="1"] .btn-show-more-toggle .text-show-more{display: none}

.ldev-question-text-show-more:not([data-text-more-shown="1"]) .btn-show-more-toggle .text-show-less{display: none}



/*ldev-grid*/
.ldev-row {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;flex-wrap: wrap;
    flex-direction: row;
}
.ldev-col-sm-2, .ldev-col-sm-3, .ldev-col-sm-4, .ldev-col-sm-6, .ldev-col-sm-8, .ldev-col-sm-10, .ldev-col-sm-12{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.ldev-col-xs-2 {  width: 16.66666667%;  }
.ldev-col-xs-3 {  width: 25%;  }
.ldev-col-xs-4 {  width: 33.33333333%;  }
.ldev-col-xs-6 {  width: 50%;  }
.ldev-col-xs-8 {  width: 66.66666667%;  }
.ldev-col-xs-10 {  width: 83.33333333%;  }
.ldev-col-xs-12 {  width: 100%;  }
@media (min-width: 768px) {
    .ldev-col-sm-2 {  width: 16.66666667%;  }
    .ldev-col-sm-3 {  width: 25%;  }
    .ldev-col-sm-4 {  width: 33.33333333%;  }
    .ldev-col-sm-6 {  width: 50%;  }
    .ldev-col-sm-8 {  width: 66.66666667%;  }
    .ldev-col-sm-10 {  width: 83.33333333%;  }
    .ldev-col-sm-12 {  width: 100%;  }
}
/*end ldev-grid*/

.ldev-question-about{
    margin-bottom: 15px;
}

    /*responsive*/
.ldev-question{display: none}

@media (max-width: 767px) {
    .ldev-question.visible-xs{display: block !important}
    .ldev-device-off:not(.active){
        display: none !important;
    }
}
@media(min-width: 768px) and (max-width: 991px){.ldev-question.visible-sm{display: block !important}}
@media(min-width: 992px) and (max-width: 1199px){.ldev-question.visible-md{display: block !important}}
@media(min-width: 1200px){.ldev-question.visible-lg{display: block !important}}
/**/

/* ldev-container */
.ldev-container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* ldev utility */
.ldev-img-fluid { max-width: 100%; height: auto; }

@media (max-width: 767px)                      { .ldev-hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px)  { .ldev-hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .ldev-hidden-md { display: none !important; } }
@media (min-width: 1200px)                     { .ldev-hidden-lg { display: none !important; } }

/* ldev-btn  */
.ldev-btn {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    line-height: 1.43;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
}
.ldev-btn-primary { background-color: #337ab7; border-color: #2e6da4; color: #fff; }
.ldev-btn-primary:hover { background-color: #286090; border-color: #204d74; color: #fff; }
.ldev-btn-default { background-color: #e8e8e8; border-color: #ccc; color: #333; }
.ldev-btn-default:hover { background-color: #d4d4d4; border-color: #adadad; color: #333; }
.ldev-btn-link { background: transparent; border-color: transparent; color: #337ab7; }
.ldev-btn-link:hover { color: #23527c; text-decoration: underline; }
.ldev-disabled, .ldev-btn.ldev-disabled { opacity: .65; cursor: not-allowed; pointer-events: none; }
.ldev-btn-xs   { padding: 2px 8px;   font-size: 11px; line-height: 1.5;  border-radius: 3px; }
.ldev-btn-sm   { padding: 4px 10px;  font-size: 12px; line-height: 1.5;  border-radius: 3px; }
.ldev-btn-lg   { padding: 10px 18px; font-size: 18px; line-height: 1.34; border-radius: 6px; }
.ldev-btn-full { display: block; width: 100%; }
.ldev-btn-block:has(.ldev-btn-full) { width: 100%; }

/* ldev-table */
.ldev-table { width: 100%; border-collapse: collapse; }
.ldev-table-bordered td, .ldev-table-bordered th { border: 1px solid #ddd; padding: 8px; }
.ldev-table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* CSS tooltip */
.ldev-tooltip-trigger { position: relative; }
.ldev-tooltip-content {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #333;
    color: #fff;
    border-radius: 3px;
    padding: 5px 8px;
    font-size: 13px;
    line-height: 1.4;
    pointer-events: none;
}
.ldev-tooltip-trigger:hover .ldev-tooltip-content,
.ldev-tooltip-trigger:focus .ldev-tooltip-content { display: block; }
[data-ldev-placement="top"]    .ldev-tooltip-content { bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 5px; }
[data-ldev-placement="bottom"] .ldev-tooltip-content { top: 100%;    left: 50%; transform: translateX(-50%); margin-top: 5px; }
[data-ldev-placement="left"]   .ldev-tooltip-content { right: 100%;  top: 50%;  transform: translateY(-50%); margin-right: 5px; }
[data-ldev-placement="right"]  .ldev-tooltip-content { left: 100%;   top: 50%;  transform: translateY(-50%); margin-left: 5px; }

/* ldev-tooltip nav layout */
.ldev-tooltip .ldev-nav { display: block; }
.ldev-tooltip .ldev-nav .ldev-btn { display: inline-block; margin-bottom: 4px; }

/* Countdown timer */
.ldev-countdown { display: inline-flex; gap: 6px; align-items: flex-start; }
.ldev-countdown > span { display: inline-flex; flex-direction: column; align-items: center; }
.ldev-cd-val { font-size: 28px; font-weight: bold; line-height: 1; }
.ldev-cd-lbl { font-size: 11px; text-transform: uppercase; color: #888; margin-top: 3px; }

/* boxes style */
.ldev-countdown-boxes > span { background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 8px 12px; min-width: 56px; }

/* inline style */
.ldev-countdown-inline { gap: 4px; align-items: baseline; }
.ldev-countdown-inline > span { flex-direction: row; align-items: baseline; gap: 2px; }
.ldev-countdown-inline .ldev-cd-val { font-size: 20px; }
.ldev-countdown-inline .ldev-cd-lbl { font-size: 12px; color: #aaa; margin-top: 0; }

/* colon style */
.ldev-countdown-colon { gap: 0; align-items: baseline; }
.ldev-countdown-colon > span { flex-direction: row; align-items: baseline; }
.ldev-countdown-colon .ldev-cd-val { font-family: monospace; font-size: 32px; font-weight: bold; }
.ldev-countdown-colon .ldev-cd-lbl { display: none; }
.ldev-countdown-colon > span:not(:last-child)::after { content: ':'; color: #bbb; font-size: 28px; font-weight: bold; font-family: monospace; margin: 0 2px; }