.ttfp-shade{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:2010;color:#222;}
.ttfp-shade.ttfp-message-win{z-index:2021;}

.ttfp-shade .ttfp-load-container{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;transform:scale(0.6);}

.ttfp-message{padding:10px 20px;background:#fff;color:#333;border:15px solid #fff;border-left-width:0;border-right-width:0;line-height: 1.3;word-wrap: break-word; position: relative; font-size: 14px;font-weight:400;}
.ttfp-message::after{content:"";display:block;position: absolute;left:0;top:0;bottom:0;width:4px;}

.ttfp-win{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;background:#fff;color:#333;border:0px solid #999;border:0px solid rgba(0,0,0,0.3);border-radius:4px;outline:0;box-shadow:0 3px 7px rgba(0,0,0,0.3);background-clip:padding-box;}

.ttfp-win-close{position:absolute;top:-30px;right:-30px;padding:10px;font-size:20px; color:#fff;text-shadow:0 3px 7px rgba(0,0,0,0.3); cursor:pointer;font-family: verdana;transform: rotate(45deg);}

.ttfp-message.ttfp-type-success::after{background-color:#98c74d;}
.ttfp-message.ttfp-type-error::after{background-color:#da4f49;}
.ttfp-message.ttfp-type-info::after{background-color:#00b9ff;}

.ttfp-win-body{position: relative;max-height: 600px;max-width:600px;padding:20px 25px;overflow-y: auto;line-height: 1.42;color:#333;}
.ttfp-win-body p,
.ttfp-message p{padding:0;margin:0;}
.ttfp-win-body ul,
.ttfp-message ul{margin:0;list-style-type: disc;list-style-position: inside;}
.ttfp-win-body p + p{margin-top:10px;}
.ttfp-win-body b+p,
.ttfp-win-body b+ul,
.ttfp-message b+p,
.ttfp-message b+ul{margin-top:6px;}


.ttfp-load-speeding-wheel{width: 30px; height: 30px;opacity:0.4; margin: 0 auto; border: 3px solid rgb(0,0,0); border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: ttfp-load-spin 575ms infinite linear; -o-animation: ttfp-load-spin 575ms infinite linear; -ms-animation: ttfp-load-spin 575ms infinite linear; -webkit-animation: ttfp-load-spin 575ms infinite linear; -moz-animation: ttfp-load-spin 575ms infinite linear; }
@keyframes ttfp-load-spin {100%{ transform: rotate(360deg); transform: rotate(360deg); }}
.ttfp-widget-loader{margin:0 auto;padding:15px 0;}

.ttfp-widget-wrap{min-height:60px;position:relative;transition:0.2s;border-radius:10px;font-family: "Roboto", Arial, sans-serif;font-size:13px;line-height:1.2;font-weight:400;}
.ttfp-widget-wrap a::before{display:none;}

.ttfp-widget-header{margin:0 0 20px;}
.ttfp-widget-header-banner{height: 0;padding-top: 16.12%;position: relative;border-radius:10px;background-position: 50% 50%;background-size: cover;}
.ttfp-widget-header-info{position: relative;}
.ttfp-widget-header-banner + .ttfp-widget-header-info{margin-top:24px;}
.ttfp-widget-header-logo{border-radius:10px;background-position: 50% 50%;background-size: cover;width:121px;height:121px; position: absolute;top:0px;}
.ttfp-widget-header-logo.ttfp-shape-circle{border-radius:50%;}
.ttfp-widget-header-details{}
.ttfp-widget-header-details > a + div{margin:4px 0 0;}
.ttfp-widget-header-details > div + div{margin:10px 0 0;}
.ttfp-widget-header-logo + .ttfp-widget-header-details{padding-left:144px;min-height:121px;}
.ttfp-widget-header-title{font-family: "Roboto", Arial, sans-serif !important;font-size: 36px!important;font-weight: 700!important;line-height: 50px!important; text-decoration:none!important;}
.ttfp-widget-header-stats{}
.ttfp-widget-header-stats div{display:inline-block;font-size: 14px;line-height: 20px; font-weight: bold;}
.ttfp-widget-header-stats div + div::before{content:'‧'; display: inline-block; margin: 0 6px;}
.ttfp-widget-header-stats div span{text-transform:lowercase;opacity:0.9; font-weight: normal;}
.ttfp-widget-header-stats-name{font-weight: bold;}
.ttfp-widget-header-description{font-size: 14px;line-height: 20px;}

.ttfp-widget-header.ttfp-layout-center{text-align: center;}
.ttfp-widget-header.ttfp-layout-center .ttfp-widget-header-logo{position:relative;top:auto;margin:0 auto;}
.ttfp-widget-header.ttfp-layout-center .ttfp-widget-header-logo + .ttfp-widget-header-details{padding: 0;margin-top:10px;}

.ttfp-widget-videos-item{}
a.ttfp-tiktok-link{font-size: 18px;float: right;margin: 0 0 8px 8px; z-index: 1; position: relative;display: block;width:18px;height:18px;border:none;text-decoration:none;background-image:url(../images/tiktok.png);background-position: 50% 50%;background-size: cover;overflow: hidden;border-radius:3px;opacity:0.2;}
.ttfp-video-header{overflow:hidden;padding-right: 25px;margin-bottom: 8px;}
.ttfp-video-author-pic{float: left;width: 32px;height: 32px;border-radius: 3px;overflow: hidden;margin-right: 10px;}
.ttfp-video-author-pic.ttfp-shape-circle{border-radius:50%;}
.ttfp-video-author-name{font-size: 14px;font-weight: 600;}
.ttfp-video-date{font-size: 12px;margin-top: 2px;opacity: .7;}
.ttfp-video-description{font-size: 14px;line-height: 18px;}
.ttfp-video-description + .ttfp-video-link{margin-top:10px;}
.ttfp-video-thumbnail{width:100%!important;height:auto!important;padding:0!important;margin:0!important;border:none!important;border-radius:3px!important;overflow:hidden;}
.ttfp-video-duration{position:absolute;bottom: 5px;right: 5px;font-size: 12px;line-height:12px;background: #000;padding: 3px 5px 2px;border-radius:3px;color: #fff;position: absolute;transition: opacity .3s;opacity: .7;}
.ttfp-video-stats{margin-top:6px;}
.ttfp-video-stats-item{display:inline-block;font-size:12px; line-height:18px;opacity:0.7;}
.ttfp-video-stats-item + .ttfp-video-stats-item{margin-left: 10px;}
.ttfp-video-stats-item span{text-transform:lowercase;}
a.ttfp-video-link{position: relative;display:block; border:none;text-decoration:none;}
.ttfp-video-play{color: #fff;position: absolute;transition: opacity .3s;opacity: 0;line-height: 100%;font-size: 65px;left: 50%;top: 50%;transform: translate(-50%,-50%);text-shadow: 2px 2px 2px rgba(0,0,0,.6);}
a.ttfp-tiktok-link:hover{opacity:0.5;}
a.ttfp-video-link:hover .ttfp-video-play{opacity: 1;}
a.ttfp-video-link + .ttfp-video-stats{margin-top:10px;}

.ttfp-widget-load-more-container{text-align: center;}
.ttfp-widget-load-more-btn{display:inline-block;padding:6px 12px; line-height:20px;border-radius:5px; overflow: hidden;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:10px;}
.ttfp-widget-load-more-btn.ttfp-disabled{cursor:not-allowed; opacity:0.7;}

.ttfp-text-content{white-space: pre-wrap;word-wrap: break-word;}
.ttfp-text-expand{max-height:92px;overflow:hidden;transition: all 90ms ease; position:relative;}
.ttfp-text-expand.ttfp-has-more::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height:25px;}
.ttfp-text-expand.ttfp-expanded{max-height:none!important;}

.ttfp-text-expand-btn{display:inline-block;font-size: 13px;cursor:pointer;opacity:0.6;}
.ttfp-text-expand-btn:hover{text-decoration: underline;}

.ttfp-widget-grid{position: relative;}
.ttfp-widget-grid-item{transition: opacity 200ms ease;}
.ttfp-hidden{opacity: 0;}




/*
###################################
### Widget Theme Light
###################################
*/
.ttfp-widget-theme-light{color:#222;background:#fff;}
.ttfp-widget-theme-light .ttfp-widget-header-title{color:#222;}

.ttfp-widget-theme-light .ttfp-widget-load-more-btn{background:rgba(0, 0, 0, 0.075);color:#0f0f0f;}
.ttfp-widget-theme-light .ttfp-widget-load-more-btn:hover{background:rgba(0, 0, 0, 0.1);}



/*
###################################
### Widget Theme Dark
###################################
*/
.ttfp-widget-theme-dark{color:#ccc;background:#0f0f0f;}
.ttfp-widget-theme-dark .ttfp-widget-header-title{color:#f1f1f1;}

.ttfp-widget-theme-dark a.ttfp-tiktok-link{background-image:url(../images/tiktok_.png);}

.ttfp-widget-theme-dark .ttfp-widget-load-more-btn{background:rgba(255, 255, 255, 0.1);color:#f1f1f1;}
.ttfp-widget-theme-dark .ttfp-widget-load-more-btn:hover{background:rgba(255, 255, 255, 0.2);}




.ttfp-popup{position:absolute;overflow:visible;transition:all 0.2s ease;opacity:0;margin-top:30px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.ttfp-popup *{box-sizing:border-box;}
.ttfp-popup.ttfp-visible{opacity:1;margin-top:0px;}
.ttfp-popup-close,
.ttfp-popup-prev,
.ttfp-popup-next{position:absolute;cursor:pointer;color:#fff;font-size: 26px;text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.ttfp-popup-close{top: -28px;right: -30px;}
.ttfp-popup-prev,
.ttfp-popup-next{font-size:50px;padding:50px 0;margin-top:-75px;}
.ttfp-popup-prev{left:-71px;top:50%;}
.ttfp-popup-next{right:-71px;top:50%;}
.ttfp-popup-prev.ttfp-disabled,
.ttfp-popup-next.ttfp-disabled{opacity:0.4;}
.ttfp-popup-content-wrap{background:#fff;border-radius:3px;overflow:hidden;width:322px; min-height:750px;}
.ttfp-popup-content-wrap iframe{width:100%;height:750px;}

.ttfp-mobile.ttfp-popup{left: 0;top: 0;right: 0; transform:none;}
.ttfp-mobile .ttfp-popup-prev,
.ttfp-mobile .ttfp-popup-next{font-size: 40px;}
.ttfp-mobile .ttfp-popup-close{top: 10px;right:7px;z-index: 99999;}
.ttfp-mobile .ttfp-popup-prev{left: 0;top: 25%;z-index: 99999;}
.ttfp-mobile .ttfp-popup-next{right: 0;top: 25%;z-index: 99999;}
.ttfp-mobile .ttfp-popup-content-wrap{width:100%;margin-right:0;min-height:auto;}


@font-face {
  font-family: 'ttfp-font';
  src: url('../font/ttfp-font.eot?59489245');
  src: url('../font/ttfp-font.eot?59489245#iefix') format('embedded-opentype'),
       url('../font/ttfp-font.woff2?59489245') format('woff2'),
       url('../font/ttfp-font.woff?59489245') format('woff'),
       url('../font/ttfp-font.ttf?59489245') format('truetype'),
       url('../font/ttfp-font.svg?59489245#ttfp-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="ttfp-icon-"]:before, [class*=" ttfp-icon-"]:before {
  font-family: "ttfp-font";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ttfp-icon-trash-empty:before { content: '\e800'; } /* 'о Ђ' */
.ttfp-icon-cancel:before { content: '\e801'; } /* 'о Ѓ' */
.ttfp-icon-play-circled2:before { content: '\e802'; } /* 'о ‚' */
.ttfp-icon-play:before { content: '\e803'; } /* 'о ѓ' */
.ttfp-icon-play-circled2-1:before { content: '\e804'; } /* 'о „' */
.ttfp-icon-play-1:before { content: '\e805'; } /* 'о …' */
.ttfp-icon-heart:before { content: '\e806'; } /* 'о †' */
.ttfp-icon-heart-empty:before { content: '\e807'; } /* 'о ‡' */
.ttfp-icon-comment:before { content: '\e808'; } /* 'о €' */
.ttfp-icon-play-outline:before { content: '\e809'; } /* 'о ‰' */
.ttfp-icon-play-2:before { content: '\e80a'; } /* 'о Љ' */
.ttfp-icon-spin2:before { content: '\e831'; } /* 'о ±' */
.ttfp-icon-right-open-1:before { content: '\f006'; } /* 'пЂ†' */
.ttfp-icon-left-open-1:before { content: '\f007'; } /* 'пЂ‡' */
.ttfp-icon-export:before { content: '\f081'; } /* 'п‚Ѓ' */
.ttfp-icon-comment-empty:before { content: '\f0e5'; } /* '' */
.ttfp-icon-play-circled:before { content: '\f144'; } /* 'п…„' */
.ttfp-icon-youtube-squared:before { content: '\f166'; } /* 'п…¦' */
.ttfp-icon-youtube:before { content: '\f167'; } /* 'п…§' */
.ttfp-icon-youtube-play:before { content: '\f16a'; } /* 'п…Є' */

.ttfp-icon-spin2:before{animation: ttfp-spin 2s infinite linear;}


@keyframes ttfp-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}