.rtl .mtphr-dnt {
direction: ltr; }
.rtl .mtphr-dnt-title {
direction: rtl; }
.rtl .mtphr-dnt-tick {
direction: rtl; }
.mtphr-dnt img {
max-width: 100%;
height: auto; }
.mtphr-dnt-wrapper {
position: relative;
width: 100%; }
.mtphr-dnt-inline-title {
float: left;
padding-right: 5px; }
.rtl .mtphr-dnt-inline-title {
float: right;
padding-right: 0;
padding-left: 5px; }
.mtphr-dnt-tick-container {
position: relative;
overflow: hidden; }
.mtphr-dnt-tick-contents {
position: relative;
overflow: hidden; }
.mtphr-dnt-tick {
opacity: 0;
margin: 0; }
.mtphr-dnt-tick img.emoji {
max-width: none; }
.mtphr-dnt-list .mtphr-dnt-tick {
opacity: 1; }
.mtphr-dnt-rotate .mtphr-dnt-tick,
.mtphr-dnt-scroll .mtphr-dnt-tick {
position: absolute;
display: none; }
.mtphr-dnt-rotate .mtphr-dnt-tick {
opacity: 0; }
.mtphr-dnt-scroll-left .mtphr-dnt-tick,
.mtphr-dnt-scroll-right .mtphr-dnt-tick {
position: absolute;
top: 0;
left: 0;
display: block;
white-space: nowrap; }
.mtphr-dnt-trim-ticks .mtphr-dnt-tick * {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important; }       .mtphr-dnt-icon-spinner {
position: absolute;
left: 50%;
top: 50%;
width: 30px;
height: 30px;
font-size: 30px;
color: #FFF;
margin: -15px 0 0 -15px;
-webkit-animation: mtphr-dnt-spinner-rotation .8s infinite linear;
animation: mtphr-dnt-spinner-rotation .8s infinite linear; }
@-webkit-keyframes mtphr-dnt-spinner-rotation {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg); } }
@keyframes mtphr-dnt-spinner-rotation {
from {
transform: rotate(0deg); }
to {
transform: rotate(359deg); } }   .mtphr-dnt-image-caption {
line-height: 1.2em; }
.mtphr-dnt-image-container {
position: relative;
display: block; }
.mtphr-dnt-image-container > * {
margin: 10px 0; }
.mtphr-dnt-image-container > *:first-child {
margin-top: 0; }
.mtphr-dnt-image-container > *:last-child {
margin-bottom: 0; }
.mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-photo, .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-photo {
margin-top: 0;
margin-bottom: 0; }
.mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-caption, .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-caption {
position: absolute;
left: 0;
bottom: 0;
z-index: 9;
box-sizing: border-box;
width: 100%;
margin: 0 !important;
padding: 12px 20px;
color: #FFF;
background: rgba(0, 0, 0, 0.7); }
.mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-caption {
bottom: auto;
top: 0; }
.mtphr-dnt-image-container.mtphr-dnt-image-caption-hover {
display: block; }
.mtphr-dnt-image-container.mtphr-dnt-image-caption-hover .mtphr-dnt-image-caption {
opacity: 0;
transition: opacity .25s ease; }
.mtphr-dnt-image-container.mtphr-dnt-image-caption-hover:hover .mtphr-dnt-image-caption {
opacity: 1; }
.mtphr-dnt-image-container .mtphr-dnt-image-photo {
line-height: 0; }
.mtphr-dnt-image-container .mtphr-dnt-image-photo a {
display: inline-block;
max-width: 100%; }
.mtphr-dnt-image-container .mtphr-dnt-image-photo img {
display: block;
max-width: 100%;
height: auto;
line-height: 0; }
.mtphr-dnt-image-container .mtphr-dnt-image-placeholder,
.mtphr-dnt-image-container .mtphr-dnt-image-placeholder-loading {
position: relative;
display: none;
width: 100%;
max-width: 100%;
background: #000;
line-height: 0; }
.mtphr-dnt-grid .mtphr-dnt-image-container {
width: 100% !important; }
.mtphr-dnt-grid .mtphr-dnt-image-container .mtphr-dnt-image-placeholder,
.mtphr-dnt-grid .mtphr-dnt-image-container .mtphr-dnt-image-placeholder-loading {
width: 100% !important; } .mtphr-dnt .mtphr-dnt-nav {
position: absolute;
top: 50%;
text-decoration: none;
margin-top: -19px; }
.mtphr-dnt-nav i {
display: block;
width: 38px;
height: 38px;
font-size: 38px;
line-height: 38px;
color: #DDD;
color: rgba(221, 221, 221, 0.8); }
.mtphr-dnt-nav:hover {
text-decoration: none !important; }
.mtphr-dnt-nav:focus {
outline: none; }
.mtphr-dnt-nav-prev {
left: 10px; }
.mtphr-dnt-nav-next {
right: 10px;
background-position: -38px 0; }
.mtphr-dnt-nav-hide {
opacity: 0;
transition: opacity .3s linear; }
.mtphr-dnt-tick-container:hover .mtphr-dnt-nav-hide {
opacity: 1; } .mtphr-dnt-control-links {
text-align: center;
margin: 15px 0px 0px; }
.mtphr-dnt-control-links a {
text-decoration: none; }
.mtphr-dnt-control-number {
padding: 2px 5px; }
.mtphr-dnt-control-button {
display: inline-block;
margin: 0 2px; }
.mtphr-dnt-control-button i {
display: block;
width: 18px;
height: 18px;
font-size: 18px;
line-height: 18px;
color: #CCC; }
.mtphr-dnt-control-button:hover {
text-decoration: none !important; }
.mtphr-dnt-control-button.active i {
color: #777; }
.mtphr-dnt-control-button:focus {
outline: none; }   .mtphr-dnt-play-pause {
float: right;
color: inherit;
text-decoration: none; }
.mtphr-dnt-play-pause:hover i {
opacity: 1;
text-decoration: none; }
.mtphr-dnt-play-pause:active, .mtphr-dnt-play-pause:focus {
outline: none;
text-decoration: none; }
.mtphr-dnt-play-pause.paused i.mtphr-dnt-icon-play {
display: inline-block; }
.mtphr-dnt-play-pause.paused i.mtphr-dnt-icon-pause {
display: none; }
.mtphr-dnt-play-pause i {
display: inline-block;
box-sizing: border-box;
width: 40px;
height: 40px;
font-size: 25px;
line-height: 33px;
text-align: center;
color: #FFF;
background-color: #333;
border-radius: 20px;
opacity: .8;
transition: opacity .25s ease; }
.mtphr-dnt-play-pause i:before {
vertical-align: middle; }
.mtphr-dnt-play-pause i.mtphr-dnt-icon-play {
padding-left: 4px;
display: none; }   .mtphr-dnt-edit-link {
position: absolute;
top: 0;
left: 0;
z-index: 999;
font-family: Arial, sans-serif !important;
font-size: 14px !important;
line-height: 16px !important;
color: #666;
background: #FFF;
padding: 6px 8px 4px 7px;
border-radius: 5px;
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity: .5;
transition: opacity .2s linear; }
.mtphr-dnt-edit-link:hover {
color: #666;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1; }
.mtphr-dnt-edit-link i {
float: left;
display: block;
margin: 1px 3px 0 0; }   .mtphr-dnt-tick-paging {
text-align: center;
list-style: none; }
.mtphr-dnt-tick-paging a,
.mtphr-dnt-tick-paging span {
margin: 0 4px; }   .mtphr-dnt-grid {
width: 100%;
border-spacing: 0; }
.mtphr-dnt-grid td {
border: none; }
.mtphr-dnt-grid-remove-padding tr > td:first-child {
padding-left: 0 !important; }
.mtphr-dnt-grid-remove-padding tr > td:last-child {
padding-right: 0 !important; }
.mtphr-dnt-grid-remove-padding tr:first-child td {
padding-top: 0 !important; }
.mtphr-dnt-grid-remove-padding tr:last-child td {
padding-bottom: 0 !important; } .mtphr-dnt-clearfix {
*zoom: 1; }
.mtphr-dnt-clearfix:before,
.mtphr-dnt-clearfix:after {
display: table;
line-height: 0;
content: ""; }
.mtphr-dnt-clearfix:after {
clear: both; } .mtphr-dnt-styled .mtphr-dnt-posts-nav-prev {
float: left; }
.mtphr-dnt-styled .mtphr-dnt-posts-nav-next {
float: right; }