@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700|Open+Sans:400,700);

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; font-size: 100%; font: inherit; padding: 0; border: 0; vertical-align: baseline; }
body { line-height: 1; height: 390px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
img { display: block; }
* { font-family: 'Roboto', sans-serif; }

#widget.telegraph { overflow:visible;max-width: 1008px; margin:0;height: auto; padding: 5px 0 20px 0; background-color: #f8f8f8; font-family: 'Roboto', sans-serif;}
#widget.telegraph a, #widget.telegraph a:hover{text-decoration:none;color:inherit}
#widget.telegraph:after { content: ""; display: table; clear: both; }
#widget.telegraph .slider-container { padding-bottom: 20px; }
#widget.telegraph .slider { margin: 0 auto; width: 97.5%;  padding-bottom: 20px; }
#widget.telegraph .slider:after { content: ""; display: table; clear: both; }
#widget.telegraph .slider .deal-card { float: left;}
#widget.telegraph .slider .deal-card:nth-child(odd) { margin: 0 0.25% 0 0.25%; }
#widget.telegraph .slider .deal-card:nth-child(even) { margin: 0 0.25% 0 0.25%; }
#widget.telegraph .slider .deal-card .image { background-color: #FFF; width: 100%; height: auto; margin-bottom: 10px; display: block; }
#widget.telegraph .slider .deal-card .image img { display: block; width: 100%; height: auto; margin: 0 auto; }
#widget.telegraph .slider .deal-card .title { color: #000; font-size: 20px; width: 100%; line-height: 22px; text-decoration: none; height: 55px; overflow: hidden; display: block; text-align:right;}
#widget.telegraph .slider .deal-card .deal-copy { padding: 5px 0; text-align:right;font-family: 'Open Sans', sans-serif;}
#widget.telegraph .slider .deal-card .deal-copy .price { font-size: 29px; line-height: 40px; font-family: 'Open Sans', sans-serif; font-weight:700; color: #008600; overflow: hidden; display: inline-block; height: 40px;float:left; margin-right:5px;}
#widget.telegraph .slider .deal-card .deal-copy .title { font-size: 20px; line-height: 26px; font-family: 'Open Sans', sans-serif;color: #0083c9; overflow: hidden; display: block; height: 80px; }
#widget.telegraph .slider .deal-card .button { float:right;display: block; font-family: 'Open Sans', sans-serif; padding: 10px 15px; background-color: #008600; text-decoration: none; color: #FFF; width: 80px; text-align: center; font-size: 14px;margin:10px 0; }
#widget.telegraph .slider .deal-card .button:hover { text-decoration: underline;background-color:#0083c9; }
#widget.telegraph .top { margin: 0 26px 10px 26px; }
#widget.telegraph .top:after { content: ""; display: table; clear: both; }
#widget.telegraph .top .sponsored { padding-top: 20px; float: left; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #6d6d6d; }
#widget.telegraph .top .logo { display: block; width: 130px; height: 26px; float: left; margin: 6px 0 0 10px; }
#widget.telegraph .top .arrows { width: 55px; height: 15px; float: right;margin-top:10px; }
#widget.telegraph .top .arrows .arrow { display: block; width: 25px; height: 15px; position: relative; }
#widget.telegraph .top .arrows .arrow:hover { cursor: pointer; }
#widget.telegraph .top .arrows .arrow.left { float: left; }
#widget.telegraph .top .arrows .arrow.right { float: right; }
#widget.telegraph .top .arrows .arrow .fa{ display: block; margin:8px 0 0 7px;color:#0083c9;}
#widget.telegraph .top .arrows .arrow .fa:hover{ color:#008600; }
#widget.telegraph .bottom{ margin: 20px auto 0 auto; width:100%; text-align:center; }
#widget.telegraph .bottom a{color:#6d6d6d; }

@media only screen and (max-width: 731px) {
    #widget.telegraph { max-width: 731px; }
    #widget.telegraph .top { width: 95%; margin: 0 2.5%; margin-bottom: 20px; }
    #widget.telegraph .slider { position: relative; width: 95%; }
    #widget.telegraph .slider .slider:after { content: ""; display: table; clear: both; }
    #widget.telegraph .slider .deal-card:nth-child(odd) { margin: 0 0.5% 0 0; }
    #widget.telegraph .slider .deal-card:nth-child(even) { margin: 0 0 0 0.5%; }
    #widget.telegraph .slider .deal-card .image { width: 100%; }
    #widget.telegraph .slider .deal-card .image img { margin: 0 auto; }
}

@media only screen and (max-width: 481px) {
    #widget.telegraph { max-width: 481px; min-width: 260px; }
    #widget.telegraph .top { max-width: 95%; margin: 0 2.5%; margin-bottom: 20px; }
    #widget.telegraph .top .left { width: calc(100% - 70px); clear: both; }
    #widget.telegraph .top .sponsored { max-width: 100px; }
    #widget.telegraph .top .logo { display: table-cell; vertical-align: bottom; max-width: calc(100% - 100px); }
    #widget.telegraph .slider { width: 95%; margin: 0 auto; padding: 0; }
    #widget.telegraph .slider .slider:after { content: ""; display: table; clear: both; }
    #widget.telegraph .slider .deal-card { width: 95%; margin: 0; padding: 0; }
    #widget.telegraph .slider .deal-card:nth-child(odd) { margin: 0; }
    #widget.telegraph .slider .deal-card:nth-child(even) { margin: 0; }
    #widget.telegraph .slider .deal-card .image { max-width: 100%; }
    #widget.telegraph .slider .deal-card .image img { margin: 0 auto; }

}

#widget.telegraph .slider .deal-card .deal-copy{text-align:left;}
#widget.telegraph .slider .deal-card .deal-copy .title{color:#333;text-align:left;height:auto;margin-bottom:10px;}
#widget.telegraph .slider .deal-card .button{float:right;width:33%;margin:0;  line-height:21px; padding:5px 0;}
#widget.telegraph .slider .deal-card .button:hover{text-decoration:none;}
#widget.telegraph .slider .deal-card .deal-copy .bullets{margin-bottom:10px;display:block;}
#widget.telegraph .slider .deal-card .deal-copy .pricepoint{float:left;margin:0;line-height: inherit;text-align:center;}
#widget.telegraph .slider .deal-card .deal-copy .price{height:auto;float:none;margin:0;display:inline;line-height: inherit;}
sup{position:relative;top:-10px;}
@media only screen and (max-width: 481px) {
    #widget.telegraph .top {
        margin-bottom:10px;
    }
}
.slick-list{}
.slick-dots{bottom:-30px;}
.slick-dots li button:before{content:'';}
.slick-dots li{border-radius:10px;overflow:hidden;}
.slick-dots li, .slick-dots button{height:10px; width:10px;}
.slick-dots li button{background:#DDD;}
.slick-dots li button:hover, .slick-dots li button:focus{background:#ccc}
.slick-dots li.slick-active button{background:#333;}