/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css);
.feature-casino{
	margin-top:30px!important;
	margin-bottom:30px!important;
}
.feature-casino .toplist-table{
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
	gap:20px;
}
.bonus-ilman-container {
   display: flex;
   justify-content: space-between;
   gap: 20px;
}

.bonus-ilman-list {
   display: flex;
   box-sizing: border-box;
   flex-direction: column;
   justify-content: space-around;
   background: #00eeda;
   padding: 20px;
   border-radius: 20px;
   width: 30vw;
   position: relative;
}

.bonus-ilman-list:not(.bonus-ilman-list-item-lg) {
   text-align: center;
}

.bonus-ilman-list-item-lg {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
}
.bonus-ilman-logo {
   width: 150px;
}
.bonus-ilman-logo a img {
   width: 100%;
}
.bonus-ilman-count {
   position: absolute;
   top: -6px;
   right: 5px;
   font-size: 20px;
   font-weight: 700;
   color: #fff;
}
.bonus-ilman-count span {
   position: relative;
   left: -25px;
   top: -15px;
}
.casino-snab-item-rank {
   display: flex;
   flex-direction: column;
   padding: 20px;
}

.casino-snab-item-rank-title {
   text-align: center;
   font-size: 20px;
   color: #fff;
   margin-bottom: 15px;
}

.casino-snab-item-rank-star {
   font-size: 16px;
   color: #fff;
}

.bonus-ilman-list-item-title,
.bonus-ilman-list-item-btn {
   margin: 20px 0;
}

.bonus-ilman-list-item-title span {
   font-size: 25px;
   color: #fff;
}

.bonus-ilman-list-item-btn a {
   text-decoration: none;
   font-size: 16px;
   text-align: center;
   padding: 12px 70px;
   color: #fff;
   background: #1f3469 linear-gradient(94.67deg, #1f3469 3.78%, #2a4996 96.22%);
   border-radius: 25px;
   text-transform: uppercase;
   font-weight: 700;
}
@media screen and (max-width: 991px) {
   .bonus-ilman-list-item-lg {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-bottom: 20px;
      align-items: center;
   }
   .bonus-ilman-list-item-btn a {
      padding: 12px 50px;
   }
}
@media screen and (max-width: 767px) {
	.feature-casino .toplist-table{
		flex-direction:column;
	}
   .bonus-ilman-container {
      display: flex;
      flex-direction: column;
      gap: 25px;
      justify-content: space-between;
	   width: 100%;
   }

   .bonus-ilman-list {
      width: 100%;
      align-items: center;
   }
   .bonus-ilman-list-item-lg {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-bottom: 20px;
   }
   .bonus-ilman-list-item-btn {
      width: fit-content;
   }
   .bonus-ilman-list-item-btn a {
      padding: 15px 35px;
   }
}


/* Main Toplists */
.talletusta-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F2F2F2;
    padding: 10px;
    border-radius: 5px;
	margin-bottom:20px;
}
.talletusta-logo{
    width: 150px;
    height: 100%;
}
.talletusta-logo a img{
    width: 100%;
}

.talletusta-title{
    display: flex;
    justify-content: space-around;
    font-size: 22px;
    align-items: center;
}
.talletusta-rank{
    text-align: center;
}
.talletusta-rank .talletusta-star{
    color:#002f6c;
    margin-bottom: 10px;
}
.talletusta-btn a{
    text-decoration: none;
    background: #002f6c linear-gradient(94.67deg, #002f6c 3.78%, #1f3469 96.22%);
    padding: 14px 50px;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.talletusta-btn a:hover{
    background:#002f6c;
}

@media screen and (max-width:767px){
    .talletusta-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .talletusta-logo,
    .talletusta-title,
    .talletusta-btn{
        margin: 20px;
    }
}

/* TOP list */
.toplist-table .table-row .top-list-v-separator {
  margin: 10px 35px;
  border-left: 1px solid #ececec;
}
.top-list-wrapper .brand-rank {
	display: inline-block;
}
.top-list-wrapper.template-one {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.top-list-wrapper.template-one .table-row {
  padding: 30px 30px 50px 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 20px;
  position: relative !important;
}
.top-list-wrapper.template-one .table-row:hover {
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
}
.top-list-wrapper .brand-rank {
  width: 100px;
}
.top-list-wrapper.template-one .brand-title {
  color: #03065d;
}
.top-list-wrapper.template-one .brand-info {
  width: 25%;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.top-list-wrapper.template-one .brand-info .inner-table-col:first-child a {
  width: 180px;
  display: block;
  height: 130px;
  background-color: #fff;
  border-radius: 15px;
}
.top-list-wrapper.template-one .brand-info .inner-table-col:first-child img {
  width: 120px !important;
  margin: 0 auto;
}
.top-list-wrapper.template-one .brand-info .inner-table-col:last-child .brand-rank {
  color: #fb3;
}
.top-list-wrapper.template-one .brand-bonus {
  width: 20%;
}
.top-list-wrapper.template-one .brand-button {
  width: 20%;
}
.top-list-wrapper.template-one .disclaimer {
  position: absolute;
  top: initial;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .toplist-table .flex-md-row {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
@media (max-width: 768px) {
  .top-list-wrapper.template-one .brand-info {
    width: 100%;
    width: 100%;
  }
  .top-list-wrapper.template-one .brand-info .inner-table-col:first-child a {
    width: 150px;
  }
  .top-list-wrapper.template-one .brand-bonus {
    width: 100%;
  }
  .top-list-wrapper.template-one .brand-button {
    width: 100%;
  }
  .toplist-table .table-row .top-list-v-separator {
 	margin: 10px 0;
	}
}

.brand-count {
  position: relative;
}
.brand-count .brand-count_badge {
  position: absolute;
  left: 0px;
  margin-left: 36px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  width: 170px;
  height: 28px;
  border-radius: 0 5px 5px 0;
  background-color: #03065d;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.867 8.623c.702 1.103 1.18 1.853 1.166 3.314-.002.263-.115.66.268.732.606.113 1.028-1.185 1.35-1.523.532-.562.841.527.94.834.531 1.662.581 3.507-.065 5.145-.725 1.842-2.293 3.28-4.337 3.744-.84.191-1.7.152-2.528-.04-2.319-.543-3.962-2.48-4.466-4.612-.368-1.555-.185-3.148.298-4.66.141-.44.869-2.69 1.598-2.306.434.228.362.703.395 1.091.032.367.441 1.648.995 1.48.35-.105.215-.475.176-.719-.163-1.015.037-2.712.562-3.651.284-.452.514-.936.789-1.393.185-.308.612-1.216 1.092-1.035.435.164.478.737.555 1.12.186.916.718 1.703 1.212 2.479z' fill='url(%23paint0_linear_2260_1859)'/%3E%3Cpath d='M11.5 20.5c-.5 0-1.472-1.409-1.498-1.88-.022-.377.156-.756.285-1.102L11 15c.164-.44 1-2 1.5-1s.394 1.71.5 2l.678 1.418c.12.348.35.836.32 1.211-.042.52-.632 1.871-1.498 1.871h-1z' fill='%2300E8B6'/%3E%3Cpath d='M11.5 20.5c-.5 0-1.472-1.409-1.498-1.88-.022-.377.156-.756.285-1.102L11 15c.164-.44 1-2 1.5-1s.394 1.71.5 2l.678 1.418c.12.348.35.836.32 1.211-.042.52-.632 1.871-1.498 1.871h-1z' fill='url(%23paint1_linear_2260_1859)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2260_1859' x1='12.375' y1='20.953' x2='11.605' y2='6.341' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230CF5A4'/%3E%3Cstop offset='1' stop-color='%230BAAD5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2260_1859' x1='12.125' y1='20.98' x2='11.684' y2='14.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230BAAD5'/%3E%3Cstop offset='1' stop-color='%230CF5A4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left 5px;
}
@media (max-width: 767px) {
	.brand-count .brand-count_badge {
		left: 0px !important;
	}
}

toplist-table .table-row {
    padding: 30px 20px;
    position: relative;
    margin-bottom: 35px;
    margin-top: 28px;
    box-shadow: 0 3px 6px #00000033;
}
.toplist-table .table-row .brand-count {
    position: absolute;
    top: -8px;
    left: 25px;
    background: #ef0197;
    background: -moz-linear-gradient(90deg, #ef0197 0%, #fb4f4f 100%);
    background: -webkit-linear-gradient(90deg, #ef0197 0%, #fb4f4f 100%);
    background: linear-gradient(90deg, #ef0197 0%, #fb4f4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#29a6ff",endColorstr="#3c6eee",GradientType=1);
    box-shadow: 0 3px 6px #00000033;
    border-radius: 3px;
    opacity: 1;
    width: 36px;
    height: 36px;
    text-align: center;
    background: #00e8b6!important;
    color: #000!important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
toplist-table .table-row .brand-info .inner-table-col img {
    max-width: 100px;
    height: auto;
}
.toplist-table .table-row .top-list-v-separator {
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #707070;
}
.toplist-table .table-row .brand-info .brand-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    padding-bottom: 11px;
}
.toplist-table .table-row .brand-rank {
    padding-bottom: 5px;
}
.toplist-table .table-row .brand-rank .fa {
    color: #e69b45;
}
.toplist-table .table-row .brand-rate {
    font-size: 16px;
    line-height: 19px;
    color: #404040;
}
.toplist-table .table-row .brand-bonus .bonus-title {
    font-weight: 600;
}
.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.toplist-table .table-row p {
    margin: 0;
    padding: 0;
}
.entry-content p {
    margin-bottom: 1.6em;
}
.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.toplist-table .table-row .btn.btn-primary {
    background: #00e8b6!important;
    color: #000!important;
}
.toplist-table .table-row .btn.btn-primary {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    display: block;
    width: 100%;
    border: 0 none;
    background: #ef0197;
    background: -moz-linear-gradient(90deg, #ef0197 0%, #fb4f4f 100%);
    background: -webkit-linear-gradient(
90deg
, #ef0197 0%, #fb4f4f 100%);
    background: linear-gradient(
90deg
, #ef0197 0%, #fb4f4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#29a6ff",endColorstr="#3c6eee",GradientType=1);
    box-shadow: 0 3px 6px #00000033;
    color: #fff;
    white-space: nowrap;
}
.toplist-table .table-row {
    padding: 30px 20px;
    position: relative;
    margin-bottom: 35px;
    margin-top: 28px;
    box-shadow: 0 3px 6px #00000033;
}
.toplist-table .table-row .btn.btn-primary:hover {
    background: #83ebd5!important;
}
.toplist-table .table-row .table-col .top-list-v-separator {
    height: 80%;
    display: none;
}
a.btn.btn-primary.btn-block.btn-lg {
    text-decoration: none;
}
.accordian-dropdown-icon i.vc_tta-controls-icon.vc_tta-controls-icon-chevron {
    box-shadow: inset 0 0 0 10px #00E8B6, 0 0 0 5px #00E8B6;
    padding: 5px;
    border-radius: 5px;
}

.sr-top-row-merger{
    border-radius: 20px 20px 0px 0px !important;
	   
}
.sr-bottom-row-merger{
    margin-top: -15px !important;
    border-radius: 0px 0px 20px 20px !important;
}




@media (min-width: 768px){
.toplist-table .table-row {
    padding: 45px 40px 45px 85px;
}
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.toplist-table .table-row .table-col .top-list-v-separator {
    display: block;
}
  .toplist-table .table-row .table-col .top-list-v-separator {
    height: 80%;
    display: none;
}
  .toplist-table .table-row .top-list-v-separator {
    width: auto;
    border-left: 1px solid #d9d9d9;
    margin: 20px 45px;
}
  .text-md-center {
    text-align: center !important;
}
  .toplist-table .table-row .brand-bonus {
    width: 200px;
}
}