/* addded for new table Oct 2020 */

.table-brand-image {
    background-size: cover;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	height: 120px;
    min-width: 258px
}
.flex-grid {
  display: flex;
  justify-content: space-around;
  flex-flow: wrap;
  
}
.tcs_apply {
	font-size: 12px;
    font-weight: 300;
}
.table-terms {
	font-size: 14px;
	line-height: 14px;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	background-color: #8b8b8b2e;
	margin-bottom: 15px;
	padding: 10px;
}
.summary-text {
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
.summary-text p {
	font-size: 16px;
	line-height: 18px;
}
.brand-list ol {
	margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 1em;
}
@media screen and (max-width: 480px) {
	.table-brand-image {
		min-width: 100%;
	}
	.flex-grid {
		display: block;
		margin-right: 10px;
		margin-left: 10px;
	}
}
.flex-table {
	display: flex;
	width: 100%;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
  	align-items: center;
  	justify-content: center;
}
.flex-table i {
	font-weight: 700;
    font-size: 12px;
    width: 100%;
    background-color: #e93d3e;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
	font-style: normal;
	display: block;
	height: 100%;
}
@media screen and (max-width: 480px) {
	.flex-table i {
		height: 27px;
	}
}
.min-deposit, .min-deposit-m, .wagering-m {
    padding: 8px;
    font-size: 14px;
    border: 1px solid #dfdfdf;
}
.min-deposit b, .min-deposit-m b, .wagering-m b {
	font-weight: 700;
}
.min-deposit-m, .wagering-m {
	display: none;
}
.welcome_offer {
	font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    margin-left: 15px;
    margin-right: 15px;
	margin-top: 5px;
	text-transform: uppercase;
}
.additional_welcome_offer {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 5px;
}
.table-button {
    background-color: #ff3516;
    border: 1px solid #ff3516;
    color: #ffffff;
    padding: 10px 16px;
	width: 80%;
    border-radius: 10px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 800;
	margin-left: auto;
    margin-right: auto;
}
.table-button-link a, .table-button-link {
	color: #ffffff !important;
	text-decoration: none;
	
}
.icon-row {
	display: flex;
 	align-items: center;
	justify-content: initial;
	margin-left: 5px;
	min-width: 155px;
	min-height: 50px;
}
.icon-row img {
	margin: 5px;
}
.heading {
	font-weight: 700;
    padding-left: 10px;
    font-size: 20px;
	line-height: 26px;
    padding-bottom: 10px;
}
.heading-padding {
	padding-bottom: 5px;
    padding-top: 5px;
	}
@media screen and (max-width: 480px) {
.heading-padding {
	padding-bottom: 13px;
    padding-top: 14px;
	}
}
.col-2-tab img {
	border-radius: 10px;
	margin: 5px;
	width: 45px;
}
.col-3-tab {
	flex-basis: 30%;
	text-align: center;
}
.col-4-tab {
	flex-basis: 30%;
    font-weight: 800;
	text-align: center;
	margin-top: 5px; 
}
.col-4-tab span {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -1px
}
.rating {
	display: inline;
}
.table-container {
    width: 100%;
    margin-top: 20px;
}
.star-rating {
	width: 25px;
	height: 25px;
	fill: #ffc107;
	stroke:black;
	stroke-width:10;
	margin-right: 5px;
	display: inline;
	margin-top: 20px;
}
.icon-box {
    border-radius: 10px;
    padding: 3px;
    border: 1px solid #cacaca;
	
}
.icon-box img {
	height:50px;
}
.col-tab {
  flex-basis: 48%;
}

.float-left {
    float: left;
}






.min-height-220 {
	min-height: 220px;
}
.m-10 {
	margin: 10px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mr-10 {
	margin-right: 10px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-50 {
	margin-left: 50px;
}
.mr-50 {
	margin-right: 50px;
}
.mr-auto {
	margin-left: auto;
}
.ml-auto {
	margin-right: auto;
}
.h-100 {
    height: 100%;
}
.w-50 {
	width: 50%;
}
.w-90 {
	width: 90%;
}
.w-100 {
	width: 100%;
}
.box-shadow {
	box-shadow: 1px 1px 10px 2px #ccc;
}
.h-400px {
	height: 400px;
}
.h-130px {
	height: 130px;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
.inline-block {
	display: inline-block;
}
.left {
	text-align: left;
}
.cover-image {
    background-size: cover;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
}
.plugin-primary-button:hover{
 transform:scale(1.05,1.05); background-color:#f64e6e;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.plugin-primary-button {
	 background-color:#f64e6e;
	 color:#ffffff;
	 font-size:14px;
	 letter-spacing:1px;
	 line-height:1.1;
	 text-decoration:none;
	 font-weight:700;
	 text-align:center;
	 padding-top:16px;
	 padding-bottom:16px;
	 padding-left:45px;
	 padding-right:45px;
	 border-radius:20px;
	 transition-duration:0.2s;
	 transition-timing-function:ease;
	 transition-property:all;
	 text-transform:uppercase;
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale; border-top-style:none;
	 border-right-style:none;
	 border-bottom-style:none;
	 border-left-style:none;
	 background-image: linear-gradient(-90deg, #f64e6e 0%, #ff795e 98%);
}
.uppercase {
	text-transform: uppercase;
}
@media screen and (max-width: 480px) {
	.heading {
		padding-bottom: 0px;
	}
	.flex-table {
		display: flex;
		flex-wrap: wrap;
	}
	.flex-col {
		flex: 1;
		flex-basis: 150px;
	}
	.col-1-tab {
		order: 1;
		align-self: flex-start;
		flex-basis: 50%;
		max-width: 50%;
	}
	.col-2-tab {
		order: 3;
		align-self: flex-start;
		flex-basis: 50%;
		align-self: flex-start;
		max-width: 50%;
	}
	.col-3-tab {
		order: 2;
		flex-basis: 50%;
		max-width: 50%;
	}
	.col-4-tab {
		order: 4;
		align-self: flex-start;
		flex-basis: 50%;
		max-width: 50%;
	}
	.icon-box {
		 margin-top: 0px !important;
	}
	.welcome_offer {
		font-size: 18px !important;
    	line-height: 20px !important;
	}
	.star-rating {
	width: 15px !important;
	height: 15px !important;
	}
	.rating {
	font-size: 1em;
	display: block; 
	}
	.table-button {
    padding: 12px 8px !important;
	width: 90% !important;
	font-size: 11px !important;
	margin-bottom: 15px !important;
	}
	.heading {
	font-size: 14px !important;
	}
	.table-brand-image {
	height: 90px !important;
	}
	.min-deposit {
	display: none !important;
	}
	.min-deposit-m {
	display: block !important;
	margin-top: 10px;
	margin-left: 10px;
	}
	.icon-row img {
	margin: 2px !important;
	}
}

/*end of CSS additons Oct 2020 */

.mobile-star {
  margin-top: -15px;
}

@media (max-width:415px) {
  .mobile-star {
    margin-bottom: 0px;
  }
}
.thead {
	margin:0 !important;
}
@media (max-width:415px) {
  .thead {
    display: none;
  }
}
.score {
	
}
.score i {
	margin-top:10px;
	margin-bottom:10px;
	font-size:42px;
}
@media (max-width:415px) {
  .score i {
    display: none;
  }
}
.version4--thead {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
@media (max-width:415px) {
  .version4--thead {
    display: none;
  }
}
.version4 ol {
	margin: 0px;
	counter-reset: my-awesome-counter;
  	list-style: none;
  	padding-left: 0px;
	padding-top: 0px;
}
.version4 {
	padding-left: 0px;
	padding-right: 0px;
}
@media (max-width:415px) {
	.mobile-row {
	margin-left: -50px;
    margin-right: 5px
	}
	.version4 ol {
		padding-left: 50px;
	}
}
.version4 p {
	font-size: 14px!important;
	margin-bottom: 0px;
	margin-top: 10px;
}
.version4 .btn a:link, .version4 .btn a:visited {
	color: #000;
}
.version4 ol li {
  counter-increment: my-awesome-counter;
  position: relative;
  padding-top: 5px
}
.version4b ol li::before {
  content: counter(my-awesome-counter);
  color: #fcd000;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 45px;
  left: calc(-1 * var(--size) 8px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background: black;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
  margin-top: 30px;
  z-index: 99;
}
.version4 ol li::after {
	content: '';
	border-bottom: 2px solid #eee;
	display: block;
}
@media (max-width:415px) {
	.version4 ol li::before {
    left: calc(-1 * var(--size) -2px);
	--size: 60px;
	}
}
.thumbsvg svg {
	margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.thumbsvg {
	height: 100px;
	width: 50%;
	fill: #ffffff;
	margin: auto;
	border-radius: 50px;
	padding-left: 18%;
    padding-right: 18%;
	position: relative;
}
@media (max-width:415px) {
	.thumbsvg {
		width: 150px;
		height: 150px;
		border-radius: 75px;
		padding: 40px;
	}
}
.thumb--version4 {
	height: 100px;
	fill: #ffffff;
	display: grid;
	justify-items: center;
    align-items: center;
}
.thumb--version4 img {
	height: 80px;
}
.thumb--version4 svg {
	height: 75%;
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
	max-width: 100%;
}
.version4--bonustext {
	padding-bottom: 20px;
	padding-top: 20px
}
.version4--bonustext span {
	display: block;
	font-size: 0.75em;
}
@media (max-width:415px) {
	.thumb--version4 {
		height: 175px;
	}
}
.termstext--table {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    font-size: 12px !important;
	line-height: 14px !important;
}
.termstext {
    width: 100%;
    display: inline-block;
    min-height: 1px;
    overflow: hidden;
	padding: 0px 20px 10px 50px;
    font-size: 12px !important;
	line-height: 14px !important;
}
.termstext span {
	background-color: transparent;
}
@media (max-width:415px) {
	.termstext {
	padding: 0px 0px 0px 0px;
	}
}
.cta h4 a {
  color: #ffffff;
}
.button {
  background-color: #3dbf1f; /* Green */
  border: none;
  color: white;
  padding: 15px 40%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
}
.page-title.secondary h2, .page-title.secondary h3, .page-title.secondary h4, .page-title.secondary h5 , .page-title.secondary i {
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    z-index: 99;
    color: #282b2d;
    padding: 0 15px 5px 0;
    background: #fff;
    display: inline-block;
    letter-spacing: 0;
}
.page-title.secondary .line {
    height: 4px;
    width: 100%;
    background: #c42026;
    position: relative;
    top: -20px;
}

.bonus-button {
    width: 29%;
    float: right;
    margin-top: 0;
    padding-right: 1px;
}

.bonus-text-headline a:link, .bonus-text-headline a:visited {
	background-color: #3dbf1f;
	color: #ffffff;
}
.bonus-text-headline a:hover {
	background-color: #F09700;
	color: #ffffff;
}
.section-body-plus .bonus-text-headline .text-line {
    float: left;
}
.bonus-text-headline i {
    color: #f09700;
    font-size: 50px;
	font-weight: 700;
	display: inline;
	line-height: 50px;
}
@media (max-width:415px) {
	.bonus-text-headline a {
		margin-top: 20px;
	}
}
.terms p {
    font-size: 10px;
    color: #999;
	line-height: 14px;
}

a.fcrp-button {
  color: #888 !important;
  line-height: 1em;
  padding: 25px 10px;
  text-align: center;
  text-decoration: none !important;
  display: block;
  font-weight: 800;
  font-size: 22px !important;
  border-radius: 12px;
  -moz-border-radius: 12px;
  border: 0 !important;
  text-transform: uppercase;
  box-shadow: none !important;
}

a.fcrp-button:hover,a.fcrp-button:active,a.fcrp-button:visited {
  opacity: 0.85;
  box-shadow: none;
}

.fcrp-loading {
  margin: 0 auto;
  padding: 10px 0 30px;
  display: block;
}

span.fcrp-ratebig {
  display: block;
  height: 23px;
  width: 146px;
  background: url(images/bigstars.png) -2px -29px;
}

span.fcrp-ratebig-total {
  display: block;
  height: 23px;
  width: 146px;
  background: url(images/bigstars.png) -2px -2px;
}

span.fcrp-ratebig.rmbottom {
  margin: 0 auto 15px auto;
}

.fcrp-fc-col {
  float: left;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 5px;
}

.fcrp-site-col {
  width: 24%;
}

.fcrp-bonus-col {
  width: 20%;
}

.listtermstext {
  font-size: 12px !important;
  line-height: 12px !important;
  margin-top: -25px;
}

.listreview {
  margin-left: 0px;
  padding-top: 20px;
}

.listreview li {
  list-style-type: none;
  list-style: none;
}

.listreview hr {
  margin-top: 40px !important;
  color: #e6e6e6;
  margin-bottom: -20px;
}



@media (max-width:415px) {
  .listofferdetails {
    text-align: center;
  }
}

.welcomeoffer {
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
}

@media (max-width:415px) {
  .welcomeoffer {
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    margin-right: 20px;
    margin-left: 20px;
  }
}

.font-size-28 {
  font-size: 28px;
  font-weight: 700;
}

.font-size-18 {
  font-size: 18px;
  font-weight: 700;
}

@media (max-width:415px) {
  .mobile-margin {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }
}

.fcrp-fc2-col {
  float: left;
  padding: 0 5px;
  margin: 10px auto;
  text-align: center;
}

.fcrp-screen-col {
  width: 40%;
  padding: 0 10px;
  float: left;
}

.fcrp-screen-col img {
  max-width: 100%;
  height: auto;
}

.fcrp-detail-col {
  width: 60%;
  padding: 0 10px;
  float: left;
}

.fcrp-bonus-col span {
  display: block;
  margin: 0 auto;
}

.fcrp-site5-col,.fcrp-bonus5-col {
  width: 33.33%;
  display: table-cell;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  text-align: center;
}

ul.fcrp_game_list1 {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.fcrp_game_list1 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 4px solid #000;
}

ul.fcrp_game_list1 li {
  display: block;
  font-size: 14px;
  color: #747272;
  position: relative;
  padding: 8px 0 8px 20px;
  border-bottom: solid 1px #d7d7d7;
  list-style: none;
  text-indent: 0;
  background: none !important;
}

ul.fcrp_game_list1 li:last-child {
  border-bottom: none;
}

ul.fcrp_game_list1 li:before {
  color: #696969;
  font-size: 14px;
  font-family: 'FontAwesome';
  content: '\f14a';
  position: absolute;
  left: 0;
}

.fcrp_card {
  text-align: center;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
  border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px;
}

.fcrp_card_info {
  margin-bottom: 10px;
}

.fcrp_card_info {
  font-weight: bold;
}

span.fcrp_card_url {
  font-size: 12px;
}

.fcrp-image-info {
  float: left;
  display: block;
  width: 50%;
}

.fcrp-image-info h4 {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin: 10px 0 0;
}

.fcrp-image-info img.fcrp-computer-bg {
  position: relative;
  height: auto;
  width: 250px;
  max-width: 100%;
}

.fcrp-image-info img.fcrp-position {
  position: absolute;
  left: 4%;
  top: 3.81%;
  z-index: 2;
  width: 92%;
  height: 66%;
}

.fcrp-game_screen {
  background: #1a1a1a;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}

.fcrp-game_screen img {
  display: block;
  width: 100%;
  height: auto;
}

ul.fcrp_game_list2 {
  margin: 0;
  padding: 0;
}

ul.fcrp_game_list2 li {
  margin: 0 0 6px;
  padding: 0;
  list-style: none;
  color: #555;
  text-indent: 0;
  background: none !important;
}

ul.fcrp_game_list2 li span {
  font-weight: bold;
}

.terms {
  font-size: 9px;
  line-height: 9px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

table img {
  border: 1px solid #021a40;
}

td {
  border: none !important;
}

/*---------- star rating ----------*/

/*---------- end star rating ----------*/

@media (max-width:1200px) {
  .fcrp-image-info img.position {
    left: 9px;
    top: 7px;
    width: 93%;
  }
}

@media (max-width:992px) {
  .fcrp-image-info .img-link {
    font-size: 12px;
  }

  .item-left {
    float: left;
    width: 100%;
  }
}

.microtable tr:nth-child(odd) {
  background-color: #F5F5F5;
}

.microtable {
  font-size: 14px;
  line-height: 16px;
  border: 1px solid #7a7a7a;
  margin: 0px !important;
  width: 100%;
  border-collapse: collapse;
}

.microtable th {
  font-size: 18px;
  line-height: 16px;
  background: #333;
  color: white;
  font-weight: bold;
}

.microtable td,th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}

.microtable th:nth-child(3) {
  width: 17%;
}

.microtable-tested {
  font-size: 14px;
  text-align: right;
  width: 100%;
  display: table;
  padding-top: 5px;
}

@media (max-width:767px) {
  .fcrp-image-info {
    width: 100%;
    float: none;
  }

  .fcrp-site-col {
    width: 100%;
  }

  .fcrp-bonus-col {
    width: 100%;
  }

  .fcrp-site5-col,  .fcrp-bonus5-col {
    width: 100%;
    display: block;
    font-size: 22px;
    font-weight: 900;
    padding: 18px 18px;
    border-bottom: 0;
    background-color: #efefefef;
  }
}

.tooltip-inner {
  min-width: 100px;
  max-width: 700px;
}

@media (max-width: 320px) {
  .tooltip-inner {
    min-width: initial;
    max-width: 300px;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */
  font-size: 11px;
}

/* Tooltip text */

/* Show the tooltip text when you mouse over the tooltip container */

/* Tooltip text tombstones */

/* Show the tooltip text when you mouse over the tooltip container */

/* Floating message bar */

#message {
  position: fixed;
  bottom: 0;
  width: 795px;
}

#inner-message {
  margin: 0 auto;
  width: 100%;
}

@media (max-width:479px) {
  /* Floating message bar */

  #message {
    width: 100%;
    left: 0;
  }

  .fcrp-screen-col,  .fcrp-detail-col {
    width: 100%;
    padding: 10px;
    float: none;
  }
}

@media screen and (max-width: 650px) {
  .features {
    display: none;
  }

  .features-data {
    display: none;
  }

  .offer {
    display: none;
  }

  .offer-data {
    display: none;
  }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}