.no-flow
	{
	overflow: hidden;
	}
	

.card-tdc-cage
	{
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	}


.blur-effect
	{
	filter: blur(2.5px);
  	-webkit-filter: blur(2.5px);
  	-moz-filter: blur(2.5px);
  	-o-filter: blur(2.5px);
  	-ms-filter: blur(2.5px);
  	overflow: hidden;
  	 pointer-events: none;
  	}

#blur-effect-handler
	{
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255, .01);
	}
	
.card-tdc-cage .cage.open
	{
	position: fixed;
	background-color: rgba(255,255,255,0);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999999;
	}
		
.card-tdc
	{
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	/*  
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	*/
	border-radius: 27px;
	background-color: rgba(255, 255, 255, 0.212);
	box-shadow: 0px 18px 20px 0px rgba(35, 31, 32, 0.08);
	height: 430px;
	z-index: 2;	
	background-color: white;
	overflow: hidden;
	position: relative;
	}
	
	
.card-tdc-zero-view
	{
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	}
	
.card-tdc .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y
	{
	background-color: rgba(0, 0, 0, 0.75);
	width: 2px;
	border-radius: 2px;
	right: 0px;
	}
	
.card-tdc img.card-tdc-cover
	{
	height: 440px
	}
	
.card-tdc-open-content
	{
	display: none;
	overflow: hidden;
	}
	
.card-tdc-live-footer-content,
.card-tdc-padding-content
	{
	padding: 20px;
	}
	
.card-tdc-content
	{
	position: relative;
	overflow-x: hidden;
	}
		
.card-tdc-nav
	{
	display:none;
	position: fixed;
    top: 22px;
    right: 22px;
	left: 22px;
    height: 30px;
    text-align: right;
    z-index: 99999999999;
	-webkit-transition: opacity 550ms ease-in-out;
	-moz-transition: opacity 550ms ease-in-out;
	-ms-transition: opacity 550ms ease-in-out;
	-o-transition: opacity 550ms ease-in-out;
	transition: opacity 550ms ease-in-out;
    }

.card-tdc-nav .btn
	{
	margin-bottom: 0!important;
	}

@media (max-width: 767px)
	{
	.card-tdc-nav
		{
		top: 5px;
		right: 10px;
		left: 5px;
		}
	}

.card-tdc-nav-tools
	{
	display: inline-block;
	}

.card-tdc-show-on-open
	{ display: none; }
	
.card-tdc-bclose
	{
    border-radius: 50%;
    background-color: rgba(33,33,33,.1);
    color: black;
    height: 30px;
    width: 30px;
    font-size: 20px;
    line-height: 17px;
    border: none;
    padding: 0!important;
    margin: 0!important;
	}
	
.card-close-top-right
	{
	position: absolute;
	top: 0px;
	right: 0px;
	}
	
.card-close-top-left
	{
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
.card-close-bottom-right
	{
	position: absolute;
	bottom: 27px;
	right: 0px;
	}
	
.card-close-bottom-left
	{
	position: absolute;
	bottom: 27px;
	left: 0px;
	}
	
/* open */

	
.card-tdc.open
	{
	z-index: 999999999;
	}
	

.card-tdc.open img.card-tdc-cover
	{
	height: 480px
	}
	
.card-tdc.open .card-only-preview,
.card-tdc.open .no-pagination-on-open .swiper-pagination,
.card-tdc.open .card-tdc-hide-on-open
	{
	display: none;
	}
	
.card-tdc.open .card-tdc-show-on-open
	{
	display: block;
	}
		
/* opened */
	
.card-tdc.opened p.card-lead
	{
	font-size: 14px;
    color: #888;
	}
	
.card-tdc.opened
	{
	border-bottom-right-radius: 0; 
	border-bottom-left-radius: 0;
	box-shadow: 0px 12px 44px 0px rgba(35, 31, 32, 0.40);
	}

.card-tdc.card-preview-mode
	{
	border-radius: 20px;
	}

.card-tdc.card-small-device
	{
	border-radius: 0 !important;
	}

.card-tdc-preview
	{ display: none; }

.card-tdc.card-preview-mode .card-tdc-preview
	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: #f9f9f9;
	width: 400px;
	z-index: 2;
	}

.card-tdc.card-preview-mode .tdc-right-preview
	{
	margin-left: 400px;
	}

.card-tdc.card-preview-mode .tdc-preview-offset
	{
	left: 400px !important;
	}

.tdc-right-preview-fixw
	{
	position: relative;
	}

.card-tdc.opened .card-tdc-content
	{
	padding-bottom: 100px;
	}

.card-preview-mode .showed-in-left-preview
	{
	display: none;
	}

/* color */	


.card-tdc.opened .bb-card
	{
	border-bottom: 1px solid #efefef;
	}
	
.card-tdc.opened .bg-card-light-grey
	{
	background-color: #FaFaFA;
	}
	
.card-tdc.opened .card-tdc-open-content,
.card-tdc.opened .card-tdc-nav
	{ display: block; }
		
.card-tdc.push
	{
	-webkit-transform: scale3d(0.98, 0.98, 0.98);
    transform: scale3d(0.98, 0.98, 0.98);
	}
	
.card-tdc-table
	{
	padding: 20px;
	}
	
.card-tdc-customhtml .h-title,	
.card-tdc-table .h-title
	{
	color: #999;
	text-transform: uppercase;
	margin-bottom: 10px;
	}

.card-tdc-customhtml .h-subject,	
.card-tdc-table .h-subject
	{
	font-weight: bold;
	font-size: 26px;
	color: black;
	margin-bottom: 35px;
	}

.card-tdc-customhtml .h-subject-small
	{
	font-weight: bold;
	font-size: 20px;
	line-height:20px;
	color: black;
	margin-bottom: 35px;
	}
		
.card-tdc-table .card-tdc-table-l 
	{
	position: relative;
	padding-left: 80px;
	}

.card-tdc-table .card-tdc-table-l .r-title
	{
	font-size: 14px;
	margin-bottom: 2px;
	line-height: 14px;
	}

.card-tdc-table .card-tdc-table-l .r-desc
	{
	font-size: 12px;
	color: #999;
	line-height: 14px;
	}

.card-tdc-table .card-tdc-table-l .card-tdc-table-imgbox
	{
	position: absolute;
	left: 15px;
	top: 0px;
	overflow: hidden;
	border-radius: 7px;
 	width: 50px;
    height: 50px;
	}
	
.card-tdc-table .card-tdc-table-l .card-tdc-table-imgbox .card-tdc-table-imgbox-fix
	{
	position: relative;
	}
	
.card-tdc-table .card-tdc-table-l .card-tdc-table-imgbox .card-tdc-table-imgbox-fix img
	{
	position: absolute;
	width: 100px;
	}
	
.card-tdc-table .card-tdc-table-r
	{
	text-align: right;
	}	
.card-tdc-table-row
	{
	position: relative;
	min-height: 60px;
	margin-bottom: 10px;
	}
.card-tdc-table-tr
	{
	position: absolute;
	right: 20px;
	left: 80px;
	bottom:0;
	border-bottom: 1px solid #ddd;
	}
	
	
.badge-trophy
	{
	position: absolute;
    left: 52px;
    top: 34px;
    background-color:white;
    color:black;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
	}
	
.badge-trophy.top0
	{
	 background-color: gold;
	 color: black;
     line-height: 21px;
     border: 3px solid rgba(0,0,0,.1);
	}

.badge-trophy.top2:after,
.badge-trophy.top1:after,
.badge-trophy.top0:after	
	{
	content: " ";
    position: absolute;
    top: -7px;
    left: 3px;
    width: 13px;
    height: 8px;
    background-color: red;
    border-top-left-radius: 3px;
    border-left: 1px solid rgba(255,255,255,.7);
    border-top-right-radius: 3px;
    border-right: 1px solid rgba(255,255,255,.7);
    border-bottom: 1px solid rgba(0,0,0, .4);
	}
	
.badge-trophy.top1
	{
	 background-color: silver;
	 color: black;
	 line-height: 21px;
     border: 3px solid rgba(0,0,0,.1);
	
	}
	
.badge-trophy.top2
	{
	 background-color: sandybrown;
	 color: black;
	 line-height: 21px;
     border: 3px solid rgba(0,0,0,.1);
	
	}
	
.card-tdc-customhtml .h-subject, .card-tdc-table .h-subject








/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-line-spin-clockwise-fade,
.la-line-spin-clockwise-fade > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-line-spin-clockwise-fade {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-line-spin-clockwise-fade.la-dark {
    color: #333;
}
.la-line-spin-clockwise-fade > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-line-spin-clockwise-fade {
    width: 32px;
    height: 32px;
}
.la-line-spin-clockwise-fade > div {
    position: absolute;
    width: 2px;
    height: 10px;
    margin: 2px;
    margin-top: -5px;
    margin-left: -1px;
    border-radius: 0;
    -webkit-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
       -moz-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
         -o-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
            animation: line-spin-clockwise-fade 1s infinite ease-in-out;
}
.la-line-spin-clockwise-fade > div:nth-child(1) {
    top: 15%;
    left: 50%;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-delay: -.875s;
       -moz-animation-delay: -.875s;
         -o-animation-delay: -.875s;
            animation-delay: -.875s;
}
.la-line-spin-clockwise-fade > div:nth-child(2) {
    top: 25.2512626585%;
    left: 74.7487373415%;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation-delay: -.75s;
       -moz-animation-delay: -.75s;
         -o-animation-delay: -.75s;
            animation-delay: -.75s;
}
.la-line-spin-clockwise-fade > div:nth-child(3) {
    top: 50%;
    left: 85%;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation-delay: -.625s;
       -moz-animation-delay: -.625s;
         -o-animation-delay: -.625s;
            animation-delay: -.625s;
}
.la-line-spin-clockwise-fade > div:nth-child(4) {
    top: 74.7487373415%;
    left: 74.7487373415%;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-animation-delay: -.5s;
       -moz-animation-delay: -.5s;
         -o-animation-delay: -.5s;
            animation-delay: -.5s;
}
.la-line-spin-clockwise-fade > div:nth-child(5) {
    top: 84.9999999974%;
    left: 50.0000000004%;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-animation-delay: -.375s;
       -moz-animation-delay: -.375s;
         -o-animation-delay: -.375s;
            animation-delay: -.375s;
}
.la-line-spin-clockwise-fade > div:nth-child(6) {
    top: 74.7487369862%;
    left: 25.2512627193%;
    -webkit-transform: rotate(225deg);
       -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
         -o-transform: rotate(225deg);
            transform: rotate(225deg);
    -webkit-animation-delay: -.25s;
       -moz-animation-delay: -.25s;
         -o-animation-delay: -.25s;
            animation-delay: -.25s;
}
.la-line-spin-clockwise-fade > div:nth-child(7) {
    top: 49.9999806189%;
    left: 15.0000039834%;
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
    -webkit-animation-delay: -.125s;
       -moz-animation-delay: -.125s;
         -o-animation-delay: -.125s;
            animation-delay: -.125s;
}
.la-line-spin-clockwise-fade > div:nth-child(8) {
    top: 25.2506949798%;
    left: 25.2513989292%;
    -webkit-transform: rotate(315deg);
       -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
         -o-transform: rotate(315deg);
            transform: rotate(315deg);
    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
         -o-animation-delay: 0s;
            animation-delay: 0s;
}
.la-line-spin-clockwise-fade.la-sm {
    width: 16px;
    height: 16px;
}
.la-line-spin-clockwise-fade.la-sm > div {
    width: 1px;
    height: 4px;
    margin-top: -2px;
    margin-left: 0;
}
.la-line-spin-clockwise-fade.la-2x {
    width: 64px;
    height: 64px;
}
.la-line-spin-clockwise-fade.la-2x > div {
    width: 4px;
    height: 20px;
    margin-top: -10px;
    margin-left: -2px;
}
.la-line-spin-clockwise-fade.la-3x {
    width: 96px;
    height: 96px;
}
.la-line-spin-clockwise-fade.la-3x > div {
    width: 6px;
    height: 30px;
    margin-top: -15px;
    margin-left: -3px;
}
/*
 * Animation
 */
@-webkit-keyframes line-spin-clockwise-fade {
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes line-spin-clockwise-fade {
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes line-spin-clockwise-fade {
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}
@keyframes line-spin-clockwise-fade {
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

/* -- */
/* ANIMATIONS */

@-webkit-keyframes tdcOpenEffect
	{
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		-webkit-filter: blur(2.5px);
		filter: blur(2.5px);
	}

	100% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-filter: blur(0px);
		filter: blur(0px);
		}
	}

@keyframes tdcOpenEffect
	{
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		-webkit-filter: blur(2.5px);
		filter: blur(2.5px);
	}

	100% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-filter: blur(0px);
		filter: blur(0px);
		}
	}

@-webkit-keyframes tdcCloseEffect
	{
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-filter: blur(0px);
		filter: blur(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		-webkit-filter: blur(15px);
		filter: blur(15px);
		}
	}

@keyframes tdcCloseEffect
	{
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-filter: blur(0px);
		filter: blur(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		-webkit-filter: blur(15px);
		filter: blur(15px);
		}
	}


.card-tdc.close { -webkit-animation-name: tdcCloseEffect; animation-name: tdcCloseEffect; }
.card-tdc.open  { -webkit-animation-name: tdcOpenEffect; animation-name: tdcOpenEffect; }


@-webkit-keyframes tdcChangeViewLFT
	{
	0%
		{
		opacity: 1;
		transform: translate(0,0);
		}

	100%
		{
		opacity: 0;
		transform: translate(-1200px,0);
		}
	}

@keyframes tdcChangeViewLFT
	{
	0%
		{
		opacity: 1;
		transform: translate( 0,0);
		}

	100%
		{
		opacity: 0;
		transform: translate(-1200px,0);
		}
	}

@-webkit-keyframes tdcChangeViewRGT
	{
	0%
		{
		opacity: 1;
		transform: translate(0,0);
		}

	100%
		{
		opacity: 0;
		transform: translate(1200px,0);
		}
	}

@keyframes tdcChangeViewRGT
	{
	0%
		{
		opacity: 1;
		transform: translate( 0,0);
		}

	100%
		{
		opacity: 0;
		transform: translate(1200px,0);
		}
	}

@-webkit-keyframes tdcChangeViewFade {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes tdcChangeViewFade
	{
	0%
		{
		opacity: 1;
		}

	100%
		{
		opacity: 0;
		}
	}

.card-tdc .tdc-effect-dropview
	{
	-webkit-animation-duration: 450ms;
	animation-duration: 450ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}

.tdc-effect-dropview-left
	{
	-webkit-animation-name: tdcChangeViewLFT; animation-name: tdcChangeViewLFT;
	}

.tdc-effect-dropview-right
	{
	-webkit-animation-name: tdcChangeViewRGT; animation-name: tdcChangeViewRGT;
	}

.tdc-effect-fade
	{
	-webkit-animation-name: tdcChangeViewFade; animation-name: tdcChangeViewFade;
	}


/* -- */

.tdc-no-view-frame,
.tdc-selected-item
	{
	opacity: 0;
	}

.tdc-show-view-frame
	{
	-webkit-animation: line-spin-clockwise-fade 290ms  ease-in-out;
	-moz-animation: line-spin-clockwise-fade 290ms  ease-in-out;
	-o-animation: line-spin-clockwise-fade 290ms  ease-in-out;
	animation: line-spin-clockwise-fade 290ms  ease-in-out;
	}

#disable-touch
	{
	background-color: rgba(255,255,255,.01);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999999999999;
	}

.tdc-selected-item
	{
	position: fixed;
	}

.card-tdc.open.tdc-show-menu .card-tdc-menu
	{
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid rgba(0,0,0,.08);
	height: 80px;
	background-color: rgba( 255, 255, 255, .95 );
	border-radius: 10px;
	z-index: 9;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(35, 31, 32, 0.2);
	-moz-box-shadow: 0px 0px 13px 0px rgba(35, 31, 32, 0.2);
	box-shadow: 0px 0px 13px 0px rgba(35, 31, 32, 0.05);
	overflow-y: hidden;

	-webkit-transition: all 550ms ease-in-out;
	-moz-transition: all 550ms ease-in-out;
	-ms-transition: all 550ms ease-in-out;
	-o-transition: all 550ms ease-in-out;
	transition: all 550ms ease-in-out;
	}

.card-tdc.open.card-preview-mode .card-tdc-menu
	{
	left: 410px;
	}

.card-tdc-live-body-content
	{
	padding-bottom: 60px;
	}

.card-tdc-menu .swiper-container
	{
	padding-top: 15px;
	}

.card-tdc-menu .swiper-slide
	{
	width: 100px;
	height: 67px;
	text-align: center;
	}

.card-tdc-menu ul
	{
	padding-top: 15px;
	display: flex;
	}

.card-tdc-menu ul li
	{
	list-style: none;
	color: black;
	}

.card-tdc-menu a
	{
	text-align: center;
	display: inline-block;
	width: 70px;
	color: #555;
	}

.card-tdc-menu a i
	{
	font-size: 24px;
	}

.card-tdc-menu small
	{
	display: block;
	font-size: 10px;
	font-weight: 300;
	text-transform: uppercase;
	padding-top: 2px;
	}

.card-tdc-menu .menu-active a
	{
	color: dodgerblue;
	}

.tcd-preview-body
	{
	padding: 20px;
	}

.b-min-w
	{
	min-width: 40px;
}

/*
.card-content-edit .no-edit
	{
	opacity: .3;
	pointer-events: none;
	}

.card-content-edit .force-edit
	{
	opacity: 1;
	pointer-events: auto;
	}

*/

.card-content-edit .card-tdc-nav
	{
	opacity: 0;
	transform: translate(0,-1000px);
	}

.card-content-edit .card-tdc-menu,
.__tdc-hide__
	{
	bottom: -250px!important;
	}

.inline-input-div div
	{
	display: inline-block;
	margin-right: 10px;
	}

.inline-input-div .form-control
	{
	width: 100%!important;
	}

.inline-input-form .form-control
	{
	width: auto!important;
	display: inline-block;
	margin-right: 10px;
	}

.card--dialog
	{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	}

.card--dialog-open
	{
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: auto;
	width: auto;
	background-color: rgba(255,255,255,.95);
	position: absolute;
	z-index: 99999999999;
	text-align: center;


	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 0 0 20px;
	}