@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body { 
	padding:0; 
	margin:0; 
	background-color:#fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #333;
	}
	
.wrapper {
	width: 100%;	
	box-sizing:border-box;
	height: 309px;
	border: none;
	padding: 0px;
    background: #fff;
    border: 1px solid #eee;
	}

.hero {
	height: auto;
	display:block;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	vertical-align:middle;
	float: left;
	margin-bottom: 0px;
width: 100%;
	}
.hero.last{
border-bottom: none;}
a {
	text-decoration: none;
	color: #000;
	}

.hero a:hover .text  {}
.maintext:hover{
color: #0094de;
}
.hero img {
	margin: 0 0 0 12px;
	float: left;
	}

.subhero {
  max-height: 64px;
  display: list-item;
  list-style: none;
  background: url('http://www.dianomioffers.co.uk/img/uploads/Vug@v8CoyKgAAEvG5ygAAAAP.png');
background-repeat: no-repeat;
background-position: 0 17px;
  margin-left: 20px;
  vertical-align: middle;
}
.line2{
margin: 0; 
font-weight: normal; 
font-size: 13px;
    font-family: "Open Sans" ;padding: 10px 0 15px 10px; 
border-bottom: 1px solid #fff;
background-color: #1268b1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.12)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.12), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.12), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.12), rgba(255,255,255,0));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.12), rgba(255,255,255,0));
    color: #eee;
    font-size: 13px;
    line-height: 1.3;
    padding: 0.8em 1.5em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
}
.text {
	margin: 0px;
	float: none;
	width: 100%;	
	padding: 10px;
	box-sizing: border-box;
	}

.action {
	color: #369;
	margin-top: 5px;
	display:none;
	}

.dianomi_provider_short{
	display:block !important;
	color: #0e68b7;
	margin-top: 1px;
	font-size:14px;
	font-family: "Open Sans", arial, verdana, sans-serif;
}
.dianomi_provider_short:before{
	content: "(";
}

.dianomi_provider_short:after{
	content: ")";
}
.maintext {
	margin-top: 0px;
	font-size:15px;
	font-family: "Open Sans", arial, verdana, sans-serif;

	}
	
.heading_top {
	display:none;
	}

.heading {
	font-weight: bold;
display:none;
	}


.logohover{background-repeat:no-repeat;
	width:35px;
	height:12px;
	position: fixed;
	left:5px;
	bottom:5px;
	padding-bottom:0px;
	display:inline;-webkit-transition: background 300ms ease-in-out 0s;
	-moz-transition: background 400ms ease-in-out 0s;
	-o-transition: background 400ms ease-in-out 0s;
	transition: background 400ms ease-in-out 0s;
	z-index:1;
}



.sub-line2 {
	overflow: hidden;
	bottom:5px;
	right:5px;
	position: fixed;
	font-size:10px;height:1.3em;
	color:#ccc;
	width:35px;
	height:12px; 
	padding-bottom:0px;
	z-index:1; 
}	
.sub-line2 img{
border: none;
outline: none;
}
.sub-line2 a{
color: #777;}

@media screen and (max-width:280px){
.dianomi_provider_short{
display: inline-block !important;
}
}