html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
list-style: none;
text-decoration: none; }
* {
list-style: none;
margin: 0;
padding: 0;
border: 0;
outline: none; }
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block; }
.clear {
clear: both; }
.brown {
background: #d5c9b9; }
.lightbrown {
background: #ebe3d8; }
.orange {
background: #EA8C00; }
.orange:hover {
opacity:0.8; }
.green {
background-color: #EA8C00;
color: #fff;
}
.green:hover {
opacity:0.8; }
.red {
background: #ef4646; }
.red:hover {
background: opacity:0.8; }
.bt-wide {
display: block;
margin: 0px 0 15px 0;
line-height: 32px;
text-align: center; }
.bt {
font-size: 21px;
text-transform: uppercase;
color: #fff;
font-weight: 400;
text-decoration: none;
padding: 8px 12px;
border-radius: 6px;
line-height: 31px; }
.bt-top {
float: left;
margin: 10px 25px 0px 0;
padding: 18px 12px;
text-align: center; }
.cta-b {
float: left;
padding: 20px 12px;
margin: 0 0 10px 0;
line-height: 31px; }
.banner {
float: left;
margin: 0 0 25px 0;
width: 100%;
height: auto; }
.banner-pg {
float: left;
margin: 20px 0 25px 0;
width: 100%;
height: auto; }
.banner-sidebar {
float: left;
margin: 20px 0 20px 0;
height: auto; }
.banner-sidebar-top {
float: left;
margin: 0px 0 20px 0;
height: auto; }
.banner-sidebar-2 {
margin: 0px 0px 20px 0px; }
.apple {
float: left;
background: url(//www.legalbettingonline.uk/wp-content/themes/Lightweight%20Gambling/images/sprite.png) no-repeat -9px -81px;
width: 49px;
height: 49px;
margin: 20px 10px 0 0; }
.blackberry {
float: left;
background: url(//www.legalbettingonline.uk/wp-content/themes/Lightweight%20Gambling/images/sprite.png) no-repeat -67px -81px;
width: 49px;
height: 49px;
margin: 20px 10px 0 0; }
.android {
float: left;
background: url(//www.legalbettingonline.uk/wp-content/themes/Lightweight%20Gambling/images/sprite.png) no-repeat -126px -81px;
width: 49px;
height: 49px;
margin: 20px 0px 0 0; }
::selection {
background: #EA8C00; color: #fff; }
::-moz-selection {
background: #EA8C00; color: #fff; }
#ddmenu {
display: none;
float: right;
width: 100px;
height: 54px;
color: #fff;
text-align: center;
cursor: pointer; }
.email-small {
font-size: 11px; }
.left-post ul, .content article ul {
width: 100%;
margin: 0 0 10px 15px; }
.left-post ul li, .content article ul li {
width: 100%;
padding: 0 0 0 0;
margin: 1px 0;
list-style-type: disc; }
#gratis-promo {
position: absolute;
top: -3px;
right: -20px;
width: 66px;
height: 66px;
border: 0px solid #fff; }
.logo-center {
display: block;
text-align: center; }
.logo-left {
display: block;
text-align: left; }
.logo-right {
display: block;
text-align: right; } h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #393d40; }
h1 {
font-size: 41px;
line-height: 43px;
text-shadow: 0 2px 0 #D5D0B0, 
0 2px 0 #D5D0B0,
0 3px 0 #D5D0B0,
0 4px 0 #D5D0B0,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
} 
h2 {
font-size: 29px;
line-height: 31px;
margin: 10px 0 10px 0; }
h3 {
font-size: 16px;
line-height: 31px;
margin: 10px 0 10px 0; }
h4, h5, h6 {
font-size: 19px;
line-height: 21px;
margin: 20px 0 0 0; }
p {
padding: 5px 0px 10px 0; }
a img {
border: 0; }
a {
color: #1A3A92;
text-decoration: underline; }
a:hover {
text-decoration: none; }
b, strong {
font-weight: bold; }
.top h1 {
float: left;
width: 94.1%;
font-size: 53px;
padding: 20px 3%;
line-height: 53px;
text-align: center;
color: #fff;
background: #242d3c;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.top-menu {
float: left;
width: 100%;
height: 64px;
background: #393d40;
color: #fff;
line-height: 64px; }
.top-menu a {
color: #fff;
text-decoration: none;
font-weight: 400;
text-transform: uppercase;
font-size: 20px; }
.top-menu ul li {
float: left; }
.top-menu ul li a {
padding: 19px 20px 17px 20px; }
.top-menu ul li a:hover {
background: #D5D0B0; color: #242D3C; 
}
.bread {
float: left;
width: 99.1%;
background: #D5D0B0;
padding: 10px 0 10px 1%;
}
.bread span {
letter-spacing: 1px;
font-size: 34px; }
.bread img {
max-width: 100%;
height: auto; }
body {
background: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 24px;
font-size: 17px;
font-weight: 300;
color: #555555; }
.frame {
width: 1020px;
margin: 0 auto; }
.frame-bg {
float: left;
width: 100%;
-webkit-box-shadow: 0 0 15px 0 #000;
box-shadow: 0 0 15px 0 #000;
background: #fff; }
.content {
max-width: 980px;
padding: 0 20px;
margin: 30px 0; }
.content img {
max-width: 100%;
height: auto; }
.first-article {
margin: 0 0 0px 0; }
.left-side, .left-post {
float: left;
width: 54%;
margin: 0 0 0 4%; }
.newsleft-post2 {
float: left;
width: 98%;
margin: 0 0 0 1%; }
.left-side h2, .left-post h2 {
position: relative; }
.left-side h2:before, .left-post h2:before {
content: '';
position: absolute;
top: -6px;
left: -24px;
font-size: 41px;
color: #EA8C00; }
.left-side h3, .left-post h3 {
position: relative; }
.left-side h3:before, .left-post h3:before {
content: '';
position: absolute;
top: -4px;
left: -24px;
font-size: 32px;
color: #EA8C00; }
.left-side h4, .left-side h5, .left-side h6, .left-post h4, .left-post h5, .left-post h6 {
position: relative; }
.left-side h4:before, .left-side h5:before, .left-side h6:before, .left-post h4:before, .left-post h5:before, .left-post h6:before {
content: '>';
position: absolute;
top: -4px;
left: -24px;
font-size: 32px;
color: #EA8C00; }
.interest {
float: left;
width: 100%;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
border-top: 1px solid #f7f7f8;
margin: 20px 0 0 0; }
.interest strong {
display: block;
font-size: 29px;
font-weight: 300;
margin: 25px 0 20px 0; }
.interest article {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
float: left;
padding: 3%;
width: 94%;
background: #f2f2f2;
margin: 0 0 25px 0; }
.interest article img {
float: left;
width: 70px;
margin: 0 17px 0 0; }
.interest article h1 {
margin: 2px 0 0 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
font-size: 20px;
line-height: 24px; }
.interest article h1 a {
color: #393d40; }
.interest article span {
font-size: 12px;
color: #9e9e9e; }
.interest article p {
padding: 0px; }
.interest article:hover {
background: #ebebeb; }
.interest article:hover img {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-filter: grayscale(100%); }
.latest {
float: left;
width: 100%;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.latest article {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
float: left;
min-height: 176px;
height: auto !important;
height: 176px;
width: 100%;
background: #f2f2f2;
margin: 0 0 25px 0; }
.latest article img {
float: left;
margin: 0 17px 0 0; }
.latest article h3 {
margin: 14px 0 0 0;
font-size: 17px;
line-height: 20px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.latest article h3 a {
color: #393d40; }
.latest article span {
font-size: 12px;
color: #9e9e9e;
display: block; }
.latest article p {
padding: 0px;
display: inline; }
.latest article:hover {
background: #ebebeb; }
.latest article:hover img {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-filter: grayscale(100%); }
.img-news-holder {
float: left;
width: 233px;
height: 176px;
margin: 0 17px 0 0; }
.img-news-holder img {
position: absolute;
clip: rect(0px, 233px, 176px, 0px); }
.img-news-holder-empty {
float: left;
width: 233px;
height: 176px;
background: #393d40;
margin: 0 17px 0 0; }
.cta-top {
float: left;
width: 100%;
background: #242d3c;
color: #fff;
font-size: 16px;
border-bottom: 6px solid #12171f; }
.ctat-bonus {
float: left;
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
background: #ebe3d8;
font-size: 25px;
color: #818181;
text-transform: uppercase;
border-bottom: 6px solid #d5c9b9; }
.ctat-bonus span {
font-size: 35px;
font-weight: 700; }
.ctat-bonus strong {
font-size: 35px;
font-weight: 700;
color: #ef4646; }
.ctat-features {
float: left;
width: 95%;
padding: 20px 0; }
.ctat-features ul {
float: left;
width: 50%;
margin: 0 0 0 3%;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.ctat-features ul li {
float: left;
margin: 0 20px 0 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.ctat-features ul li:before {
content: '-';
float: left;
color: #EA8C00;
font-size: 24px;
font-weight: 700;
margin: -3px 7px 7px 0; }
.ctat-right {
float: left;
width: 45%; }
.pagination {
float: left;
width: 100%;
height: 100px;
margin: 0 0 20px 0;
text-align: center; }
.pagination a {
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
margin: 10px 10px; }
.older {
padding: 8px 16px;
background: #EA8C00; }
.newer {
padding: 8px 16px;
background: #EA8C00; }
blockquote {
border-left: 6px solid #f2f2f2;
margin: 10px 0;
padding: 0 0 0 20px;
color: #777777; }
blockquote p {
display: inline; } .alignnone {
margin: 10px 0px 10px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 10px 0 10px 20px; }
.alignleft {
float: left;
margin: 10px 20px 10px 0; }
.aligncenter {
display: block;
margin: 10px auto 10px auto; }
a img.alignright {
float: right;
margin: 10px 0 10px 20px; }
a img.alignnone {
margin: 10px 0px 10px 0; }
a img.alignleft {
float: left;
margin: 10px 20px 10px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
ul.show-children {
float: left;
width: 100%; }
ul.show-children li {
float: left;
width: 90%;
padding: 0 5%;
margin: 0 0 20px 0;
background: #f2f2f2;
list-style-type: none; }
ul.show-children li:hover {
background: #ebebeb; }
ul.show-children li a {
font-size: 23px;
padding: 29px 0;
display: block;
font-weight: 700;
text-decoration: none;
color: #393d40; }
.sidebar {
float: right;
width: 37.4%; }
.sidebar h3 {
display: block;
height: 60px;
line-height: 60px;
background: #f2f2f2;
color: #7d7d7d;
font-weight: 300;
text-align: center;
font-size: 25px;
border-bottom: 2px solid #EA8C00;
margin: 0px; }
.sr-box-wrap {
float: left;
width: 100%;
height: 59px;
margin: 0 0 10px 0; }
.sr-box-wrap:hover {
background: #ebebeb; }
.sr-box-wrap:hover img {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-filter: grayscale(100%); }
.sr-box-wrap:hover strong {
text-decoration: none; }
.sidebar-review-bg {
float: left;
width: 90%;
padding: 5%;
margin: 15px 0 0 0;
background: #f2f2f2; }
.sidebar-review-bg img {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
float: left;
width: 61px;
border: 1px solid rgba(0, 0, 0, 0.1); }
.sr-box-right {
float: left;
width: 70%;
margin: 0 0 0 5%;
position: relative; }
.sr-box-right strong {
display: block;
font-size: 21px;
font-weight: 400;
text-decoration: underline;
margin: 5px 0 2px 0; }
.sr-box-right span {
display: block;
color: #717374;
font-size: 15px; }
.follow {
background: #f2f2f2;
margin: 15px 0 0 0;
padding: 10px 10px 10px 0;
display: block;
float: left;
width: 97%;
color: #4ac7e9;
text-decoration: none;
font-size: 20px; }
.follow span {
margin: 10px 0 0 0; }
.follow:hover {
background: #ebebeb; }
.twitter {
float: left;
background: url(//www.legalbettingonline.uk/wp-content/themes/Lightweight%20Gambling/images/sprite.png) no-repeat -78px -2px;
width: 68px;
height: 69px;
margin: 0 15px 0 20px; }
.review-sidebar {
float: right;
width: 39%; }
.review-sidebar img {
max-width: 100%;
height: auto;
margin: 10px 0; }
.review-information {
float: left;
width: 100%;
background: #f2f2f2;
padding: 20px 0; }
.review-information h4 {
font-size: 21px;
font-weight: 300;
margin: 0 0 20px 30px; }
.review-information h4:before {
content: '>';
float: left;
color: #EA8C00;
font-size: 34px;
font-weight: 700;
margin: -3px 6px 0 0; }
.ri-row {
float: left;
width: 82%;
height: 36px;
margin: 0 0 10px 8%; }
.ri-row:hover .ri-left, .ri-row:hover .ri-right {
background: #ebebeb; }
.ri-left {
float: left;
width: 26%;
height: 36px;
background: #e4e4e4;
margin: 0 0 0 0;
line-height: 36px;
padding: 0 4% 0 0;
text-align: right; }
.ri-right {
float: right;
width: 61%;
height: 36px;
line-height: 36px;
background: #e4e4e4;
margin: 0 0 0 0;
padding: 0 0 0 4%;
text-align: left; }
.cta-box {
float: left;
color: #fff;
width: 88%;
padding: 10px 6% 10px 6%;
background: #393d40; }
.cta-box h3 {
display: block;
font-size: 35px;
line-height: 40px;
color: #EA8C00;
text-decoration: underline; }
.cta-box div {
float: left;
width: 100%;
margin: 8px 0 0 0;
font-size: 25px;
text-transform: uppercase; }
.cta-box div span {
font-weight: 700;
font-size: 35px; }
.cta-box div strong {
font-weight: 700;
font-size: 41px;
color: #ef4646;
line-height: 44px; }
.cta-box ul {
float: left;
width: 100%;
margin: 12px 0 20px 0;
font-weight: 400; }
.cta-box ul li {
float: left;
width: 100%;
position: relative;
padding: 0 0 0 18px;
margin: 0 0 8px 0;
font-size: 17px;
line-height: 19px; }
.cta-box ul li:before {
content: '-';
position: absolute;
top: 0;
left: 0;
color: #EA8C00;
margin: -2px 10px 0 0;
font-size: 25px;
font-weight: 700; }
.related-post {
float: left;
width: 100%;
background: #EA8C00;
margin: 0 0 20px 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.related-post h4 {
color: #fff;
text-transform: capitalize;
font-size: 25px;
margin: 20px 0 10px 38px;
line-height: 29px;
position: relative; }
.related-post h4:before {
content: '>';
position: absolute;
top: -3px;
left: -25px;
color: #EA8C00;
font-weight: 700;
font-size: 42px;
margin: 0 10px 0 0; }
.related-post ul {
float: left;
width: 80%;
margin: 0 0 20px 10%; }
.related-post ul li {
float: left;
width: 92%;
background: #61aba7;
margin: 4px 0;
padding: 8px 10px 8px 10px;
line-height: 19px; }
.related-post ul li:hover {
background: #EA8C00; }
.related-post ul li a {
color: #fff;
text-decoration: none;
font-size: 15px;
display: block; }
.toplist {
float: left;
width: 100%;
margin: 40px 0 22px 0; }
.toplist:before {
content: '';
float: left;
width: 100%;
height: 1px;
background: #f7f7f8;
margin: -25px 0 0 0; }
.toplist h2 {
display: block;
background: #393d40;
color: #fff;
font-size: 24px;
padding: 12px 0 12px 20px;
border-bottom: 1px solid #EA8C00; }
.toplist h2 span {
color: #EA8C00; }
.toplist-2 {
float: left;
width: 100%;
margin: 0px 0 20px 0; }
.toplist-2 h2 {
display: block;
background: #393d40;
color: #fff;
font-size: 24px;
padding: 12px 0 12px 20px;
border-bottom: 1px solid #EA8C00; }
.toplist-2 h2 span {
color: #EA8C00; }
.tp-head, .tp-bottom {
float: left;
width: 100%;
height: 31px;
background: #000;
color: #D5D0B0;
line-height: 31px;
font-size: 21px;
text-transform: uppercase; }
.tph-1, .tph-2, .tph-3, .tph-4, .tph-5, .tph-6, .tp-1, .tp-2, .tp-3, .tp-4, .tp-5, .tp-6 {
float: left; }
.tph-1, .tp-1 {
text-align: center;
width: 56px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.tph-2, .tp-2 {
width: 233px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.tph-3, .tp-3 {
width: 133px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.tph-4, .tp-4 {
width: 259px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.tph-5, .tp-5 {
text-align: center;
width: 112px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.tph-6, .tp-6 {
text-align: center;
width: 177px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.tp-1 {
line-height: 94px;
font-weight: 700;
font-size: 30px;
color: #393d40; }
.tp-2 a {
text-decoration: none;
display: block; }
.tp-2 a span {
display: block;
color: #666;
font-size: 25px;
line-height: 24px;
font-weight: bold;
text-decoration: none;
margin: 7px 0 4px 0; }
.tp-2 a img {
border: 1px solid rgba(0, 0, 0, 0.1); }
.tp-2 a:hover span {
color: #393d40; }
.tp-3 {
font-weight: 300;
font-size: 12px;
letter-spacing: -2px;
color: #818181;
padding: 14px 0 0 0;
text-transform: uppercase; }
.tp-3 span {
font-size: 18px;
font-weight: 700;
letter-spacing: 0px; }
.tp-3 strong {
display: block;
color: #ef4646;
font-size: 33px;
font-weight: 700;
line-height: 40px;
letter-spacing: -2.5px; }
.tp-4 {
color: #6d6d6d; }
.tp-4 ul {
margin: 8px 0 0 0; }
.tp-4 ul li {
float: left;
font-size: 14px;
width: 100%;
margin: 0 0 2px 0; }
.tp-4 ul li:before {
content: '';
float: left;
width: 10px;
height: 10px;
margin: 8px 10px 0 0;
border-radius: 50%;
background: #EA8C00; }
.tp-5 {
line-height: 94px; }
.tp-6 {
padding: 35px 0 0 0; }
.tp-row {
float: left;
width: 100%;
height: 94px;
background: #D5D0B0;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #BAB37C; }
.tp-row:hover .tp-2 a img {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-filter: grayscale(100%);
opacity:0.8;
}
.tp-row:hover {
opacity:0.9;
}
.tp-row:nth-child(odd) {
background: #D5D0B0; }
.tp-bottom a {
display: block;
color: #fff;
text-decoration: none;
text-align: center;
border-bottom: 2px solid #EA8C00; }
.footer-bg {
float: left;
width: 100%;
color: #fff;
font-size: 13px;
background: #393d40; }
.footer-bg p {
padding: 20px 0 0 0;
line-height: 15px; }
.footer-bg span {
color: #818181; }
.footer-text {
width: 90%;
padding: 10px 0 10px 20px;
text-align: center; }
.footer-text a:link{
color: #fff; }
.footer-text a:visited{
color: #fff; }
@media screen and (max-width: 1019px) {
body {
background: #fff; }
.frame {
width: 100%; } }
@media screen and (max-width: 1030px) {
.tph-5, .tp-5 {
display: none; }
.tph-1, .tp-1 {
width: 5%; }
.tph-2, .tp-2 {
width: 25%; }
.tph-3, .tp-3 {
width: 15%; }
.tph-4, .tp-4 {
width: 30%; }
.tph-6, .tp-6 {
width: 25%; }
.top-menu {
float: left;
width: 100%;
height: 64px;
background: #393d40;
color: #fff;
line-height: 64px; }
.top-menu ul {
float: left;
width: 100%;
margin: 0px 0 0 0; }
.top-menu ul li {
float: left;
width: 100%; }
.top-menu ul li a {
display: block;
text-align: center;
padding: 0; }
.dn {
display: none; }
#ddmenu {
display: block;
height: 58px;
width: 58px;
line-height: 54px;
margin: 3px 10px 0 0;
background: #EA8C00;
font-size: 20px;
font-weight: 300;
border-radius: 50%; }
.dropthebase {
float: left;
background: #393d40;
width: 100%;
position: relative;
z-index: 2; } }
@media screen and (max-width: 940px) {
.tph-3, .tp-3 {
width: 17%; }
.tp-4 {
font-size: 12px; }
.tph-6, .tp-6 {
width: 20%; } }
@media screen and (max-width: 880px) {
.tph-1, .tp-1 {
width: 10%; }
.tph-2, .tp-2 {
width: 37%; }
.tph-3, .tp-3 {
width: 20%; }
.tph-6, .tp-6 {
width: 30%; }
.tph-4, .tp-4 {
display: none; }
.latest {
width: 100%; }
.sidebar {
width: 100%; }
.follow {
display: none; }
.banner-sidebar {
display: none; }
.banner-sidebar-top {
display: none; }
.left-post {
width: 100%;
margin: 0 0 0 0; }
.left-post h2, .left-post h3, .left-post h4, .left-post h5, .left-post h6 {
position: relative; }
.left-post h2:before, .left-post h3:before, .left-post h4:before, .left-post h5:before, .left-post h6:before {
content: ''; } }
@media screen and (max-width: 720px) {
.left-side {
width: 100%;
margin: 0 0 0 0; }
.left-side h2, .left-side h3, .left-side h4, .left-side h5, .left-side h6 {
position: relative; }
.left-side h2:before, .left-side h3:before, .left-side h4:before, .left-side h5:before, .left-side h6:before {
content: ''; }
.review-sidebar {
width: 100%; }
.review-sidebar img {
display: none; }
.review-information {
display: none; }
.cta-b {
margin: 0 20px 10px 0; } }
@media screen and (max-width: 640px) {
.tph-1, .tp-1 {
width: 6%; }
.tph-2, .tp-2 {
width: 41%; }
.tph-3, .tp-3 {
width: 18%; }
.tp-3 {
font-size: 15px;
letter-spacing: 0; }
.tp-3 span {
font-size: 20px; }
.tp-3 strong {
font-size: 33px; }
.tph-6, .tp-6 {
width: 35%; }
.tph-4, .tp-4 {
display: none; } }
@media screen and (max-width: 605px) {
.tph-2, .tp-2 {
width: 30%;
margin: 0 5% 0 0; }
.tph-3, .tp-3 {
width: 23%; } }
@media screen and (max-width: 580px) {
.ctat-features ul {
width: 100%; }
.ctat-right {
padding: 0 0 0 5%;
width: 95%; } }
@media screen and (max-width: 560px) {
.latest article {
height: auto;
width: 90%;
padding: 0 5% 20px 5%; }
.latest article img {
display: none; }
.img-news-holder {
display: none; }
.img-news-holder img {
display: none; }
.img-news-holder-empty {
display: none; } }
@media screen and (max-width: 520px) {
.tph-1, .tp-1 {
width: 10%; }
.tph-2, .tp-2 {
width: 40%;
margin: 0 5% 0 0; }
.tph-3, .tp-3 {
display: none; }
.tph-6, .tp-6 {
width: 40%; }
.toplist h2 {
font-size: 20px; }
.top h1 {
font-size: 30px;
line-height: 32px; } }
@media screen and (max-width: 460px) {
.toplist h2 {
font-size: 16px; }
.bt {
font-size: 21px;
line-height: 21px; }
.banner {
display: none; }
.tp-1 {
font-size: 20px; }
.tp-2 a span {
font-size: 20px; } }
@media screen and (max-width: 359px) {
.ctat-bonus {
height: 50px;
line-height: 50px;
font-size: 15px;
color: #818181;
text-transform: uppercase;
border-bottom: 6px solid #d5c9b9; }
.ctat-bonus span {
font-size: 25px;
font-weight: 700; }
.ctat-bonus strong {
font-size: 25px;
font-weight: 700;
color: #ef4646; }
.sidebar h3 {
line-height: 60px;
font-size: 20px; }
.bt {
font-size: 12px; }
.tp-head {
font-size: 14px; }
.tp-2 a span {
font-size: 16px; }
.interest article h1 {
margin: 2px 0 0 0;
font-size: 16px;
line-height: 20px; } }
@media screen and (max-width: 340px) {
.sidebar-review-bg img {
float: left;
width: 30px;
margin: 7px 0 0 0;
border: 1px solid rgba(0, 0, 0, 0.1); }
.sidebar h3 {
line-height: 60px;
font-size: 16px; }
.older {
display: block; }
.newer {
display: block; }
.interest article h1 {
margin: 2px 0 0 0;
font-size: 12px;
line-height: 16px; } }
@media screen and (max-width: 321px) {
#gratis-promo {
display: none; }
.tp-bottom a {
font-size: 16px; } }
@media screen and (max-width: 280px) {
.sidebar h3 {
font-size: 13px; }
.sr-box-right strong {
font-size: 14px;
line-height: 14px; }
.sr-box-right span {
font-size: 11px; } }