@font-face {
	font-family: 'UnitOT';
	src: url('//www.dianomi.com/partner/globaldata/fonts/UnitOT-Black.eot');
	src: url('//www.dianomi.com/partner/globaldata/fonts/UnitOT-Black.eot?#iefix') format('embedded-opentype'), url('//www.dianomi.com/partner/globaldata/fonts/UnitOT-Black.woff2') format('woff2'), url('//www.dianomi.com/partner/globaldata/fonts/UnitOT-Black.woff') format('woff'), url('//www.dianomi.com/partner/globaldata/fonts/UnitOT-Black.ttf') format('truetype'), url('//www.dianomi.com/partner/globaldata/fonts/UnitOT-Black.svg#UnitOT-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}
.hidden {
	display:none;
}

body { 
	padding:0; 
	margin:0;
  	max-width: 400px;
	width:100%;
	height:600px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.hero { min-height: 85px;
padding-bottom: 5px;
	width:100%;
	background-position:0px 0px;
	float:left;
	border:0;
padding-left: 0px;  
margin-top: 3px;
box-sizing: border-box;
        border-bottom: 1px dotted #888888;
margin-bottom:6px;
}
.hero.first{
height: auto;
}
.hero.first .subhero{
display: table;
    display: ruby-text-container;

width: 100%;
  padding-bottom: 10px;
}
.hero.first a{
margin-top: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    display:flex;
        flex-flow: column-reverse;
}
.hero.first .text{
padding: 0;
  order: 1;
  display: block;
}
.hero.first .maintext{
  font-size: 20px;
  line-height: 25px;
}
.hero.last{
border: none;
}


a {
	text-decoration:none;
	color:#464646;
}


a:hover .action {
	text-decoration:underline;
}

a:hover .maintext {
	text-decoration: underline;
}


.hero img {
	display: block;
float: right;
width: 84px;
height: auto;
padding-left: 2px;
max-height: 192px;
padding-right: 0px;
}
 
.first img{
border-top: 2px solid #c2072b;
width: 255px; 
  height: auto;
  padding: 0;
  display: -webkit-box;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
      align-self: flex-end;
  float: none;

}
.subhero {color:#333;
	padding-top:0px;
box-sizing: border-box;
height: 70px;}

.last .subhero {
border: none;}

.wrapper {
	width:100%;
	height:600px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	text-align: left;
}


.text {	min-height:65px;
	cursor:pointer;
	width:100%;
	height:auto !important;
	line-height:1.2em;
	margin-bottom: 0px;
	margin-left:0px;
box-sizing: border-box;
    padding-right: 100px;
    padding-left: 0%;
    -webkit-font-smoothing: antialiased;
text-align: left;}




.maintext {
	color: #362f2d;
	font-family: 'UnitOT';
	font-weight: bold;
	box-sizing: border-box;
	display: inline;
	font-size: 15px;
	line-height: 21px;
	margin-bottom: 0px;
	transition: all 0.3s ease;
}

.dianomi_provider_short {
font-weight: 500;
    display: block !Important;
    color: #ae1a13;
    font-size: 12px;
margin-top:2px;
	font-family: 'UnitOT';

text-decoration: none;
}


.action{
	display:none !important;
	color: rgb(85, 7, 92);
	cursor: auto;
	display: block;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	height: 15px;
}


.heading_top,
.heading {
	display: none;
}


.line2 {
    background: #fff;
    color: #000;
    font-size: 8px;
    line-height: 20px;
    margin-bottom: 7px;
  margin-left: 145px;
    border-bottom: 0px solid #000;
    padding: 0 0 3px;
    position: relative;
	font-family: 'UnitOT';
font-weight: bold;
}

.sub-line2 {
overflow: hidden;
top:1px;
right: 0px;
position:absolute;
font-size:10px;
height:1.3em;
color:#ccc;
width:157px;
height: auto;
padding-bottom:0px;
z-index:1; }

.sub-line2 a{
color: #000;
	font-family: 'UnitOT';
font-weight: bold;
  font-size: 10px;
}

.sub-line2 img{
border: none; 
outline: none; 
width:50px;
height: auto;
  margin-left: 10px;
}