@charset "utf-8";

/* CSS Document */



/* css reset */



html,
body,
div,
span,
applet,
object,
iframe,

h1,
h2,
h3,
h4,
h5,
h6,
p,
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,
figcaption,
figure,

footer,
header,
hgroup,
menu,
nav,
section,
summary,

time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  /* [disabled]outline: 0; */
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,

footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}



/* remember to define visible focus styles! 

:focus {

	outline: ?????;

} */



/* remember to highlight inserts somehow! */

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --themepink: #e3408c;
  --themepurple: #352f73;
  --themeblue: #3bbacf;
  --themeblack: #171017;
}

/* button effect reset for mac IOS version */



input {
  font-family: "Montserrat Regular";
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input[type="submit"] {
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

input[type="submit"]:hover {
  text-decoration: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

input[type="button"] {
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

button {
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

span {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a {
  text-decoration: none;
  cursor: pointer;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a:hover {
  text-decoration: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

textarea {
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  resize: none;
  font-family: "Montserrat Regular";
}

select {
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  cursor: pointer;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

strong {
  font-weight: bold;
}

body {
  margin: 0 auto;
  font-family: "Montserrat Light";
  font-size: 10pt;
  line-height: 15pt;
  background: #fff;
  color: #111111;
  position: relative;
}

div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}



/*

::-webkit-input-placeholder { 

  color: #898989;

}

::-moz-placeholder { 

  color: #898989;

}

:-ms-input-placeholder { 

  color: #898989;

}

:-moz-placeholder { 

  color: #898989;

}



*/



table thead tr th {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

table tbody tr td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}











/* main editable css */


@font-face {
  font-family: 'Montserrat Black';
  src: url('../fonts/Montserrat-Black.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Black.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat Bold';
  src: url('../fonts/Montserrat-Bold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Bold.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat ExtraBold';
  src: url('../fonts/Montserrat-ExtraBold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
    /* Modern Browsers */
    url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}


@font-face {
  font-family: 'Montserrat Light';
  src: url('../fonts/Montserrat-Light.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Light.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}


@font-face {
  font-family: 'Montserrat Medium';
  src: url('../fonts/Montserrat-Medium.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Medium.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat Regular';
  src: url('../fonts/Montserrat-Regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}


.clear {
  float: none !important;
  clear: both;
  display: block;
}

.space {
  width: 100%;
  overflow: hidden;
}

.right {
  float: right;
}

.left {
  float: left;
}

.textcenter {
  text-align: center !important;
}

.win,
.in {
  color: #1abc9c !important;
}

.lose,
.out {
  color: #ef413d !important;
}

.draw,

.push {
  color: var(--themepink) !important;
}

a.color-button,

input.color-button {
  padding: 10px 10px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
  font-family: "Montserrat Regular";
}

input.color-button {
  border: none;
}

a.addtocart {
  border: 2px solid var(--themepurple);
  background: #fff;
  color: var(--themepurple);
}

a.yellow-button,

input.yellow-button {
  background: var(--themepink);
  color: #ffffff;
}

a.yellow-button:hover,

input.yellow-button:hover {
  background: var(--themepurple);
}

a.lightgreen-button,

input.lightgreen-button {
  background: var(--themeblue);
  color: #fff;
}

a.lightgreen-button:hover,

input.lightgreen-button:hover {
  background: var(--themepurple);
}

a.blue-button {
  background: #00adef;
  color: #fff;
}

a.blue-button:hover {
  background: #0194cc;
}

a.follow-button {
  background: var(--themeblue);
  color: #fff;
  width: 180px;
  padding: 8px 10px;
  font-size: 9pt;
}

a.follow-button i {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  height: 26px;
}

a.follow-button:hover {
  background: var(--themepurple);
}

a.unfollow-button {
  background: #d7d7d7;
  color: #959595;
  width: 180px;
  padding: 5px 10px;
  font-size: 9pt;
}

a.unfollow-button i {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  height: 25px;
}

a.unfollow-button:hover {
  background: #888888;
}







/** check box **/



/* checkbox */



.control-group {
  display: inline-block;
  width: 200px;
  height: 210px;
  margin: 10px;
  padding: 30px;
  text-align: left;
  vertical-align: middle;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.control {
  font-size: 10pt;
  position: relative;
  display: inline-block;
  float: left;
  margin-bottom: 15px;
  padding-left: 30px;
  cursor: pointer;
  text-align: left;
  line-height: 15pt;
  color: #898989;
}

.control a {
  color: var(--themepink);
}

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

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #none;
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}

.control--radio .control__indicator {
  border-radius: 50%;
}



/* Hover and focus states */

.control:hover input~.control__indicator,

.control input:focus~.control__indicator {
  background: #ccc;
}



/* Checked state */

.control input:checked~.control__indicator {
  background: #fff;
}



/* Hover state whilst checked */

.control:hover input:not([disabled]):checked~.control__indicator,

.control input:checked:focus~.control__indicator {
  background: #fff;
}



/* Disabled state */

.control input:disabled~.control__indicator {
  pointer-events: none;
  opacity: .6;
  background: #fcb715;
}



/* Check mark */

.control__indicator:after {
  position: absolute;
  display: none;
  content: '';
}



/* Show check mark */

.control input:checked~.control__indicator:after {
  display: block;
}



/* Checkbox tick */

.control--checkbox .control__indicator:after {
  top: 1px;
  left: 4px;
  width: 3px;
  height: 8px;
  transform: rotate(45deg);
  border: solid #555;
  border-width: 0 2px 2px 0;
}



/* Disabled tick colour */

.control--checkbox input:disabled~.control__indicator:after {
  border-color: #7b7b7b;
}

















/**css start **/



.header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
}

.header-cover {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}

.header-top {
  background: #12061e;
  padding: 0px 10px;
  height: 40px;
  position: relative;
  z-index: 2;
}

.header-top .web-info {
  float: left;
  padding: 10px 0px;
}

.header-top .web-info ul li {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  margin-right: 15px;
  font-size: 9pt;
}

.header-top .web-info ul li a {
  color: #ccc;
}

.header-top .web-info ul li:first-child {
  display: none;
}

.header-top .web-info ul li:first-child i {
  font-size: 20pt;
  padding: 0px 10px;
  cursor: pointer;
}

.header-top .web-info ul li i {
  font-size: 12pt;
}

.header-top .social-media {
  float: right;
  padding: 10px 0px;
  margin-right: 10px;
}

.header-top .social-media ul li {
  display: inline-block;
  margin: 0px 5px;
  vertical-align: middle;
}

.header-top .social-media ul li a {
  display: block;
  color: #ccc;
  padding: 0px 10px;
}

.header-top .signup_login {
  float: right;
  padding: 10px 0px;
  background: #293b45;
  position: relative;
}

.header-top .header-cover {
  overflow: visible;
}

.header-top .signup_login ul li {
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.header-top .signup_login ul li a {
  display: block;
  color: #fce533;
  padding: 0px 15px;
  text-transform: uppercase;
  border-right: 1px solid #fce533;
}

.header-top .signup_login ul li a:hover {
  text-decoration: underline;
}

.header-top .signup_login ul li:last-child a {
  border-right: none;
}

.header-bottom {
  height: 58px;
  position: relative;
  z-index: 1;
  padding: 10px 10px;
  background: #ffffff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.23);
}

.header-bottom .logo {
  float: left;
  width: 296px;
}

.header-bottom .logo img {
   height: 58px;
    margin-top: -10px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.header-bottom .page-navigation {
  float: right;
  line-height: 36px;
}

.header-bottom .page-navigation ul li {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
  position: relative;
}

.header-bottom .page-navigation ul li a {
  display: block;
  color: var(--themepurple);
  text-transform: uppercase;
  font-family: "Montserrat Regular";
}

.header-bottom .page-navigation ul li.active a {
  color: var(--themepink);
}

.header-bottom .page-navigation ul li a:hover {
  color: var(--themepink);
}

.header-bottom .page-navigation ul li.current-active-page a {
  color: var(--themepink);
}

.header-bottom .page-navigation ul li:last-child {
  margin: 0 25px 0px 10px;
}



.header-bottom .shopping-cart a {
  float: right;
  padding: 8px 10px;
  color: #fff;
  font-family: "Montserrat Regular";
  background: var(--themeblue);
}


.header-bottom .shopping-cart a i,
.header-bottom .shopping-cart a span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  text-transform: uppercase;
  color: #fff;
}

.header-bottom .page-navigation,

.header-bottom .shopping-cart a,

.header-bottom .logo {
  display: inline-block;
  vertical-align: middle;
}

.login_popup {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 99;
  border-top: 4px solid #fce533;
  display: none;
}

.login_popup .login_popup-cover {
  width: 300px;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-top: none;
  padding: 20px 30px;
}

.login_popup .login_popup-cover p {
  color: #000;
  font-family: "Montserrat Regular";
  font-size: 11pt;
}

.login_popup .login_popup-cover input {
  width: 100%;
  margin: 5px 0px;
  padding: 8px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.login_popup .login_popup-cover input[type="submit"] {
  padding: 10px 10px;
  border-radius: 0px;
  border: none;
}

.login_popup .login_popup-cover a.forget-password {
  width: 150px;
  display: block;
  text-align: center;
  margin: 20px auto 5px;
  color: #000;
}

.login_popup .login_popup-cover form {
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
}

.sub-navigation {
  background: var(--themeblue);
  padding: 7px 10px;
  position: absolute;
  top: 58px;
  width: 100%;
  left: 0;
  display: none;
}

.sub-navigation#searchbar {
  padding: 40px 10px;
  background: #f5f5f5;
  box-shadow: 0 1px 10px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 10px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 1px 10px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 10px -1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 10px -1px rgba(0, 0, 0, 0.5);
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}

.sub-navigation ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.sub-navigation ul li:last-child {
  margin-right: 0px;
}

.sub-navigation ul li a {
  display: block;
  padding: 5px 0px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  font-size: 9pt;
}

.sub-navigation ul li a:after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 0;
  height: 3px;
 background: var(--themepink);
  left: 0;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.sub-navigation ul li a:hover:after {
  width: 100%;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.sub-navigation ul li.active a:after {
  width: 100%;
}

#searchbar {
  text-align: center;
}

#searchbar input#searchinput {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 5px 10px 5px 30px;
  border: none;
  text-align: center;
  background: #f5f5f5;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 20pt;
  line-height: 50px;
  height: 50px;
  /*

	background: #fff url(../images/search.png) center left 5px no-repeat;

    background-size: 20px;

	*/
  ;
}

#searchbar input#searchinput:focus {
  outline: none;
}

#searchbar input#searchinput::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc;
}

#searchbar input#searchinput::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}

#searchbar input#searchinput:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
}

#searchbar input#searchinput:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
}

#searchbar input#searchsubmit {
  margin: 0 auto;
  padding: 5px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: none;
}

.header-bottom .page-navigation ul li.active a#tipstertips:before,

.header-bottom .page-navigation ul li.active a#todaytips:before,

.header-bottom .page-navigation ul li.active a#search-bar:before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 13px solid var(--themeblue);
}

.header-bottom .page-navigation ul li.active a#search-bar:before {
  display: none;
}

.header-banner {
  width: 100%;
  position: relative;
  margin: 20px auto;
  padding: 0px 10px;
  text-align: center;
}

.header-banner img {
  width: 100%;
  text-align: center;
}

.header-banner .header-cover {
  overflow: hidden;
}

.ctabanner {
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
  position:Relative;
}

.ctabanner img{
	display:block;
	width:auto;
	max-width:100%;
	object-fit:contain;
}

.ctabanner .button{
	position:absolute;
	width:100%;
	bottom:0;
	display:flex;
	justify-content:center;
	gap:100px;
	padding-bottom:20px;
}

.ctabanner .button > a{
	padding:10px;
	display:block;
	text-align:center;
	width:180px;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:0.5px;
	font-weight:bold;
}

.ctabanner .button .left{
	background:var(--themepink);
	color:#ffffff;
}

.ctabanner .button .right{
	background:#ffffff;
	color:var(--themepurple);
}

.ctabanner .button > a:hover{
	background:var(--themepurple);
	color:#ffffff;
}

.main-content {
  width: 100%;
  position: relative;
  padding: 0px 10px;
  overflow: hidden;
}

.content-cover {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto 50px;
  padding: 30px 20px;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.sub-content-cover {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 30px 0px;
}

.maintable-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
  box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
}

.maintable-header {
  display: block;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat Regular";
  position: relative;
}

.maintable-content {
  padding: 20px 20px;
  background: #fff;
  border-bottom: 1px solid #d7d7d7;
  overflow: hidden;
  position: relative;
}

.maintable-content-h3 {
  font-family: "Montserrat Medium";
  font-size: 12pt;
  line-height: 16pt;
  margin: 10px 0px 10px 0px;
  color: #000;
}

.maintable-content.tips-table-row {
  width: 100%;
  position: relative;
  padding: 0px 0px;
}

table.match-tips-table {
  width: 100%;
}

table.match-tips-table tr td {
  padding: 20px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
}

table.match-tips-table tr td:first-child {
  text-align: left;
}

table.match-tips-table tr td:last-child {
  text-align: center;
  width: 350px;
}

table.match-tips-table tr td:first-child span.match-time {
  display: block;
  font-family: "Montserrat Regular";
  color: #164a72;
}

table.match-tips-table tr td:first-child span.match-event {
  display: block;
  font-family: "Montserrat Light";
  color: #959595;
  text-transform: uppercase;
}

table.match-tips-table tr td:first-child p {
  color: #000;
  font-size: 10pt;
}

table.match-tips-table tr td ul.match-team {
  width: 100%;
  margin: 5px 0px;
}

table.match-tips-table tr td ul.match-team li {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 5px;
}

table.match-tips-table tr td ul.match-team li img {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

table.match-tips-table tr td ul.match-team li span {
  display: inline-block;
  color: #000;
  font-family: "Montserrat Medium";
  font-size: 10pt;
  text-transform: uppercase;
}

table.match-tips-table tr td ul.match-team li p {
  color: #959595;
  font-family: "Montserrat Medium";
}

table.match-tips-table tr td:last-child a.tipsterlink {
  font-family: "Montserrat Medium";
  color: var(--themepink);
}

table.match-tips-table tr td:last-child a.tipsterlink:hover {
  text-decoration: underline;
}

table.match-tips-table tr td:last-child a.color-button {
  margin: 5px auto;
}

table.match-tips-table tr td:last-child i {
  margin-right: 5px;
  color: #555555;
  font-size: 12pt;
  display: inline-block;
  vertical-align: top;
}

.maintable-content.tips-table-row div.h3 {
  padding: 10px 15px;
}

table.match-tips-table tr td .remove-cart-icon i {
  cursor: pointer;
  position: absolute;
  padding: 0px 5px;
  top: 2px;
  right: 5px;
  font-size: 25pt;
  color: #000;
}

table.match-tips-table tr td:last-child .match-showtips p {
  padding: 10px 20px;
  background: #f5f5f5;
  color: #000;
  margin-top: 8px;
  font-family: "Montserrat Regular";
}

.content-left table.match-tips-table tr td ul.match-team li {
  display: block;
}

.content-left table.match-tips-table tr td ul.match-team li:nth-child(2) {
  
}

.maintable-content.tips-table-row .tipster-tipsmatch,

.maintable-content.tips-table-row .tipster-whotips {
  display: table;
  width: 100%;
  position: relative;
}

.maintable-content.tips-table-row .tipster-whotips {
  background: #f5f5f5;
  margin-top: 20px;
  margin-bottom: 20px;
}

.maintable-content.tips-table-row .tipsmatch-info,

.maintable-content.tips-table-row .tipster-whotips div {
  display: table-cell;
  width: 33%;
  text-align: center;
  vertical-align: middle;
}

.maintable-content.tips-table-row .tipster-whotips div {
  padding: 10px 10px;
}

.maintable-content.tips-table-row .tipster-whotips div i {
  margin-right: 10px;
  color: #555555;
  font-size: 12pt;
}

.maintable-content.tips-table-row .tipster-whotips div a {
  font-family: "Montserrat Medium";
  color: var(--themepink);
}

.maintable-content.tips-table-row .tipster-whotips div a:hover {
  text-decoration: underline;
}

.maintable-content.tips-table-row .tipsmatch-info .teamlogo {
  width: 100px;
  margin: 10px auto 20px;
  display: block;
}

.maintable-content.tips-table-row .tipsmatch-info .teamlogo img {
  width: 100%;
}

.maintable-content.tips-table-row .tipsmatch-info .teamname {
  display: block;
  font-family: "Montserrat Medium";
  margin: 10px 0px;
  text-transform: uppercase;
  font-size: 12pt;
}

.maintable-content.tips-table-row .tipsmatch-info .tipsmatch-date {
  display: block;
  font-family: "Montserrat Regular";
}

.maintable-content.tips-table-row .tipsmatch-info .tipsmatch-time {
  display: block;
  font-size: 15pt;
  font-family: "Montserrat Medium";
}

.maintable-content.tips-table-row .tipsmatch-info .tipsmatch-event {
  display: block;
  font-family: "Montserrat Regular";
  text-transform: uppercase;
  color: #959595;
}

.maintable-content.tips-table-row .tipsmatch-tips span {
  margin: 5px 0px;
}

.maintable-content.tips-table-row .tipsmatch-tips a {
  font-family: "Montserrat Medium";
  max-width: 250px;
  margin: 0 auto;
  text-transform: uppercase;
}

.maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips {
  display: table;
  width: 100%;
}

.maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips .showtips-tip,

.maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips .showtips-odds {
  display: table-cell;
  border: 2px solid #fce533;
  text-align: center;
  padding: 5px 5px;
}

.maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips .showtips-odds {
  border-left: none;
}

.maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips .showtips-tip span,

.maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips .showtips-odds span {
  font-family: "Montserrat Bold";
  text-transform: uppercase;
  color: #000;
  display: block;
  margin: 0px;
}

.maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips .showtips-tip p,

.maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips .showtips-odds p {
  color: #959595;
}

a.view-all-button {
  background: #acacac;
  color: #fff;
  padding: 15px 15px;
  width: 100%;
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat Medium";
  margin-top: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #8a8a8a;
  border-right: 1px solid #8a8a8a;
}

a.view-all-button:hover {
  background: #888888;
}

.weekly-top-tipster {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.weekly-tipster-box {
  width: 48%;
}

.weekly-tipster-box .maintable-content .weekly-tipster-ranking {
  display: table;
  width: 100%;
}

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow,

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-profit,

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button {
  display: table-cell;
  vertical-align: middle;
}

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-profit {
  text-align: center;
  width: 100px;
  border-left: 1px solid #d7d7d7;
}

.weekly-tipster-follow-button {
  text-align: center;
  width: 100px;
  border-left: 1px solid #d7d7d7;
}

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a.followed {
  color: #00adef;
  text-align: center;
}

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a.following {
  color: #989898;
  text-align: center;
}

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a i {
  display: block;
  font-size: 20pt;
}

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a i b {
  font-size: 15pt;
  margin-left: 5px;
}

.weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a span {
  display: block;
  text-transform: uppercase;
}

.weekly-tipster-follow ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px;
}

.weekly-tipster-follow ul li:first-child {
  font-size: 17pt;
  color: #555555;
}

.weekly-tipster-follow ul li a.weekly-tipster-profile {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  border: none;
  display: block;
}

.weekly-tipster-follow ul li a.weekly-tipster-profile img {
  display: block;
  width: 100%;
  /*

    margin-bottom: 10px;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto auto;

	*/
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.weekly-tipster-follow ul li a.weekly-tipster-profile:hover img {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.weekly-tipster-follow ul li:nth-child(3) span {
  display: inline-block;
  vertical-align: middle;
}

.weekly-tipster-follow ul li:nth-child(3) span p {
  font-size: 9pt;
  color: #959595;
  text-transform: uppercase;
}

.weekly-tipster-follow ul li:nth-child(3) span ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 5px;
  border-right: 1px solid #d7d7d7;
  font-family: "Montserrat Regular";
  font-size: 10pt !important;
  text-transform: uppercase;
  margin: 0 0;
}

.weekly-tipster-follow ul li:nth-child(3) span ul li:first-child {
  padding-left: 0;
  color: #1abc9c;
}

.weekly-tipster-follow ul li:nth-child(3) span ul li:nth-child(2) {
  color: var(--themepink);
}

.weekly-tipster-follow ul li:nth-child(3) span ul li:last-child {
  padding-right: 0;
  border-right: none;
  color: #ef413d;
}

.weekly-tipster-follow ul li:nth-child(3) a.profile-name {
  font-family: "Montserrat Medium";
  font-size: 12pt;
  display: block;
  color: #000;
}

.weekly-tipster-follow ul li:nth-child(3) a.profile-name:hover {
  color: var(--themepink);
}

.weekly-tipster-follow ul li a.follow-button {
  display: block;
  text-align: center;
  font-family: "Montserrat Regular";
}

.weekly-tipster-follow ul li a.follow-button i {
  margin-right: 10px;
}

.banner {
  width: 100%;
  position: relative;
}

.banner-cover {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
  text-align: center;
}

.banner-cover img {
  width: 100%;
}

.latest-tipster-performance {
  width: 100%;
  display: table;
  position: relative;
}

.latest-tipster-performance div {
  display: table-cell;
  vertical-align: middle;
}

.latest-tipster-performance div:nth-child(1) {
  padding-right: 10px;
  border-right: 1px solid #d7d7d7;
  text-transform: uppercase;
  width: 325px;
}

.latest-tipster-performance div:nth-child(1) a.tipster-profilepic {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.latest-tipster-performance div:nth-child(1) a.tipster-profilepic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.latest-tipster-performance div:nth-child(1) a.tipster-profilepic:hover img {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.latest-tipster-performance div:nth-child(1) span {
  display: inline-block;
  vertical-align: middle;
}

.latest-tipster-performance div:nth-child(1) span a {
  display: block;
  font-family: "Montserrat Medium";
  font-size: 11pt;
  color: #000;
}

.latest-tipster-performance div:nth-child(1) span a:hover {
  color: var(--themepink);
  text-decoration: underline;
}

.latest-tipster-performance div:nth-child(1) span p {
  font-size: 9pt;
  color: #959595;
}

.latest-tipster-performance div:nth-child(1) span ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 5px;
  border-right: 1px solid #d7d7d7;
  font-family: "Montserrat Regular";
}

.latest-tipster-performance div:nth-child(1) span ul li:first-child {
  padding-left: 0;
  color: #1abc9c;
}

.latest-tipster-performance div:nth-child(1) span ul li:nth-child(2) {
  color: var(--themepink);
}

.latest-tipster-performance div:nth-child(1) span ul li:last-child {
  padding-right: 0;
  border-right: none;
  color: #ef413d;
}

.latest-tipster-performance div:nth-child(2) {
  border-right: 1px solid #d7d7d7;
}

.latest-tipster-performance div:nth-child(2) ul {
  display: block;
  padding: 0px 20px;
}

.latest-tipster-performance div:nth-child(2) ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 20px;
  width: 70px;
}

.latest-tipster-performance div:nth-child(2) ul li span {
  font-size: 16pt;
  font-family: "Montserrat Bold";
  display: block;
  line-height: 24pt;
  color: #000;
  text-align: center;
}

.latest-tipster-performance div:nth-child(2) ul li p {
  text-align: center;
  font-size: 10pt;
  font-family: "Montserrat Regular";
  color: #000;
}

.latest-tipster-performance div:nth-child(2) ul li:nth-child(4) span {
  color: #1abc9c;
}

.latest-tipster-performance div:nth-child(3) {
  width: 170px;
  padding-left: 20px;
}

.latest-tipster-performance div:nth-child(3) a {
  width: auto;
}

a.followed {
  color: #00adef;
  text-align: center;
}

a.following {
  color: #989898;
  text-align: center;
}

.latest-tipster-performance div:nth-child(3) a i {
  display: block;
  font-size: 20pt;
}

.latest-tipster-performance div:nth-child(3) a i b {
  font-size: 15pt;
  margin-left: 5px;
}

.latest-tipster-performance div:nth-child(3) a span {
  display: block;
  text-transform: uppercase;
  margin-top: 5px;
}

.maintable-content .home-blog {
  width: 100%;
  display: table;
}

.maintable-content .home-blog div {
  display: table-cell;
  vertical-align: top;
  width: 47%;
  margin-bottom: 30px;
}

.maintable-content .home-blog div .blog-image {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 220px;
  position: relative;
}

.maintable-content .home-blog div .blog-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
}

.maintable-content .home-blog div span.blog-tag {
  font-size: 9pt;
  color: #959595;
  margin-bottom: 5px;
  display: block;
  height: 42px;
  overflow: hidden;
}

.maintable-content .home-blog div span.blog-tag a {
  font-size: 9pt;
  color: #959595;
  display: inline;
  vertical-align: middle;
}

.maintable-content .home-blog div h1,
.maintable-content .home-blog div .h1 {
  font-size: 18pt;
  font-family: "Montserrat Medium";
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 23pt;
  height: 60px;
  overflow: hidden;
  display: block;
  width: 100%;
}

.maintable-content .home-blog div span.blog-date {
  padding: 3px 15px;
  background: var(--themeblue);
  color: #fff;
  font-size: 9pt;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  width: 180px;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Montserrat Regular";
  margin-right: 10px;
}

.maintable-content .home-blog div span.blog-author {
  display: inline-block;
  color: #000;
}

.maintable-content .home-blog div span.blog-author a {
  color: var(--themepink);
}


.maintable-content .home-blog div p {
  font-size: 10pt;
  line-height: 15pt;
  margin-bottom: 20px;
  height: 80px;
  overflow: hidden;
}

a.readmore {
  font-family: "Montserrat Medium";
  color: var(--themepink);
}

a.readmore i {
  margin-left: 5px;
}

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

.footer {
  width: 100%;
  position: relative;
  background: #12061e;
  padding: 0px 10px;
}

.footer-cover {
  padding: 30px 0px;
  display: table;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.footer-left,

.footer-right {
  display: table-cell;
  vertical-align: top;
}

.footer-left {
  width: 300px;
}

.footer-left .logo {
  display: block;
  width: 100%;
}

.footer-left .logo img {
  width: 100%;
  max-width: 140px;
}

.footer-left ul {
  width: 100%;
}

.footer-left ul li {
  display: inline-block;
  margin-right: 15px;
  position: relative;
}

.footer-left ul li img {
  width: auto;
}

.footer-left ul li a:hover img {
  opacity: .5;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.footer-left ul li:last-child {
  margin-right: 0px;
}

.footer-left ul li a {
  display: block;
  opacity: 1;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.footer-left .powerby {
  margin-top: 120px;
  position: absolute;
  bottom: 30px;
}

.footer-left .powerby p {
  color: #ccc;
  font-size: 10pt;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.footer-left .powerby span {
  display: block;
}

.footer-right {
  width: 70%;
  float: left;
}

.footer-right ul.sitemap {
  width: 33%;
  float: left;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 20px;
}

.footer-right ul.sitemap li {
  display: block;
  margin-bottom: 5px;
}

.footer-right ul.sitemap li:first-child,
.footer-right ul.sitemap li.title {
  font-size: 10pt;
  font-family: "Montserrat Medium";
  color: var(--themeblue);
  margin-bottom: 5px;
  text-transform: uppercase;
}

.footer-right ul.sitemap li a {
  display: block;
  font-size: 9pt;
  color: #fff;
}

.footer-right ul.sitemap li a:hover {
  text-decoration: underline;
}

.footer-right.partner-link {
  display: table-cell;
  vertical-align: top;
  width: 250px;
}

.footer-right.partner-link ul {
  width: 100%;
}

.footer-right.partner-link ul li {
  display: block;
  margin-bottom: 5px;
}

.footer-right.partner-link ul li a {
  display: block;
  font-size: 9pt;
  color: #fff;
}

.footer-right.partner-link>span {
  display: block;
  font-size: 10pt;
  font-family: "Montserrat Medium";
  color: var(--themeblue);
  margin-bottom: 5px;
  text-transform: uppercase;
}

.copyright {
  width: 100%;
  background: var(--themepink);
  color:#ffffff;
  padding: 0px 10px;
}

.copyright div {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 0px;
  overflow: hidden;
}

.copyright div ul {
  float: left;
}

.copyright div ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.copyright div ul li:last-child {
  margin-right: 0px;
}

.copyright div ul li a {
  display: block;
}

.copyright div ul li a i {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12pt;
  color: #fff;
}

.copyright div ul li a i.fa-google-plus {
  background: #fd5346;
}

.copyright div ul li a i.fa-google-plus:hover {
  background: #b13b32;
}

.copyright div ul li a i.fa-facebook {
  background: #4b75bd;
}

.copyright div ul li a i.fa-facebook:hover {
  background: #3f629e;
}

.copyright div ul li a i.fa-twitter {
  background: #02c6ff;
}

.copyright div ul li a i.fa-twitter:hover {
  background: #01abdd;
}

.copyright div ul li a i.fa-instagram {
  background: #ff3536;
}

.copyright div ul li a i.fa-instagram:hover {
  background: #de3031;
}

.copyright div p {
  float: right;
  margin-top: 3px;
  color: #ffffff;
  text-align: right;
}

.floating-social {
  position: fixed;
  left: 0;
  top: 20%;
}

.floating-social ul li {
  padding: 0;
  margin: 0;
}

.floating-social ul li a i {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 13pt;
}

.floating-social ul li a i.fa-google-plus {
  background: #fd5346;
}

.floating-social ul li a i.fa-google-plus:hover {
  background: #b13b32;
}

.floating-social ul li a i.fa-facebook {
  background: #4b75bd;
}

.floating-social ul li a i.fa-facebook:hover {
  background: #3f629e;
}

.floating-social ul li a i.fa-twitter {
  background: #02c6ff;
}

.floating-social ul li a i.fa-twitter:hover {
  background: #01abdd;
}

.floating-social ul li a i.fa-instagram {
  background: #ff3536;
}

.floating-social ul li a i.fa-instagram:hover {
  background: #de3031;
}

.floating-social ul li a i.fa-youtube-play {
  background: #f80000;
}

.floating-social ul li a i.fa-youtube-play:hover {
  background: #c30303;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}

.popup .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popup .popup-content {
  position: absolute;
  width: 95%;
  max-width: 700px;
  max-height: 80%;
  overflow-y: auto;
  background: #fff;
  background: #f5f5f5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.popup .popup-content a {
  color: #0194cc;
}

.popup .popup-content a.yellow-button {
  background: var(--themeblue);
  color: #fff;
}

.popup .popup-content a.yellow-button:hover {
  background: var(--themepurple);
}

#thankyou .popup-content,

#errorpopup .popup-content {
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}

#thankyou .popup-content-cover,

#errorpopup .popup-content-cover {
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}

#thankyou .popup-content-cover a,

#errorpopup .popup-content-cover a {
  display: inline-block;
  margin: 5px 10px;
  vertical-align: middle;
}

#main-popup .popup-content,

#cart-notice .popup-content {
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}

#main-popup .popup-content-cover,

#cart-notice .popup-content-cover {
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}

#main-popup .popup-content-cover a.color-button,

#cart-notice .popup-content-cover a.color-button {
  display: inline-block;
  margin: 5px 10px;
  vertical-align: middle;
}

#main-popup2-short .popup-content {
  max-width: 450px;
  text-align: center;
  margin: 0 auto;
}

#responsible-popup .popup-content {
  height: 80%;
  width: 100% !important;
  max-width: 700px !important;
}

#main-popup .popup-content-cover a {
  color: var(--themepink);
}

#main-popup .popup-content-cover a.yellow-button {
  color: #000;
}

.popup .popup-content-cover {
  padding: 30px 30px;
  position: relative;
}

.popup .popup-content-cover h1,
.popup .popup-content-cover .h1 {
  font-size: 18pt;
  font-family: "Montserrat Medium";
  line-height: 23pt;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.popup .popup-content-cover .div-line {
  width: 70px;
  height: 5px;
  background: #cccccc;
  display: block;
}

.popup .popup-content-cover ul li {
  color: #fce533;
  list-style-type: disc;
  font-size: 14pt;
  margin-left: 20px;
}

.popup .popup-content-cover ul li p {
  color: #939393;
  font-size: 10pt;
}

.popup .popup-content-cover p {
  color: #111111;
}

.popup .popup-content-cover a.close-popup {
  width: 150px;
  margin: 0 auto;
}

.popup .popup-content-cover i.close-popup {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 12pt;
  cursor: pointer;
}

.popup .popup-content-cover input.input-field {
  width: 100%;
  margin: 5px 0px;
  padding: 8px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.drawer-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 100002;
  top: 0;
  left: 0;
  display: none;
}

.drawer-nav {
  position: fixed;
  top: 0;
  left: -280px;
  width: 280px;
  height: 100%;
  overflow-y: auto;
  z-index: 100003;
  background: #fff;
  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.drawer-nav.triggered {
  left: 0;
  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

#drawer-close {
  position: absolute;
  font-size: 13pt;
  top: 13px;
  right: 8px;
  margin: 0 auto;
  color: #959595;
  cursor: pointer;
  width: 33px;
  height: 27px;
  text-align: center;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

#drawer-close:before {
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

#drawer-close:hover:before {
  transform: scale(0.7);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.drawer-login {
  margin: 50px 0px 0px;
  position: relative;
  background: #f5f5f5;
  padding: 15px 0px;
}

.drawer-login ul {
  padding: 0px 20px;
}

.drawer-login ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
}

.drawer-login ul li:last-child {
  margin-left: 20px;
}

.drawer-login ul li img {
  width: 40px;
  height: 40px;
}

.drawer-login a {
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat Medium";
}

.drawer-login a b {
  display: block;
  font-family: "Montserrat Regular";
  color: var(--themepink);
  margin-top: -2px;
  text-transform: initial;
  font-size: 9pt;
}

.drawer-list {
  width: 100%;
  position: relative;
  border-bottom: solid 1px #d7d7d7;
  cursor: pointer;
  z-index: 901;
  background: #fff;
}

.drawer-list.active {
  background: #f5f5f5;
}

.drawer-list.active span {
  color: #000;
}

.drawer-search {
  width: 100%;
  position: relative;
  padding: 25px 0px;
}

.drawer-search input[type="text"] {
  width: 200px;
  margin: 0 auto;
  padding: 7px 10px 7px 30px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: block;
  background: #fff url(../images/search.png) center left 5px no-repeat;
  background-size: 20px;
}

.drawer-list span {
  display: block;
  padding: 15px 20px;
  position: relative;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat Medium";
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.drawer-list span:before {
  font-family: "FontAwesome";
  content: "\f107";
  right: 20px;
  top: 50%;
  color: var(--themepink);
  position: absolute;
  font-size: 20pt;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  opacity: 1;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.drawer-list span:hover {
  background: #f5f5f5;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.drawer-list span:hover:before {
  opacity: 1;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.drawer-list span.active {
  background: #11252f;
  color: #fff;
}

.drawer-list ul {
  background: #f5f5f5;
  display: none;
}

.drawer-list ul li {
  padding: 0;
  margin: 0;
}

.drawer-list ul li a {
  display: block;
  color: #959595;
  padding: 10px 20px;
  text-transform: capitalize;
}

.drawer-list ul li a:hover {
  background: #f5f5f5;
  color: #fce533;
}

.drawer-social ul {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 20px;
  z-index: 900;
}

.drawer-social ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.drawer-social ul li:last-child {
  margin-right: 0px;
}

.drawer-social ul li a {
  display: block;
}

.drawer-social ul li a i {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12pt;
  color: #fff;
}

.drawer-social ul li a i.fa-google-plus {
  background: #fd5346;
}

.drawer-social ul li a i.fa-google-plus:hover {
  background: #b13b32;
}

.drawer-social ul li a i.fa-facebook {
  background: #4b75bd;
}

.drawer-social ul li a i.fa-facebook:hover {
  background: #3f629e;
}

.drawer-social ul li a i.fa-twitter {
  background: #02c6ff;
}

.drawer-social ul li a i.fa-twitter:hover {
  background: #01abdd;
}

.drawer-social ul li a i.fa-instagram {
  background: #ff3536;
}

.drawer-social ul li a i.fa-instagram:hover {
  background: #de3031;
}

table.login-newacc {
  width: 100%;
  position: relative;
  margin: 20px auto 40px;
}

table.login-newacc tr td {
  width: 50%;
  padding: 30px 20px;
  margin: 0 auto;
  vertical-align: top;
}

table.login-newacc tr td .login-newacc-box {
  width: 100%;
  display: block;
  max-width: 400px;
  margin: 0 auto;
}

table.login-newacc td:first-child {
  border-right: 1px solid #d7d7d7;
  text-align: center;
}

span.text-title {
  color: #000;
  font-family: "Montserrat Regular";
  font-size: 12pt;
  display: block;
  text-transform: uppercase;
}

table.login-newacc tr td span.text-title {
  text-align: center;
  margin-bottom: 20px;
}

table.login-newacc tr td a.forget-password {
  color: #000;
}

input.input-field {
  width: 100%;
  margin: 5px 0px;
  padding: 8px 20px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "Montserrat Light";
}

textarea.input-field {
  width: 100%;
  margin: 5px 0px;
  padding: 8px 20px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "Montserrat Light";
}

input.input-field::-webkit-input-placeholder,

textarea.input-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc;
  font-family: "Montserrat Light";
  font-weight: 100;
  font-size: 10pt;
}

input.input-field::-moz-placeholder,

textarea.input-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  font-family: "Montserrat Light";
  font-weight: 100;
  font-size: 10pt;
}

input.input-field:-ms-input-placeholder,

textarea.input-field:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
  font-family: "Montserrat Light";
  font-weight: 100;
  font-size: 10pt;
}

input.input-field:-moz-placeholder,

textarea.input-field:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
  font-family: "Montserrat Light";
  font-weight: 100;
  font-size: 10pt;
}

table.login-newacc tr td p b {
  font-family: "Montserrat Regular";
}

table.login-newacc tr td:last-child ul {
  width: 100%;
  margin: 15px 0px;
}

table.login-newacc tr td:last-child ul li {
  margin: 10px 0px 10px 20px;
  position: relative;
}

table.login-newacc tr td:last-child ul li:before {
  left: -20px;
  top: 0px;
  content: "\f3fd";
  font-family: "Ionicons";
  font-size: 20pt;
  color: #fce533;
  position: absolute;
}

.signup-bg {
  background: url(../images/SignUp2.jpg) left center no-repeat;
  background-size: contain;
  min-height: 1000px;
}

.signup-bg .sub-content-cover {
  padding: 0 0px;
}

.signup-member {
  display: table;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.signup-left,

.signup-right {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}

.signup-left div {
  background: rgba(112, 116, 133, 0.4);
  padding: 30px 40px;
  width: 80%;
  color: #fff;
}

.signup-left div h1,
.signup-left div .h1 {
  font-size: 18pt;
  line-height: 23pt;
  margin-bottom: 15px;
}

.signup-left div ul {
  width: 100%;
  margin: 15px 0px;
}

.signup-left div ul li {
  margin: 15px 0px 15px 20px;
  position: relative;
}

.signup-left div ul li:before {
  left: -20px;
  top: 0px;
  content: "\f3fd";
  font-family: "Ionicons";
  font-size: 20pt;
  color: #fce533;
  position: absolute;
}

.signup-right {
  padding: 50px 60px 20px 25px;
  background: #fff;
}

span.input-title {
  display: block;
  font-size: 10pt;
  margin-top: 8px;
}

.signup-right input {
  width: 100%;
}

.dob-select {
  position: relative;
  z-index: 998;
}

.dd-wrapper {
  width: auto !important;
  position: relative;
  margin: 5px 0px 8px;
  z-index: 997;
}

.dd-wrapper span.dd-button {
  display: block;
  padding: 7px 20px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "Montserrat Light";
  background: url(../images/angle-down.png) no-repeat right 5px center;
  cursor: pointer;
}

.dd-wrapper span.dd-button.clicked {
  -webkit-box-shadow: inset 2px 2px 5px -1px rgba(94, 93, 94, 0.46);
  -moz-box-shadow: inset 2px 2px 5px -1px rgba(94, 93, 94, 0.46);
  box-shadow: inset 2px 2px 5px -1px rgba(94, 93, 94, 0.46);
}

.dd-list {
  position: absolute;
  left: 0;
  top: 35px;
  display: none;
  border: 1px solid #d7d7d7;
  background: #fff;
  width: 100%;
  height: 150px;
  overflow-y: auto;
}

.dd-list ul li {
  display: block;
  padding: 8px 20px;
  cursor: pointer;
}

.dd-list ul li:hover {
  background: #fce533;
}

.dob-select .dd-wrapper {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.dob-select .dd-wrapper:first-child {
  z-index: 993;
}

.dob-select .dd-wrapper:nth-child(2) {
  z-index: 992;
}

.dob-select .dd-wrapper:last-child {
  margin-right: 0px;
  z-index: 991;
}

.country-select {
  width: 100%;
}

.round-checkbox .checkbox {
  display: table;
  color: #ffffff;
  font-family: Lato Regular;
  text-transform: uppercase;
  font-size: 10pt;
  margin: 10px 20px 10px 0px;
}

.round-checkbox .check-box-cover {
  vertical-align: top;
  display: table-cell;
  top: 2px;
  position: relative;
}

.round-checkbox .checkbox-box {
  margin: 0px 5px 0px 0px;
  width: 18px;
  height: 18px;
  background: #f5f5f5;
  border: solid 1px #d7d7d7;
  position: relative;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.round-checkbox .checkbox-box label {
  cursor: pointer;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.round-checkbox .checkbox-box label:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.round-checkbox input[type="checkbox"]:checked+label:after {
  background: #959595;
}

.round-checkbox .checkbox p {
  font-family: "Montserrat Light";
  font-size: 9pt;
  display: table-cell;
  vertical-align: top;
  padding-left: 5px;
  color: #000;
  text-transform: none;
}

.round-checkbox .checkbox p span {
  display: inline-block;
  vertical-align: middle;
}

.round-checkbox .checkbox p span a {
  color: var(--themepink);
}

.country-mobile {
  width: 100%;
  position: relative;
}

.country-mobile input {
  display: inline-block;
  vertical-align: middle;
}

.content-wrapper {
  display: table;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.content-left,

.content-right {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.content-left {
  padding-right: 30px;
}

.content-right {
  width: 300px;
  padding-right: 2px;
}

.right-box {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  margin-bottom: 30px;
  -webkit-box-shadow: 4px 5px 8px -6px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 4px 5px 8px -6px rgba(0, 0, 0, 0.35);
  box-shadow: 4px 5px 8px -6px rgba(0, 0, 0, 0.35);
}

.right-header {
  border-bottom: 3px solid #11252f;
  padding: 10px 20px;
  font-family: "Montserrat Regular";
}

.right-box-content {
  padding: 0px 20px;
  background: #fff;
}

.right-latest_tipster {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.right-latest_tipster:last-child {
  border-bottom: none;
}

.right-latest_tipster ul {
  width: 100%;
  text-transform: uppercase;
}

.right-latest_tipster ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 8px 0px;
}

.right-latest_tipster ul li:nth-child(1) {
  width: 28%;
  margin-right: 10px;
  margin: 0 auto;
}

.right-latest_tipster ul li:nth-child(1) a {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  border: none;
  display: block;
  margin: 0 auto;
}

.right-latest_tipster ul li:nth-child(1) a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.right-latest_tipster ul li:nth-child(1) a:hover img {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.right-latest_tipster ul li:nth-child(2) {
  width: 69%;
}

.right-latest_tipster ul li:nth-child(2) span {
  display: block;
  font-family: "Montserrat Medium";
  font-size: 11pt;
  text-transform: uppercase;
  color: #000;
  max-height: 40px;
  overflow: hidden;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.right-latest_tipster ul li:nth-child(2) span:hover {
  color: var(--themepink);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.right-latest_tipster ul li:nth-child(2) p {
  font-size: 9pt;
  color: #959595;
}

.right-latest_tipster ul li:nth-child(4) {
  width: 69%;
}

.right-latest_tipster ul li:nth-child(4) a.follow-button {
  width: 100%;
  padding: 5px 15px;
}

.right-latest_tipster ul li:nth-child(4) a.follow-button i {
  display: none;
}

.right-latest_tipster ul li:nth-child(3) {
  width: 28%;
  text-align: center;
  color: #1abc9c;
}

.right-latest_tipster ul li:nth-child(3) p {
  line-height: 12pt;
  font-size: 9pt;
  text-transform: uppercase;
  color: #000;
}

.right-latest_tipster ul li:nth-child(3) span {
  display: block;
  font-size: 9pt;
  font-family: "Montserrat Regular";
}

.right-latest_tipster ul.winpushfail li {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 5px;
  border-right: 1px solid #d7d7d7;
  font-family: "Montserrat Regular";
  font-size: 10pt !important;
  text-transform: uppercase;
  margin: 0 0;
  width: auto !important;
}

.right-latest_tipster ul.winpushfail li:first-child {
  padding-left: 0;
  color: #1abc9c;
}

.right-latest_tipster ul.winpushfail li:nth-child(2) {
  color: var(--themepink);
}

.right-latest_tipster ul.winpushfail li:last-child {
  padding-right: 0;
  border-right: none;
  color: #ef413d;
}

.right-latest_promotion {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.right-latest_promotion:last-child {
  border-bottom: none;
}

.right-latest_promotion a {
  display: block;
  width: 100%;
}

.right-latest_promotion a img {
  width: 100%;
}

.right-latest_promotion a p {
  text-transform: uppercase;
  color: #000;
  font-family: "Montserrat Regular";
  font-size: 11pt;
  margin: 8px 0px 0px;
}

.side-banner {
  width: 300px;
}





/*sub table*/





div.subtable {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

div.subtable.recent-premium-result {
  margin-top: 50px;
}

div.subtable-header {
  display: block;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat Regular";
  position: relative;
}

div.subtable-content {
  width: 100%;
  position: relative;
  border: 1px solid #d7d7d7;
  border-top: none;
}

div.subtable-content h2 {
  padding: 0px 15px;
}

div.subtable-content:nth-child(odd) {
  background: #fff;
}

div.subtable-content:nth-child(even) {
  background: #f5f5f5;
}

.recent-premium-result .grid-item-top {
  width: 100%;
}

.recent-premium-result .grid-item-top span {
  display: table-cell;
  border-right: 1px solid #d7d7d7;
  position: relative;
  vertical-align: top;
  padding: 10px 15px;
  font-family: "Montserrat Regular";
}

.recent-premium-result .grid-item-top span.date {
  width: 10%;
}

.recent-premium-result .grid-item-top span.event {
  width: 30%;
}

.recent-premium-result .grid-item-top span.tips {
  width: 25%;
}

.recent-premium-result .grid-item-top span.odd,

.recent-premium-result .grid-item-top span.point {
  width: 10%;
  text-align: center;
}

.recent-premium-result .grid-item-top span.result {
  width: 15%;
  text-align: center;
  border-right: none;
}

.recent-premium-result .grid-item-top span.result p {
  text-transform: uppercase;
}

.recent-premium-result .grid-item-top span b {
  color: #959595;
  display: block;
  font-family: "Montserrat Light";
}

.recent-premium-result span.trigger-resp-hide {
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 10px;
  cursor: pointer;
  border-top: 1px solid #d7d7d7;
  font-family: "Montserrat Regular";
  color: var(--themepink);
  display: none;
}

.recent-premium-result .subtable-content:first-child:before {
  position: absolute;
  top: -40px;
  padding: 10px 15px;
  content: "";
  background: #154a76;
  width: 100%;
  left: 0;
  height: 40px;
  line-height: 42px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.recent-premium-result .subtable-content:first-child .grid-item-top span:before {
  top: -40px;
  font-family: "Montserrat Regular";
  left: 0;
  height: 40px;
  line-height: 40px;
  background: #154a76;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  padding: 0px 15px;
  width: 100%;
  border: 1px solid #154a76;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.recent-premium-result .subtable-content:first-child .grid-item-top span.date:before {
  content: "DATE";
}

.recent-premium-result .subtable-content:first-child .grid-item-top span.event:before {
  content: "event";
}

.recent-premium-result .subtable-content:first-child .grid-item-top span.tips:before {
  content: "game";
}

.recent-premium-result .subtable-content:first-child .grid-item-top span.odd:before {
  content: "Odds";
}

.recent-premium-result .subtable-content:first-child .grid-item-top span.point:before {
  content: "+/-";
}

.recent-premium-result .subtable-content:first-child .grid-item-top span.result:before {
  content: "result";
}

.recent-premium-result .grid-item-bottom ul {
  display: table;
  width: 100%;
  border-top: 1px dotted #d7d7d7;
}

.recent-premium-result .grid-item-bottom ul li {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  text-align: center;
  padding: 10px 15px;
  border-right: 1px solid #d7d7d7;
}

.recent-premium-result .grid-item-bottom ul li:last-child {
  border-right: none;
}

.recent-premium-result .grid-item-bottom ul li i {
  margin-right: 10px;
  color: #555555;
  font-size: 12pt;
}

.recent-premium-result .grid-item-bottom ul li a {
  color: var(--themepink);
  font-family: "Montserrat Regular";
}

.top-performing-tipster {
  display: table;
  width: 100%;
  padding: 15px 20px;
}

.top-performing-tipster div {
  display: table-cell;
  vertical-align: middle;
}

.top-performing-tipster div:last-child {
  width: 150px;
}

.tipster-performing-profile ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}

.tipster-performing-profile ul li:first-child {
  font-size: 17pt;
  color: #555555;
}

.tipster-performing-profile ul li:nth-child(2) a {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  border: none;
  display: block;
}

.tipster-performing-profile ul li:nth-child(2) a img {
  display: block;
  width: 100%;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  object-fit: cover;
  height: 100%;
}

.tipster-performing-profile ul li:nth-child(2) a:hover img {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.tipster-performing-profile ul li:nth-child(3) a.profile-name {
  display: block;
  font-family: "Montserrat Medium";
  font-size: 12pt;
  display: block;
  display: block;
  color: #000;
}

.tipster-performing-profile ul li:nth-child(3) a.profile-name:hover {
  color: var(--themepink);
}

.tipster-performing-profile ul li:nth-child(3) p {
  font-size: 9pt;
  color: #959595;
  text-transform: uppercase;
}

.tipster-performing-profile ul li:nth-child(3) p span {
  color: #1abc9c;
  font-size: 13pt;
  font-family: "Montserrat Medium";
}

.tipster-performing-profile ul li:nth-child(3) span {
  display: inline-block;
  vertical-align: middle;
}

.tipster-performing-profile ul li:nth-child(3) span p {
  font-size: 9pt;
  color: #959595;
  text-transform: uppercase;
}

.tipster-performing-profile ul li:nth-child(3) span ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 5px;
  border-right: 1px solid #d7d7d7;
  font-family: "Montserrat Regular";
  font-size: 10pt !important;
  text-transform: uppercase;
  margin: 0 0;
}

.tipster-performing-profile ul li:nth-child(3) span ul li:first-child {
  padding-left: 0;
  color: #1abc9c;
  font-size: 10pt;
}

.tipster-performing-profile ul li:nth-child(3) span ul li:nth-child(2) {
  color: var(--themepink);
  font-size: 10pt;
}

.tipster-performing-profile ul li:nth-child(3) span ul li:last-child {
  padding-right: 0;
  border-right: none;
  color: #ef413d;
  font-size: 10pt;
}

.tipster-performing-profile ul li:nth-child(3) a.profile-name {
  font-family: "Montserrat Medium";
  font-size: 12pt;
  display: block;
  color: #000;
}

.tipster-performing-profile ul li:nth-child(3) a.profile-name:hover {
  color: var(--themepink);
}

.time-selection {
  position: absolute;
  top: 20px;
  right: 20px;
}

table.subtable {
  width: 100%;
  position: relative;
}

table.tipster-leaderboard tr th,

table.tipster-leaderboard tr td {
  text-align: center;
  text-transform: uppercase;
}

table.subtable thead tr th {
  padding: 10px 10px;
  background: #154a76;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat Regular";
}

table.subtable tbody tr td {
  padding: 10px 10px;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  color: #000;
  position: relative;
}

table.tipster-leaderboard tr td {
  font-size: 9pt;
}

table.tipster-leaderboard tr td:first-child {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

table.subtable tbody tr td.win,

table.subtable tbody tr td.lose,

table.subtable tbody tr td.draw,

table.subtable tbody tr td.push {
  font-family: "Montserrat Medium";
}

table.subtable tbody tr td a.profile-name {
  color: var(--themepink);
  font-family: "Montserrat Regular";
}

a.profile-name:hover {
  text-decoration: underline;
}

table.tipster-leaderboard tr td.follow-td {
  padding: 0 0;
  background: var(--themepink);
  border: 1px solid #d7d7d7;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

table.tipster-leaderboard tr td.follow-td:hover {
  background: #0194cc;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

table.tipster-leaderboard tr td.unfollow-td {
  padding: 0 0;
  background: #d7d7d7;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

table.tipster-leaderboard tr td.unfollow-td:hover {
  padding: 0 0;
  background: #888;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

table.tipster-leaderboard tr td.follow-td a.follow-button {
  width: 100%;
}

table.tipster-leaderboard tr td.follow-td a.follow-button:hover {
  background: var(--themepurple);
}

table.tipster-leaderboard tr td.unfollow-td a.unfollow-button {
  width: 100%;
}

table.tipster-leaderboard tr td.unfollow-td a.unfollow-button:hover {
  background: #888888;
}

table.tipster-leaderboard tr td.follow-td a.follow-button i {
  margin-right: 0;
  margin-top: 0;
}

table.tipster-leaderboard tr td.unfollow-td a.unfollow-button i {
  margin-right: 0;
  margin-top: 0;
}

.scroll-cover {
  overflow: hidden;
  height: 44px;
}

.tab-selection,

.dash-tab-selection {
  margin: 10px 0px;
  display: block;
  width: 100%;
}

.tab-selection ul,

.dash-tab-selection ul {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #fff;
  overflow-x: visible;
}

.tab-selection ul:before,

.dash-tab-selection ul:before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ccc;
}

.tab-selection ul li,

.dash-tab-selection ul li {
  display: inline-block;
  vertical-align: middle;
}

.tab-selection ul li a,

.dash-tab-selection ul li a {
  display: block;
  padding: 5px 20px;
  color: #ccc;
  position: relative;
  cursor: pointer;
  border-bottom: 2px solid #ccc;
  font-family: "Montserrat Regular";
}

.tab-selection ul li.active a,

.dash-tab-selection ul li.active a {
  color: #000;
  border-bottom: 3px solid #154a76;
}

.tab-selection ul li a:hover,

.dash-tab-selection ul li a:hover {
  color: #000;
}

.event-name {
  width: 100%;
  margin-bottom: 50px;
}

.tab-content h2,

.event-name h2 {
  font-family: "Montserrat Regular";
  font-size: 11pt;
  text-transform: uppercase;
  margin: 20px 0px 0px 0px;
  color: #000;
}

.standing-button {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
}

.addall {
  float: right;
  font-size: 9pt;
  padding: 6px 7px;
  margin-top: -6px;
  margin-right: 7px;
  margin-left: 20px;
  color: #1abc9c;
  border: 1px solid #1abc9c;
  background: #fff;
  position: relative;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.addall.fa-minus {
  color: #959595;
  border: 1px solid #acacac;
}

.addall:hover:after {
  content: "Add/Remove all matches of this league from Selected";
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 24px;
  right: 0px;
  width: 320px;
  text-align: center;
  font-size: 9pt;
  padding: 5px 5px;
  text-transform: none;
  color: #fff;
  font-family: "Montserrat Regular";
  z-index: 999;
}

.tab-content h2 a,

.event-name h2 a {
  font-family: "Montserrat Regular";
  font-size: 11pt;
  text-transform: uppercase;
  position: relative;
  color: #000;
}

.tab-content h2 a:before,

.event-name h2 a:before {
  position: absolute;
  content: "\f0c9";
  font-family: FontAwesome;
  top: -2px;
  left: -25px;
  color: #ef413d;
  font-size: 15pt;
}

table.livescore-table {
  width: 100%;
  margin-bottom: 10px;
  border-top: 6px solid #154a76;
  margin-top: 15px;
}

table.livescore-table tr td {
  border: 1px solid #d7d7d7;
  text-align: center;
  padding: 10px 10px;
  vertical-align: middle;
  overflow: hidden;
}

table.livescore-table tr td:nth-child(1) {
  color: #959595;
}

table.livescore-table tr td:nth-child(7),

table.livescore-table tr td:nth-child(8),

table.livescore-table tr td:nth-child(9) {
  border-right: none;
  border-left: none;
  text-transform: uppercase;
  color: var(--themepink);
}

table.livescore-table tr td:nth-child(7) a,

table.livescore-table tr td:nth-child(8) a,

table.livescore-table tr td:nth-child(9) a {
  color: var(--themepink);
}

table.livescore-table tr td:nth-child(7) a:hover,

table.livescore-table tr td:nth-child(8) a:hover,

table.livescore-table tr td:nth-child(9) a:hover {
  text-decoration: underline;
}

table.livescore-table tr td:nth-child(10) {
  border-left: none;
  padding: 10px 5px;
}

.addselected {
  color: #1abc9c;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  border: 1px solid #1abc9c;
  background: #fff;
  padding: 6px 7px;
}

.addselected.fa-minus {
  color: #959595;
  border: 1px solid #acacac;
}

.tab-content {
  display: none;
}

.tab-content#livegames {
  display: block;
}

.subtable-title {
  display: block;
  font-family: "Montserrat Regular";
  font-size: 11pt;
  text-transform: uppercase;
  margin: 20px 0px 10px 0px;
  color: #000;
}

table#livescore-odds tr th {
  padding: 8px 10px;
}

table#livescore-odds tr td {
  text-align: center;
  vertical-align: middle;
}

table#livescore-odds tr td:first-child {
  text-align: left;
}

table#livescore-odds tr td:nth-child(2),

table#livescore-odds tr td:nth-child(3),

table#livescore-odds tr td:nth-child(4),

table#livescore-odds tr td:nth-child(8),

table#livescore-odds tr td:nth-child(9),

table#livescore-odds tr td:nth-child(10) {
  background: #f5f5f5;
}

.subtable-title .standing-button a {
  font-family: "Montserrat Regular";
  font-size: 11pt;
  text-transform: uppercase;
  position: relative;
  color: #000;
}

.subtable-title .standing-button a:before {
  position: absolute;
  content: "\f0c9";
  font-family: FontAwesome;
  top: -2px;
  left: -25px;
  color: #ef413d;
  font-size: 15pt;
}

.team-versus {
  display: block;
  width: 100%;
  background: url(../images/stadium.jpg) no-repeat center center;
  background-size: cover;
  min-height: 300px;
  position: relative;
  z-index: 1;
}

.team-versus ul {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 3;
}

.team-versus ul li {
  display: inline-block;
  margin: 50px auto;
  text-align: center;
  vertical-align: top;
  padding: 20px 20px;
  width: 200px;
}

.team-versus ul li div {
  background: #fff;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  text-align: center;
  width: 100px;
  height: 100px;
  line-height: 100px;
  position: relative;
  margin: 0 auto 20px;
}

.filter-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.team-versus ul li div img {
  width: 60%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.team-versus ul li p {
  font-family: "Montserrat Regular";
  color: #fff;
  text-transform: uppercase;
}

.substitute-table {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.substitute-table table {
  float: left;
  width: 50%;
}

.substitute-table table tr td {
  vertical-align: middle;
}

.substitute-table table tbody tr th {
  padding: 10px 10px;
  background: #154a76;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat Regular";
}

.substitute-table table tr td.sub-position {
  width: 30%;
}

.substitute-table table tr td.sub-playerno {
  width: 20%;
}

.table-line {
  display: block;
  margin: 5px 0px;
  width: 100%;
  border-top: 1px solid #d7d7d7;
}

.live-commentary {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-top: 6px solid #154a76;
  padding: 10px 15px;
}

.live-commentary span {
  color: var(--themepink);
  font-family: "Montserrat Regular";
  cursor: pointer;
}

.live-commentary span b {
  font-family: "Montserrat Light";
}

.live-commentary span:hover {
  text-decoration: underline;
}

.live-commentary ul {
  width: 100%;
  margin-top: 10px;
  display: none;
}

.live-commentary ul li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 5px;
}

.live-commentary ul li a {
  display: block;
  color: var(--themepink);
}

.live-commentary ul li a:hover {
  text-decoration: underline;
}

table.h2h-table thead tr th {
  text-align: left;
}

table.liveodd-table tr td,

table.liveodd-table tr th {
  font-size: 9pt;
  line-height: 12pt;
}

table.liveodd-table tr td:nth-child(1) span {
  display: block;
}

table.liveodd-table tr td:nth-child(3),

table.liveodd-table tr td:nth-child(4),

table.liveodd-table tr td:nth-child(5),

table.liveodd-table tr th:nth-child(3),

table.liveodd-table tr th:nth-child(4),

table.liveodd-table tr th:nth-child(5) {
  padding: 10px 3px;
}

table.liveodd-table tr td:nth-child(6) a,

table.liveodd-table tr td:nth-child(7) a,

table.liveodd-table tr td:nth-child(8) a {
  text-transform: uppercase;
  color: var(--themepink);
}

table.liveodd-table tr td:nth-child(6) a:hover,

table.liveodd-table tr td:nth-child(7) a:hover,

table.liveodd-table tr td:nth-child(8) a:hover {
  text-decoration: underline;
}

table.liveodd-table tr td:nth-child(6),

table.liveodd-table tr td:nth-child(7),

table.liveodd-table tr td:nth-child(8),

table.liveodd-table tr th:nth-child(6),

table.liveodd-table tr th:nth-child(7),

table.liveodd-table tr th:nth-child(8) {
  border-left: none;
  border-right: none;
  padding: 10px 3px;
}

table.liveodd-table tr td:nth-child(8) {
  border-right: 1px solid #d7d7d7;
}

.top-latest-news {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  max-height: 400px;
}

.top-news-image {
  width: 100%;
}

.top-news-image img {
  width: 100%;
  display: block;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.top-latest-news:hover img {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.top-news-content {
  position: absolute;
  bottom: 0;
  padding: 20px 20px;
  z-index: 3;
}

.top-news-content h1,
.top-news-content .h1 {
  font-size: 15pt;
  font-family: "Montserrat Medium";
  color: #fff;
  line-height: 20pt;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.top-news-content span {
  color: #fff;
  display: block;
}

.top-news-content b {
  padding: 3px 15px;
  background: var(--themeblue);
  color: #fff;
  font-size: 9pt;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Montserrat Regular";
  margin-right: 15px;
}

.latest-news {
  display: block;
  width: 47%;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 50px;
}

.latest-news .news-image {
  width: 100%;
  height: 230px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.news-image-cover {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.latest-news .news-image:hover {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.latest-news h2 {
  font-size: 12pt;
  font-family: "Montserrat Medium";
  color: #000;
  line-height: 17pt;
  margin-bottom: 5px;
  height: 66px;
  overflow: hidden;
  text-transform: uppercase;
}

.latest-news span {
  color: #959595;
  display: block;
  margin-bottom: 5px;
}

.latest-news b {
  padding: 3px 15px;
  background: var(--themeblue);
  color: #fff;
  font-size: 9pt;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Montserrat Regular";
  margin-right: 15px;
}

.latest-news p {
  font-size: 10pt;
  line-height: 15pt;
  margin-bottom: 20px;
  height: 100px;
  overflow: hidden;
}

.pagination {
  display: block;
  margin: 30px auto;
  width: 100%;
}

.pagination ul {
  text-align: center;
  width: 100%;
}

.pagination ul li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.pagination ul li a {
  display: block;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #000;
  border: 1px solid #d7d7d7;
}

.pagination ul li a:hover {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

.pagination ul li.currentpage a {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

.news-detail {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.news-detail .news-image {
  display: block;
  width: 100%;
}

.news-detail .news-image img {
  width: 100%;
}

.news-detail .col-md-12 img {
  margin: 10px 0px;
}

.news-detail .col-md-12 b,

.news-detail .col-md-12 strong {
  font-weight: bold;
}

.news-detail .col-md-12 i {
  font-style: italic;
}

.news-detail .col-md-12 a {
  color: #00adef;
}

.news-detail .col-md-12 a:hover {
  text-decoration: underline;
}

.news-detail .col-md-12 ul li {
  list-style-type: disc;
  margin-left: 20px;
}

.news-detail h1,
.news-detail .h1 {
  font-size: 15pt;
  font-family: "Montserrat Medium";
  color: #000;
  line-height: 20pt;
  margin: 10px 0px;
  text-transform: uppercase;
}

.news-detail span {
  color: #959595;
  display: block;
  margin-bottom: 5px;
}

.news-detail b {
  padding: 3px 15px;
  background: var(--themeblue);
  color: #fff;
  font-size: 9pt;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Montserrat Regular";
  margin-right: 15px;
}

.news-detail p {
  font-size: 10pt;
  line-height: 15pt;
  margin-bottom: 20px;
}

.news-next_prev {
  display: block;
  width: 100%;
  margin: 20px 0px;
}

.next_prev_cover {
  display: table;
  width: 100%;
}

.next_prev_cover a {
  padding: 20px 20px;
  display: table-cell;
  vertical-align: top;
  width: 50%;
  background: #f5f5f5;
}

.next_prev_cover a:hover {
  background: #eee;
}

.next_prev_cover a p {
  font-size: 9pt;
  color: #959595;
}

.next_prev_cover a span {
  display: block;
  font-family: "Montserrat Medium";
  font-size: 12pt;
  color: #000;
}

.next_prev_cover a:first-child {
  text-align: left;
  padding-right: 40px;
}

.next_prev_cover a:last-child {
  text-align: right;
  padding-left: 40px;
}

.news-social_share {
  width: 100%;
  text-align: center;
  margin: 30px auto;
  display: block;
}

.news-social_share ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.news-social_share ul li:first-child {
  color: #959595;
}

.news-social_share ul li:last-child {
  margin-right: 0px;
}

.news-social_share ul li a {
  display: block;
}

.news-social_share ul li a i {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12pt;
  color: #fff;
}

.news-social_share ul li a i.fa-google-plus {
  background: #fd5346;
}

.news-social_share ul li a i.fa-google-plus:hover {
  background: #b13b32;
}

.news-social_share ul li a i.fa-facebook {
  background: #4b75bd;
}

.news-social_share ul li a i.fa-facebook:hover {
  background: #3f629e;
}

.news-social_share ul li a i.fa-twitter {
  background: #02c6ff;
}

.news-social_share ul li a i.fa-twitter:hover {
  background: #01abdd;
}

.news-social_share ul li a i.fa-pinterest-p {
  background: #ff3536;
}

.news-social_share ul li a i.fa-pinterest-p:hover {
  background: #de3031;
}

.right-promotions,

.right-categories {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.right-promotions:last-child,

.right-categories:last-child {
  border-bottom: none;
}

.right-promotions ul li,

.right-categories ul li {
  margin: 0px 0px 10px 20px;
  position: relative;
}

.right-promotions ul li:before,

.right-categories ul li:before {
  position: absolute;
  top: -3px;
  left: -25px;
  content: "";
  background: url(../images/angle-right.png) no-repeat;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}

.right-promotions ul li a,

.right-categories ul li a {
  display: block;
  color: #000;
}

.right-promotions ul li a:hover,

.right-categories ul li a:hover {
  text-decoration: underline;
}

.promotion-list {
  width: 100%;
}

.promotion-list ul {
  width: 100%;
}

.promotion-list ul li {
  display: block;
  padding: 40px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.promotion-list ol li {
  display: block;
  padding: 5px 0px;
  border-bottom: none;
}

.promotion-list ul li:first-child {
  padding-top: 0px;
}

.promotion-list ul li:last-child {
  border-bottom: none;
}

.promotion-list ul li h1,
.promotion-list ul li .h1 {
  font-size: 15pt;
  font-family: "Montserrat Medium";
  color: #000;
  line-height: 17pt;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.promotion-list ul li p {
  color: #000;
}

.promotion-list ul li .promotion-banner {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
}

.promotion-list ul li .promotion-banner img {
  width: 100%;
}

.promotion-list ul li .promotion-info {
  padding: 10px 20px;
  border: 2px solid var(--themeblue);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  background: var(--themeblue);
}

.promotion-list ul li .promotion-info.selected {
  background: #fff;
}

.promotion-list ul li span.promotion-show {
  display: block;
  text-align: center;
  font-family: "Montserrat Medium";
  cursor: pointer;
  text-transform: uppercase;
  color:#ffffff;
}

.promotion-list ul li span.promotion-show i {
  margin-left: 20px;
}

.promotion-list ul li .promotion-hide {
  padding: 20px 0px;
  display: none;
}

.promotion-hide strong {
  font-family: "Montserrat Bold";
}

.promotion-list ul li .promotion-hide ul li {
  display: list-item;
  padding: 0px 0px;
  margin: 5px 0px 5px 20px;
  border-bottom: 0px;
  list-style-type: disc;
  color: #000;
}

.promotion-list ul li .promotion-hide h2 {
  font-family: "Montserrat Medium";
  color: #000;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.promotion-list ul li span.promotion-valid {
  display: block;
  text-align: center;
  background: #11252e;
  color: #fff;
  width: 100%;
  padding: 8px 10px;
  border-bottom: 1px solid #d7d7d7;
}

h3 {
  font-family: "Montserrat Medium";
  font-size: 12pt;
  line-height: 16pt;
  margin: 10px 0px 10px 0px;
  color: #000;
}

blockquote {
  border-left: 3px solid var(--themepink);
  padding: 0px 30px;
  color: #959595;
}

.blog-slider {
  width: 100%;
}

.slider-content {
  position: relative;
  z-index: 3;
  color: #fff;
  padding: 30px 20px;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.slider-content h2 {
  font-size: 18pt;
  font-family: "Montserrat Medium";
  color: #f5f5f5;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 23pt;
  overflow: hidden;
}

.slider-content div.h2 {
  font-size: 18pt;
  font-family: "Montserrat Medium";
  color: #f5f5f5;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 23pt;
  overflow: hidden;
}


.slider-content span.blog-tag {
  font-size: 9pt;
  color: #fce533;
  margin-bottom: 5px;
  display: block;
  height: 42px;
  overflow: hidden;
}

.slider-content span.blog-tag a {
  font-size: 9pt;
  color: #fce533;
  display: inline;
  vertical-align: middle;
}

.slider-content h1,
.slider-content .h1 {
  font-size: 23pt;
  line-height: 28pt;
  color: #fff;
  font-family: "Montserrat Regular";
  margin-bottom: 5px;
  height: 74px;
  overflow: hidden;
}

.slider-content ul {
  margin: 20px 0px;
}

.slider-content ul li {
  display: inline-block;
  margin: 0 40px;
  vertical-align: top;
  position: relative;
}

.slider-content ul li:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 14px;
  left: -22px;
  top: 2px;
  background-size: 14px 14px;
}

.slider-content ul li:first-child:before {
  background: url(../images/icon-red-time.png) no-repeat center center;
}

.slider-content ul li:nth-child(2):before {
  background: url(../images/blog-comment.png) no-repeat center center;
}

.slider-content ul li:last-child:before {
  background: url(../images/blog-author.png) no-repeat center center;
}

a.readmore-2 {
  padding: 5px 15px;
  width: 150px;
  display: block;
  color: #fff;
  background: var(--themeblue);
  text-transform: uppercase;
  font-family: "Montserrat Regular";
}

a.readmore-2:hover {
  background: var(--themepurple);
}

.slider-content a.readmore-2 {
  margin: 30px auto 10px;
}

.blog-content {
  background: #f5f5f5;
  width: 100%;
  margin: 0 auto;
}

.blog-content-cover {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 30px 20px 50px;
  background: #f5f5f5;
}

.blog-wrapper {
  display: table;
  width: 100%;
}

.blog-left,
.blog-right {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.blog-left {
  padding-right: 30px;
  overflow: hidden;
}

.blog-left h1,
.blog-left .h1 {
  font-size: 15pt;
  line-height: 20pt;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat Regular";
  margin-bottom: 30px;
}

.blog-right {
  width: 300px;
  padding-right: 2px;
}

.right-recent-post {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.right-recent-post:last-child {
  border-bottom: none;
}

.right-recent-post ul {
  width: 100%;
  display: table;
}

.right-recent-post ul li {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.right-recent-post ul li:first-child {
  width: 100px;
}

.right-recent-post ul li p {
  font-size: 9pt;
  line-height: 12pt;
  height: 48px;
  overflow: hidden;
  font-family: "Montserrat Bold";
  color: #000;
}

.right-recent-post ul li:first-child div {
  width: 100px;
  height: 80px;
  overflow: hidden;
}

.right-recent-post ul li:first-child div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.right-recent-post ul li:first-child div img:hover {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.right-recent-post ul li:last-child {
  padding-left: 10px;
}

.right-recent-post ul li:last-child span {
  position: absolute;
  bottom: 0;
  font-size: 9pt;
  color: #959595;
}

.right-blog-tag {
  width: 100%;
  padding: 20px 0px;
}

.right-blog-tag ul li {
  display: inline-block;
  margin: 0 10px 10px 0px;
}

.right-blog-tag ul li a {
  display: block;
  padding: 5px 10px;
  border: 1px solid var(--themepurple);
  font-size: 9pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  color: #000;
  text-transform: uppercase;
}

.right-blog-tag ul li a:hover {
  background: var(--themepurple);
  color:#fff;
}

.blog-box {
  width: 48%;
  margin-bottom: 30px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
  box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
}

.blog-box-image {
  display: block;
  width: 100%;
  height: 220px;
  position: relative;
}

.blog-box-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
}

.blog-box-content {
  padding: 15px 15px;
  background: #fff;
}

.blog-box-content span.blog-tag {
  font-size: 9pt;
  color: #959595;
  margin-bottom: 5px;
  display: block;
  height: 41px;
  overflow: hidden;
}

.blog-box-content span.blog-tag a {
  font-size: 9pt;
  color: #959595;
  display: inline;
  vertical-align: middle;
}

.blog-box-content h2 {
  font-size: 18pt;
  font-family: "Montserrat Medium";
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 23pt;
  height: 60px;
  overflow: hidden;
}

.blog-box-content div.h2 {
  font-size: 18pt;
  font-family: "Montserrat Medium";
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 23pt;
  height: 60px;
  overflow: hidden;
}

.blog-box-content span.blog-date {
  padding: 3px 15px;
  background: var(--themeblue);
  color: #fff;
  font-size: 9pt;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  margin-right: 10px;
  width: 200px;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Montserrat Regular";
}

.blog-box-content span.blog-author {
  display: block;
  padding-bottom: 10px;
  color: #000;
}

.blog-box-content span.blog-author a {
  color: var(--themepink);
}


.blog-box-content p {
  font-size: 10pt;
  line-height: 15pt;
  margin-bottom: 20px;
  height: 100px;
  overflow: hidden;
}

.div-line {
  width: 100%;
  margin: 10px 0px;
  display: block;
  border-top: 1px solid #d7d7d7;
}

.blog-box-content ul.blog-social {
  float: right;
  margin-top: -10px;
}

.blog-box-content ul.blog-social li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.blog-box-content ul.blog-social li:last-child {
  margin-right: 0px;
}

.blog-box-content ul.blog-social li a {
  display: block;
}

.blog-box-content ul.blog-social li a i {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12pt;
  color: #fff;
}

.blog-box-content ul.blog-social li a i.fa-google-plus {
  background: #fd5346;
}

.blog-box-content ul.blog-social li a i.fa-google-plus:hover {
  background: #b13b32;
}

.blog-box-content ul.blog-social li a i.fa-facebook {
  background: #4b75bd;
}

.blog-box-content ul.blog-social li a i.fa-facebook:hover {
  background: #3f629e;
}

.blog-box-content ul.blog-social li a i.fa-twitter {
  background: #02c6ff;
}

.blog-box-content ul.blog-social li a i.fa-twitter:hover {
  background: #01abdd;
}

.blog-box-content ul.blog-social li a i.fa-pinterest-p {
  background: #ff3536;
}

.blog-box-content ul.blog-social li a i.fa-pinterest-p:hover {
  background: #de3031;
}

.blog-detail {
  width: 100%;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
  box-shadow: 4px 5px 10px -6px rgba(0, 0, 0, 0.35);
}

.blog-detail .blog-image {
  width: 100%;
  display: block;
  position: relative;
}

.blog-detail .blog-image img {
  width: 100%;
  display: block;
}

.blog-detail .blog-image .blog-tag {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fce533;
  width: 100%;
}

.blog-detail .blog-image .blog-tag a {
  color: #fce533;
}

.blog-detail-content {
  padding: 20px 20px;
  width: 100%;
  position: relative;
}

.blog-detail-content img {
  width: 100% !important;
  max-width: auto !important;
  height: 100% !important;
  max-height: auto !important;
}

.blog-detail-content h1,
.blog-detail-content .h1 {
  font-size: 23pt;
  line-height: 28pt;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat Bold";
  margin-bottom: 10px;
}

.blog-detail-content h2 {
  font-size: 15pt;
  line-height: 20pt;
  color: #000;
  font-family: "Montserrat Bold";
  margin-bottom: 10px;
}

.blog-detail-content h3 {
  font-size: 12pt;
  line-height: 17pt;
  color: #000;
  font-family: "Montserrat Bold";
  margin-bottom: 10px;
}

ul.blog-creator {
  width: 100%;
  padding: 10px 0px;
}

ul.blog-creator li {
  display: inline-block;
  margin-right: 50px;
  color: #555;
  margin-left: 20px;
  vertical-align: top;
  position: relative;
}

ul.blog-creator li:last-child {
  margin-right: 0px;
}

ul.blog-creator li:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 14px;
  left: -22px;
  top: 2px;
  background-size: 14px 14px;
}

ul.blog-creator li:first-child:before {
  background: url(../images/icon-red-time.png) no-repeat center center;
}

ul.blog-creator li:nth-child(2):before {
  background: url(../images/blog-comment.png) no-repeat center center;
}

ul.blog-creator li:last-child:before {
  background: url(../images/blog-author.png) no-repeat center center;
}

.blog-detail-content p {
  margin-bottom: 15px;
}

.blog-detail-content p iframe {
  width: 100%;
  max-width: 400px;
}

.blog-detail-content i {
  font-style: italic;
}

.blog-detail-content a {
  color: var(--themepink)
}

.blog-detail-content strong,
.blog-detail-content b {
  font-family: "Montserrat Bold";
}

.blog-social_share {
  width: 100%;
  text-align: center;
  margin: 30px auto;
  display: block;
}

.blog-social_share ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.blog-social_share ul li:first-child {
  color: #959595;
}

.blog-social_share ul li:last-child {
  margin-right: 0px;
}

.blog-social_share ul li a {
  display: block;
}

.blog-social_share ul li a i {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12pt;
  color: #fff;
}

.blog-social_share ul li a i.fa-google-plus {
  background: #fd5346;
}

.blog-social_share ul li a i.fa-google-plus:hover {
  background: #b13b32;
}

.blog-social_share ul li a i.fa-facebook {
  background: #4b75bd;
}

.blog-social_share ul li a i.fa-facebook:hover {
  background: #3f629e;
}

.blog-social_share ul li a i.fa-twitter {
  background: #02c6ff;
}

.blog-social_share ul li a i.fa-twitter:hover {
  background: #01abdd;
}

.blog-social_share ul li a i.fa-pinterest-p {
  background: #ff3536;
}

.blog-social_share ul li a i.fa-pinterest-p:hover {
  background: #de3031;
}

.blog-next_prev {
  display: block;
  width: 100%;
  margin: 20px 0px;
}

div.sitemap {
  width: 30%;
  padding: 20px 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 50px;
}

div.sitemap span {
  display: block;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat Medium";
  font-size: 11pt;
  margin-bottom: 20px;
}

div.sitemap ul {
  position: relative;
}

div.sitemap ul:before {
  position: absolute;
  left: -20px;
  top: 0;
  height: 100%;
  width: 3px;
  background: var(--themepink);
  content: "";
}

div.sitemap ul li {
  margin-bottom: 5px;
}

div.sitemap ul li a {
  color: #000;
}

div.sitemap ul li a:hover {
  text-decoration: underline;
}

.term_policy {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.term_policy b {
  font-family: "Montserrat Medium";
  display: block;
}

.term_policy p {
  margin-bottom: 20px;
}

.term_policy ul {
  margin-bottom: 20px;
  margin-left: 20px;
}

.term_policy ul li {
  list-style-type: disc;
  margin: 3px 0px;
}

.faq {
  width: 100%;
  position: relative;
}

.faq b {
  font-family: "Montserrat Medium";
  display: block;
}

.faq p {}

.faq p a {
  color: #00adef;
}

.faq ul {
  width: 100%;
}

.faq ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px dashed #d7d7d7;
}

.faq ul li>a {
  display: block;
  padding: 15px 20px;
  color: #000;
  font-family: "Montserrat Medium";
  text-transform: uppercase;
}

.faq ul li:hover {
  background: #ebebeb;
}

.faq ul li:first-child {
  border-top: none;
}

.faq ul li.active {
  background: #ebebeb;
}

.faq-answer {
  padding: 0px 20px;
  display: none;
}

.faq-answer span {
  font-size: 9pt;
  color: #959595;
}

.submit_question {
  width: 100%;
  position: relative;
}

.submit_question b {
  font-family: "Montserrat Medium";
  display: block;
  text-transform: uppercase;
}

.submit_question table {
  margin-top: 10px;
  width: 100%;
}

.submit_question table tr td {
  vertical-align: top;
  padding: 30px 30px;
  width: 50%;
}

.submit_question table tr td:first-child {
  border-right: 1px solid #d7d7d7;
}

.submit_question table tr td span {
  display: block;
  padding: 10px 0px;
  border-bottom: 1px solid #d7d7d7;
  text-transform: uppercase;
  font-family: "Montserrat Medium";
  font-size: 11pt;
  margin-bottom: 10px;
}

.submit_question table tr td .yellow-button {
  width: 100%;
  margin-top: 10px;
}

.submit_question textarea {
  height: 200px;
}

.contactus-form {
  width: 100%;
  position: relative;
}

.contactus-form .inputform-field {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  margin: 5px 0px;
}

.contactus-form textarea {
  height: 200px;
}

table.standing-table tr td {
  text-align: center;
}

.added-item_list {
  width: 100%;
  display: block;
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
  padding-top: 25px;
  position: relative;
}

.added-item_list i.delete-item {
  cursor: pointer;
  position: absolute;
  padding: 0px 5px;
  top: 2px;
  right: 5px;
  font-size: 25pt;
  color: #000;
}

.right-checkout-box {
  padding: 20px 0px;
  background: #fff;
  text-align: center;
}

.right-checkout-box p {
  color: #959595;
  font-family: "Montserrat Medium";
  padding: 20px 0px;
  text-transform: uppercase;
}

.right-checkout-box span {
  display: block;
  color: var(--themepurple);
  margin-bottom: 20px;
  font-size: 25pt;
  text-transform: uppercase;
  font-family: "Montserrat Bold";
}

.right-checkout-box span.submit-neteller,
.right-checkout-box span.submit-nonneteller {
  font-size: 10pt;
  margin-bottom: 0;
}

.right-control {
  font-size: 9pt;
}

.right-control .control__indicator {
  background: #fff;
}

.payment_method {
  width: 100%;
  position: relative;
}

.method-selection {
  width: 100%;
  overflow: hidden;
}

.method-selection ul {
  width: 100%;
  text-align: left;
  margin-top: 20px;
}

.method-selection ul li {
  display: inline-block;
  width: 200px;
  margin: 0 20px 20px;
  text-align: center;
  opacity: 0.5;
}

.method-selection ul li.selected {
  opacity: 1;
}

.method-selection ul li .payment-gateway {
  width: 100%;
  position: relative;
  border: 1px solid #d7d7d7;
  margin-bottom: 10px;
  height: 100px;
  cursor: pointer;
}

.method-selection ul li.selected .payment-gateway {
  border: 1px solid #000;
}

.method-selection ul li .payment-gateway img {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto;
  width: 150px;
}

.method-selection ul li#banktransfer .payment-gateway b {
  position: absolute;
  text-align: left;
  font-size: 20pt;
  left: 50%;
  top: 50%;
  line-height: 20pt;
  font-family: "Montserrat Bold";
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.coupon {
  padding: 20px 0px;
  overflow: hidden;
}

.coupon input {
  display: inline-block;
  float: left;
  vertical-align: middle;
  position: Relative;
  margin: 0 0;
  height: 38px;
}

.coupon input[type="text"] {
  width: 75% !important;
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-right: none;
  float: left;
   !important;

  margin: 0 0 !important;
}

.coupon input[type="submit"] {
  width: 25%;
}

.coupon.verified-coupon input[type="text"] {
  border: 1px solid #1abc9c;
  background: #fff url(../images/verified.png) center right 10px no-repeat;
}

.coupon.verified-coupon p {
  padding: 7px 20px;
  position: relative;
  margin-top: 20px;
  background: rgba(26, 188, 156, 0.3);
  color: #000;
  overflow: visible;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.coupon.invalid-coupon input[type="text"] {
  border: 1px solid #ef413d;
  background: #fff url(../images/notvalid.png) center right 10px no-repeat;
}

p.invalid-coupon {
  padding: 7px 20px;
  position: relative;
  margin-top: 20px;
  background: rgba(239, 65, 61, 0.2);
  color: #000;
  overflow: visible;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}

p.verified-coupon {
  padding: 7px 20px;
  position: relative;
  margin-top: 20px;
  background: rgba(26, 188, 156, 0.3);
  color: #000;
  overflow: visible;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.credit-topup {
  width: 100%;
  padding: 20px 0px;
  display: none;
}

.credit-topup table {
  width: 100%;
}

.credit-topup table thead tr th {
  background: #e1e1e1;
  padding: 15px 20px;
  text-align: left;
  font-size: 12pt;
}

.credit-topup table thead tr th:last-child {
  text-align: right;
  font-family: "Montserrat Bold";
}

.credit-topup table tbody tr td {
  background: #f5f5f5;
  padding: 15px 20px;
  text-align: left;
}

.credit-topup table tbody tr td:last-child {
  text-align: right;
  width: 200px;
}

.credit-topup table tbody tr td:last-child a {
  font-family: "Montserrat Regular";
  text-align: center;
  width: 100%;
  padding: 8px 20px;
  border: 3px solid #fce533;
  text-transform: uppercase;
  display: block;
  color: #000;
}

.credit-topup table tbody tr td:last-child a:hover {
  background: #fce533;
}

.credit-pack {
  width: 100%;
  margin-top: 20px;
  padding: 20px 0px;
}

.credit-pack ul {
  margin-top: 20px;
  margin-bottom: 15px;
  overflow: hidden;
}

.credit-pack ul li {
  display: block;
  margin-right: 1%;
  margin-bottom: 5px;
  cursor: pointer;
  text-align: center;
  float: left;
  background: #f5f5f5;
  width: 19.2%;
  padding: 20px 20px;
  opacity: .6;
  border: 1px solid #f5f5f5;
}

.credit-pack ul li.selected {
  opacity: 1;
  background: #fce533;
  border: 1px solid #000;
}

.credit-pack ul li:last-child {
  margin-right: 0px;
}

.credit-pack ul li span {
  display: block;
  font-family: "Montserrat Bold";
  font-size: 20pt;
  margin-bottom: 10px;
}

.right-checkout-box table {
  width: 100%;
}

.right-checkout-box table tr td {
  vertical-align: top;
  padding: 5px 0px;
}

.right-checkout-box table tr td:first-child {
  color: #959595;
  padding-right: 5px;
  text-align: left;
}

.right-checkout-box table tr td:last-child {
  color: #000;
  padding-left: 5px;
  font-family: "Montserrat Medium";
  text-align: right;
}

.right-checkout-box table tr td:last-child b {
  font-family: "Montserrat Light";
}

.right-checkout-box table tr:last-child td {
  vertical-align: middle !important;
  border-top: 1px solid #d7d7d7;
  padding-top: 20px;
}

.right-checkout-box table tr:last-child td:last-child span {
  font-size: 18pt;
  line-height: 18pt;
  margin-bottom: 0px;
  display: block;
  vertical-align: middle !important;
  color: #1abc9c;
  font-family: "Montserrat Bold";
}

.right-checkout-box table tr td.promocodelink {
  text-align: center;
}

.right-checkout-box table tr td.promocodelink a {
  color: var(--themepink);
  text-transform: uppercase;
}

.member-dashboard {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 10px 0px;
  display: table;
}

.member-image {
  display: table-cell;
  vertical-align: top;
  padding: 0px 25px 0px 0px;
  width: 150px;
}

.member-dashboard-info {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}

.member-edit-form {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}

.customize-file {
  width: 150px;
  margin: 10px auto;
  height: 50px;
  position: relative;
}

.customize-file input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.customize-file b {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  border: 1px solid #00adef;
  text-align: center;
  background: #00adef;
  color: #fff;
  cursor: pointer;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  font-family: "Montserrat Regular";
}

.customize-file b:hover {
  background: #0194cc;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.member-image span {
  display: block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.member-image span img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.member-image span:hover img {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.member-image a {
  display: block;
  width: 100%;
}

.dashboard-info-header {
  background: var(--themepink);
  width: 100%;
  position: relative;
  overflow: hidden;
  display: table;
  border: 1px solid var(--themepink);
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
}

.dashboard-info-header div {
  display: table-cell;
  width: 50%;
  padding: 15px 20px;
  vertical-align: middle;
}

.dashboard-info-header div p {
  color: #fff;
  font-size: 11pt;
}

.dashboard-info-header div p b {
  color: var(--themeblue);
  font-size: 13pt;
  margin-left: 10px;
  font-family: "Montserrat Bold";
}

.dashboard-info-header div a {
  padding: 5px 20px;
  background:var(--themeblue);
  color: #ffffff;
  text-transform: uppercase;
  float: right;
  font-family: "Montserrat Regular";
}

.dashboard-info-header div a:hover {
  background: var(--themepurple);
}

.dashboard-info-middle {
  background: #fff;
  padding: 15px 0px;
  width: 100%;
  border: 1px solid #d7d7d7;
}

.dashboard-info-middle ul {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.dashboard-info-middle ul li {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  float: left;
  text-align: center;
  padding: 0px 15px;
  margin: 5px 0px;
}

.dashboard-info-middle ul li span {
  display: block;
  color: #000;
  font-family: "Montserrat Regular";
  font-size: 18pt;
  margin-bottom: 5px;
}

.dashboard-info-middle ul li p {
  color: #000;
  font-size: 9pt;
  line-height: 11pt;
  text-transform: uppercase;
}

.dashboard-info-footer {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  border-top: none;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -ms-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -ms-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.dashboard-info-footer a {
  display: block;
  width: 50%;
  float: left;
  padding: 15px 20px;
  text-align: center;
  color: var(--themepink);
  text-transform: uppercase;
  background: #fff;
  font-family: "Montserrat Medium";
}

.dashboard-info-footer a:hover {
  text-decoration: underline;
}

.dashboard-info-footer a:last-child {
  border-left: 1px solid #d7d7d7;
}

a#close-account {
  float: right;
  color: var(--themepink);
  text-transform: uppercase;
  font-family: "Montserrat Medium";
  font-size: 9pt;
  margin-top: 5px;
}

a#close-account:hover {
  text-decoration: underline;
}

.daterange-picker {
  display: block;
  height: 40px;
  width: 100%;
  position: relative;
}

.picked-date {
  font-size: 10pt;
  color: #000;
  margin-top: -20px;
  display: block;
}

.datepicker-button {
  float: right;
  display: block;
  padding: 7px 20px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "Montserrat Light";
  background: url(../images/angle-down.png) no-repeat right 5px center;
  cursor: pointer;
  color: #000;
  width: 150px;
  text-align: left;
  font-size: 10pt;
}

#mytipster {
  display: block;
}

.daterange-picker-popup {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 1000;
  background: #fff;
  border: 1px solid #d7d7d7;
  padding-bottom: 30px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-box-shadow: 9px 11px 10px -6px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 9px 11px 10px -6px rgba(0, 0, 0, 0.35);
  box-shadow: 9px 11px 10px -6px rgba(0, 0, 0, 0.35);
  display: none;
}

.daterange-thead {
  display: block;
  width: 100%;
  position: relative;
  padding: 15px 20px;
}

.daterange-thead i.close-calendar {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 22pt;
  cursor: pointer;
  padding: 0px 10px;
}

.daterange-thead p {
  font-family: "Montserrat Medium";
  font-size: 10pt;
}

.daterange-tbody {
  display: table;
  width: 745px;
  position: relative;
}

.daterange-td {
  padding: 10px 20px;
  width: 280px;
  display: table-cell;
  vertical-align: top;
}

.daterange-td span input {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  background: #fbf8e9;
}

.daterange-td:nth-child(2) {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}

ul.range-select {
  margin-bottom: 20px;
}

ul.range-select li {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 10px;
  margin: 5px 0px;
  cursor: pointer;
}

ul.range-select li:hover {
  background: #f5f5f5;
}

.daterange-td:last-child {
  width: 180px;
}

.daterange-td:last-child input {
  width: 100%;
  cursor: pointer;
  font-family: "Montserrat Medium";
}

.dashboard-content,

.dashboard-content .content-wrapper {
  overflow: visible;
}

table.mytipster-table tbody tr td {
  text-align: center;
}

table.mytipster-table tbody tr td a {
  text-transform: uppercase;
}

table.mytipster-table tbody tr td:nth-child(2) a {
  color: var(--themepink);
}

table.mytipster-table tbody tr td:nth-child(2) i {
  display: none;
}

table.mytipster-table tbody tr td:last-child {
  background: #d7d7d7;
  color: #fff;
  border-bottom: 1px solid #fff;
}

table.mytipster-table tbody tr td:last-child i {
  padding: 0px 5px;
  cursor: pointer;
}

#mytipstertips {
  border: 1px solid #d7d7d7;
}

.month-selector {
  float: right;
  margin-right: 10px;
}

.month-selector .dd-wrapper {
  margin: 0 0;
  margin-right: 20px;
}

.month-selector .dd-wrapper span.dd-button {
  padding: 6px 20px;
  text-align: left;
}

table.purchase-history tbody tr td,

table.credit-purchase-history tbody tr td {
  vertical-align: middle;
  text-align: center;
  border: none;
}

table.purchase-history tbody tr,

table.credit-purchase-history tbody tr {
  border: 1px solid #d7d7d7;
}

table.purchase-history tbody tr:nth-child(even) td,

table.credit-purchase-history tbody tr:nth-child(even) td {
  background: #f5f5f5;
}

table.purchase-history tbody tr td:last-child a {
  text-transform: uppercase;
  color: var(--themepink);
  font-family: "Montserrat Medium";
}

table.purchase-history tbody tr td:nth-child(3) a {
  text-transform: uppercase;
  color: var(--themepink);
  font-family: "Montserrat Medium";
}

table.purchase-history tbody tr td:first-child,

table.purchase-history tbody tr td:nth-child(2) {
  text-align: left;
}

table.purchase-history tbody tr td:first-child p {
  font-size: 9pt;
  color: #959595;
}

table.credit-purchase-history tbody tr td {
  text-align: left;
}

table.credit-purchase-history tbody tr td:nth-child(6),

table.credit-purchase-history tbody tr td:nth-child(7) {
  text-align: center;
}

table.credit-purchase-history tbody tr td:first-child p {
  font-size: 9pt;
  color: #959595;
}

table.purchased-tips-detail tbody tr td {
  text-align: left;
  border: none;
}

table.purchased-tips-detail tbody tr {
  border: 1px solid #d7d7d7;
}

table.purchased-tips-detail tbody tr:nth-child(even) td {
  background: #f5f5f5;
}

table.purchased-tips-detail tbody tr td:last-child {
  text-align: center;
  text-transform: uppercase;
}

table.transactionh-table thead tr th {
  text-align: left;
}

table.transactionh-table tbody tr td {
  border: none;
}

table.transactionh-table tbody tr {
  border: 1px solid #d7d7d7;
}

table.transactionh-table tbody tr td:first-child p {
  font-size: 9pt;
  color: #959595;
}

table.transactionh-table tbody tr:nth-child(even) td {
  background: #f5f5f5;
}

.message-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.message-box {
  width: 100%;
  position: relative;
  overflow: auto;
  height: 500px;
  display: block;
  padding: 30px 0px 15px;
}

.message-row {
  display: block;
  width: 100%;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.message-time {
  display: block;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
  background: #fff;
  width: 100%;
}

.message-received .message-time {
  text-align: left;
  left: 15px;
}

.message-send .message-time {
  text-align: right;
  right: 15px;
}

span.message-user {
  font-family: "Montserrat Bold";
  font-size: 10pt;
  color: #000;
}

span.message-sendtime {
  font-family: "Montserrat Regular";
  font-size: 10pt;
  color: #959595;
  margin-left: 10px;
}

.message-content {
  padding: 10px 20px;
  min-width: auto;
  max-width: 500px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
}

.message-received .message-content {
  float: left;
  margin-left: 30px;
  background: #fce533;
}

.message-received .message-content:before {
  content: "";
  position: absolute;
  left: -14px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 14px solid #fce533;
  border-bottom: 9px solid transparent;
}

.message-send .message-content {
  float: right;
  margin-right: 30px;
  background: #154a76;
  color: #fff;
}

.message-send .message-content:before {
  content: "";
  position: absolute;
  right: -14px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-left: 14px solid #154a76;
  border-bottom: 9px solid transparent;
}

textarea.message-input {
  height: 150px;
}

.message-wrapper .attachment-button {
  margin-left: 20px;
}

.member-profile-edit h2 {
  font-size: 11pt;
  font-family: "Montserrat Regular";
  padding-bottom: 5px;
  border-bottom: 1px solid #fce533;
}

[type="radio"]:checked,

[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked+label,

[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

[type="radio"]:checked+label:before,

[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked+label:after,

[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #154a76;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

ul.radio-button-group li {
  display: inline-block;
  margin: 5px 0px;
  margin-right: 20px;
}

ul.radio-button-group li:last-child {
  margin-right: 0px;
}

.profile-edit-form {
  width: 100%;
  max-width: 500px;
}

.country-code-no {
  width: 100%;
  overflow: hidden;
}

.country-code-no input {
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.country-code-no input#country-code,
.country-code-no input.country-code {
  width: 20%;
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-right: none;
}

.country-code-no input#mobile-number,
.country-code-no input.mobile-number {
  width: 80%;
  border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}

.tipster-details {
  width: 100%;
  display: table;
  position: relative;
  overflow: hidden;
}

.tipster-profile-image {
  display: table-cell;
  vertical-align: top;
  padding: 0px 15px;
  width: 150px;
}

.tipster-profile-info {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}

.tipster-profile-image span {
  display: block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.tipster-profile-image span img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.tipster-profile-image span:hover img {
  transform: scale(1.2);
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.tipster-info-header {
  width: 100%;
  overflow: hidden;
}

.tipster-info-header ul {
  overflow: hidden;
}

.tipster-info-header ul li {
  padding: 10px 0px;
}

.tipster-info-header ul li:first-child {
  float: left;
}

.tipster-info-header ul li:first-child p {
  font-family: "Montserrat Medium";
  font-size: 11pt;
  display: block;
  margin-bottom: 10px;
  line-height: 15pt;
  line-height: 0;
  text-transform: uppercase;
  color: #000;
}

.tipster-info-header ul li:first-child span {
  font-size: 10pt;
  color: #959595;
  text-transform: uppercase;
}

.tipster-info-header ul li:last-child {
  float: right;
}

.tipster-info-footer {
  width: 100%;
}

.tipster-info-footer ul {
  width: 100%;
  padding: 20px 0px;
  text-align: center;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.tipster-info-footer ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0px 20px;
  margin: 0 auto;
  width: 32%;
}

.tipster-info-footer ul li:nth-child(2) {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}

.tipster-info-footer ul li span {
  font-size: 12pt;
  font-family: "Montserrat Medium";
  display: block;
  margin-bottom: 5px;
}

.tipster-info-footer ul li:last-child {
  border-right: none;
}

#tipsterprofile {
  display: block;
}

ul.performance-statistic {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 10px 0px;
}

ul.performance-statistic li {
  display: block;
  margin-right: 1%;
  margin-bottom: 5px;
  text-align: center;
  float: left;
  width: 19.2%;
  padding: 15px 5px;
  color: #fff;
}

ul.performance-statistic li:last-child {
  margin-right: 0px;
}

ul.performance-statistic li span {
  font-family: "Montserrat Bold";
  font-size: 11pt;
}

.tipster-tips-statistic {
  background: #f5f5f5;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 10px 10px;
}

.tipster-tips-statistic table {
  float: left;
  width: 50%;
}

.tipster-tips-statistic table:first-child {
  border-right: 1px solid #d7d7d7;
}

.tipster-tips-statistic table tr td {
  padding: 10px 20px;
  width: 50%;
}

.tipster-tips-statistic table tr td:first-child {
  text-align: left;
}

.tipster-tips-statistic table tr td:last-child {
  text-align: right;
  font-family: "Montserrat Bold";
}

.pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
}

.pie-value {
  display: block;
  position: absolute;
  font-size: 14px;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  line-height: 40px;
}

ul.tipster-service-chart {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

ul.tipster-service-chart li {
  display: inline-block;
  margin: 5px 10px 25px;
  width: 30%;
}

ul.tipster-service-chart li p {
  line-height: 12pt;
  color: #959595;
}

.tipster-social_share {
  width: 100%;
  margin: 30px 0px 20px;
  display: block;
}

.tipster-social_share ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  text-align: center;
}

.tipster-social_share ul li:first-child {
  color: #959595;
}

.tipster-social_share ul li:last-child {
  margin-right: 0px;
}

.tipster-social_share ul li a {
  display: block;
}

.tipster-social_share ul li a i {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12pt;
  color: #fff;
}

.tipster-social_share ul li a i.fa-google-plus {
  background: #fd5346;
}

.tipster-social_share ul li a i.fa-google-plus:hover {
  background: #b13b32;
}

.tipster-social_share ul li a i.fa-facebook {
  background: #4b75bd;
}

.tipster-social_share ul li a i.fa-facebook:hover {
  background: #3f629e;
}

.tipster-social_share ul li a i.fa-twitter {
  background: #02c6ff;
}

.tipster-social_share ul li a i.fa-twitter:hover {
  background: #01abdd;
}

.tipster-social_share ul li a i.fa-pinterest-p {
  background: #ff3536;
}

.tipster-social_share ul li a i.fa-pinterest-p:hover {
  background: #de3031;
}

.tipster-current-active-tips {
  position: relative;
  border: 1px solid #d7d7d7;
}

table.tipster-tips-history tr td,

table.tipster-tips-history tr th {
  font-size: 8pt;
}

table.tipster-tips-history tr td:last-child b {
  display: block;
}

table.tipster-tips-history tr td:first-child p,

table.tipster-tips-history tr td:nth-child(2) p {
  color: #959595;
}

table.tipster-tips-history tr td:nth-child(5),

table.tipster-tips-history tr td:nth-child(6),

table.tipster-tips-history tr td:nth-child(7),

table.tipster-tips-history tr td:nth-child(8) {
  text-align: center;
}

table.tipster-tips-history tr:nth-child(even) td {
  background: #f5f5f5;
}

.aboutus-quote {
  padding-left: 40px;
  padding-bottom: 50px;
}

ul.blockquote {
  padding: 0px 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-left: 3px solid #fce533;
  margin: 20px 0px;
}

ul.blockquote li {
  display: inline-block;
  float: left;
  padding: 0px 20px 0px 20px;
  width: 50%;
  color: #959595;
}

.tipster-profile-tips-history {
  min-height: 500px;
}

a.bundle-button {
  background: var(--themepink) !important;
  color: #fff !important;
  margin-top: 10px !important;
}

a.bundle-button:hover {
  background: var(--themepurple) !important;
}

.bundle-tips-purchase {
  width: 100%;
  margin: 10px 0px;
  overflow: hidden;
}

.bundle-tips-purchase a {
  width: 47%;
  font-size: 9pt;
}

table.runningsub-table thead tr th {
  text-align: center;
}

table.runningsub-table tbody tr {
  border: 1px solid #d7d7d7;
}

table.runningsub-table tbody tr td {
  border: none;
}

table.runningsub-table tbody tr td a {
  font-family: "Montserrat Medium";
  color: var(--themepink);
}

table.runningsub-table tbody tr td a:hover {
  text-decoration: underline;
}

table.runningsub-table tbody tr td b {
  display: block;
  color: #898989;
}

table.runningsub-table tbody tr:nth-child(even) td {
  background: #f5f5f5;
}





















/* match info*/



.matchinfo-cover {
  width: 700px;
}

table.matchinfo-table {
  width: 90%;
  margin: 0 auto;
}

table.matchinfo-table thead tr th {
  padding: 5px 10px;
}

table.matchinfo-table tbody tr td {
  padding: 3px 10px;
}

.fa-square.yellowredcard {
  position: relative;
  color: #cd1b38 !important;
}

.fa-square.yellowredcard:after {
  position: absolute;
  top: -4px;
  left: -4px;
  font-family: "FontAwesome";
  content: "\f0c8";
  color: #ffc427 !important;
}

.tabcontent li,

li.allgame,

li.livegame,

li.upcominggame,

li.finishgame,

li.selectedgame {
  list-style: none;
}

.tabcontent li h3 {
  font-family: "Montserrat Regular";
  font-size: 11pt;
  text-transform: uppercase;
  margin: 20px 0px 0px 0px;
  color: #000;
}

.tabcontent li div.h3 {
  font-family: "Montserrat Regular";
  font-size: 11pt;
  text-transform: uppercase;
  margin: 20px 0px 0px 0px;
  color: #000;
}

.tabcontent li div.h3 span {
  float: right;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 11pt;
  margin: 0px 0px 0px 8px;
}

.tabcontent li div.h3 span i {
  display: inline-block;
  font-size: 12pt;
  color: #1abc9c;
}

.tabcontent li div.h3 span i:hover {
  color: #ef413d;
}

.tabcontent li div.h3 span b {
  display: none;
  margin: 0px 0px 0px 5px;
}

.tabcontent li div.h3 a {
  float: right;
  font-family: "Montserrat Regular";
  font-size: 11pt;
  text-transform: uppercase;
  position: relative;
  color: #000;
}

.tabcontent li div.h3 a:hover {
  text-decoration: underline;
}

.tabcontent li div.h3 a i {
  display: inline-block;
  margin: 0px 5px 0px 0px;
  color: #ef413d;
  font-size: 11pt;
}

.tabcontent li table.res-table {
  border-top: 6px solid #154a76;
  background: #fff;
}

.tabcontent li table.res-table tr td {
  padding: 10px 10px;
  font-size: 9pt;
  line-height: 12pt;
  color: #000;
  border: solid 1px #d7d7d7;
  vertical-align: middle;
  text-align: center;
}

.tabcontent li table.res-table tr td.country1 {
  text-align: left;
}

.tabcontent li table.res-table tr td.country2 {
  text-align: left;
}

.tabcontent li table.res-table tr td b {
  cursor: pointer;
}

.tabcontent li table.res-table tr td b i {
  color: #1abc9c;
}

.tabcontent li table.res-table tr td b:hover i {
  color: #ef413d;
}

.tabcontent li table.res-table tr td b span {
  display: none;
  font-size: 11pt;
  color: #f82b2b;
  margin: 0px 0px 0px 5px;
}

.tabcontent li table.res-table tr td b:hover span {
  color: #ffffff;
}

.tabcontent li table.res-table tr td a {
  color: var(--themepink);
}

.tabcontent li table.res-table tr td a:hover {
  text-decoration: underline;
}

.tabcontent li table.res-table tr td:nth-child(3),

.tabcontent li table.res-table tr td:nth-child(5) {
  text-align: left;
}

.tabcontent li table.res-table tr td:nth-child(4) {
  cursor: pointer;
}

.tabcontent li table.res-table tr td:nth-child(4),

.tabcontent li table.res-table tr td:nth-child(6) {
  padding: 10px 2px;
}

.tabcontent li table.res-table tr td:nth-child(7),

.tabcontent li table.res-table tr td:nth-child(8),

.tabcontent li table.res-table tr td:nth-child(9) {
  text-transform: uppercase;
  padding: 10px 3px;
}

.tabcontent li table.res-table tr td:nth-child(7) {
  border-right: none;
  border-left: none;
}

.tabcontent li table.res-table tr td:nth-child(8) {
  border-right: none;
  border-left: none;
}

.tabcontent li table.res-table tr td:nth-child(9) {
  border-left: none;
}

select[name=dob_day],

select[name=dob_month],

select[name=dob_year] {
  display: block;
  padding: 7px 20px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "Montserrat Light";
  background: url(../images/angle-down.png) no-repeat right 5px center;
  cursor: pointer;
  width: 100%;
  max-width: 130px;
}

.country-select select {
  display: block;
  padding: 7px 20px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "Montserrat Light";
  background: url(../images/angle-down.png) no-repeat right 5px center;
  cursor: pointer;
  width: 100%;
}

.blog_ul_tag {
  width: 100%;
  display: block;
  padding: 20px 0px;
}

.blog_ul_tag ul {
  width: 100%;
}

.blog_ul_tag ul li {
  display: inline-block;
  margin: 5px 10px;
  paddding: 0;
}

.blog_ul_tag ul li a {
  display: block;
  padding: 5px 10px;
  font-size: 9pt;
  border: 1px solid var(--themepurple);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  color: #000;
  text-transform: uppercase;
}

.blog_ul_tag ul li:first-child {
  margin-left: 0;
}

.blog_ul_tag ul li a:hover {
  background: var(--themepurple);
  color:#fff;
}

.error-page {
  padding: 100px 0px 100px;
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.error-page img {
  display: block;
  margin: 0 auto 50px;
  width: 100%;
  max-width: 600px;
}

.error-page a {
  margin: 30px 0px;
  text-align: center;
  display: inline-block;
  color: var(--themepink);
}

.error-page a:hover {
  text-decoration: underline;
}

ul.most-tips-countries {
  width: 100%;
  margin: 20px 0px;
  overflow: hidden;
  padding: 0px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

ul.most-tips-countries li {
  display: table;
  width: 100%;
  margin: 5px 0px 20px;
}

ul.most-tips-countries li .countries-logo {
  height: 30px;
  width: 35px;
  display: table-cell;
  vertical-align: middle;
}

ul.most-tips-countries li .countries-logo img {
  width: 100%;
  height: 100%;
}

ul.most-tips-countries li .countries-tips-amount {
  display: table-cell;
  vertical-align: top;
  padding: 0px 0px 0px 10px;
  overflow: hidden;
}

ul.most-tips-countries li .countries-tips-amount span.country-name {
  float: left;
  font-size: 10pt;
  color: #000;
  display: block;
  text-transform: capitalize;
}

ul.most-tips-countries li .countries-tips-amount span.country-tips {
  float: right;
  font-size: 10pt;
  color: #000;
  display: block;
}

ul.most-tips-countries li .countries-tips-amount .country-progress-outline {
  display: block;
  width: 100%;
  height: 8px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #f5f5f5;
  position: relative;
}

ul.most-tips-countries li .countries-tips-amount .country-progress-outline span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #5285d5;
}

.winingawards {
  display: table;
  width: 100%;
  overflow: hidden;
  padding: 20px 0px;
}

.winingstreak {
  display: table-cell;
  vertical-align: bottom;
  width: 30%;
}

.winingmedal {
  display: table-cell;
  vertical-align: bottom;
  width: 70%;
}

.winingstreak .goldtrophy {
  display: block;
  position: relative;
  text-align: center;
}

.winingstreak .goldtrophy img {
  width: auto;
  margin: 0 auto;
  height: auto;
}

.winingstreak .goldtrophy span {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 40pt;
  line-height: 45pt;
  color: #000;
  font-family: "Montserrat Medium";
}

.winingstreak .goldtrophy span:before {
  content: "Winnings";
  color: #898989;
  font-size: 10pt;
  font-family: "Montserrat Regular";
  position: absolute;
  top: calc(100%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60px;
  line-height: 0;
}

.winingstreak p {
  font-size: 11pt;
  font-family: "Montserrat Regular";
  color: #000;
  text-align: center;
  padding-top: 10px;
}

.winingmedal {
  background: #f5f5f5;
  overflow: hidden;
  padding: 20px 0px 15px;
}

.winingmedal ul {
  padding: 0px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 50%;
  float: left;
}

.winingmedal ul:nth-child(1) {
  border-right: 1px solid #d7d7d7;
}

.winingmedal ul li {
  display: block;
  padding: 10px 0px;
  overflow: hidden;
  height: 60px;
}

.winingmedal ul li img {
  display: block;
  width: 21px;
  height: 30px;
  float: left;
  margin-right: 15px;
}

.winingmedal ul li p {
  float: left;
  font-family: "Montserrat Regular";
  color: #000;
  line-height: 11pt;
  margin-top: 0px;
}

.winingmedal ul li span {
  display: block;
  float: right;
  color: #1abc9c;
  text-align: center;
  font-size: 15pt;
  line-height: 12pt;
  font-family: "Montserrat Medium";
}

.winingmedal ul li span b {
  font-size: 10pt;
  display: block;
  color: #898989;
  text-align: center;
  font-family: "Montserrat Medium";
}

a.enteractivation {
  display: inline-block;
  vertical-align: middle;
  font-size: 10pt;
  padding: 5px 20px;
  background: var(--themeblue);
  color: #fff;
  text-align: center;
}

.guarantee span {
  cursor: pointer;
  display: inline-block;
}

#purchased-bundletips-detail .popup-content {
  max-width: 900px;
}

table.bundletips-detail thead tr th {
  text-align: left;
}

table.bundletips-detail {
  min-width: 800px;
  width: 99%;
}

.table-overflow {
  overflow-x: auto;
}

ul.bundle-detail-overall {
  float: right;
  width: 250px;
  overflow: hidden;
  padding: 20px 0px 10px;
}

ul.bundle-detail-overall li {
  display: block;
  color: #000;
  width: 100%;
  margin: 5px 0px !important;
  overflow: hidden;
}

ul.bundle-detail-overall li span {
  float: left;
  font-weight: bold;
  font-size: 10pt;
  color: #000;
}

ul.bundle-detail-overall li b {
  float: right;
  font-size: 10pt;
  color: #000;
}

.banktransfer-country {
  width: 100%;
  position: relative;
}

.bank-selection {
  width: 100%;
}

ul.countrybank {
  padding: 10px 0px;
  width: 100%;
}

ul.countrybank li {
  display: inline-block;
  margin: 5px 10px 5px 0px;
  border: 1px solid #d7d7d7;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  color: #d7d7d7;
  cursor: pointer;
  font-family: "Montserrat Bold";
}

ul.countrybank li:last-child {
  margin-right: 0;
}

ul.countrybank li.active {
  border: 1px solid #000;
  color: #000;
  background: #fce533;
  position: relative;
}

ul.bank-list {
  margin-top: 20px;
}

ul.bank-list li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  vertical-align: middle;
}

ul.bank-list li a {
  display: block;
  padding: 10px 10px;
  border: 1px solid #d7d7d7;
  width: 142px;
  height: 82px;
  opacity: 0.5;
  position: relative;
}

ul.bank-list li.active a {
  border: 1px solid #000;
  opacity: 1;
}

ul.bank-list li.active a:before {
  content: "\f058";
  position: absolute;
  top: 5px;
  right: 5px;
  color: #016304;
  font-family: "FontAwesome";
  font-size: 20pt;
}

.bank-available {
  display: none;
}

#banktransfer-choice {
  display: none;
}

#paypalmsg,

#skrillmsg {
  display: none;
}



/*responsive */

.email-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
}

.email-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.email-check {
  position: absolute;
  width: 95%;
  max-width: 700px;
  max-height: 80%;
  overflow-y: auto;
  background: #f5f5f5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 30px 30px;
}

.email-check h1,
.email-check .h1 {
  font-size: 18pt;
  font-family: "Montserrat Medium";
  line-height: 23pt;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.email-check .div-line {
  width: 70px;
  height: 5px;
  background: #ccc;
  display: block;
  margin: 10px 0;
  border-top: 1px solid #d7d7d7;
}

.email-check input[type="submit"] {
  width: 200px;
}

.email-check span.checkemail {
  display: block;
  padding-bottom: 20px;
}

.select-language {
  float: right;
  margin-right: 10px;
}

.select-language select {
  display: block;
  padding: 3px 25px 3px 5px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "Montserrat Light";
  background: url(../images/angle-down.png) no-repeat center right -1px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  margin-top: 8px;
}

.select-language select option {
  color: #000;
}

.cookie-policy {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cookie-policy div {
  font-family: "Montserrat Bold";
  display: block;
  font-size: 12pt;
  line-height: 16pt;
  margin: 10px 0px 10px 0px;
  color: #000;
}

.cookie-policy b {
  font-family: "Montserrat Medium";
}

.cookie-policy p {
  margin-bottom: 20px;
}

.cookie-policy ul {
  margin-bottom: 20px;
  margin-left: 20px;
}

.cookie-policy ul li {
  list-style-type: disc;
  margin: 3px 0px;
}


/* cookie notice */
.cookie-notice {
  display: block;
  position: fixed;
  width: 100%;
  bottom: -100%;
  left: 0;
  padding: 15px 30px 15px 30px;
  background: #fce533;
  overflow: hidden;
  border-top: solid 1px #ffffff;
  z-index: 20000000000;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1 ease;
  -ms-transition: all 1s ease;
}

.move-cookie {
  bottom: 0 !important;
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -ms-transition: all 1s ease;
}

.cookie-notice p {
  display: block;
  float: left;
  font-family: "Montserrat Regular";
  font-size: 9pt;
  color: #000;
  padding: 10px 0px 10px 0px;
}

.cookie-notice p a {
  display: inline-block;
  font-family: "Montserrat Regular";
  font-size: 9pt;
  color: var(--themepink);
  margin: 0px 0px 0px 5px;
}

.cookie-notice p a:hover {
  text-decoration: underline;
}

.cookie-notice b {
  display: block;
  float: right;
  padding: 5px 20px 5px 20px;
  font-family: "Montserrat Medium";
  text-transform: uppercase;
  font-size: 10pt;
  color: #000;
  border: solid 1px #000;
  cursor: pointer;
  margin-top: 4px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
}

.cookie-notice b:hover {
  background: #000;
  color: #fff;
}

/* cookie notice */



/*paymentmethod footer */
.paymentmethodimg {
  width: 100%;
  position: relative;
  background: #f5f5f5;
  padding: 0px 10px;
}

.paymentmethodimg-cover {
  padding: 15px 0px 15px;
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.paymentmethodimg-cover p {
  font-size: 10pt;
  font-family: "Montserrat Medium";
  color: #000;
  margin-bottom: 5px;
  text-transform: uppercase;
}

ul.paymentimg-list {
  width: 100%;
  overflow: hidden;
}

ul.paymentimg-list li {
  float: left;
  width: 78px;
  height: 45px;
  background-size: 80% !important;
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  margin: 5px 15px 5px 0px;
  padding: 5px 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ebebeb;
}

ul.paymentimg-list li:last-child {
  margin-right: 0;
}

/*paymentmethod footer */


/*editprofile verified*/
#verifymobile-pop input.color-button {
  cursor: pointer;
  width: 150px;
  margin: 5px 0px;
  display: inline-block;
  vertical-align: middle;
}

#verifymobile-pop input.color-button.sendverified {
  margin-right: 10px;
}

#verifymobile-pop input.input-field {
  max-width: 400px;
  margin-bottom: 20px;
}

.country-code-no b {
  float: right;
  color: #f0c516;
  text-transform: uppercase;
  cursor: pointer;
  font-family: "Montserrat Medium";
}

.country-code-no b.verifiedpop:hover {
  text-decoration: underline;
}

/*editprofile verified*/


/*verified extracredit*/
.verified-extracredit {
  display: block;
}

.verified-extracredit img {
  width: 100%;
}

/*verified extracredit*/

/*blog page*/
.blog-detail-content ol {
  width: 100%;
}

.blog-detail-content ol li {
  list-style-type: decimal;
  margin-left: 15px;
}

.blog-detail-content>a {
  color: #000;
  border-bottom: 1px solid #fce533;
  display: inline-block;
  margin-bottom: 10px;
}


/*mobile apps page*/
.mobileapp-top {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 0px 0px 40px;
}

.mobileapp-top div {
  text-align: center;
  color: #636363;
  font-size: 12pt;
  font-family: "Montserrat Medium";
  display: block;
  padding-bottom: 5px;
  line-height: 17pt;
}

.mobileapp-top h1,
.mobileapp-top .h1 {
  color: #23649f;
  font-family: "Montserrat Medium";
  display: block;
  font-size: 25pt;
  line-height: 30pt;
  text-align: center;
  padding-bottom: 10px;
}

.mobileapp-top h1 b,
.mobileapp-top .h1 b {
  font-size: 18pt;
  font-family: "Montserrat Light";
  color: #636363;
}

.mobileapp-top div.h3 {
  display: table;
  font-family: "Montserrat Medium";
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px;
  background: #fce533;
  color: #163957;
  font-size: 12pt;
}

.mobileapp-store-bg {
  background: url(../images/mobileapps/app-bg1.png);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 500px;
  widht: 100%;
  display: block;
}

.mobile-app-store {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}

.mobile-app-store span {
  width: 430px;
  margin: 0 auto;
  display: block;
}

.mobile-app-store span p {
  color: #000;
  font-size: 10pt;
  font-family: "Montserrat Medium";
  padding-bottom: 5px;
}

.mobile-app-store span a.appstore {
  background: url(../images/mobileapps/appstore-black.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 207px;
  height: 71px;
  margin-bottom: 10px;
  display: block;
}

.mobile-app-store span a.googleplay {
  background: url(../images/mobileapps/google-black.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 207px;
  height: 71px;
  display: block;
}

.mobileapp-desc {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 30px 0px 50px;
}

.mobileapp-desc p {
  font-family: "Montserrat Light";
  font-size: 15pt;
  line-height: 20pt;
  color: #000;
  text-align: center;
  display: block;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.mobileapp-feature {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 30px 0px 0px;
  min-height: 700px;
}

.mobileapp-feature-left {
  width: 100%;
  padding-right: 550px;
  display: block;
  padding-top: 100px;
}

.mobileapp-feature-left ul {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
}

.mobileapp-feature-left ul li {
  display: inline-block;
  vertical-align: middle;
  width: 270px;
  padding: 0px 20px;
  margin-bottom: 70px;
  text-align: center;
}

.mobileapp-feature-left ul li span {
  display: block;
  text-align: center;
  color: #23649f;
  font-family: "Montserrat Light";
  font-size: 15pt;
  line-height: 20pt;
  padding-bottom: 15px;
  position: relative;
}

.mobileapp-feature-left ul li span:before {
  content: "";
  width: 30px;
  height: 2px;
  background: #d7d7d7;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.mobileapp-feature-left ul li p {
  color: #000;
  font-size: 10pt;
  line-height: 14pt;
  padding-top: 10px;
}

.mobileapp-feature-right {
  position: absolute;
  right: 0;
  bottom: -40px;
  width: 539px;
  height: 812px;
  z-index: -1;
}

.mobileapp-feature-right img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.mobileapp-getfreedownload {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: -20px auto 0px;
  display: block;
  padding: 0px 0px 0px;
}

.mobileapp-getfreedownload span {
  background: #23649f;
  padding: 30px 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: block;
}

.mobileapp-getfreedownload span p {
  text-align: center;
  color: #fff;
  font-size: 20pt;
  font-family: "Montserrat Light";
  padding-bottom: 20px;
  line-height: 25pt;
}

.mobileapp-getfreedownload span p b {
  font-family: "Montserrat Bold";
}

.mobileapp-getfreedownload span ul {
  display: block;
  text-align: center;
}

.mobileapp-getfreedownload span ul li {
  display: inline-block;
  margin: 5px 10px;
  vertical-align: middle;
}

.mobileapp-getfreedownload span ul li a {
  display: block;
  width: 200px;
  height: 67px;
}

.mobileapp-getfreedownload span ul li a.appstore {
  background: url(../images/mobileapps/appstore-white.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mobileapp-getfreedownload span ul li a.googleplay {
  background: url(../images/mobileapps/google-white.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mobileapp-footer {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 50px 0px 100px;
}

.mobileapp-footer p {
  font-family: "Montserrat Light";
  font-size: 12pt;
  line-height: 17pt;
  color: #000;
  text-align: center;
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

/*mobile apps page*/


/*floating mobile*/
.floating-mobile {
  position: fixed;
  left: -72px;
  bottom: 30%;
  z-index: 999999;
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.floating-mobile a {
  background: rgba(35, 83, 128, 1);
  background: -moz-linear-gradient(top, rgba(35, 83, 128, 1) 0%, rgba(27, 63, 97, 1) 50%, rgba(2, 36, 64, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35, 83, 128, 1)), color-stop(50%, rgba(27, 63, 97, 1)), color-stop(100%, rgba(2, 36, 64, 1)));
  background: -webkit-linear-gradient(top, rgba(35, 83, 128, 1) 0%, rgba(27, 63, 97, 1) 50%, rgba(2, 36, 64, 1) 100%);
  background: -o-linear-gradient(top, rgba(35, 83, 128, 1) 0%, rgba(27, 63, 97, 1) 50%, rgba(2, 36, 64, 1) 100%);
  background: -ms-linear-gradient(top, rgba(35, 83, 128, 1) 0%, rgba(27, 63, 97, 1) 50%, rgba(2, 36, 64, 1) 100%);
  background: linear-gradient(to bottom, rgba(35, 83, 128, 1) 0%, rgba(27, 63, 97, 1) 50%, rgba(2, 36, 64, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#235380', endColorstr='#022440', GradientType=0);
  display: block;
  padding: 9px 10px;
  width: 182px;
}

.floating-mobile a b {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  width: 25px;
  height: 25px;
}

.floating-mobile a b img {
  width: 100%;
}

.floating-mobile a p {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

/*floating mobile*/





/*thankyou page css*/
.registersuccess,
.actionsuccess {
  display: block;
}

.registersuccess h2,
.actionsuccess h2 {
  display: block;
  font-size: 20pt;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #000;
  font-family: "Montserrat Medium";
}

.registersuccess h2 i,
.actionsuccess h2 i {
  font-size: 30pt;
  display: inline-block;
  vertical-align: sub;
}

.registersuccess p,
.actionsuccess p {
  color: #000;
  padding-bottom: 20px;
  font-size: 10pt;
  line-height: 14pt;
}

.registersuccess a,
.actionsuccess a {
  display: inline-block;
}

.payment-redirect-loading {
  display: block;
}

.payment-redirect-loading img {
  width: 50px;
  margin: 0 auto;
  display: block;
}

.payment-redirect-loading span {
  color: #898989;
  padding-top: 10px;
  font-size: 10pt;
  padding-bottom: 50px;
  display: block;
  text-align: center;
}

.payment-redirect-loading p {
  color: #000;
  font-size: 10pt;
  line-height: 15pt;
  text-align: center;
}

/*thankyou page css*/




/*neteller*/
.neteller-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
}

.neteller-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.neteller-check {
  position: absolute;
  width: 95%;
  max-width: 700px;
  max-height: 80%;
  overflow-y: auto;
  background: #f5f5f5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 30px 30px;
}

.neteller-check h1,
.neteller-check .h1 {
  font-size: 18pt;
  font-family: "Montserrat Medium";
  line-height: 23pt;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.neteller-check .div-line {
  width: 70px;
  height: 5px;
  background: #ccc;
  display: block;
  margin: 10px 0;
  border-top: 1px solid #d7d7d7;
}

.neteller-check input[type="submit"] {
  width: 200px;
}

.neteller-check span.checkemail {
  display: block;
  padding-bottom: 20px;
}

/*netelle*/


/*wechat_alipay*/
.submit-wechat .qr_button,
.submit-alipay .qr_button {
  padding: 0px 10px;
  height: 38px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
  font-family: "Montserrat Regular";
  background: #1abc9c;
  color: #fff;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}

.right-checkout-box span.submit-wechat,
.right-checkout-box span.submit-alipay {
  font-size: 10pt;
  margin-bottom: 0;
}

#qr-scan.popup .popup-content .auto_center {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}

#qr-scan .auto_center img {
  display: block;
  width: 100%;
}

#qr-scan.popup .popup-content {
  max-width: 360px;
}


/*wechat_alipay*/





/*payment method*/
.payment-content {
  padding: 50px 25px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #d7d7d7;
  overflow: hidden;
  position: relative;
}

.payment-content .left {
  display: block;
  float: left;
  width: 48%;
  min-height: 400px;
  border: 1px solid #c3c3c3;
  margin-bottom: 30px;
}

.payment-content .left .row {
  padding: 20px 20px;
  display: block;
  overflow: hidden;
}

.payment-content .right {
  display: block;
  float: right;
  width: 48%;
  min-height: 400px;
  border: 1px solid #c3c3c3;
  margin-bottom: 30px;
}

.payment-content .right .row {
  padding: 20px 20px;
  display: block;
  overflow: hidden;
}

.payment-content .lefttable-header {
  padding: 10px 10px 10px 20px;
  background: var(--themepurple);
  font-family: "Montserrat Regular";
  text-transform: uppercase;
  color:#ffffff;
}

.payment-content .column-left {
  float: left;
  width: 33.33%;
  text-align: center;
  padding: 0px 10px 0px 10px;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 20px;
  height: 100px;
}

.payment-content .column-left span,
.payment-content .column-right span {
  background-color: #ebebeb;
  padding: 10px 10px 10px 10px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.payment-content .column-left div,
.payment-content .column-right div {
  font-size: 9pt;
  padding: 10px 10px 0px 10px;
  line-height: 11pt;
}

.payment-content .column-left span img,
.payment-content .column-right span img {
  width: 100%;
  display: inline-block;
}

.payment-content .righttable-header {
  padding: 10px 10px 10px 20px;
  background: var(--themepurple);
  color:#ffffff;
  font-family: "Montserrat Regular";
  text-transform: uppercase;
}

.payment-content .column-right {
  float: left;
  width: 33.33%;
  text-align: center;
  padding: 0px 10px 0px 10px;
  margin-bottom: 20px;
 
}

.payment-content .cta-1 a {
  display: inline-block;
  margin: 10px 10px;
  text-align: center;
  width: 250px;
  font-weight: bold;
  text-align: center;
}

.payment-content .cta-1 h1,
.payment-content .cta-1 .h1 {
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  margin-top: 40px;
  line-height: 35px;
}

.payment-content .cta-1 p {
  text-align: center;
  margin-top: 10px;
}

.payment-content .cta-1-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}



/*payment method*/




/*fixture-tips*/

.fixture-content {
  display: block;
  width: 100%;
  background: #fff;
}

.team-versus {
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px 10px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.team-versus .teamname>span {
  display: block;
  color: #fff;
  font-size: 17pt;
  text-transform: uppercase;
  font-family: "Montserrat Bold";
  padding-bottom: 10px;
  padding-top: 10px;

}

.team-versus .teamname>span b {
  color: #ffc528;
  font-size: 11pt;
}

.team-versus .teamname>p {
  display: block;
  color: #fff;
  font-size: 12pt;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.team-versus .teamname ul {
  text-align: center;
  display: block;
  margin: 20px 0px 30px;
}

.team-versus .teamname ul li {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  margin: 0 0;
}

.team-versus .teamname ul li:nth-child(2) b {
  display: block;
  color: #ffc528;
  font-size: 12pt;
  padding-bottom: 8px;
}

.team-versus .teamname ul li:nth-child(2) i {
  display: block;
  color: #fff;
  font-size: 16pt;
}

.fixture-content .tips-box {
  margin-top: 0;
}

.fixture-content .todaytips-list h2.sub-title {
  display: block;
  font-family: "Lato-Regular";
  font-size: 11pt;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0px 0px 10px 0px;
}

.fixture-content .todaytips-list {
  margin-bottom: 30px;
  padding: 20px 20px;
}

.fixture-content .tipster-profile .pright .pdesc span a {
  display: block;
  padding: 10px 10px;
  background: #fdc62f;
  color: #000;
  max-width: 150px;
  font-size: 10pt;
  font-family: "Lato-SemiBold";
  text-align: center;
  border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;

  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.fixture-content .tipster-profile .pright .pdesc span {
  height: auto;
}

.fixture-content .tipster-profile .pright {
  padding: 30px 30px 30px 30px;
  display: table-cell;
  vertical-align: top;
}

.fixture-content .tipster-profile .pleft {
  display: table-cell;
  vertical-align: top;
}

.fixture-content .tipster-profile .pleft .pimg {
  width: 76px;
  height: 76px;
}

.fixture-content .tipster-profile .pright .pdesc ul.p-number {
  background: #272727;
}

.fixture-content .tipster-profile .pright .pdesc span h2 {
  color: #fdc62f;
}

.fixture-content .tipster-profile {
  margin-bottom: 0;
  overflow: hidden;
  width: 100%;
  padding: 20px 20px;
}

.fixture-content .livescore-h2h {
  margin-bottom: 30px;
  padding: 20px 20px;
}

.fixture-content .odds-compare {
  display: block;
  padding: 20px 20px;
  margin-bottom: 30px;
}

.fixture-content .profile-performance {
  margin-bottom: 30px;
  padding: 0px 20px;
}

.fixture-content .odds-compare h2 {
  display: block;
  font-family: "Lato-Regular";
  font-size: 11pt;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: solid 1px #272727;
}

.fixture-content .odds-compare .odds-box {
  display: block;
  width: 100%;
  overflow: hidden;
}

.fixture-content .odds-compare .odds-box .homeaway-odds {
  display: none;
  overflow: hidden;
}

.fixture-content .odds-compare .odds-box ul.odds-select {
  display: block;
  overflow: hidden;
  border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
}

.fixture-content .odds-compare .odds-box ul.odds-select li {
  display: block;
  float: left;
  width: 16.5%;
}

.fixture-content .odds-compare .odds-box ul.odds-select li:last-child {
  width: 17.5%;
}

.fixture-content .odds-compare .odds-box ul.odds-select li a {
  display: block;
  text-align: center;
  color: #fff;
  background: #444444;
  padding: 10px 5px;
  font-size: 8pt;
  border-right: 1px solid #323232;
}

.fixture-content .odds-compare .odds-box ul.odds-select li a:hover {
  color: #ffc427;
}

.fixture-content .odds-compare .odds-box ul.odds-select li.active a {
  background: var(--themeblue);
  color: #fff;
}

.fixture-content .odds-compare select {
  display: block;
  border: none;
  width: 100%;
  padding: 10px 10px;
  background: #444444 url(../images/angle-down.png) no-repeat center right 10px;
  color: #fff;
  font-size: 10pt;
  border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;

  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;

  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  margin-bottom: 10px;
}

.fixture-content .odds-compare .odds-home-away {
  display: block;
  float: left;
  width: 50%;
}

.fixture-content .odds-compare .odds-home-away .head {
  display: block;
  margin: 10px 0 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  background: #154a76;
  text-align: center;
  padding: 10px 10px 10px 10px;
  font-size: 9pt;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat Bold";
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.fixture-content .odds-compare .odds-home-away ul.content {
  display: block;
  width: 100%;
}

.fixture-content .odds-compare .odds-home-away ul.content li {
  border: 1px solid #d7d7d7;
  border-top: none;
  display: block;
  text-align: center;
  color: #000;
  font-size: 9pt;
  padding: 15px 10px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.fixture-content .odds-compare .odds-home-away ul.content li:nth-child(even) {
  background: #ebebeb;
}

.fixture-content .fixture-last-five-result {
  display: block;
  padding: 20px 20px;
  margin-bottom: 30px;
  overflow: hidden;
}

.fixture-content .fixture-last-five-result h2 {
  display: block;
  font-family: "Lato-Regular";
  font-size: 11pt;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: solid 1px #272727;
}

.fixture-content .fixture-last-five-result .latestresult {
  display: block;
  width: 48%;
}

.fixture-content .fixture-last-five-result .latestresult.hometeam {
  float: left;
}

.fixture-content .fixture-last-five-result .latestresult.awayteam {
  float: right;
}

.fixture-content .fixture-last-five-result .latestresult .head {
  display: block;
  margin: 10px 0 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  background: #154a76;
  text-align: center;
  padding: 10px 10px 10px 10px;
  font-family: "Montserrat Bold";
  font-size: 9pt;
  color: #fff;
  text-transform: uppercase;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.fixture-content .fixture-last-five-result .latestresult ul {
  display: block;
  width: 100%;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}

.fixture-content .fixture-last-five-result .latestresult ul li {
  display: block;
  padding: 10px 10px 10px 10px;
  border-bottom: solid 1px #d7d7d7;
  overflow: hidden;
  background: #fff;
}

.fixture-content .fixture-last-five-result .latestresult ul li:nth-child(even) {
  background: #ebebeb;
}

.fixture-content .fixture-last-five-result .latestresult ul li span {
  display: block;
  float: left;
  padding: 5px 0px;
  overflow: hidden;
  font-size: 9pt;
}

.fixture-content .fixture-last-five-result .latestresult ul li span.date {
  width: 50%;
  text-align: left;
  color: #000;
  font-size: 9pt;
  margin-top: 5px;
}

.fixture-content .fixture-last-five-result .latestresult ul li span.result {
  width: 50%;
  text-align: right;
}

.fixture-content .fixture-last-five-result .latestresult ul li span.result b {
  display: inline-block;
  padding: 5px 5px;
  color: #000;
  background: #fce533;

  border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
}

.fixture-content .fixture-last-five-result .latestresult ul li span.event {
  width: 100%;
  color: #000;
  text-align: right;
}

.fixture-content .fixture-last-five-result .latestresult ul li span i {
  display: block;
  float: left;
  color: #959595;
  font-size: 9pt;
  text-transform: uppercase;
  text-align: left;
}

.fixture-content .fixture-last-five-result .latestresult ul li span.player {
  width: 100%;
  color: #000;
  text-align: right;
}

.per-cover ul.perlist li span.event a {
  color: #ffc427;
}

.match-tips-table tbody tr td a.view:hover span {
  color: var(--themepink);
  text-decoration: underline;
}


.subscribe-link {
  position: fixed;
  bottom: 17px;
  left: 15px;
  z-index: 99999;
  cursor: pointer;
}

.subscribe-link:hover {
  width: 150px;
}

.subscribe-link i {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #11252e;
  color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 17pt;
  z-index: 1;
  position: relative;
  -webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
}

.subscribe-link p {
  color: #fff;
  font-family: "Montserrat Regular";
  text-align: center;
  font-size: 9pt;
  position: absolute;
  left: 30px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 10px 10px 10px 20px;
  background: #11252e;
  z-index: -;
  border-radius: 0px 20px 20px 0px;
  width: 80px;
  border: 2px solid #fff;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
}

.subscribe-link:hover p {
  opacity: 1;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.subscribe-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 999999;
  display: none;
}

.subscribe-content {
  border-top: 6px solid #fce533;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  height: auto;
  min-height: 350px;
  max-width: 700px;
  max-height: 80%;
  background: url(../images/NewsletterPopOut.jpg) center center no-repeat;
  padding: 30px 30px 30px 30px;
}

.subscribe-content div {
  color: #fce533;
  font-family: "Montserrat Regular";
  font-size: 23pt;
  line-height: 27pt;
  text-align: left;
}

.subscribe-content h1,
.subscribe-content .h1 {
  color: #fce533;
  font-family: "Montserrat Bold";
  font-size: 38pt;
  line-height: 45pt;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 20px;
}

.subscribe-content p {
  color: #fff;
  font-size: 12pt;
  line-height: 13pt;
  padding-bottom: 20px;
  padding-top: 10px;
}

.subscribe-content input[type="text"] {
  width: 100%;
  margin: 5px 0px;
  padding: 8px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  max-width: 350px;
  text-align: center;
}

.subscribe-content input[type="submit"] {
  width: 100%;
  margin: 5px 0px;
  padding: 8px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  max-width: 350px;
  text-align: center;
  background: #00b07d;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #00b07d;
}

.subscribe-content i.close-subscribe {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 13pt;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #11252e;
  color: #fff;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  border: 2px solid #fff;
}

div.subscribe-content span.sub_form_next {
  width: 100%;
  margin: 5px 0px;
  padding: 8px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  max-width: 350px;
  text-align: center;
  background: #00b07d;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #00b07d;
  display: block;
  cursor: pointer;
}

div.subscribe-content span.sub_form_refresh {
  width: 100%;
  margin: 5px 0px;
  padding: 8px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  max-width: 350px;
  text-align: center;
  background: #00b07d;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #00b07d;
}



/* 
.maintable-content div {
  font-family: "Montserrat Medium";
  font-size: 12pt;
  line-height: 16pt;
  margin: 10px 0px 10px 0px;
  color: #000;
} */


.maintable-content .title{
	font-family: "Montserrat Bold";
	font-size:20px;
	padding-bottom:10px;
}

.maintable-content > ul{
	margin-left:20px;
	list-style-type:disc;
}

.maintable-content > ul li{
	margin:5px 0px;
}

.maintable-content > ul li b{
	font-weight:bold;
}




@media only screen and (max-width: 667px) {
  .fixture-content .fixture-last-five-result .latestresult {
    width: 100%;
    float: none;
  }

  .fixture-content .fixture-last-five-result .latestresult.hometeam {
    margin-bottom: 30px;
  }
}


@media only screen and (max-width: 480px) {
	

	
	.tipster-info-header ul li{
		width:100%;
	}
	
  .fixture-content .odds-compare .odds-box ul.odds-select li {
    width: 50% !important;
  }

  .fixture-content .odds-compare .odds-home-away {
    width: 100%;
    margin: 10px 0px;
  }
}

/*fixture-tips*/


@media only screen and (max-width: 1124px) {
  .video-categoty-thumbnail-wrap {
    height: 134px;
  }

  .overflow-1124 {
    display: block;
    width: 575px;
    overflow-x: auto;
  }

  .video-categoty-thumbnail-wrap {
    height: 120px;
  }
}

@media only screen and (max-width: 1120px) {

  .header-bottom .page-navigation ul li {
    margin: 0 5px;
  }
}

@media only screen and (max-width: 1060px) {

  .signup-bg {
    background-size: cover;
  }
}

@media only screen and (max-width: 1024px) {

  .overflow-1124 {
    width: 100%;
    overflow-x: hidden;
  }

  .tab-selection ul,
  .dash-tab-selection ul {
    width: 100%;
    white-space: nowrap;
  }

  .header-top .web-info ul li:first-child {
    display: inline-block;
  }

  .header-bottom .page-navigation ul li {
    display: none;
  }

  .header-bottom .page-navigation ul li:last-child {
    display: inline-block;
    margin: 12px 25px 0px 10px;
  }

  .header-bottom .page-navigation ul li:last-child a {
    margin-top: -7px;
  }

  .content-left {
    display: block;
    width: 100%;
    padding-right: 0px;
  }

  .content-wrapper {
    display: block;
  }

  .content-right,

  .blog-right {
    display: none;
  }

  .blog-left {
    padding-right: 0px;
  }

  .checkout-right {
    display: block;
    float: right;
    margin-top: 50px;
  }

  .header-top .web-info ul li {
    display: none;
  }
}

@media only screen and (max-width: 958px) {

  

  .video-categoty-thumbnail-wrap {
    height: 98px;
  }



  .footer-cover {
    display: block;
  }

  .footer-left,
  .footer-right {
    display: block;
    width: 100%;
    padding: 20px 0px;
  }

  .footer-left {
    padding-top: 0px;
  }

  .footer-left .powerby {
    margin: 0;
  }

  .footer-right.partner-link {
    display: block;
    padding-top: 0;
    padding-bottom: 80px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 900px) {
	.tipster-info-header ul li:first-child{
		width:100%;
	}
}

@media only screen and (max-width: 850px) {

  .video-categoty-thumbnail-wrap{
    height: 150px;
  }

  .video-categoty-video-slot{
    width: 48%;
  }


  .mobileapp-feature {
    height: auto;
  }

  .mobileapp-feature-left {
    padding-right: 0;
    padding-top: 50px;
  }

  .mobileapp-feature-right {
    position: relative;
    display: block;
    width: 100%;
    right: 0;
    bottom: 0;
    height: auto;
  }

  .mobileapp-feature-right img {
    display: block;
    margin: 0 auto;
  }

  .mobileapp-feature-left ul {
    text-align: center;
  }

  .latest-tipster-performance div:nth-child(3) a {
    width: 160px;
  }

  .daterange-picker-popup {
    position: fixed;
    top: 10%;
    left: 50%;
    width: 300px;
    overflow-y: auto;
    height: 80%;
    overflow-x: hidden;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  .daterange-thead {
    width: 280px;
    display: block;
  }

  .daterange-tbody {
    width: 280px;
    display: block;
  }

  .daterange-td {
    display: block;
    width: 300px;
    border: none !important;
    border-bottom: 1px solid #d7d7d7 !important;
  }

  .daterange-td:last-child {
    margin: 0 auto;
    border-bottom: none !important;
  }

  ul.range-select li {
    border: 1px solid #d7d7d7;
  }
}

@media only screen and (max-width: 820px) {

  .weekly-tipster-box {
    width: 100%;
    float: none;
    min-height: auto;
  }

  table.mytipster-table thead,

  table.mytipster-table thead tr,

  table.mytipster-table thead tr th {
    display: block;
    overflow: hidden;
  }

  table.mytipster-table thead tr th {
    float: left;
    position: relative;
  }

  table.mytipster-table thead tr th:nth-child(n+4),

  table.mytipster-table thead tr th:first-child {
    display: none;
  }

  table.mytipster-table thead tr th:nth-child(2) {
    width: 75%;
  }

  table.mytipster-table thead tr th:nth-child(3) {
    width: 25%;
  }

  table.mytipster-table tbody,

  table.mytipster-table tbody tr {
    display: block;
    overflow: hidden;
  }

  table.mytipster-table tbody tr {
    border: 1px solid #d7d7d7;
    border-bottom: none;
  }

  table.mytipster-table tbody tr:last-child {
    border-bottom: 1px solid #d7d7d7;
  }

  table.mytipster-table tbody tr td {
    display: block;
    float: left;
    position: relative;
    border: none;
  }

  table.mytipster-table tbody tr td:nth-child(1) {
    display: none;
  }

  table.mytipster-table tbody tr td:nth-child(2) {
    width: 75%;
    border-right: 1px solid #d7d7d7;
    text-align: left;
  }

  table.mytipster-table tbody tr td:nth-child(2) i {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    font-size: 20pt;
    color: #555;
    cursor: pointer;
    width: 25px;
    text-align: center;
  }

  table.mytipster-table tbody tr td:nth-child(3) {
    width: 25%;
  }

  table.mytipster-table tbody tr td:nth-child(n+4) {
    width: 25%;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    display: none;
    padding-top: 30px;
    height: 61px;
  }

  table.mytipster-table tbody tr.border-div {
    border-bottom: 6px solid #11252e;
  }

  table.mytipster-table tbody tr td:nth-child(7),

  table.mytipster-table tbody tr td:last-child {
    border-right: none;
  }

  table.mytipster-table tbody tr td:nth-child(n+4):before {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat Light";
    line-height: 1.2;
    font-size: 9pt;
    color: #959595;
  }

  table.mytipster-table tbody tr td:nth-child(4):before {
    content: "odds";
  }

  table.mytipster-table tbody tr td:nth-child(5):before {
    content: "hits";
  }

  table.mytipster-table tbody tr td:nth-child(6):before {
    content: "win";
  }

  table.mytipster-table tbody tr td:nth-child(7):before {
    content: "push";
  }

  table.mytipster-table tbody tr td:nth-child(8):before {
    content: "fail";
  }

  table.mytipster-table tbody tr td:nth-child(9):before {
    content: "profits";
  }

  table.mytipster-table tbody tr td:nth-child(10):before {
    content: "running tips";
  }

  table.mytipster-table tbody tr td:last-child {
    padding: 20px 20px !important;
  }
}

@media only screen and (max-width: 800px) {

  table.tipster-leaderboard thead {
    display: none;
  }








  /* tipster leaderboard */

  table.tipster-leaderboard tbody,

  table.tipster-leaderboard tbody tr td {
    display: block;
    overflow: hidden;
    position: relative;
  }

  table.tipster-leaderboard tbody tr {
    display: inline-block;
    width: 47%;
    overflow: hidden;
    margin-bottom: 30px;
  }

  table.tipster-leaderboard tbody tr:nth-child(odd) {
    float: left;
  }

  table.tipster-leaderboard tbody tr:nth-child(even) {
    float: right;
  }

  table.tipster-leaderboard tbody tr td:nth-child(2),

  table.tipster-leaderboard tbody tr td:nth-child(4),

  table.tipster-leaderboard tbody tr td:nth-child(5),

  table.tipster-leaderboard tbody tr td:nth-child(7) {
    width: 33%;
    float: left;
    border-top: none;
    padding-bottom: 20px;
  }

  table.tipster-leaderboard tbody tr td:nth-child(3),

  table.tipster-leaderboard tbody tr td:nth-child(6) {
    width: 34%;
    float: left;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-bottom: 20px;
  }

  table.tipster-leaderboard tbody tr td:nth-child(8),

  table.tipster-leaderboard tbody tr td:nth-child(9) {
    width: 50%;
    border-top: none;
    float: left;
    padding-bottom: 20px;
  }

  table.tipster-leaderboard tbody tr td:nth-child(8) {
    border-right: none;
  }

  table.tipster-leaderboard tbody tr td:last-child {
    width: 100% !important;
  }

  table.tipster-leaderboard tbody tr td:last-child a {
    padding: 15px 0px;
  }

  table.tipster-leaderboard tbody tr td:first-child {
    padding-top: 45px;
  }

  table.tipster-leaderboard tbody tr td:first-child:before {
    content: "TIPSTER";
    position: absolute;
    top: 0px;
    left: 0;
    padding: 7px 0px;
    text-align: center;
    font-family: "Montserrat Regular";
    color: #fff;
    background: #154a76;
    text-transform: uppercase;
    width: 100%;
  }

  table.tipster-leaderboard tbody tr td:nth-child(2):before,

  table.tipster-leaderboard tbody tr td:nth-child(3):before,

  table.tipster-leaderboard tbody tr td:nth-child(4):before,

  table.tipster-leaderboard tbody tr td:nth-child(5):before,

  table.tipster-leaderboard tbody tr td:nth-child(6):before,

  table.tipster-leaderboard tbody tr td:nth-child(7):before,

  table.tipster-leaderboard tbody tr td:nth-child(8):before,

  table.tipster-leaderboard tbody tr td:nth-child(9):before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-transform: uppercase;
    color: #959595;
    font-size: 9pt;
  }

  table.tipster-leaderboard tbody tr td:nth-child(2):before {
    content: "tips";
  }

  table.tipster-leaderboard tbody tr td:nth-child(3):before {
    content: "odds";
  }

  table.tipster-leaderboard tbody tr td:nth-child(4):before {
    content: "hits";
  }

  table.tipster-leaderboard tbody tr td:nth-child(5):before {
    content: "win";
  }

  table.tipster-leaderboard tbody tr td:nth-child(6):before {
    content: "push";
  }

  table.tipster-leaderboard tbody tr td:nth-child(7):before {
    content: "fail";
  }

  table.tipster-leaderboard tbody tr td:nth-child(8):before {
    content: "profits";
  }

  table.tipster-leaderboard tbody tr td:nth-child(9):before {
    content: "roi";
  }



  /* tipster leaderboard */
  ;
}

@media only screen and (max-width: 768px) {

  .blog-box-content p {
    height: auto;
  }

  .payment-content .right,
  .payment-content .left {
    display: block;
    width: 100%;
    float: none;
    height: auto;
    min-height: auto;
  }

  .payment-content .column-right,
  .payment-content .column-left {
    width: 162px;
  }

  .news-detail .col-md-12 img {
    width: 100% !important;
    height: auto !important;
  }

  .header-top .web-info ul li:first-child {
    display: block;
  }

  div.sitemap {
    width: 45%;
  }

  .signup-member {
    display: block;
  }

  .signup-left,
  .signup-right {
    display: block;
    width: 100%;
  }

  .signup-left div {
    width: 100%;
  }

  .signup-right {
    padding: 50px 20px 40px 20px;
  }

  .signup-left div {
    padding: 30px 20px;
  }

  .signup-bg .sub-content-cover {
    padding-bottom: 40px;
  }

  ul.tipster-service-chart li {
    width: 45%;
  }

  .picked-date {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .latest-news {
    float: none;
    display: block;
    width: 100%;
  }

  .latest-news .news-image {
    height: 400px;
  }

  .blog-box {
    float: none;
    width: 100%;
  }

  .blog-box-image {
    height: auto;
  }

  .blog-box-image img {
    position: relative;
    display: block;
  }

  table.match-tips-table tr td ul.match-team li {
    display: block;
  }
}

@media only screen and (max-width: 768px) {

  .latest-tipster-performance {
    display: block;
  }

  .latest-tipster-performance div:nth-child(1),

  .latest-tipster-performance div:nth-child(2),

  .latest-tipster-performance div:nth-child(3) {
    width: 100%;
    display: block;
    border: none;
    margin: 0 auto;
    text-align: center;
    padding: 0px 0px;
  }

  .latest-tipster-performance div:nth-child(3) {
    padding-top: 20px;
    border-top: 1px solid #d7d7d7;
  }

  .latest-tipster-performance div:nth-child(3) a {
    display: block;
    margin: 0 auto;
  }

  .latest-tipster-performance div:nth-child(2) {
    padding: 10px 0px;
    margin: 20px 0px;
    background: #ebebeb;
  }

  .latest-tipster-performance div:nth-child(3) a {
    margin: 0 auto;
  }

  .maintable-content .home-blog {
    display: block;
  }

  .maintable-content .home-blog>div {
    display: block;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #d7d7d7;
  }

  .floating-social,
  .floating-mobile {
    display: none;
  }

  .recent-premium-result .grid-item-top {
    overflow: hidden;
  }

  .recent-premium-result .grid-item-top span {
    display: block;
    float: left;
  }

  .recent-premium-result .subtable-content:nth-child(1) .grid-item-top span.date,

  .recent-premium-result .subtable-content:nth-child(1) .grid-item-top span.event {
    padding-top: 50px;
  }

  .recent-premium-result .grid-item-top span.date {
    width: 20%;
  }

  .recent-premium-result .grid-item-top span.event {
    width: 80%;
    border-right: none;
  }

  .recent-premium-result .subtable-content:first-child .grid-item-top span:before {
    top: 0;
    width: 110%;
  }

  .recent-premium-result .subtable-content:first-child:before {
    display: none;
  }

  div.subtable.recent-premium-result {
    margin-top: 10px;
  }

  .recent-premium-result .grid-item-top span.resp-hide {
    width: 25%;
    height: 80px;
    border-top: 1px solid #d7d7d7;
    display: none;
    line-height: 1.2;
    position: relative;
    padding-top: 20px;
  }

  .recent-premium-result .grid-item-top span.resp-hide:after {
    position: absolute;
    top: 5px;
    text-transform: uppercase;
    width: 100%;
    left: 0;
    text-align: center;
    color: #959595;
    font-family: "Montserrat Light";
  }

  .recent-premium-result .grid-item-top span.tips.resp-hide:after {
    content: "Tip";
    left: 15px;
    text-align: left;
  }

  .recent-premium-result .grid-item-top span.odd.resp-hide:after {
    content: "Game";
  }

  .recent-premium-result .grid-item-top span.point.resp-hide:after {
    content: "+/-";
  }

  .recent-premium-result .grid-item-bottom {
    display: none;
  }

  .recent-premium-result .grid-item-top span.resp-hide:before {
    display: none;
  }

  .recent-premium-result span.trigger-resp-hide {
    display: block;
  }

  div.subtable-content {
    border-bottom: 6px solid #11252e;
  }









  /*live odd*/

  table.liveodd-table thead {
    display: none;
  }

  table.liveodd-table tbody,

  table.liveodd-table tbody tr {
    display: block;
    overflow: hidden;
  }

  table.liveodd-table tbody tr {
    border: 1px solid #d7d7d7;
    border-top: solid 5px #154a76;
  }

  table.liveodd-table tbody tr td {
    display: block;
    float: left;
    border: none;
    position: relative;
    line-height: 1.2;
  }

  table.liveodd-table tbody tr td:nth-child(1),

  table.liveodd-table tbody tr td:nth-child(3),

  table.liveodd-table tbody tr td:nth-child(4),

  table.liveodd-table tbody tr td:nth-child(5) {
    width: 15%;
    height: 82px;
    padding-top: 30px;
  }

  table.liveodd-table tbody tr td:nth-child(2) {
    width: 40%;
    border-right: 1px solid #d7d7d7;
    height: 82px;
    padding-top: 30px;
  }

  table.liveodd-table tbody tr td:nth-child(6),

  table.liveodd-table tbody tr td:nth-child(8) {
    width: 33%;
    border-right: none;
    border-top: 1px solid #d7d7d7;
  }

  table.liveodd-table tbody tr td:nth-child(7) {
    width: 34%;
    border-top: 1px solid #d7d7d7;
  }

  table.liveodd-table tbody tr td:before {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 9pt;
    text-transform: uppercase;
    color: #959595;
  }

  table.liveodd-table tbody tr td:nth-child(1):before {
    content: "Date";
  }

  table.liveodd-table tbody tr td:nth-child(2):before {
    content: "event";
  }

  table.liveodd-table tbody tr td:nth-child(3):before {
    content: "home";
    width: 100%;
    left: 0;
    text-align: center;
  }

  table.liveodd-table tbody tr td:nth-child(4):before {
    content: "draw";
    width: 100%;
    left: 0;
    text-align: center;
  }

  table.liveodd-table tbody tr td:nth-child(5):before {
    content: "away";
    width: 100%;
    left: 0;
    text-align: center;
  }



  /*live odd*/



















  table.tipster-tips-history thead {
    display: none;
  }

  table.tipster-tips-history tbody,

  table.tipster-tips-history tbody tr {
    display: block;
    overflow: hidden;
  }

  table.tipster-tips-history tbody tr {
    border: 1px solid #d7d7d7;
    border-top: solid 5px #154a76;
    border-bottom: none;
  }

  table.tipster-tips-history tbody tr:last-child {
    border-bottom: 1px solid #d7d7d7;
  }

  table.tipster-tips-history tbody tr td {
    display: block;
    position: relative;
    width: 20%;
    height: 65px;
    text-align: left !important;
    padding-top: 25px;
    float: left;
    border-right: none;
    line-height: 1.3;
    border-bottom: none;
  }

  table.tipster-tips-history tbody tr td:first-child,

  table.tipster-tips-history tbody tr td:nth-child(4) {
    border-left: none;
  }

  table.tipster-tips-history tbody tr td:nth-child(1),

  table.tipster-tips-history tbody tr td:nth-child(3) {
    width: 20%;
  }

  table.tipster-tips-history tbody tr td:nth-child(2) {
    width: 60%;
  }

  table.tipster-tips-history tbody tr td:before {
    position: absolute;
    left: 10px;
    top: 5px;
    color: #959595;
    text-transform: uppercase;
  }

  table.tipster-tips-history tbody tr td:nth-child(1):before {
    content: "DATE";
  }

  table.tipster-tips-history tbody tr td:nth-child(2):before {
    content: "event";
  }

  table.tipster-tips-history tbody tr td:nth-child(3):before {
    content: "tip";
  }

  table.tipster-tips-history tbody tr td:nth-child(4):before {
    content: "type";
  }

  table.tipster-tips-history tbody tr td:nth-child(5):before {
    content: "odds";
  }

  table.tipster-tips-history tbody tr td:nth-child(6):before {
    content: "+/-";
  }

  table.tipster-tips-history tbody tr td:nth-child(7):before {
    content: "wager";
  }

  table.tipster-tips-history tbody tr td:nth-child(8):before {
    content: "result";
  }

  .tabcontent li table.res-table {
    border-top: none;
  }

  .tabcontent li table.res-table thead {
    display: none;
  }

  .tabcontent li table.res-table tbody,

  .tabcontent li table.res-table tbody tr {
    display: block;
    overflow: hidden;
    position: relative;
  }

  .tabcontent li table.res-table tbody tr {
    height: 114px;
    border: 1px solid #d7d7d7;
    border-top: 6px solid #154a76;
    border-bottom: none;
  }

  .tabcontent li table.res-table tbody tr td {
    display: block;
    position: absolute;
    height: 38px;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(1) {
    width: 15%;
    left: 0;
    top: 0;
    border: none;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(2) {
    width: 15%;
    left: 0;
    top: 38px;
    border: none;
    border-right: 1px solid #d7d7d7;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(3) {
    width: 60%;
    left: 15%;
    top: 0;
    border: none;
    overflow: hidden;
    white-space: nowrap;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(5) {
    width: 65%;
    top: 38px;
    left: 15%;
    border: none;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(4) {
    width: 10% !important;
    left: 80%;
    top: 0;
    border: none;
    height: 76px;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(4) span {
    display: block;
    text-align: center;
    color: #154a76 !important;
    font-family: "Montserrat Bold";
    font-size: 12pt;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(4) b {
    display: block;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(6) {
    display: none;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(7) {
    top: 76px;
    left: 0;
    width: 33%;
    text-align: center;
    border-right: none;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(8) {
    top: 76px;
    left: 33%;
    width: 34%;
    text-align: center;
    border-right: none;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(9) {
    top: 76px;
    left: 67%;
    width: 33%;
    text-align: center;
    border-right: none;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(10) {
    top: 0;
    left: 90%;
    width: 10%;
    height: 76px;
    border: none;
    border-left: 1px solid #d7d7d7;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(10) .addselected {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    width: 27px;
    height: 27px;
    padding: 0;
    border: none;
    line-height: 27px;
  }

  .winingstreak {
    display: block;
    width: 100%;
  }

  .winingmedal {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  .bot-video-slot-thumbnail {
    height: 155px;
  }
}

@media only screen and (max-width: 700px) {

  .bot-video-slot-thumbnail {
    height: 120px;
  }


  /*purchase-history*/
  table.purchase-history thead {
    display: none;
  }

  table.purchase-history tbody,
  table.purchase-history tbody tr {
    display: block;
    overflow: hidden;
  }

  table.purchase-history tbody tr td {
    display: block;
    float: left;
    line-height: 1.2;
    position: relative;
    height: 75px;
    padding-top: 25px;
    text-align: left;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
  }

  table.purchase-history tbody tr {
    border: 1px solid #d7d7d7;
    border-top: 6px solid #154a76;
  }

  table.purchase-history tbody tr td:nth-child(1),
  table.purchase-history tbody tr td:nth-child(2),
  table.purchase-history tbody tr td:nth-child(3) {
    border-top: none;
  }

  table.purchase-history tbody tr td:nth-child(1),
  table.purchase-history tbody tr td:nth-child(3),
  table.purchase-history tbody tr td:nth-child(4),
  table.purchase-history tbody tr td:nth-child(6) {
    width: 33%;
  }

  table.purchase-history tbody tr td:nth-child(2),
  table.purchase-history tbody tr td:nth-child(5) {
    width: 34%;
  }

  table.purchase-history tbody tr td:nth-child(7) {
    width: 100%;
    text-align: center;
    border-left: none;
    height: auto;
    padding-top: 15px;
  }

  table.purchase-history tbody tr td:nth-child(1),
  table.purchase-history tbody tr td:nth-child(4) {
    border-left: none;
  }

  table.purchase-history tbody tr td:nth-child(4),
  table.purchase-history tbody tr td:nth-child(5),
  table.purchase-history tbody tr td:nth-child(6) {
    border-bottom: none;
  }

  table.purchase-history tbody tr td:before {
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 9pt;
    color: #959595;
    text-transform: uppercase;
  }

  table.purchase-history tbody tr td:nth-child(1):before {
    content: "date";
  }

  table.purchase-history tbody tr td:nth-child(2):before {
    content: "invoice";
  }

  table.purchase-history tbody tr td:nth-child(3):before {
    content: "tipster";
  }

  table.purchase-history tbody tr td:nth-child(4):before {
    content: "type";
  }

  table.purchase-history tbody tr td:nth-child(5):before {
    content: "fees";
  }

  table.purchase-history tbody tr td:nth-child(6):before {
    content: "total";
  }



  /*purchase predict history*/
  table.purchase-predict-history thead {
    display: none;
  }

  table.purchase-predict-history tbody,
  table.purchase-predict-history tbody tr {
    display: block;
    overflow: hidden;
  }

  table.purchase-predict-history tbody tr td {
    display: block;
    float: left;
    line-height: 1.2;
    position: relative;
    height: 75px;
    padding-top: 25px;
    text-align: left;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
  }

  table.purchase-predict-history tbody tr {
    border: 1px solid #d7d7d7;
    border-top: 6px solid #154a76;
  }

  table.purchase-predict-history tbody tr td:nth-child(1),
  table.purchase-predict-history tbody tr td:nth-child(2),
  table.purchase-predict-history tbody tr td:nth-child(3) {
    border-top: none;
  }

  table.purchase-predict-history tbody tr td:nth-child(1),
  table.purchase-predict-history tbody tr td:nth-child(3),
  table.purchase-predict-history tbody tr td:nth-child(4),
  table.purchase-predict-history tbody tr td:nth-child(6) {
    width: 33%;
  }

  table.purchase-predict-history tbody tr td:nth-child(2),
  table.purchase-predict-history tbody tr td:nth-child(5) {
    width: 34%;
  }

  table.purchase-predict-history tbody tr td:nth-child(1),
  table.purchase-predict-history tbody tr td:nth-child(4) {
    border-left: none;
  }

  table.purchase-predict-history tbody tr td:nth-child(4),
  table.purchase-predict-history tbody tr td:nth-child(5),
  table.purchase-predict-history tbody tr td:nth-child(6) {
    border-bottom: none;
  }

  table.purchase-predict-history tbody tr td:before {
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 9pt;
    color: #959595;
    text-transform: uppercase;
  }

  table.purchase-predict-history tbody tr td:nth-child(1):before {
    content: "date";
  }

  table.purchase-predict-history tbody tr td:nth-child(2):before {
    content: "invoice";
  }

  table.purchase-predict-history tbody tr td:nth-child(3):before {
    content: "type";
  }

  table.purchase-predict-history tbody tr td:nth-child(4):before {
    content: "fees";
  }

  table.purchase-predict-history tbody tr td:nth-child(5):before {
    content: "total";
  }

  table.purchase-predict-history tbody tr td:nth-child(6):before {
    display: none;
  }

  table.credit-purchase-history thead {
    display: none;
  }

  table.credit-purchase-history tbody,

  table.credit-purchase-history tbody tr {
    display: block;
    overflow: hidden;
  }

  table.credit-purchase-history tbody tr td {
    display: block;
    float: left;
    line-height: 1.2;
    position: relative;
    height: 61px;
    padding-top: 25px;
    text-align: left;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
  }

  table.credit-purchase-history tbody tr {
    border: 1px solid #d7d7d7;
    border-top: 6px solid #154a76;
  }

  table.credit-purchase-history tbody tr td:nth-child(1),

  table.credit-purchase-history tbody tr td:nth-child(3) {
    width: 33%;
  }

  table.credit-purchase-history tbody tr td:nth-child(2) {
    width: 34%;
  }

  table.credit-purchase-history tbody tr td:nth-child(1),

  table.credit-purchase-history tbody tr td:nth-child(2),

  table.credit-purchase-history tbody tr td:nth-child(3) {
    border-top: none;
  }

  table.credit-purchase-history tbody tr td:nth-child(3),

  table.credit-purchase-history tbody tr td:last-child {
    border-right: none;
  }

  table.credit-purchase-history tbody tr td:nth-child(4),
  table.credit-purchase-history tbody tr td:nth-child(6) {
    width: 33%;
    border-bottom: none;
    text-align: left;
  }

  table.credit-purchase-history tbody tr td:nth-child(5) {
    width: 34%;
    border-bottom: none;
    text-align: left;
  }

  table.credit-purchase-history tbody tr td:before {
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 9pt;
    color: #959595;
    text-transform: uppercase;
  }

  table.credit-purchase-history tbody tr td:nth-child(1):before {
    content: "date";
  }

  table.credit-purchase-history tbody tr td:nth-child(2):before {
    content: "invoice";
  }

  table.credit-purchase-history tbody tr td:nth-child(3):before {
    content: "name";
  }

  table.credit-purchase-history tbody tr td:nth-child(4):before {
    content: "credits";
  }

  table.credit-purchase-history tbody tr td:nth-child(5):before {
    content: "type";
  }

  table.credit-purchase-history tbody tr td:nth-child(6):before {
    content: "fees";
  }

  table.credit-purchase-history tbody tr td:nth-child(7):before {
    content: "total";
  }

  table.transactionh-table thead {
    display: none;
  }

  table.transactionh-table tbody,

  table.transactionh-table tbody tr {
    display: block;
    overflow: hidden;
  }

  table.transactionh-table tbody tr td {
    display: block;
    float: left;
    line-height: 1.2;
    position: relative;
    height: 61px;
    padding-top: 25px;
    text-align: left;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
  }

  table.transactionh-table tbody tr {
    border: 1px solid #d7d7d7;
    border-top: 6px solid #154a76;
  }

  table.transactionh-table tbody tr td:nth-child(1),

  table.transactionh-table tbody tr td:nth-child(2),

  table.transactionh-table tbody tr td:nth-child(3) {
    border-top: none;
  }

  table.transactionh-table tbody tr td:nth-child(1),

  table.transactionh-table tbody tr td:nth-child(3),

  table.transactionh-table tbody tr td:nth-child(4),

  table.transactionh-table tbody tr td:nth-child(6) {
    width: 33%;
  }

  table.transactionh-table tbody tr td:nth-child(2),

  table.transactionh-table tbody tr td:nth-child(5) {
    width: 34%;
  }

  table.transactionh-table tbody tr td:nth-child(1),

  table.transactionh-table tbody tr td:nth-child(4) {
    border-left: none;
  }

  table.transactionh-table tbody tr td:nth-child(4),

  table.transactionh-table tbody tr td:nth-child(5),

  table.transactionh-table tbody tr td:nth-child(6) {
    border-bottom: none;
  }

  table.transactionh-table tbody tr td:before {
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 9pt;
    color: #959595;
    text-transform: uppercase;
  }

  table.transactionh-table tbody tr td:nth-child(1):before {
    content: "date";
  }

  table.transactionh-table tbody tr td:nth-child(2):before {
    content: "description";
  }

  table.transactionh-table tbody tr td:nth-child(3):before {
    content: "reference";
  }

  table.transactionh-table tbody tr td:nth-child(4):before {
    content: "credit";
  }

  table.transactionh-table tbody tr td:nth-child(5):before {
    content: "debit";
  }

  table.transactionh-table tbody tr td:nth-child(6):before {
    content: "balance";
  }

  table.runningsub-table thead {
    display: none;
  }

  table.runningsub-table tbody,

  table.runningsub-table tbody tr {
    display: block;
    overflow: hidden;
    position: relative;
  }

  table.runningsub-table tbody tr td {
    display: block;
    float: left;
    line-height: 1.2;
    position: relative;
    height: 61px;
    padding-top: 25px;
    text-align: left;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
  }

  table.runningsub-table tbody tr {
    border: 1px solid #d7d7d7;
    border-top: 6px solid #154a76;
  }

  table.runningsub-table tbody tr td:nth-child(1),

  table.runningsub-table tbody tr td:nth-child(2),

  table.runningsub-table tbody tr td:nth-child(3) {
    border-top: none;
  }

  table.runningsub-table tbody tr td:nth-child(1),

  table.runningsub-table tbody tr td:nth-child(3),

  table.runningsub-table tbody tr td:nth-child(4),

  table.runningsub-table tbody tr td:nth-child(6) {
    width: 33%;
  }

  table.runningsub-table tbody tr td:nth-child(2),

  table.runningsub-table tbody tr td:nth-child(5) {
    width: 34%;
  }

  table.runningsub-table tbody tr td:nth-child(7) {
    width: 100%;
    text-transform: uppercase;
    border-left: none;
    text-align: center;
  }

  table.runningsub-table tbody tr td:nth-child(1),

  table.runningsub-table tbody tr td:nth-child(4) {
    border-left: none;
  }

  table.runningsub-table tbody tr td:nth-child(4),

  table.runningsub-table tbody tr td:nth-child(5),

  table.runningsub-table tbody tr td:nth-child(6) {
    border-bottom: none;
  }

  table.runningsub-table tbody tr td:before {
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 9pt;
    color: #959595;
    text-transform: uppercase;
  }

  table.runningsub-table tbody tr td:nth-child(1):before {
    content: "date";
  }

  table.runningsub-table tbody tr td:nth-child(2):before {
    content: "Tipsters";
  }

  table.runningsub-table tbody tr td:nth-child(3):before {
    content: "membership";
  }

  table.runningsub-table tbody tr td:nth-child(4):before {
    content: "amount";
  }

  table.runningsub-table tbody tr td:nth-child(5):before {
    content: "balance";
  }

  table.runningsub-table tbody tr td:nth-child(6):before {
    content: "profits";
  }
}

@media only screen and (max-width: 630px) {

  .video-categoty-thumbnail-wrap{
    height: 115px;
  }

  table#livescore-odds thead {
    display: none;
  }

  table#livescore-odds tbody,

  table#livescore-odds tbody tr {
    display: block;
    position: relative;
    overflow: hidden;
  }

  table#livescore-odds tbody tr {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-top: 6px solid #154a76;
  }

  table#livescore-odds tbody tr:last-child {
    border-bottom: 1px solid #d7d7d7;
  }

  table#livescore-odds tr td:first-child {
    text-align: center;
    width: 100%;
    border: none;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 25px;
  }

  table#livescore-odds tbody tr td {
    display: block;
    position: relative;
    float: left;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  table#livescore-odds tr td:nth-child(n+2) {
    width: 11%;
    border: none;
    min-height: 49px;
    padding-top: 25px;
  }

  table#livescore-odds tr td:nth-child(5) {
    border-left: 1px solid #d7d7d7;
  }

  table#livescore-odds tr td:nth-child(7) {
    border-right: 1px solid #d7d7d7;
  }

  table#livescore-odds tr td:nth-child(10) {
    width: 12%;
  }

  table#livescore-odds tbody tr td:before {
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #555;
  }

  table#livescore-odds tbody tr td:after {
    position: absolute;
    top: -20px;
    left: -50%;
    text-align: center;
    font-size: 9pt;
    color: #555;
    text-align: center;
    width: 100px;
  }

  table#livescore-odds tbody tr td:nth-child(2):before,

  table#livescore-odds tbody tr td:nth-child(5):before,

  table#livescore-odds tbody tr td:nth-child(8):before {
    content: "1";
  }

  table#livescore-odds tbody tr td:nth-child(3):before,

  table#livescore-odds tbody tr td:nth-child(6):before,

  table#livescore-odds tbody tr td:nth-child(9):before {
    content: "X";
  }

  table#livescore-odds tbody tr td:nth-child(4):before,

  table#livescore-odds tbody tr td:nth-child(7):before,

  table#livescore-odds tbody tr td:nth-child(10):before {
    content: "2";
  }

  table#livescore-odds tbody tr td:nth-child(3):after {
    content: "FULL TIME";
  }

  table#livescore-odds tbody tr td:nth-child(6):after {
    content: "1ST HALF";
  }

  table#livescore-odds tbody tr td:nth-child(9):after {
    content: "2ND HALF";
  }

  .tipster-details {
    display: block;
  }

  .tipster-profile-image {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }

  .tipster-profile-info {
    display: block;
    padding-left: 0px;
    width: 100%;
  }

  ul.performance-statistic li {
    width: 32%;
    margin-right: 2%;
  }

  ul.performance-statistic li:nth-child(3) {
    margin-right: 0px;
  }

  .credit-pack ul li {
    width: 32%;
    margin-right: 2%;
  }

  .credit-pack ul li:nth-child(3) {
    margin-right: 0px;
  }

  .member-dashboard {
    display: block;
  }

  .member-dashboard-info,

  .member-image,

  .member-edit-form {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  .member-image {
    margin-bottom: 20px;
    text-align: center;
  }

  .member-image a {
    width: 150px;
    margin: 5px auto;
  }

  table.match-tips-table tr,

  table.match-tips-table tbody,

  table.match-tips-table tr td {
    display: block;
    width: 100% !important;
    text-align: center;
  }

  table.match-tips-table tr td:first-child {
    text-align: center;
  }

  table.match-tips-table tr:first-child {
    border-top: none;
  }

  table.match-tips-table tr:last-child {
    border-bottom: none;
  }

  table.match-tips-table tr {
    border-top: 6px solid #fce533;
    border-bottom: 6px solid #11252e;
  }
}

@media only screen and (max-width: 600px) {

  .footer-right ul.sitemap {
    width: 48%;
    float: none;
  }

  .aboutus-quote {
    padding-left: 0px;
  }

  .submit_question table tr td {
    display: block;
    width: 100%;
    padding: 30px 0px;
  }

  .submit_question table tr td:first-child {
    border-right: none;
  }

  table.login-newacc tr td {
    display: block;
    width: 100%;
  }

  table.login-newacc tr td:first-child {
    border-right: none;
    border-bottom: 1px solid #d7d7d7;
  }

  table.h2h-table thead {
    display: none;
  }

  table.h2h-table tbody,

  table.h2h-table tbody tr {
    display: block;
    overflow: hidden;
    position: relative;
  }

  table.h2h-table tbody tr {
    border: 1px solid #d7d7d7;
    border-top: 6px solid #154a76;
    border-bottom: none;
  }

  table.h2h-table tbody tr:last-child {
    border-bottom: 1px solid #d7d7d7;
  }

  table.h2h-table tbody tr td {
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    height: 61px;
    border: none;
    padding-top: 20px;
  }

  table.h2h-table tbody tr td:before {
    position: absolute;
    top: 0;
    left: 10px;
    color: #959595;
  }

  table.h2h-table tbody tr td:nth-child(1),

  table.h2h-table tbody tr td:nth-child(2) {
    width: 25%;
    border-right: 1px solid #d7d7d7;
  }

  table.h2h-table tbody tr td:nth-child(2) {
    color: var(--themepink) !important;
  }

  table.h2h-table tbody tr td:nth-child(3),

  table.h2h-table tbody tr td:nth-child(4),

  table.h2h-table tbody tr td:nth-child(5) {
    width: 50%;
  }

  table.h2h-table tbody tr td:nth-child(4),

  table.h2h-table tbody tr td:nth-child(5) {
    border-top: 1px solid #d7d7d7;
  }

  table.h2h-table tbody tr td:nth-child(4) {
    border-right: 1px solid #d7d7d7;
  }

  table.h2h-table tbody tr td:nth-child(1):before {
    content: "DATE";
  }

  table.h2h-table tbody tr td:nth-child(2):before {
    content: "HOME/GUESS";
  }

  table.h2h-table tbody tr td:nth-child(3):before {
    content: "EVENT";
  }

  table.h2h-table tbody tr td:nth-child(4):before {
    content: "VERSUS";
  }

  table.h2h-table tbody tr td:nth-child(5):before {
    content: "RESULT";
  }

  table.standing-table thead {
    display: none;
  }

  table.standing-table tbody,

  table.standing-table tbody tr {
    display: block;
    overflow: hidden;
  }

  table.standing-table tbody tr {
    border: 1px solid #d7d7d7;
    border-bottom: none;
    border-top: 6px solid #154a76;
  }

  table.standing-table tbody tr:last-child {
    border-bottom: 1px solid #d7d7d7;
  }

  table.standing-table tbody tr td {
    display: block;
    padding-top: 25px;
    float: left;
    width: 20%;
    border-left: none;
    border-bottom: none;
    text-align: left;
    position: relative;
  }

  table.standing-table tbody tr td:nth-child(2) {
    width: 60%;
  }

  table.standing-table tbody tr td:nth-child(3),

  table.standing-table tbody tr td:last-child {
    border-right: none;
  }

  table.standing-table tbody tr td:before {
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 9pt;
    color: #959595;
  }

  table.standing-table tbody tr td:nth-child(1):before {
    content: "POS.";
  }

  table.standing-table tbody tr td:nth-child(2):before {
    content: "TEAM";
  }

  table.standing-table tbody tr td:nth-child(3):before {
    content: "PLAYED";
  }

  table.standing-table tbody tr td:nth-child(4):before {
    content: "WIN";
  }

  table.standing-table tbody tr td:nth-child(5):before {
    content: "DRAW";
  }

  table.standing-table tbody tr td:nth-child(6):before {
    content: "LOSE";
  }

  table.standing-table tbody tr td:nth-child(7):before {
    content: "SCORES";
  }

  table.standing-table tbody tr td:nth-child(8):before {
    content: "POINTS";
  }
}

@media only screen and (max-width: 576px) {

  .bot-video-slot-thumbnail {
    height: 100px;
  }


  .maintable-content.tips-table-row .tipster-tipsmatch,
  .maintable-content.tips-table-row .tipster-whotips {
    display: block;
  }

  .maintable-content.tips-table-row .tipster-whotips {
    margin-top: 0px;
  }

  .maintable-content.tips-table-row .tipsmatch-info,
  .maintable-content.tips-table-row .tipster-whotips div {
    display: block;
    width: 100%;
  }

  .maintable-content.tips-table-row .tipsmatch-info.tipsmatch-tips {
    margin: 20px 0px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background: #f5f5f5;
    padding: 20px 0px;
  }

  .maintable-content.tips-table-row {
    border-top: 6px solid #fce533;
    border-bottom: 6px solid #11252e;
  }

  .maintable-content.tips-table-row .tipster-tipsmatch {
    border: 1px solid #d7d7d7;
  }

  .maintable-content.tips-table-row .tipsmatch-tips .tipsmatch-showtips {
    width: 90%;
    margin: 0 auto;
  }

  .added-item_list .tipster-tipsmatch,

  .tipster-current-active-tips .tipster-tipsmatch {
    border: none !important;
  }

  .contactus-form .inputform-field {
    float: none;
    width: 100%;
  }

  .contactus-form input[type="submit"] {
    width: 100% !important;
  }

  ul.blockquote li {
    width: 100%;
    margin-bottom: 20px;
  }

  ul.blockquote li:last-child {
    margin-bottom: 0px;
  }

  table.tipster-leaderboard tbody tr {
    width: 100%;
    margin-bottom: 30px;
  }

  .top-performing-tipster {
    display: block;
  }

  .top-performing-tipster div {
    display: block;
    width: 100%;
  }

  .top-performing-tipster div:last-child {
    padding: 20px 0px 10px;
    width: 100%;
  }

  .top-performing-tipster div:last-child a {
    margin: 0 auto;
  }

  .time-selection {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  div.sitemap {
    width: 100%;
    margin-bottom: 20px;
  }

  div.sitemap ul li {
    margin-bottom: 10px;
  }

  .substitute-table table {
    width: 100%;
    float: none;
    margin-bottom: 40px;
  }

  .team-versus ul li {
    padding: 0px 20px;
    margin: 30px auto;
  }

  .latest-news .news-image {
    height: 250px;
  }

  .top-news-content b {
    display: block;
  }

  .winingmedal ul {
    float: none;
    width: 100%;
    border: none;
  }
}

@media only screen and (max-width: 568px) {

  .header-top .social-media {
    display: none;
  }

  .header-bottom .page-navigation ul li:last-child {
    display: none;
  }

  .header-bottom .shopping-cart a span b {
    display: none;
  }

  .recent-premium-result .grid-item-top span.resp-hide {
    width: 100%;
    height: auto;
    border-right: none;
    text-align: center;
  }

  .recent-premium-result .grid-item-top span.result {
    padding-top: 10px;
  }

  .recent-premium-result .grid-item-top span.tips.resp-hide:after {
    left: 0;
    text-align: center;
  }

  table.liveodd-table tbody tr td:nth-child(1) {
    width: 33%;
    border-right: 1px solid #d7d7d7;
  }

  table.liveodd-table tbody tr td:nth-child(2) {
    width: 67%;
    border-right: none;
  }

  table.liveodd-table tbody tr td:nth-child(3),

  table.liveodd-table tbody tr td:nth-child(5) {
    width: 33%;
    height: 50px;
    padding-top: 25px;
    border-top: 1px solid #d7d7d7;
  }

  table.liveodd-table tbody tr td:nth-child(4) {
    width: 34%;
    height: 50px;
    padding-top: 25px;
    border-top: 1px solid #d7d7d7;
  }

  table.h2h-table tbody tr td:nth-child(2):before {
    content: "H/G";
  }

  .subscribe-content h1,
  .subscribe-content .h1 {
    font-size: 28pt !important;
    line-height: 33pt !important;
  }
}

@media only screen and (max-width: 520px) {

  .video-categoty-thumbnail-wrap {
    height: 110px;
  }



  .daterange-picker .datepicker-button {
    float: none;
  }

  .daterange-picker .month-selector {
    float: none;
    margin-top: 10px;
  }

  .daterange-picker {
    height: auto;
    margin-bottom: 10px;
  }

  table.tipster-tips-history tbody tr td:nth-child(1) {
    width: 33%;
  }

  table.tipster-tips-history tbody tr td:nth-child(2) {
    width: 67%;
  }

  table.tipster-tips-history tbody tr td:nth-child(3),

  table.tipster-tips-history tbody tr td:nth-child(5),

  table.tipster-tips-history tbody tr td:nth-child(6),

  table.tipster-tips-history tbody tr td:nth-child(8) {
    width: 33%;
  }

  table.tipster-tips-history tbody tr td:nth-child(3) {
    border-left: none;
  }

  table.tipster-tips-history tbody tr td:nth-child(4) {
    border-left: 1px solid #d7d7d7;
  }

  table.tipster-tips-history tbody tr td:nth-child(6) {
    border-right: none;
    border-left: none;
  }

  table.tipster-tips-history tbody tr td:nth-child(4),

  table.tipster-tips-history tbody tr td:nth-child(7) {
    width: 34%;
  }

  table.purchased-tips-detail thead {
    display: none;
  }

  table.purchased-tips-detail tbody,

  table.purchased-tips-detail tbody tr {
    display: block;
    overflow: hidden;
  }

  table.purchased-tips-detail tbody tr {
    border: 1px solid #d7d7d7d;
    border-top: 6px solid #154a76;
    border-bottom: none;
  }

  table.purchased-tips-detail tbody tr:last-child {
    border-bottom: 1px solid #d7d7d7;
  }

  table.purchased-tips-detail tbody tr td {
    display: block;
    position: relative;
    float: left;
    height: 65px;
    padding-top: 25px;
    line-height: 1.2;
    border: none;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
  }

  table.purchased-tips-detail tbody tr td:nth-child(1),

  table.purchased-tips-detail tbody tr td:nth-child(2) {
    width: 50%;
  }

  table.purchased-tips-detail tbody tr td:nth-child(3) {
    width: 50%;
  }

  table.purchased-tips-detail tbody tr td:nth-child(4),

  table.purchased-tips-detail tbody tr td:nth-child(5) {
    width: 25%;
  }

  table.purchased-tips-detail tbody tr td:nth-child(2),

  table.purchased-tips-detail tbody tr td:last-child {
    border-right: none;
  }

  table.purchased-tips-detail tbody tr td:nth-child(n+3) {
    border-bottom: none;
  }

  table.purchased-tips-detail tbody tr td:before {
    position: absolute;
    top: 3px;
    left: 10px;
    font-size: 9pt;
    color: #959595;
    text-transform: uppercase;
  }

  table.purchased-tips-detail tbody tr td:nth-child(1):before {
    content: "tipster";
  }

  table.purchased-tips-detail tbody tr td:nth-child(2):before {
    content: "betting type";
  }

  table.purchased-tips-detail tbody tr td:nth-child(3):before {
    content: "event";
  }

  table.purchased-tips-detail tbody tr td:nth-child(4):before {
    content: "price";
  }

  table.purchased-tips-detail tbody tr td:nth-child(5):before {
    content: "result";
  }

  table.purchase-history tbody tr td:nth-child(1),

  table.purchase-history tbody tr td:nth-child(2),

  table.purchase-history tbody tr td:nth-child(3),

  table.purchase-history tbody tr td:nth-child(4) {
    width: 50%;
  }

  table.purchase-history tbody tr td:nth-child(5),

  table.purchase-history tbody tr td:nth-child(7) {
    width: 33%;
  }

  table.purchase-history tbody tr td:nth-child(7) {
    height: 75px;
  }

  table.purchase-history tbody tr td:nth-child(6) {
    width: 34%;
  }

  table.purchase-history tbody tr td {
    border-bottom: none;
    border-left: none;
  }

  table.purchase-history tbody tr td:nth-child(3) {
    border-top: 1px solid #d7d7d7;
  }

  table.purchase-history tbody tr td:nth-child(2),

  table.purchase-history tbody tr td:nth-child(4) {
    border-left: 1px solid #d7d7d7;
  }

  table.purchase-history tbody tr td:nth-child(6) {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
  }

  table.purchase-predict-history tbody tr td:nth-child(5),
  table.purchase-predict-history tbody tr td:nth-child(6) {
    width: 50% !important;
  }



}

@media only screen and (max-width: 480px) {

  .bot-video-slot-thumbnail {
    height: 100px;
  }
  .video-categoty-thumbnail-wrap {
    height: 90px;
}



  .bundle-match-team {
    display: none !important;
  }

  .cart-button {
    display: block;
    overflow: hidden;
  }

  .cart-button a {
    float: none !important;
    width: 100% !important;
    margin: 10px 0px;
  }

  .checkout-right {
    float: none;
    width: 100%;
    margin-top: 15px;
  }

  .slider-content ul li:nth-child(2) {
    display: none;
  }

  .footer-left .logo {
    display: none;
  }

  .content-left table.match-tips-table tr td ul.match-team li:nth-child(2) {
    display: block;
  }

  .footer-cover {
    padding: 15px 10px 15px;
  }

  .copyright div {
    padding: 12px 10px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:20px;
	text-align:center;
  }
  
  .copyright div p{
	  float:none;
	  text-align:center;
  }

  .maintable-content .home-blog div h1,
  .maintable-content .home-blog div .h1 {
    font-size: 15pt;
    line-height: 20pt;
    height: auto;
  }

  .header-top .signup_login ul {
    display: none;
  }

  .dashboard-info-header {
    display: block;
  }

  .dashboard-info-header div {
    display: block;
    width: 100%;
    padding: 10px 20px;
  }

  .dashboard-info-header div:nth-child(1) {
    padding-bottom: 0;
  }

  .dashboard-info-header div a {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
  }

  .dashboard-info-header div p {
    text-align: center;
  }

  .dashboard-info-footer {
    display: none;
  }

  .blog-detail-content h1,
  .blog-detail-content .h1 {
    font-size: 16pt;
    line-height: 20pt;
  }

  ul.blog-creator li:nth-child(2) {
    display: none;
  }

  .tabcontent li div.h3 span {
    margin: 0 10px 0px 0px;
  }

  .tabcontent li div.h3 a {
    float: left;
  }

  .tabcontent li div.h3>div {
    overflow: hidden;
    padding: 5px 0px;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(4) {
    width: 15% !important;
    left: 75%;
  }

  .tabcontent li table.res-table tbody tr td:nth-child(4) span {
    margin-top: 21px;
    color: #f82b2b !important;
  }

  .tabcontent li table.res-table tr td b {
    display: block;
    margin-top: 21px;
  }

  table.tipster-leaderboard tr td.follow-td a.follow-button,
  table.tipster-leaderboard tr td.unfollow-td a.unfollow-button {
    position: relative;
    padding: 20px 0px;
    height: 40px;
  }

  table.tipster-leaderboard tr td.follow-td a.follow-button i,
  table.tipster-leaderboard tr td.unfollow-td a.unfollow-button i {
    display: none;
  }

  table.tipster-leaderboard tr td.follow-td a.follow-button:before {
    content: "Follow";
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding: 10px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  table.tipster-leaderboard tr td.unfollow-td a.unfollow-button:before {
    content: "Unfollow";
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding: 10px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }


  table.tipster-leaderboard tbody tr td:first-child:before {
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  table.tipster-leaderboard tbody tr {
    border: 1px solid #d7d7d7;
    height: 228px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: none !important;
  }

  table.tipster-leaderboard tbody tr td:first-child {
    text-align: left;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  table.tipster-leaderboard tbody tr td {
    border: none;
  }

  table.tipster-leaderboard tbody tr td:nth-child(n+2) {
    display: none;
    font-family: "Montserrat Medium";
  }

  table.tipster-leaderboard tbody tr td:last-child {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }

  table.tipster-leaderboard tbody tr td:nth-child(2) {
    display: block;
    position: absolute;
    left: 15px;
    top: 70px;
    padding: 0 0;
    text-align: left;
    padding-left: 30px;
    width: 65px;
    border-right: 1px solid #d7d7d7;
  }

  table.tipster-leaderboard tbody tr td:nth-child(2):before,
  table.tipster-leaderboard tbody tr td:nth-child(3):before,
  table.tipster-leaderboard tbody tr td:nth-child(4):before,
  table.tipster-leaderboard tbody tr td:nth-child(8):before,
  table.tipster-leaderboard tbody tr td:nth-child(9):before {
    bottom: 0;
    left: 0;
    text-align: left;
  }

  table.tipster-leaderboard tbody tr td:nth-child(3) {
    display: block;
    position: absolute;
    left: 90px;
    top: 70px;
    padding: 0 0;
    text-align: left;
    padding-left: 43px;
    width: 77px;
    border-right: 1px solid #d7d7d7;
  }

  table.tipster-leaderboard tbody tr td:nth-child(4) {
    display: block;
    position: absolute;
    left: 175px;
    top: 70px;
    padding: 0 0;
    text-align: left;
    padding-left: 34px;
    width: 95px;
    border-right: 1px solid #d7d7d7;
  }

  table.tipster-leaderboard tbody tr td:nth-child(8) {
    display: block;
    position: absolute;
    left: 15px;
    top: 94px;
    padding: 0 0;
    text-align: left;
    padding-left: 60px;
    width: 120px;
    border-right: 1px solid #d7d7d7;
  }

  table.tipster-leaderboard tbody tr td:nth-child(9) {
    display: block;
    position: absolute;
    left: 148px;
    top: 94px;
    padding: 0 0;
    text-align: left;
    padding-left: 30px;
    width: 87px;
  }

  table.tipster-leaderboard tbody tr td:nth-child(5) {
    display: block;
    position: absolute;
    left: 5%;
    top: 123px;
    padding: 6px 0px 20px;
    text-align: center;
    width: 30%;
    background: #f5f5f5;
  }

  table.tipster-leaderboard tbody tr td:nth-child(5):before,
  table.tipster-leaderboard tbody tr td:nth-child(6):before,
  table.tipster-leaderboard tbody tr td:nth-child(7):before {
    bottom: 4px;
  }

  table.tipster-leaderboard tbody tr td:nth-child(6) {
    display: block;
    position: absolute;
    left: 35%;
    top: 123px;
    padding: 6px 0px 20px;
    text-align: center;
    width: 30%;
    background: #f5f5f5;
  }

  table.tipster-leaderboard tbody tr td:nth-child(7) {
    display: block;
    position: absolute;
    left: 65%;
    top: 123px;
    padding: 6px 0px 20px;
    text-align: center;
    width: 30%;
    background: #f5f5f5;
  }




  .top-performing-tipster div:last-child a {
    width: 100%;
  }

  .top-performing-tipster div:last-child a i {
    display: none;
  }

  .tipster-performing-profile ul li:first-child {
    display: none;
  }

  .latest-tipster-performance div:nth-child(3) a {
    width: 100%;
    padding: 10px 0px;
  }

  .latest-tipster-performance div:nth-child(3) a.followed {
    background: #00adef;
    color: #fff;
  }

  .latest-tipster-performance div:nth-child(3) a.following {
    background: #989898;
    color: #fff;
  }

  .latest-tipster-performance div:nth-child(3) a i {
    display: none;
  }

  .latest-tipster-performance div:nth-child(3) {
    padding-top: 0;
    border-top: none;
  }

  .latest-tipster-performance div:nth-child(1) {
    position: relative;
    text-align: left;
    overflow: hidden;
  }

  .latest-tipster-performance div:nth-child(1) a.tipster-profilepic {
    display: block;
    float: left;
    width: 30%;
    max-width: 80px;
  }

  .latest-tipster-performance div:nth-child(1) span {
    display: block;
    float: left;
    width: 70%;
    margin-top: 5px;
  }

  .latest-tipster-performance div:nth-child(2) {
    padding: 0 0;
    position: Relative;
    overflow: hidden;
    background: #fff;
  }

  .latest-tipster-performance div:nth-child(2) ul {
    overflow: hidden;
    padding: 0px 0px;
  }

  .latest-tipster-performance div:nth-child(2) ul li:nth-child(1),
  .latest-tipster-performance div:nth-child(2) ul li:nth-child(2),
  .latest-tipster-performance div:nth-child(2) ul li:nth-child(3) {
    display: block;
    float: left;
    width: 32%;
    margin: 1% 1% 1%;
    padding: 5px 5px;
    background: #ebebeb;
  }

  .latest-tipster-performance div:nth-child(2) ul li:nth-child(1) {
    margin-left: 0;
  }

  .latest-tipster-performance div:nth-child(2) ul li:nth-child(3) {
    margin-right: 0;
  }

  .latest-tipster-performance div:nth-child(2) ul li:nth-child(4) {
    display: block;
    float: left;
    width: 49%;
    margin: 1% 0;
    background: #ebebeb;
    padding: 5px 5px;
  }

  .latest-tipster-performance div:nth-child(2) ul li:nth-child(5) {
    display: block;
    float: right;
    width: 49%;
    margin: 1% 0;
    background: #ebebeb;
    padding: 5px 5px;
  }

  .latest-tipster-performance div:nth-child(2) ul li span {
    font-size: 13pt;
    line-height: 20pt;
  }

  .maintable-content .home-blog div .blog-image {
    height: auto;
  }

  .maintable-content .home-blog div .blog-image img {
    position: relative;
    object-fit: contain;
  }

  .paymentmethodimg-cover {
    padding: 15px 10px 15px;
  }

  ul.paymentimg-list li {
    background-size: 85% !important;
  }

  .guarantee span {
    width: 100px;
  }

  .guarantee span img {
    width: 100%;
  }

  .footer-right.partner-link iframe {
    display: none !important;
  }


  .weekly-tipster-follow ul li:first-child {
    display: none;
  }

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow,
  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button {
    display: block;
    width: 100%;
  }

  .weekly-tipster-follow-button {
    border-left: none;
    margin-top: 10px;
  }

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a i {
    display: none;
  }

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a span {
    padding: 10px 0px;

  }

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a.followed {
    background: #00adef;
    color: #fff;
    display: block;
  }

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow-button a.following {
    background: #989898;
    color: #fff;
    display: block;
  }

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow ul {
    overflow: hidden;
  }

  .weekly-tipster-follow ul li {
    display: block;
    float: left;
    margin: 0 0;
  }

  .weekly-tipster-follow ul li:nth-child(2) {
    width: 30%;
  }

  .weekly-tipster-follow ul li:nth-child(3) {
    width: 70%;
    padding-top: 10px;
  }

  .weekly-tipster-follow ul li:nth-child(3) span {
    display: block;
    width: 100%;
  }

  .weekly-tipster-follow ul li:nth-child(3) span ul li {
    display: block;
    width: 33%;
    float: left;
    border: none;
  }

  .weekly-tipster-follow ul li:nth-child(3) span ul li:nth-child(1) {
    text-align: left;
  }

  .weekly-tipster-follow ul li:nth-child(3) span ul li:nth-child(2) {
    text-align: center;
  }

  .weekly-tipster-follow ul li:nth-child(3) span ul li:nth-child(3) {
    text-align: right;
  }

  .banner728 {
    display: none !important;
  }


  table.match-tips-table tr td:first-child span.match-time {
    background: #f5f5f5;
    padding-top: 5px;
  }

  table.match-tips-table tr td:first-child span.match-event {
    background: #f5f5f5;
  }

  table.match-tips-table tr td:first-child>p {
    background: #f5f5f5;
    padding-bottom: 5px;
  }

  table.match-tips-table tr td ul.match-team {
    margin-top: 15px;
    display: block;
    width: 100%;
    overflow: hidden;
  }

  table.match-tips-table tr td ul.match-team li {
    display: block;
    float: left;
    text-align: center;
    margin: 5px 0px;
  }

  table.match-tips-table tr td:last-child>div {
    margin-top: 5px;
  }

  table.match-tips-table tr td ul.match-team li:nth-child(1),
  table.match-tips-table tr td ul.match-team li:nth-child(3) {
    width: 45%;
  }

  table.match-tips-table tr td ul.match-team li:nth-child(2) {
    width: 10%;
  }

  table.match-tips-table tr td ul.match-team li img {
    display: block;
    margin: 0 auto 5px;
  }

  table.match-tips-table tr td ul.match-team li span {
    font-size: 9pt;
  }

  .ctabanner h1,
  .ctabanner .h1 {
    font-size: 25pt;
    font-family: "Montserrat Regular";
    font-weight: bold;
  }

  .ctabanner .cta-1 a {
    margin-bottom: 3px;
  }

  .payment-content .column-right,
  .payment-content .column-left {
    display: block;
    margin: 0 auto 20px;
    height: auto;
    float: none;
  }



  .recent-premium-result .grid-item-top span.date {
    width: 30%;
    border-right: none;
  }

  .recent-premium-result .grid-item-top span.event {
    width: 70%;
    border-left: 1px solid #d7d7d7;
  }

  .recent-premium-result .subtable-content:first-child .grid-item-top span.event:before {
    width: 110%;
    left: -1px;
  }

  .recent-premium-result .grid-item-bottom ul li {
    display: block;
    width: 100%;
  }

  .tipster-tips-statistic table {
    width: 100%;
  }

  .tipster-tips-statistic table:first-child {
    border-right: none;
  }

  .credit-topup table thead,

  .credit-topup table thead tr,

  .credit-topup table tbody,

  .credit-topup table tbody tr,

  .credit-topup table tbody td {
    display: block;
    width: 100% !important;
    overflow: hidden;
  }

  .credit-topup table thead tr th {
    width: 50%;
    float: left;
  }

  .dashboard-info-middle ul li {
    width: 50%;
    margin-bottom: 10px;
  }

  table.credit-purchase-history tr td,

  table.purchase-history tr td,

  table.transactionh-table tr td {
    font-size: 9pt;
  }

  table.credit-purchase-history tbody tr td,

  table.transactionh-table tbody tr td {
    padding-bottom: 10px;
  }

  .bundle-tips-purchase a {
    width: 100%;
    display: block;
    float: none;
  }

  .tipster-info-header ul li:last-child {
    float: none;
  }

  .tipster-info-header ul li:last-child a {
    width: 100%;
  }

  .tipster-info-header ul li:first-child {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
  }

  .message-wrapper .attachment-button {
    float: none;
    margin-top: 20px;
    margin-left: 0px;
  }

  input#message-send {
    float: none;
  }

  .header-top {
    padding: 0px 0px;
  }

  .header-top .signup_login ul li a {
    padding: 0px 10px;
    font-size: 9pt;
  }
}

@media only screen and (max-width: 440px) {

  .bot-video-slot-thumbnail {
    height: 95px;
  }


  ul.performance-statistic li {
    width: 100%;
    margin: 0;
  }

  .tabcontent li table.res-table tbody tr td {
    padding: 10px 5px;
    font-size: 9pt;
  }
}

@media only screen and (max-width: 430px) {

  .header-bottom .logo {
    width: 200px;
  
  }

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking {
    display: block;
  }



  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-follow,

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-profit {
    display: block;
    width: 100%;
    padding: 5px 0px;
  }

  .weekly-tipster-box .maintable-content .weekly-tipster-ranking .weekly-tipster-profit {
    padding: 10px 0px 0px;
    border-left: none;
  }


  .footer-right ul.sitemap {
    min-width: 200px;
  }

  .copyright div ul {
    text-align: center;
    display: block;
    width: 100%;
    float: none;
  }

  .copyright div p {
    display: block;
    float: none;
    text-align: center;
  }

  .tipster-info-footer ul {
    padding: 0px 0px;
  }

  .tipster-info-footer ul li {
    width: 100%;
    border: none;
    padding: 10px 0px;
  }

  .tipster-info-footer ul li:nth-child(2) {
    border: none;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
  }

  .credit-pack ul li {
    width: 100%;
    margin-right: 0px;
  }

  ul.tipster-service-chart li {
    width: 100%;
    margin: 5px auto 25px;
  }
}

@media only screen and (max-width: 415px) {

  .video-categoty-video-slot{
    width: 100%;
  }

  .video-categoty-thumbnail-wrap {
    height: 190px;
}

  .email-check input[type="submit"] {
    width: 100%;
  }

  .content-cover {
    padding: 30px 0px;
    background: none;
    border: none;
  }

  .maintable-content {
    padding: 20px 10px;
  }

  .bot-video-slot-thumbnail {
    height: 90px;
  }

  .bot-video-slot {
    width: 100%;
  }

  .bot-video-slot-thumbnail {
    height: 164px;
  }

}

@media only screen and (max-width: 390px) {
  .video-categoty-thumbnail-wrap {
    height: 160px;
}
}





@media only screen and (max-width: 350px) {
  .header-top .web-info ul li {
    margin-right: 0;
  }

  .maintable-header {
    background: #11252e !important;
  }

  div.subtable-header {
    background: #154a76 !important;
  }
}