.main-banner {
    background: #00aeef;
    padding: 0rem 0;
  
    overflow:hidden;
}
svg#logo {
    width: 80%;
    display: inline-block;
}
h1 {
    color:#00aeef;
    margin: 0 0 .6rem;
}
h1 span {
    display: block;
    font-size: 5rem;
    line-height: 1;
}
.half {
    max-width: 380px;
    margin: 0 auto;
}
.half.right {
background: #fff;
padding: 2rem;
box-sizing: border-box;
text-align: center;
}
/*START - Got Brextit done */
.half.right img, .half.right .join {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
.half.right img {
    padding: 0 0 0 0;
}
/*.half {
	max-width: 640px;
	margin: 0 auto;
}*/
.brexit {
	background: #cbcde0; 
	margin: 1rem auto;
}
.brexit h3 {
	padding: 1rem 0;
	text-align: center;
	margin: 2rem 0 0;
	color: #033570;
	font-size: 2.5rem;
	line-height: 1;
}
.brexit ul li.first {
    display:block;
    width:90%;
    margin: 2rem auto;
}
.brexit ul li img, .brexit ul li div{
	display: inline-block;
	vertical-align: top;
}
.brexit ul li div {
    width: 65%;
}
.brexit ul li.first div {
	width: 77%;
}
.brexit ul li .large {
    font-size:1.5rem;
    font-weight: 700;
}
.brexit ul li {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin:0 0rem 2rem 2.5rem;
}
.brexit .button.blue {
	display: initial;
	margin: 0 auto 2rem;
	text-align: center;
}
/*END - Got Brextit done */
.rosette {
    position: absolute;
    width: 33%;
    top: -43px;
    left: 33%;
}

#rosette {
    height:395px;
}
.balls {
	width: 80%;
	text-align: center;
	margin: -2rem auto;
	display: block;
}
.bottom.balls {
	margin: -3rem auto 0;
	width: 55%;
	z-index: -1;
	position: relative;
}

/*================
START - countdown 
=================*/

.title-block__copy .countdown {
    min-height: auto; 
    float: right;
    width: auto;
    display: inline-block;
    color:#212529;
    
}
.inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2rem;
}
.countdown .timer{
text-align: center;
background: #e21e26;
border-radius: .5rem;
padding: .5rem;
box-sizing: border-box;
color: #fff;

}
 .button.blue {
	display: block;
	margin: 1rem 0 auto;
}

[class^="count_"] {
    width:50px;
	display: inline-block;
     text-align: center;
	margin: 0 0.5rem 0 0;
    line-height: 1;
}

[class^="count_down"] {
	display: inline-block; 
	font-size: 2.5rem;  
    font-weight: 600;
 
} 
.words {
	margin: 0 0.5rem 0 0;
    width:50px;
	display: inline-block;
	vertical-align: top;
    text-align: center;
}
.draw_in {
     margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1rem;
}
.costpw {
    margin: 1rem 0;
    text-align: center;
}

/*================
END - countdown 
=================*/

.content {
    padding: 3rem 0;
}
.blue-bar {
	background: #00aeef;
	padding: 1rem 0;
	text-align: center;
	margin: 2rem 0 0;
	color: #fff;
    font-size: 2.5rem;
    line-height: 1;
}

.Hsubtitle {
    background: #00aeef;
    padding: 1rem 0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.support li {
display: inline-block;
width: 45%;
margin: 0 0 2rem;
padding: 0 0 0 3rem;
position: relative;
}
.support strong {
	display: block;
	font-size: 1.5rem;
}
.support li::before {
	border: 1px solid #5D5D5D;
	content: " ";
	height: 1.5rem;
	position: absolute;
	margin-left: -45px;
	transition: background .14s,border .14s;
	width: 1.5rem;
	border-radius: 1rem;
	margin-top: 4.5px;
	background: #5D5D5D; 
}

.support li::after{
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
content: "";
height: 6px;
margin-left: 7px;
position: absolute;
-webkit-transform: rotate(-45deg);
transform: rotate(-50deg);
width: 14px;
left: 0;
top: 11px;
}
.red-bar {
	background: #CE0008;
	padding: 1rem 0;
	color: #fff;
	position: relative;
	margin: 3rem 0 5rem;
}
.red-bar.upgrade {
    background: url(/image/skins/conservatives/web23-upgrade.jpg) 0 0 / cover;
}
.upgrade-prizes > div {
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 220px;
	text-align: right;
}
.upgrade-prizes > div img {
    height: 100%;
    padding: 1rem;
    box-sizing: border-box;
    
}
.upgrade-prizes > .first {
	background-image:url(/image/skins/conservatives/first-23.png);
}
.upgrade-prizes > .second {
	background-image:url(/image/skins/conservatives/second-23.png);
}
.upgrade-prizes > .third {
	background-image:url(/image/skins/conservatives/third-23.png);
}
.red-bar .article-content-holder > div {
	display: inline-block;
	width: 33%;
	vertical-align: middle;
	font-size: 2rem;
font-weight: bold;
text-align:center;
padding: 3rem 0;
}
.red-bar.upgrade .article-content-holder .flex > * {
	width: 100%;
	margin: 0 0rem;
}
.red-bar.upgrade .article-content-holder .flex > p {
	margin: 0 1rem;
}
.red-bar.upgrade .article-content-holder .flex {
	display: flex;
	width: 100%;
	font-size: inherit;
	font-weight: initial;
	padding: 0;
	margin: 1rem 0;
}
 
.red-bar.upgrade .article-content-holder {
    background:#fff;
    border-radius:1rem;
    color:#0a3b7c;
    padding:1rem;
    box-sizing:border-box;
    text-align: center;
}
.red-bar.upgrade .article-content-holder p span {
	background: red;
	padding: .5rem;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	line-height: 2;
font-size: 1.5rem;
}
.red-bar.upgrade .article-content-holder h2 span {
	background: red;
	padding: .5rem;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
}
.red-bar .article-content-holder div.last {
    float:right;
}
.red-bar .article-content-holder div span {
     
}
.red-bar.upgrade .article-content-holder .flex a {
	margin: 0 auto;
}
 .red-bar .article-content-holder div.main-blue span {
     
    font-size: 2rem;
 }
 .button.red {
    font-size: 1.5rem;
    background: #CE0008;
    color: #fff;
 }
 .button.red:hover {
	background: #00aeef;
	color: #fff;
}
.red-bar .article-content-holder div.main-blue  {
	background: #093B7C;
	padding: 1rem;
	position: absolute;
	top: -2.5rem;
	border-radius:5px;
	font-size: 4rem;
	line-height: 1.2;
}
.winner {
	width: 70%;
	margin: 3rem auto;
	text-align: center;
}
.red-bar .article-content-holder {
	padding: 0;
}
.superdraw {
    text-align:center;
        padding: 2rem 0 !important;
}
.superdraw h3 {
        font-size: 2.5rem;
}
.superdraw .button.blue {
    width: auto;
    display: initial;
}
@media (max-width: 1084px) {
    .red-bar .article-content-holder div {
        width:34%;
    }
    
    /*Start - Brexit*/
    .brexit ul li div {
	width: 62%;
    }
    /*END - Brexit*/
}
@media (max-width: 1052px) {
    .red-bar .article-content-holder div.main-blue {
        font-size:3.5rem;
    }
}
@media (max-width: 1003px) {
  /*Start - Brexit*/
    .brexit ul li div {
	width: 60%;
    }
    /*END - Brexit*/
    }
    
@media (max-width: 983px) {
      /*Start - Brexit*/
   .brexit ul li.first div {
	width: 75%;
}
    /*END - Brexit*/
}

@media (max-width: 957px) {
  /*Start - Brexit*/
    .brexit ul li div {
	width: 58%;
    }
    /*END - Brexit*/
    }
    @media (max-width: 928px) {
  /*Start - Brexit*/
   .brexit ul li {
 
	margin: 0 0rem 2rem 2rem;
}
    /*END - Brexit*/
    }
@media (max-width: 933px) {
    .red-bar .article-content-holder div.main-blue {
        line-height:1;
        top: -3rem;
    }
}

 @media (max-width: 916px) {
  /*Start - Brexit*/
   .brexit ul li, .brexit ul li.first {
 width:100%;
 display:block;
 margin: 2rem auto;
}
.brexit ul li img {
	max-width: 170px;
	width: 100%;
	padding: 0 1rem 0 0;
}
.brexit ul li div {
    width:75%;
}
    /*END - Brexit*/
    }
@media (max-width: 876px) {
    .rosette {
        display:none;
    }
 
    .article-content-holder {
        line-height:1;
    }
}

 @media (max-width: 780px) {
  /*Start - Brexit*/
  .brexit ul li div, .brexit ul li.first div {
      width:100%;
  }
  .brexit ul li, .brexit ul li.first {
      text-align:center;
  }
  .brexit ul li img {
	margin: 0 auto 2rem;
}
    /*END - Brexit*/ 
 }
 @media (max-width: 704px) {
       /*Start - Brexit*/
       .half.right img, .half.right .join {
           width:100%;
           display:block;
       }
        /*END - Brexit*/ 
 }
@media (max-width: 751px) {
    
    .red-bar.upgrade .article-content-holder .flex {
	flex-direction: column;
        }
    .red-bar.upgrade .article-content-holder .flex > *,
    .red-bar.upgrade .article-content-holder .flex > p {
        margin:0;
    }
 
    .red-bar .article-content-holder div.main-blue {
        position:relative;
        top:0;
        width: 100%;
    }
    .red-bar {
        padding:0;
        margin: 2rem 0;
    }
    
.winner {
    margin:1rem 0 3rem;
    width:100%;
}
    .red-bar .article-content-holder div, .red-bar .article-content-holder div.last {
        float:none;
        width:100%;
        padding:1rem;
    }
    
    .blue-bar {
        padding:1rem;
        box-sizing: border-box;
    }
    .support li {
        width:100%;
        display:block;
    }
}
@media (max-width: 440px) {
    .half {
    width:100%;
    }
     
}
@media (max-width: 407px) {
    [class^="count_"], .words {
    width:45px;
    }
     
}
@media (max-width: 387px) {
   .article-content-holder {
    padding:0 1rem;
    }
      .half.right {
    padding: 1rem;
    }
}