/*  start styles for ts_popup           */ 
/* ************************************ */  
@keyframes bubble {  
	0% { 
		z-index:5; 
		width:0%; 
		height:0%; 
		top:50%; 
		left:50%; 
	} 
	25% { 
		z-index:4; 
		width:50%; 
		height:50%; 
		top:25%; 
		left:25%; 
	} 
	50% { 
		z-index:3; 
		width:100%; 
		height:100%; 
		top:0%; 
		left:0%; 
	} 
	75% { 
		z-index:2; 
		width:100%; 
		height:100%; 
		top:0%; 
		left:0%; 
	} 
	100% { 
		z-index:1; 
		width:100%; 
		height:100%; 
		top:0%; 
		left:0%; 
	} 
}  

.tmodal-hide {

	display:none; 
} 
.tmodal-overlay { 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:996; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.3); 
	overflow: hidden; 
	text-align:center; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
} 
.tmodal-center { 
    overflow: auto; 
    width: 100%; 
    max-height: 100%; 
} 
.tmodal-wrapper { 
	position:relative; 
	display:inline-block; 
	background:#fff; 
	border-radius:0px; 
	text-align:left; 
	margin:20px 20px 20px; 
    transition: margin-top 0.3s; 
} 
.tmodal-wrapper iframe { 
	border:none; 
} 
.tmodal-container { 
	padding:20px; 
	position:relative; 
} 
.tmodal-loader { 
	z-index:50; 
	position:fixed; 
	left:50%; 
	top:50%; 
	width:50px; 
	height:50px; 
	margin-left:-25px; 
	margin-top:-25px; 
	border-radius:50%; 
} 
.tmodal-loader:before, 
.tmodal-loader:after, 
.tmodal-loader>div:before, 
.tmodal-loader>div:after { 
	border-radius:50%; 
	content:""; 
	position:absolute; 
} 
.tmodal-loader:before { 
    animation:bubble 1.2s linear infinite; 
	background:#ddd;	 
} 
.tmodal-loader:after { 
    animation:bubble 1.2s linear infinite; 
	background:#ccc; 
	animation-delay: .3s; 
} 
.tmodal-loader>div:before { 
    animation:bubble 1.2s linear infinite; 
	background:#bbb; 
	animation-delay: .6s; 
} 
.tmodal-loader>div:after { 
    animation:bubble 1.2s linear infinite; 
	background:#aaa; 
	animation-delay: .9s; 
}  

.tmodal-close { 
	position:absolute; 
	width:20px; 
	height:20px; 
	right:-10px; 
	top:-10px; 
	line-height:20px; 
	text-align:center; 
	font-size:20px; 
	cursor:pointer; 
	color:#000; 
	border-radius:50%; 
	background:#fff; 
	font-family: Arial; 
	border: #ddd solid 2px; 
	transition:transform 1s; 
	z-index:3; 
} 
.tmodal-close:hover { 
	//background:#eee; 
	transform:rotate(225deg); 
} 
.tmodal-close:before, .tmodal-close:after { 
    content: ""; 
    display: block; 
    width: 12px; 
    border-top: #000 solid 2px;

    position: absolute; 
    left: 50%; 
    top: 50%; 
    margin-top: -1px; 
    margin-left: -6px; 
} 
.tmodal-close:before { 
    transform: rotate(-45deg); 
} 
.tmodal-close:after { 
    transform: rotate(45deg); 
} 
.tmodal-bfixed { 
	/*max-height:100%;*/ 
	overflow:hidden; 
} 
.tmodal-rsh, 
.tmodal-rsv {
	position:absolute;
	left:0;
	top:0;	
} 
.tmodal-rsh {
	height:0;
	width:100%;
} 
.tmodal-rsv {
	height:100%;
	width:0;
} 
.tmodal-prev,
.tmodal-next {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
} 
.tmodal-prev:hover,
.tmodal-next:hover {
    opacity: .2;
} 
.tmodal-prev {
	left:0;
} 
.tmodal-next {
	right:0;
}

.tmodal-prev:before,
.tmodal-next:before {
    content: "";
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border-left: #000 solid 5px;
    border-top: #000 solid 5px;
    position: absolute;
    top: 50%;
	margin-top: -10px;
}

.tmodal-prev:before {
    transform: rotate(-45deg);	
    left: 10px;
} .tmodal-next:before {
    transform: rotate(135deg);
	right:10px;
}

.tmodal-type-gallery .tmodal-content img {
	max-width:100%;
}

.tmodal-scrollup {
	position: fixed;
	/** позиция кнопки scroll to top **/
	bottom: 20px;
	/** картинка кнопки наверх**/
	width: 32px;
	height: 32px;
	cursor: pointer;
	/** скрываем кнопку в начале **/
	display: none;
	padding: 0;
	margin: 0;
	right: 5px;
}

.tmodal-scrollup::before {
		content: "\2227";
		top: 0;
		left: 0;
		color: white;
		display: block;
		font-size: 14pt;
	}

/* ************************************ */
/*  end styles for ts_popup             */
/* ************************************ */