/*
Theme Name: TFF
Author: Forzi
*/

html {
  font-size: 62.5%; /* 62.5% of 16px = 10px */
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
} 

body {
  background: #fff;
  margin:auto;
  font-size: 20px;
  font-size: 2rem;
}

.page-maxsize {
    max-width:1540px;
    margin:auto;
}

li {
	margin-bottom:.25rem;
}

h1, h2, h3, h4, h5, h6 {
  margin-top:0;
  margin-bottom:10px;
  margin-bottom:1rem;
}

h1 {
  font-size: 40px;
  font-size: 4rem;
}

h2 {
  font-size: 30px;
  font-size: 3rem;
}

h3 {
  font-size: 24px;
  font-size: 2.4rem;
}

h4 {
  font-size: 20px;
  font-size: 2rem;
}

p {
  font-size: 20px;
  font-size: 2rem;
}

ul {
  font-size: 20px;
  font-size: 2rem;
}

header {
  background: #115caa;
  width: 100%;
  position: relative;
  min-height: 60px;
  padding-bottom: 5px;
}

/*
.header-menu {
    display:grid;
    grid-template-columns: minmax(200px, 25%) 1fr;
    align-items:baseline;
}
*/

footer {
  background: #000000;
  color: #fff;
}

footer a {
  color: #759eff;
}

img {
  max-width: 100%;
  height:auto;
}

#sidebar {
  list-style-type: none;
  height: 100%;
}

.tff-cardwrap {
  display:grid;
  width:100%;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 10px;
}

.card {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width:500px;
}
.card img {
	width:100%;
	object-fit: cover;
    height: 250px;
}
.cardText {
	padding:10px;
}

#footer {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-items:center;
  list-style: none;
  grid-gap: 1rem;
}

.footer-menu div ul {
  display:flex;
  flex-wrap:wrap;
  text-align: center;
  list-style: none;
  padding: 1rem 3rem 1rem 3rem;
  margin:0;
  justify-content:center;
}

.footer-menu a {
    display: block;
    padding:1rem;
}

.container {
  display:grid;
  width:100%;
  grid-template-columns: 1fr minmax(150px, 25%);
  grid-gap: 10px;
}

#navigation-top-menu {
  background: #115caa;
  position: relative;
}

#navigation-top-menu > div > ul {
  color:#fff;
  margin:0;
  list-style: none;
  display:flex;
  flex-wrap:wrap;
  padding:0;
  justify-content:flex-start;
}

#navigation-top-menu > div > ul > li {

}

#navigation-top-menu a {
  color: #fff;
  text-decoration: none;
  padding:1rem;
  display: block;
}

#navigation-top-menu li {
  position: relative;
}

#navigation-top-menu li:hover {
  background: #0187aa;
}

#navigation-top-menu .sub-menu {
  display:none;
  z-index: 999;
  position: absolute;
  margin:0;
  padding:0;
  left:0;
  top:100%;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
  list-style-type: none;
  width:100%;
}

#navigation-top-menu .menu-item-has-children > a:after {
   content: ' ▾';
}

#navigation-top-menu .sub-menu a {
  color:#000000;
}

#navigation-top-menu .sub-menu a:hover {
  color:#fff;
}

@media only screen and (min-width: 767px) {
  #navigation-top-menu div ul > .menu-item-has-children:hover > .sub-menu {
    display:block;
  }

  #navigation-top-menu div ul .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
    display:block;
  }
  #navigation-top-menu div {
      display: block !important;
  }
  .hamburger {
  display:none !important;
  }
}

#navigation-top-menu .sub-menu .sub-menu {
  top:0;
  left:100%;
}

.hamburger {
  display:none;
  position: absolute;
  top: 0;
  right:0;
  background:none;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:999;
}

.sidebar-grid {
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom:1rem;
}

.btn {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),
  0px 2px 2px 0px rgba(0,0,0,0.14),
  0px 1px 5px 0px rgba(0,0,0,.12);
  transition: box-shadow 280ms cubic-bezier(0.4,0,0.2,1);
  padding:10px;
  text-decoration: none;
  border-radius: 5px;
  background: #5700ea;
  color:#fff;
  margin:5px;
  position: relative;
  overflow: hidden;
  display: flex;
}

.btn:hover,
.btn:focus {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),
  0px 4px 5px 0px rgba(0,0,0,0.14),
  0px 1px 10px 0px rgba(0,0,0,.12);
}

/* Shiny Layer */
.shiny:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
    z-index: 2;
		background: white;
    opacity: 0.3;
		height: 100%;
    width: 100%;
		transform: skewX(-45deg);
    background: linear-gradient(to right, white, white 20px, transparent 20px);
    transform-origin: left bottom;
    animation: shine 10s ease-in infinite;
}

/* Button Animation */
@keyframes shine {
  0% {
    transform: skewX(-45deg) translateX(-100%);
  }
  10% {
    transform: skewX(-45deg) translateX(100%);
  }
  100% {
    transform: skewX(-45deg) translateX(100%);
  }
}

.custom-logo {
    max-width:200px;
    padding: 5px;
}

/* =============== MEDIA QUERY =============== */

@media only screen and (max-width: 767px){

    .custom-logo {
        max-width:150px;
    }

    .header-menu {
      display:unset;
    }

    .hamburger {
      display:inline;
    }
    
    #footer {
      grid-template-columns: unset;
      grid-template-rows: auto 1fr auto;
    }

    #navigation-top-menu div ul{
      text-align: left;
      justify-content: start;
    }
    
    #navigation-top-menu ul{
      display:block;
    }
    
    #navigation-top-menu li {
      position: relative;
      flex:100%;
    }
    
    #navigation-top-menu div {
      display:none;
    }
    
    #navigation-top-menu .sub-menu {
      z-index: unset;
      color: #fff;
      position: unset;
      margin:0;
      padding:0;
      left:0;
      top:100%;
      background: unset;
      box-shadow: none;
      list-style-type: none;
      width:100%;
      display: block;
    }
    
    #navigation-top-menu li:hover {
      background: unset;
    }
    
    #navigation-top-menu .sub-menu a{
      color:#fff;
    }
    
    #navigation-top-menu a:active{
      color:#333333;
      background: #fff;
    }
    
    #navigation-top-menu .sub-menu a:active{
      color:#333333;
    }
	.tff-page-header {
		grid-template-columns:unset !important;
	}
	.tff-container {
		grid-template-columns: unset !important;
	}
}

.header-logo {
  display: flex;
}

/* === NAV MENU CSS */
.nav-menu a {
	color: white;
}

.nav-menu > li {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}

.nav-menu > li > a {
	padding: 10px 15px 5px 15px !important;
}

.help-nav-menu ul li ul a {
    font-size: clamp(12px, 1.2vw, 15px) !important; /* Font size between 12px and 20px */
}
.nav-menu > li:hover,
.nav-menu > li:hover > a
{
	background: #e4e4e4;
	color: #333;
	border-radius: 4px 4px 0 0;
}

.mega-menu ul a {	
	padding: 0px 10px 0px 10px !important;
	width: 150px;
}

.mega-menu ul li:hover > a {
	color: white;
	background: gray;
}

.mega-menu ul li a{
	font-weight:400;
	overflow: hidden;
}

.nav-menu {
	display: flex;
	padding: 0px;
	list-style: none;
	margin:0;
}

/* Base style for the navigation menu */
.help-nav-menu {
    position: relative;
}


/* Style for the mega menu container */
.mega-menu {
    display: none; /* Initially hidden */
    position: absolute; /* Positioned absolutely relative to its parent */
		top: 25px;
    z-index: 1001; /* Ensure it appears above other content */
		padding: 10px 0px 10px 10px;
		box-shadow: 0 9px 10px 0 rgba(0,0,0,.16);
		background: #e4e4e4;
}

/* Style for the list items in the mega menu */
.mega-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style for links in the mega menu */
.mega-menu ul li a {
    text-decoration: none;
    color: #333;
    display: block; 
}

.multi-column {
    column-count: 1;
		column-fill: balance;
}

.mega-menu ul.three-column {
    column-count: 3; /* Three columns for larger submenus */
}

/* Position the nested ul (submenu) to the right of the parent li */
.mega-menu > ul > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
		bottom: 0;
		padding: 10px 10px 10px 5px;
		background: white;
		box-shadow: 0 9px 10px 0 rgba(0,0,0,.16);
}


.mega-menu > ul > li > ul {
	height: auto !important;
}

.mega-menu ul li ul {
    display: none; /* Display the submenu */
}

.mega-menu ul li:hover ul {
    display: block; /* Shown on hover */
}
.mega-menu .menu-item-has-children > a {
    position: relative; /* Set relative positioning on the parent */
    padding-right: 1.5rem; /* Add right padding to make space for the arrow */
}

.mega-menu .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    position: absolute; /* Absolute positioning for the arrow */
    border-style: solid;
    border-width: 2px 2px 0 0;
    color: #000;
    height: .5rem;
    right: 0; /* Adjust as necessary for correct horizontal placement */
    top: 50%; /* Start at the vertical center */
    transform: translate(-50%, -50%) rotate(45deg); /* Adjust for precise centering and rotation */
    transform-origin: center;
    width: .5rem;
}

@media only screen and (min-width: 1024px) {
		.hamburger-menu{
			display:none;
		}
		.help-nav-menu-mobile{
				display:none;
			}	
}

@media only screen and (max-width: 1024px) {
		.nav-menu{
			display:none;
		}
}

/* Mobile styles */
@media screen and (max-width: 1024px) { /* Adjust breakpoint as needed */
    .hamburger-menu {
        display: block; /* Visible on mobile */
		margin-left:auto;
    }

    .help-nav-menu-mobile {
        display: none; /* Hidden by default on mobile */
        position: fixed;
        top: 0;
        left: 0;
        width: 75%;
        height: 100%;
        background-color: #FFFFFF;
        z-index: 1001; /* Above the overlay */
        overflow-y: auto; /* Scroll if needed */
    }

    .menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
        z-index: 1000;
    }

    .menu-is-open .menu-overlay,
    .menu-is-open .help-nav-menu-mobile {
        display: block;
    }
	.menu{
	display:block;
	list-style-type: none;
	padding-left:0px;
}
	.help-nav-menu-mobile ul{
		list-style:none;
	}
	
.menu-overlay.open {
    display: block;
}

.help-nav-menu-mobile {
    z-index: 1000; /* Ensure the menu is above the overlay */
    /* Rest of your styles */
}

.help-nav-menu-mobile {
    display: none;
}

.help-nav-menu-mobile.open {
    display: block;
}

.help-nav-menu-mobile ul {
    list-style: none;
    padding: 0;
	  margin-left:15px;
}

.help-nav-menu-mobile ul li {
    margin-bottom:15px;
}

.help-nav-menu-mobile ul li a{
	font-size:18px!important;
	
}

.submenu-toggle-arrow{
	font-size:15px !important;
	padding:15px;
}


}

.hamburger-menu {
    cursor: pointer;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 1001; /* Above the overlay */
		margin-right:15px;
		color: white;
		padding: 20px
}

@media (min-width: 992px) { /* Adjust the min-width as needed for your desktop breakpoint */
    .menu-item-has-children > a > .submenu-toggle-arrow {
        display: none;
    }
}
/* === NAV MENU END *//*
 Theme Name:   TFF Child Theme
 description: >-
   A child theme of the TFF
 Author:       Forzi
 Template:     tff
 Version:      1.0.0
*/

a {
	color: #2da4f0;
	text-decoration: none;
}

b, strong {
    font-weight: 700;
}


.tff-container {
	display: grid;
	grid-template-columns: 1fr 0.25fr;
	padding: 10px;
	grid-gap: 10px;
}


.tff-page-header {
	display: grid;
	grid-template-columns: 1fr minmax(200px, 25%);
	grid-gap: 10px;
	padding: 10px;
}

.tff-headerwide {
	background:#01295c;
	color: #fff;
}

.sidebar-shortcode-content {
	list-style-type: none;
}

.sidebar-shortcode-content ul{
	list-style-type: none;
}

.page-sidebar {
	border-radius: 1rem;
	padding: 1rem;
	margin-bottom:1rem;
}

/*======================== TABLE CARD VIEW	========================*/
/* Grid for mobile datatable */
.dtmobile {
	display:none;
}

	.dtbonustext {
      font-weight: 800;
	}
	.dtreviewmobile {
      display:none;
	}
  .dtalignself {
    align-self: center;
  }

	.dtconditions {
	font-size:11px !important;
    line-height:1 !important;
	padding-bottom: 5px !important;
	}

	.dtwrapper {
	text-align:center;
  border-radius: 15px 10px 10px 15px;
  -webkit-box-shadow: 0 2px 10px rgba(40,62,81,.1);
  -moz-box-shadow: 0 2px 10px rgba(40,62,81,.1);
  box-shadow: 0 2px 10px rgba(40,62,81,.1);
    margin: 10px 0 10px 0;
	background: #fff;
	color:#666;
	}

	.btn-to-casino, .btn-playdt {
    cursor: pointer;
    border-radius: .25rem;
    line-height: 1.5;
    padding: .7rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    text-align: center;
    display: block;
    border-radius: 10px;
    background-color: #65c82d;
    color: #fff;
    width: 100%;
    white-space:nowrap;
	margin:auto;
	max-width: 150px;

	}

    .dtmobilebonus { grid-area: dtmobilebonus; }    
    .dtmobileterms { grid-area: dtmobileterms; }
    .dtbonuscode { grid-area: dtbonuscode; }
    .dtmobilevisit { grid-area: dtmobilevisit; }   
    .dtmobiletnc { grid-area: dtmobiletnc; 
	display:grid;
    align-items:center;
	}   

  .dtmobilelogo { grid-area: dtmobilelogo; 
  align-items: center;
  display:flex;
  border-radius: 10px 0 0 10px;
	  overflow: hidden !important;
  }
  
  .dtmobilelogo img {
    border-radius: 10px 0 0 10px;
  }
    
  .dtmobilespins { grid-area: dtmobilespins; 
  font-weight: 800;
  font-size: 25px;
  }    
  .dtmobilevalue { grid-area: dtmobilevalue; 
  font-weight: 800;
  font-size: 25px;
  }   
  .dtmobilespinstxt { grid-area: dtmobilespinstxt; 
  font-weight: 800;
  font-size: 25px;
  } 
  .dtmobilespins i::before {
      margin: 0 !important;}
  .dtmobilevaluetxt { grid-area: dtmobilevaluetxt; 
  font-weight: 800;
  font-size: 25px;
  }

  .dtspinswager { grid-area: dtspinswager; 
  font-weight: 800;
  font-size: 14px;
  }

  .dtbonuswager { grid-area: dtbonuswager; 
  font-weight: 800;
  font-size: 14px;
  }

  .dtmobilevalue i::before {
      margin: 0 !important;}
      .dtsignificant   { grid-area: dtsignificant; }     

.bonus-mobile-container {
  display: grid;

grid-template-columns: repeat(12, 1fr);
grid-template-areas:
  "dtmobilelogo dtmobilelogo dtmobilespins dtmobilevalue dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilevisit dtmobilevisit"
  "dtmobilelogo dtmobilelogo dtmobilespins dtmobilevalue dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilevisit dtmobilevisit" 
  "dtmobilelogo dtmobilelogo dtmobilespinstxt dtmobilevaluetxt dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus dtmobilevisit dtmobilevisit"   
  "dtmobilelogo dtmobilelogo dtspinswager dtbonuswager dtmobileterms dtmobileterms dtmobileterms dtbonuscode dtbonuscode dtbonuscode dtmobilevisit dtmobilevisit"
  "dtmobilelogo dtmobilelogo dtsignificant dtsignificant dtsignificant dtsignificant dtsignificant dtsignificant dtsignificant dtsignificant dtmobilevisit dtmobilevisit" 

}
@media only screen and (min-width: 767px) {
.dtwrapper:hover {
    transition: transform .4s;
    transform: scale(1.02);
}

.dtwrapper:hover img{
    transition: transform 1s;
    transform: scale(1.1);
}
}

@media only screen and (max-width: 767px) {
	
      .dtmobilelogo  { 
        border-radius: 10px 0 0 0 !important;
        justify-content: center;
      }

    .bonus-mobile-container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
      "dtmobilelogo dtmobilelogo dtmobilespins dtmobilevalue" 
      "dtmobilelogo dtmobilelogo dtmobilespinstxt dtmobilevaluetxt"
	  "dtmobilelogo dtmobilelogo dtspinswager dtbonuswager"
      "dtmobiletnc dtmobiletnc dtmobiletnc dtmobiletnc"
      "dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus"
	  "dtbonuscode dtbonuscode dtbonuscode dtbonuscode"
      "dtmobilevisit dtmobilevisit dtmobilevisit dtmobilevisit" 
      "dtmobileterms dtmobileterms dtmobileterms dtmobileterms" 
      "dtsignificant dtsignificant dtsignificant dtsignificant" 
  }
  .dtalignself {
    align-self:auto !important;
  }
  .dtmobilevalue {
      border-radius: 0 10px 0 0 !important;
  }
  .btn-to-casino {
  	font-size: 1.5em;
	font-weight: 700;
	max-width: none !important;
	width:90%;
  }
  .dtbonustext {
    margin: 5px;
  }
  .dtreviewdktp {
    display:none;
  }
	.dtdesktop {
		display:none;
	}
	.dtmobile {
		display:flex !important;
		justify-content: center;
		align-items: center;
	}
  .dtwrapper {
  	margin: 20px 0 20px 0 !important;
  }
}

@media only screen and (max-width: 838px) {
	.btn-to-casino {padding: 0.9rem 1px 0.9rem 1px;}
}

/*=== Featured mobile ===*/

.featured-mobile .dtmobilelogo  { 
  border-radius: 10px 0 0 0 !important;
  justify-content: center;
}

.featured-mobile .bonus-mobile-container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
      "dtmobilelogo dtmobilelogo dtmobilespins dtmobilevalue" 
      "dtmobilelogo dtmobilelogo dtmobilespinstxt dtmobilevaluetxt"
	  "dtmobilelogo dtmobilelogo dtspinswager dtbonuswager"
      "dtmobiletnc dtmobiletnc dtmobiletnc dtmobiletnc"
      "dtmobilebonus dtmobilebonus dtmobilebonus dtmobilebonus"
	  "dtbonuscode dtbonuscode dtbonuscode dtbonuscode"
      "dtmobilevisit dtmobilevisit dtmobilevisit dtmobilevisit" 
      "dtmobileterms dtmobileterms dtmobileterms dtmobileterms" 
      "dtsignificant dtsignificant dtsignificant dtsignificant" 
  }
.featured-mobile .dtalignself {
align-self:auto !important;
}
.featured-mobile .dtmobilevalue {
border-radius: 0 10px 0 0 !important;
}
.featured-mobile .btn-to-casino {
font-size: 1.5em;
font-weight: 700;
max-width: none !important;
width:90%;
padding: 0.9rem 1px 0.9rem 1px;
color:white !important;
}
.featured-mobile .dtbonustext {
margin: 5px;
}
.featured-mobile .dtreviewdktp {
display:none;
}
.featured-mobile .dtdesktop {
display:none;
}
.featured-mobile .dtmobile {
display:flex !important;
justify-content: center;
align-items: center;
}
.featured-mobile .dtwrapper {
margin: 20px 0 20px 0 !important;
}


/* === Bonus List Menu ===*/
.menu-wrapper a {
	color: white !important;
}

.menu-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit);
  grid-gap: 1px;
	padding: 10px;
}
.menu-wrapper.menu-desktop {
	background: #162353;
	border: 1px solid black;
	border-radius: 10px;
}

.menu-wrapper.mobile {
	background: #1c2237;;
	border: 1px solid black;
	justify-items: center;
  text-align: center;
	width:100%;
}

.one {
  grid-column: 1;
  grid-row: 1;
}
.two { 
  grid-column: 2;
  grid-row: 1;
}
.three {
  grid-column: 3;
  grid-row: 1;
}
.four {
  grid-column: 4;
  grid-row: 1;
}

@media only screen and (max-width: 838px) {
	.menu-wrapper.menu-desktop{
		display:none;
	}
	
	.menu-wrapper.mobile {
  display:grid !important;
	}
	
	.menu-wrapper.mobile p {
		margin:0;
	}
	
}

.show-me-btn {
	cursor:pointer;
	margin-bottom:10px;
}

blockquote::before {
    content: "\201C";
    font-size: 2em;
    margin-right: 15px;
    vertical-align: -15px;
    font-weight: 700;
	font-style: italic;
}

blockquote {
	border-left: 5px solid #6c556d;
	padding: 10px 20px;
	font-size: 2rem;
}

.toc {
	background: #4d4d4d;
	white-space: nowrap;
	text-align: center;
	overflow: auto;
}

.toc a {
	color:white;
	display: inline-block;
	padding: 14px;
}

.toc a:hover {
  background-color: #777;
}

.tableofcontent {
  display: table;
  padding: 7px;
  border: 1px solid rgb(162, 169, 177);
  background-color: rgb(248, 249, 250);
}

.review-header {
	align-items:center;
}

.ageplusreview {
	float:right;
	margin:5px;
}

@media only screen and (max-width: 767px) {
	.review-header {
	text-align:center;
}
	.hiddenmob {
		display:none;
	}
}

figure {
	margin:0;
}

.rank-math-breadcrumb p {
    margin: 0;
	font-size:1.5rem;
	color:white;
	padding:10px;
}

.breadcrumbwrap {
	background: #24252a;
}

.gutenimg img {
	border-radius:10px !important;
}

.gutenimg figcaption {
	text-align:center;
}

.imglang {
    vertical-align: middle;
    padding-right: 5px;
}

.reviewcontent {
	padding:10px;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

/* Review css */

.page-header-content-img {
	justify-self:center;
}

/* end */

/* ------------ AWEBER POP OVER ------------- */
#af-form-752667344 {
	position: fixed !important;
	left: 0px !important;
	bottom:0px !important;
/*	width: 225px !important; */
	height: 337px !important;
	top: auto !important

}

.af-form-close-button {
	position: fixed !important;
	left: 205px !important;
	bottom:0px !important;
	top: auto !important;
	margin-bottom:316px !important;
}

#popForm-752667344 + div{
	display:none !important;
}

.af-element p {
	font-size: 10px !important; 
	line-height: 1 !important; 
	padding: 0 !important;
	margin: 0 !important;
}

/* === SPOTLIGHT ===*/
.spotlight-wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
}

.spotlight-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}


/* === RIBBON === */

.dtribbon {
  -webkit-transform: rotate(35deg); 
     -moz-transform: rotate(35deg); 
      -ms-transform: rotate(35deg); 
       -o-transform: rotate(35deg); 
          transform: rotate(35deg); 
    position: absolute;
    bottom: 20px;
    left: -30px;
    padding: 0px 30px 0px 30px;
    width: 80px;
    color: white;
    font-family: sans-serif;
	z-index: 99;
  	background: rgb(4, 140, 0);
}

.dtribbon .dtribbontag {
  font-size:15px;
white-space: nowrap;
}

.dtmobilelogo {
	position: relative;
}

/*
Theme Name: TFF
Author: Forzi
*/

html {
  font-size: 62.5%; /* 62.5% of 16px = 10px */
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
} 

body {
  background: #fff;
  margin:auto;
  font-size: 20px;
  font-size: 2rem;
}

.page-maxsize {
    max-width:1540px;
    margin:auto;
}

li {
	margin-bottom:.25rem;
}

h1, h2, h3, h4, h5, h6 {
  margin-top:0;
  margin-bottom:10px;
  margin-bottom:1rem;
}

h1 {
  font-size: 40px;
  font-size: 4rem;
}

h2 {
  font-size: 30px;
  font-size: 3rem;
}

h3 {
  font-size: 24px;
  font-size: 2.4rem;
}

h4 {
  font-size: 20px;
  font-size: 2rem;
}

p {
  font-size: 20px;
  font-size: 2rem;
}

ul {
  font-size: 20px;
  font-size: 2rem;
}

header {
  background: #115caa;
  width: 100%;
  position: relative;
  min-height: 60px;
  padding-bottom: 5px;
}

/*
.header-menu {
    display:grid;
    grid-template-columns: minmax(200px, 25%) 1fr;
    align-items:baseline;
}
*/

footer {
  background: #000000;
  color: #fff;
}

footer a {
  color: #759eff;
}

img {
  max-width: 100%;
  height:auto;
}

#sidebar {
  list-style-type: none;
  height: 100%;
}

.tff-cardwrap {
  display:grid;
  width:100%;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 10px;
}

.card {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width:500px;
}
.card img {
	width:100%;
	object-fit: cover;
    height: 250px;
}
.cardText {
	padding:10px;
}

#footer {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-items:center;
  list-style: none;
  grid-gap: 1rem;
}

.footer-menu div ul {
  display:flex;
  flex-wrap:wrap;
  text-align: center;
  list-style: none;
  padding: 1rem 3rem 1rem 3rem;
  margin:0;
  justify-content:center;
}

.footer-menu a {
    display: block;
    padding:1rem;
}

.container {
  display:grid;
  width:100%;
  grid-template-columns: 1fr minmax(150px, 25%);
  grid-gap: 10px;
}

#navigation-top-menu {
  background: #115caa;
  position: relative;
}

#navigation-top-menu > div > ul {
  color:#fff;
  margin:0;
  list-style: none;
  display:flex;
  flex-wrap:wrap;
  padding:0;
  justify-content:flex-start;
}

#navigation-top-menu > div > ul > li {

}

#navigation-top-menu a {
  color: #fff;
  text-decoration: none;
  padding:1rem;
  display: block;
}

#navigation-top-menu li {
  position: relative;
}

#navigation-top-menu li:hover {
  background: #0187aa;
}

#navigation-top-menu .sub-menu {
  display:none;
  z-index: 999;
  position: absolute;
  margin:0;
  padding:0;
  left:0;
  top:100%;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
  list-style-type: none;
  width:100%;
}

#navigation-top-menu .menu-item-has-children > a:after {
   content: ' ▾';
}

#navigation-top-menu .sub-menu a {
  color:#000000;
}

#navigation-top-menu .sub-menu a:hover {
  color:#fff;
}

@media only screen and (min-width: 767px) {
  #navigation-top-menu div ul > .menu-item-has-children:hover > .sub-menu {
    display:block;
  }

  #navigation-top-menu div ul .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
    display:block;
  }
  #navigation-top-menu div {
      display: block !important;
  }
  .hamburger {
  display:none !important;
  }
}

#navigation-top-menu .sub-menu .sub-menu {
  top:0;
  left:100%;
}

.hamburger {
  display:none;
  position: absolute;
  top: 0;
  right:0;
  background:none;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:999;
}

.sidebar-grid {
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom:1rem;
}

.btn {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),
  0px 2px 2px 0px rgba(0,0,0,0.14),
  0px 1px 5px 0px rgba(0,0,0,.12);
  transition: box-shadow 280ms cubic-bezier(0.4,0,0.2,1);
  padding:10px;
  text-decoration: none;
  border-radius: 5px;
  background: #5700ea;
  color:#fff;
  margin:5px;
  position: relative;
  overflow: hidden;
  display: flex;
}

.btn:hover,
.btn:focus {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),
  0px 4px 5px 0px rgba(0,0,0,0.14),
  0px 1px 10px 0px rgba(0,0,0,.12);
}

/* Shiny Layer */
.shiny:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
    z-index: 2;
		background: white;
    opacity: 0.3;
		height: 100%;
    width: 100%;
		transform: skewX(-45deg);
    background: linear-gradient(to right, white, white 20px, transparent 20px);
    transform-origin: left bottom;
    animation: shine 10s ease-in infinite;
}

/* Button Animation */
@keyframes shine {
  0% {
    transform: skewX(-45deg) translateX(-100%);
  }
  10% {
    transform: skewX(-45deg) translateX(100%);
  }
  100% {
    transform: skewX(-45deg) translateX(100%);
  }
}

.custom-logo {
    max-width:200px;
    padding: 5px;
}

/* =============== MEDIA QUERY =============== */

@media only screen and (max-width: 767px){

    .custom-logo {
        max-width:150px;
    }

    .header-menu {
      display:unset;
    }

    .hamburger {
      display:inline;
    }
    
    #footer {
      grid-template-columns: unset;
      grid-template-rows: auto 1fr auto;
    }

    #navigation-top-menu div ul{
      text-align: left;
      justify-content: start;
    }
    
    #navigation-top-menu ul{
      display:block;
    }
    
    #navigation-top-menu li {
      position: relative;
      flex:100%;
    }
    
    #navigation-top-menu div {
      display:none;
    }
    
    #navigation-top-menu .sub-menu {
      z-index: unset;
      color: #fff;
      position: unset;
      margin:0;
      padding:0;
      left:0;
      top:100%;
      background: unset;
      box-shadow: none;
      list-style-type: none;
      width:100%;
      display: block;
    }
    
    #navigation-top-menu li:hover {
      background: unset;
    }
    
    #navigation-top-menu .sub-menu a{
      color:#fff;
    }
    
    #navigation-top-menu a:active{
      color:#333333;
      background: #fff;
    }
    
    #navigation-top-menu .sub-menu a:active{
      color:#333333;
    }
	.tff-page-header {
		grid-template-columns:unset !important;
	}
	.tff-container {
		grid-template-columns: unset !important;
	}
}

.header-logo {
  display: flex;
}

/* === NAV MENU CSS */
.nav-menu a {
	color: white;
}

.nav-menu > li {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}

.nav-menu > li > a {
	padding: 10px 15px 5px 15px !important;
}

.help-nav-menu ul li ul a {
    font-size: clamp(12px, 1.2vw, 15px) !important; /* Font size between 12px and 20px */
}
.nav-menu > li:hover,
.nav-menu > li:hover > a
{
	background: #e4e4e4;
	color: #333;
	border-radius: 4px 4px 0 0;
}

.mega-menu ul a {	
	padding: 0px 10px 0px 10px !important;
	width: 150px;
}

.mega-menu ul li:hover > a {
	color: white;
	background: gray;
}

.mega-menu ul li a{
	font-weight:400;
	overflow: hidden;
}

.nav-menu {
	display: flex;
	padding: 0px;
	list-style: none;
	margin:0;
}

/* Base style for the navigation menu */
.help-nav-menu {
    position: relative;
}


/* Style for the mega menu container */
.mega-menu {
    display: none; /* Initially hidden */
    position: absolute; /* Positioned absolutely relative to its parent */
		top: 25px;
    z-index: 1001; /* Ensure it appears above other content */
		padding: 10px 0px 10px 10px;
		box-shadow: 0 9px 10px 0 rgba(0,0,0,.16);
		background: #e4e4e4;
}

/* Style for the list items in the mega menu */
.mega-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style for links in the mega menu */
.mega-menu ul li a {
    text-decoration: none;
    color: #333;
    display: block; 
}

.multi-column {
    column-count: 1;
		column-fill: balance;
}

.mega-menu ul.three-column {
    column-count: 3; /* Three columns for larger submenus */
}

/* Position the nested ul (submenu) to the right of the parent li */
.mega-menu > ul > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
		bottom: 0;
		padding: 10px 10px 10px 5px;
		background: white;
		box-shadow: 0 9px 10px 0 rgba(0,0,0,.16);
}


.mega-menu > ul > li > ul {
	height: auto !important;
}

.mega-menu ul li ul {
    display: none; /* Display the submenu */
}

.mega-menu ul li:hover ul {
    display: block; /* Shown on hover */
}
.mega-menu .menu-item-has-children > a {
    position: relative; /* Set relative positioning on the parent */
    padding-right: 1.5rem; /* Add right padding to make space for the arrow */
}

.mega-menu .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    position: absolute; /* Absolute positioning for the arrow */
    border-style: solid;
    border-width: 2px 2px 0 0;
    color: #000;
    height: .5rem;
    right: 0; /* Adjust as necessary for correct horizontal placement */
    top: 50%; /* Start at the vertical center */
    transform: translate(-50%, -50%) rotate(45deg); /* Adjust for precise centering and rotation */
    transform-origin: center;
    width: .5rem;
}

@media only screen and (min-width: 1024px) {
		.hamburger-menu{
			display:none;
		}
		.help-nav-menu-mobile{
				display:none;
			}	
}

@media only screen and (max-width: 1024px) {
		.nav-menu{
			display:none;
		}
}

/* Mobile styles */
@media screen and (max-width: 1024px) { /* Adjust breakpoint as needed */
    .hamburger-menu {
        display: block; /* Visible on mobile */
		margin-left:auto;
    }

    .help-nav-menu-mobile {
        display: none; /* Hidden by default on mobile */
        position: fixed;
        top: 0;
        left: 0;
        width: 75%;
        height: 100%;
        background-color: #FFFFFF;
        z-index: 1001; /* Above the overlay */
        overflow-y: auto; /* Scroll if needed */
    }

    .menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
        z-index: 1000;
    }

    .menu-is-open .menu-overlay,
    .menu-is-open .help-nav-menu-mobile {
        display: block;
    }
	.menu{
	display:block;
	list-style-type: none;
	padding-left:0px;
}
	.help-nav-menu-mobile ul{
		list-style:none;
	}
	
.menu-overlay.open {
    display: block;
}

.help-nav-menu-mobile {
    z-index: 1000; /* Ensure the menu is above the overlay */
    /* Rest of your styles */
}

.help-nav-menu-mobile {
    display: none;
}

.help-nav-menu-mobile.open {
    display: block;
}

.help-nav-menu-mobile ul {
    list-style: none;
    padding: 0;
	  margin-left:15px;
}

.help-nav-menu-mobile ul li {
    margin-bottom:15px;
}

.help-nav-menu-mobile ul li a{
	font-size:18px!important;
	
}

.submenu-toggle-arrow{
	font-size:15px !important;
	padding:15px;
}


}

.hamburger-menu {
    cursor: pointer;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 1001; /* Above the overlay */
		margin-right:15px;
		color: white;
		padding: 20px
}

@media (min-width: 992px) { /* Adjust the min-width as needed for your desktop breakpoint */
    .menu-item-has-children > a > .submenu-toggle-arrow {
        display: none;
    }
}
/* === NAV MENU END */
@keyframes aslAnFadeInDrop {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-webkit-keyframes aslAnFadeInDrop {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
        -webkit-transform: translate(0, -50px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
}

@keyframes aslAnFadeOutDrop {
    0% {
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, -50px);
        -webkit-transform: translate(0, -50px);
    }
}

@-webkit-keyframes aslAnFadeOutDrop {
    0% {
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, -50px);
        -webkit-transform: translate(0, -50px);
    }
}

.hiddend {
    display: none !important;
}

div.asl_w.asl_an_fadeInDrop,
div.asl_w.asl_an_fadeOutDrop {
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

div.asl_w.asl_an_fadeInDrop {
    animation-name: aslAnFadeInDrop;
    -webkit-animation-name: aslAnFadeInDrop;
}

div.asl_w.asl_an_fadeOutDrop {
    animation-name: aslAnFadeOutDrop;
    -webkit-animation-name: aslAnFadeOutDrop;
}

div.asl_w.asl_main_container {
    transition: width 130ms linear;
    -webkit-transition: width 130ms linear;
}

div.asl_w,
div.asl_w *,
div.asl_r,
div.asl_r *,
div.asl_s,
div.asl_s * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
}

div.asl_r,
div.asl_r * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.asl_r {
    box-sizing: border-box;
    margin: 12px 0 0 0;
}

div.asl_m .proinput input::-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

div.asl_m .proinput input::-ms-reveal {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

div.asl_m input[type="search"]::-webkit-search-decoration,
div.asl_m input[type="search"]::-webkit-search-cancel-button,
div.asl_m input[type="search"]::-webkit-search-results-button,
div.asl_m input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

div.asl_m input[type="search"] {
    appearance: auto !important;
    -webkit-appearance: none !important;
}

.clear {
    clear: both;
}

.hiddend {
    display: none;
}

div.asl_m textarea:focus,
div.asl_m input:focus {
    outline: none;
}

div.asl_m {
    width: 100%;
    height: auto;
    border-radius: 0;
    background: rgba(255, 255, 255, 0);
    overflow: hidden;
    position: relative;
    z-index: 200;
}

div.asl_m .probox {
    width: auto;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #fff;
    box-shadow: 1px 0 3px #ccc inset;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

div.asl_m .probox .proinput {
    width: 1px;
    height: 100%;
    margin: 0 0 0 10px;
    padding: 0 5px;
    float: left;
    box-shadow: none;
    position: relative;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    order: 5;
    -webkit-order: 5;
}

div.asl_m .probox .proinput form {
    height: 100%;
    /* some themes like to add un-removable margin and padding.. */
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    max-width: unset !important;
}

div.asl_m .probox .proinput input:before,
div.asl_m .probox .proinput input:after,
div.asl_m .probox .proinput form:before,
div.asl_m .probox .proinput form:after {
    display: none;
}

div.asl_m .probox .proinput input {
    height: 28px;
    border: 0;
    background: transparent;
    width: 100%;
    box-shadow: none;
    margin: -1px;
    padding: 0;
    left: 0;
    line-height: normal !important;
    display: block;
    min-height: unset;
    max-height: unset;
}

div.asl_m .probox .proinput input::-webkit-input-placeholder {
    opacity: .85;
}

div.asl_m .probox .proinput input::-moz-placeholder {
    opacity: .85;
}

div.asl_m .probox .proinput input:-ms-input-placeholder {
    opacity: .85;
}

div.asl_m .probox .proinput input:-moz-placeholder {
    opacity: .85;
}

div.asl_m .proinput input.orig {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    z-index: 10;
    position: relative;
}

div.asl_m .proinput input.autocomplete {
    padding: 0 !important;
    margin: 0;
    background: transparent !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    opacity: .2;
}

div.asl_m .probox .proinput input.autocomplete {
    border: 0;
    background: transparent;
    width: 100%;
    box-shadow: none;
    margin: 0;
    margin-top: -28px !important;
    padding: 0;
    left: 0;
    position: relative;
    z-index: 9;
}

div.asl_m .probox .proinput.iepaddingfix {
    padding-top: 0;
}

div.asl_m .probox .proinput .loading {
    width: 32px;
    background: #000;
    height: 100%;
    box-shadow: none;
}

div.asl_m .probox .proloading,
div.asl_m .probox .proclose,
div.asl_m .probox .promagnifier,
div.asl_m .probox .prosettings {
    width: 20px;
    height: 20px;
    background: none;
    background-size: 20px 20px;
    float: right;
    box-shadow: none;
    margin: 0;
    padding: 0;
    text-align: center;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    z-index: 100;
}

div.asl_m .probox .promagnifier {
    order: 10;
    -webkit-order: 10;
}

div.asl_m .probox .prosettings {
    order: 1;
    -webkit-order: 1;
}

div.asl_m .probox .proloading,
div.asl_m .probox .proclose {
    background-position: center center;
    display: none;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: transparent;
    order: 6;
    -webkit-order: 6;
}

div.asl_m .probox .proclose {
    position: relative;
    cursor: pointer;
}

div.asl_m .probox .promagnifier .innericon,
div.asl_m .probox .prosettings .innericon,
div.asl_m .probox .proclose .innericon {
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    line-height: initial;
    display: block;
}

div.asl_m .probox .promagnifier .innericon svg,
div.asl_m .probox .prosettings .innericon svg,
div.asl_m .probox .proloading svg {
    height: 100%;
    width: 22px;
    vertical-align: baseline;
    display: inline-block;
}

div.asl_m .probox .proloading {
    padding: 2px;
    box-sizing: border-box;
}

div.asl_m .probox div.asl_loader,
div.asl_m .probox div.asl_loader * {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

div.asl_m .probox div.asl_loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 28px;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

div.asl_m .probox div.asl_loader-inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 100%;
}

@-webkit-keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

div.asl_m .probox div.asl_simple-circle {
    margin: 0;
    height: 100%;
    width: 100%;
    animation: rotate-simple .8s infinite linear;
    -webkit-animation: rotate-simple .8s infinite linear;
    border: 4px solid #fff;
    border-right-color: transparent !important;
    border-radius: 50%;
    box-sizing: border-box;
}

div.asl_m .probox .proclose svg {
    background: #333;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
    fill: #fefefe;
    padding: 4px;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
}

div.asl_r * {
    text-decoration: none;
    text-shadow: none;
}

div.asl_r .results .asl_nores {
    overflow: hidden;
    width: auto;
    height: 100%;
    line-height: initial;
    text-align: center;
    margin: 0;
    background: #fff;
    padding: 10px 3px;
    color: #222;
}

div.asl_r.horizontal {
    padding: 2px 0 10px;
}

div.asl_r.horizontal .results .nores {
    background: transparent;
}

div.asl_r .results {
    overflow: hidden;
    width: auto;
    height: 0;
    margin: 0;
    padding: 0;
}

div.asl_r.horizontal .results {
    height: auto;
    width: auto;
}

div.asl_r .results .item {
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 3px;
    position: relative;
    background: #f4f4f4;
    border-left: 1px solid rgba(255, 255, 255, .6);
    border-right: 1px solid rgba(255, 255, 255, .4);
    animation-delay: 0s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease;
    backface-visibility: hidden;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    -webkit-backface-visibility: hidden;
}

div.asl_r.vertical .results .item:last-child {
    margin-bottom: 0;
}

div.asl_r.vertical .results .item:last-child:after {
    height: 0;
    margin: 0;
    width: 0;
}

div.asl_r .results .item .asl_image {
    overflow: hidden;
    background: transparent;
    margin: 2px 8px 0 0;
    padding: 0;
    float: left;
    background-position: center;
    background-size: cover;
}

div.asl_r .results .item .asl_image img {
    width: 100%;
    height: 100%;
}

div.asl_r .results .item .asl_content {
    overflow: hidden;
    height: auto;
    background: transparent;
    margin: 0;
    padding: 3px 3px 5px 3px;
}

div.asl_r .results .item .asl_content h3 {
    margin: 0;
    padding: 0;
    display: inline;
    line-height: inherit;
}

div.asl_r .results .item .asl_content .asl_desc {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
}

div.asl_r .results .item div.etc {
    margin-top: 4px;
}

div.asl_r .results a span.overlap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

div.asl_r p.showmore {
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: Open Sans;
    color: #055e94;
    font-size: 12px;
    line-height: 30px;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #fff;
    margin-top: 3px;
    cursor: pointer;
}

div.asl_r p.showmore span {
    font-weight: normal;
    font-family: Open Sans;
    color: #055e94;
    font-size: 12px;
    line-height: 30px;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
    display: block;
    text-align: center;
    cursor: pointer;
}

.results .asl_nores .asl_keyword {
    padding: 0 6px;
    cursor: pointer;
    font-weight: bold;
    font-family: Open Sans;
}

div.asl_r .resdrg {
    height: auto;
}



div.asl_w .group:first-of-type {
    margin: 0 0 -3px;
}

div.asl_s.searchsettings {
    width: 200px;
    height: auto;
    position: absolute;
    display: none;
    z-index: 1101;
    border-radius: 0 0 3px 3px;
    visibility: hidden;
    padding: 0;
}

div.asl_s.searchsettings form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

div.asl_s.searchsettings .asl_option_inner {
    margin: 2px 10px 0 10px;
    *padding-bottom: 10px;
}

div.asl_s.searchsettings.ie78 .asl_option_inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

div.asl_s.searchsettings .asl_option_label {
    font-size: 14px;
    line-height: 20px !important;
    margin: 0;
    width: 150px;
    text-shadow: none;
    padding: 0;
    min-height: 20px;
    border: none;
    background: transparent;
    float: none;
}

div.asl_s.searchsettings .asl_option_inner input[type=checkbox] {
    display: none !important;
}

div.asl_s.searchsettings.ie78 .asl_option_inner input[type=checkbox] {
    display: block;
}

div.asl_s.searchsettings.ie78 .asl_option_label {
    float: right !important;
}

div.asl_s.searchsettings .asl_option {
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: flex-start;
    margin: 0 0 10px 0;
    cursor: pointer;
}

div.asl_s.searchsettings .asl_option.asl-o-last,
div.asl_s.searchsettings .asl_option:last-child {
    margin-bottom: 0;
}

div.asl_s.searchsettings .asl_option_inner {
    width: 17px;
    height: 17px;
    position: relative;
    flex-grow: 0;
    -webkit-flex-grow: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox {
    cursor: pointer;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 0;
    padding: 0;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
    overflow: hidden;
    font-size: 0 !important;
    color: rgba(0, 0, 0, 0);
}

/* MODERN BROWSER SCROLL START */
div.asl_r.vertical .results,
div.asl_s.searchsettings .asl_sett_scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
}

div.asl_r.vertical .results::-webkit-scrollbar {
    width: 10px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar {
    width: 6px;
}

div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 0 12px 12px transparent;
    border: none;
}

div.asl_r.vertical .results::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
    box-shadow: inset 0 0 12px 12px transparent;
    border: solid 2px transparent;
}

div.asl_r.vertical .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0);
    border: solid 2px transparent;
    border-radius: 12px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
    border: none;
}

div.asl_r.vertical:hover .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings:hover .asl_sett_scroll::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
}
@media (hover: none), (max-width: 500px) {
    div.asl_r.vertical .results::-webkit-scrollbar-thumb,
    div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
    }
}
/* MODERN BROWSER SCROLL END */

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:after {
    opacity: 0;
    font-family: 'aslsicons2';
    content: "\e800";
    font-weight: normal !important;
    background: transparent;
    border: none !important;
    box-sizing: content-box;
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    margin: 1px 0 0 0 !important;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    display: block;
    font-size: 11px !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

div.asl_s.searchsettings.ie78 .asl_option_inner .asl_option_checkbox:after {
    display: none;
}

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:hover::after {
    opacity: .3;
}

div.asl_s.searchsettings .asl_option_inner input[type=checkbox]:checked+.asl_option_checkbox:after {
    opacity: 1;
}

div.asl_s.searchsettings fieldset {
    position: relative;
    float: left;
}

div.asl_s.searchsettings fieldset {
    background: transparent;
    font-size: .9em;
    margin: 12px 0 0 !important;
    padding: 0;
    width: 192px;
}

div.asl_s.searchsettings fieldset .asl_option_label {
    width: 130px;
    display: block;
}

div.asl_s.searchsettings form fieldset legend {
    padding: 5px 0 8px 10px;
}

#asl_hidden_data {
    display: none !important;
}

.rtl .asl_content,
.rtl .asl_nores,
.rtl .asl_content *,
.rtl .asl_nores *,
.rtl .searchsettings form {
    text-align: right !important;
    direction: rtl !important;
}

.rtl .asl_nores>* {
    display: inline-block;
}

.rtl div.asl_r .results .item .asl_image {
    float: right;
    margin: 2px 0 0 8px;
}

.rtl .searchsettings .asl_option {
    flex-direction: row-reverse !important;
    -webkit-flex-direction: row-reverse !important;
}

.rtl .asl_option {
    direction: ltr;
}

.rtl .asl_label,
.rtl .asl_option div.asl_option_label {
    text-align: right !important;
}

.rtl .asl_label {
    max-width: 1000px !important;
    width: 100%;
    direction: rtl !important;
}

.rtl .asl_label input[type=radio] {
    margin: 0 0 0 6px !important;
}

.rtl .asl_option_cat_level-0 div.asl_option_label {
    font-weight: bold !important;
}

.rtl fieldset .asl_option_cat_level-1 {
    margin-right: 12px !important;
    margin-left: 0;
}

.rtl fieldset .asl_option_cat_level-2 {
    margin-right: 24px !important;
    margin-left: 0;
}

.rtl fieldset .asl_option_cat_level-3 {
    margin-right: 36px !important;
    margin-left: 0;
}

.rtl .searchsettings legend {
    text-align: right !important;
    display: block;
    width: 100%;
}

.rtl .searchsettings input[type=text],
.rtl .searchsettings select {
    direction: rtl !important;
    text-align: right !important;
}

.rtl div.asl_w.asl_s.searchsettings form,
.rtl div.asl_w.asl_sb.searchsettings form {
    flex-direction: row-reverse !important;
}

.rtl div.horizontal.asl_r div.item {
    float: right !important;
}

.rtl p.asl-try {
    direction: rtl;
    text-align: right;
    margin-right: 10px;
    width: auto !important;
}div.asl_w{width:100%;height:auto;border-radius:5px;background-color:transparent;overflow:hidden;border:0 solid #b5b5b5;border-radius:0 0 0 0;box-shadow:none;}#ajaxsearchlite1 .probox,div.asl_w .probox{margin:0;padding:8px;height:28px;background-color:#fff;border:2px solid #4a89bf;border-radius:0 0 0 0;box-shadow:0 0 0 0 #b5b5b5 inset;border-radius:30px;}#ajaxsearchlite1 .probox .proinput,div.asl_w .probox .proinput{font-weight:normal;font-family:Open Sans;color:#000 !important;font-size:12px;line-height:normal !important;text-shadow:0 0 0 rgba(255,255,255,0);}#ajaxsearchlite1 .probox .proinput input,div.asl_w .probox .proinput input{font-weight:normal;font-family:Open Sans;color:#000 !important;font-size:12px;line-height:normal !important;text-shadow:0 0 0 rgba(255,255,255,0);border:0;box-shadow:none;}div.asl_w .probox .proinput input::-webkit-input-placeholder{font-weight:normal;font-family:Open Sans;color:rgba(0,0,0,.6) !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input::-moz-placeholder{font-weight:normal;font-family:Open Sans;color:rgba(0,0,0,.6) !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input:-ms-input-placeholder{font-weight:normal;font-family:Open Sans;color:rgba(0,0,0,.6) !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input:-moz-placeholder{font-weight:normal;font-family:Open Sans;color:rgba(0,0,0,.6) !important;text-shadow:0 0 0 rgba(255,255,255,0);line-height:normal !important;}div.asl_w .probox .proinput input.autocomplete{font-weight:normal;font-family:Open Sans;color:#000;font-size:12px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proloading,div.asl_w .probox .proclose,div.asl_w .probox .promagnifier,div.asl_w .probox .prosettings{width:28px;height:28px;}div.asl_w .probox .promagnifier .innericon svg{fill:#4a89bf;}div.asl_w .probox div.asl_simple-circle{border:4px solid #4a89bf;}div.asl_w .probox .prosettings .innericon svg{fill:#4a89bf;}div.asl_w .probox .promagnifier{width:28px;height:28px;background-image:-o-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:-ms-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:-webkit-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));background-position:center center;background-repeat:no-repeat;border:0 solid #fff;border-radius:0 0 0 0;box-shadow:-1px 1px 0 0 rgba(255,255,255,.64) inset;cursor:pointer;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;cursor:pointer;}div.asl_w .probox div.prosettings{width:28px;height:28px;background-image:-o-linear-gradient(175deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:-ms-linear-gradient(175deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:-webkit-linear-gradient(175deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:linear-gradient(175deg,rgba(255,255,255,0),rgba(255,255,255,0));background-position:center center;background-repeat:no-repeat;float:right;border:0 solid #fff;border-radius:0 0 0 0;box-shadow:0 1px 0 0 rgba(255,255,255,.64) inset;cursor:pointer;background-size:100% 100%;order:7;-webkit-order:7;}div.asl_r{position:absolute;z-index:1100;}div.asl_r.vertical{padding:4px;background:#fff;border-radius:3px;border:0 solid #b5b5b5;border-radius:0 0 0 0;box-shadow:0 0 3px -1px rgba(0,0,0,.3);visibility:hidden;display:none;}div.asl_r .results .nores .keyword{padding:0 6px;cursor:pointer;font-weight:normal;font-family:Open Sans;color:#4a4a4a;font-size:13px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);font-weight:bold;}div.asl_r .results .item{height:auto;background:#fff;}div.asl_r.vertical .results .item:after{background:#ccc;}div.asl_r .results .item.hovered{background:#f4f4f4;}div.asl_r .results .item .asl_image{width:70px;height:70px;}div.asl_r .results .item .asl_content h3,div.asl_r .results .item .asl_content h3 a{margin:0;padding:0;line-height:inherit;font-weight:normal;font-family:Open Sans;color:#1468a9;font-size:14px;line-height:22px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .asl_content h3 a:hover{font-weight:normal;font-family:Open Sans;color:#2e6bbc;font-size:14px;line-height:20px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item div.etc{padding:0;line-height:10px;font-weight:bold;font-family:Open Sans;color:#a1a1a1;font-size:12px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .etc .asl_author{padding:0;font-weight:bold;font-family:Open Sans;color:#a1a1a1;font-size:12px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .etc .asl_date{margin:0 0 0 10px;padding:0;font-weight:normal;font-family:Open Sans;color:#adadad;font-size:12px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item p.desc{margin:2px 0;padding:0;font-weight:normal;font-family:Open Sans;color:#4a4a4a;font-size:13px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .mCSBap_scrollTools .mCSBap_buttonDown{border-color:#3e3e3e transparent transparent transparent;}div.asl_r .mCSBap_scrollTools .mCSBap_buttonUp{border-color:transparent transparent #3e3e3e transparent;}div.asl_r span.highlighted{font-weight:bold;color:#d9312b;background-color:#eee;color:rgba(217,49,43,1);background-color:rgba(238,238,238,1);}div.asl_r p.showmore span{border:1px solid #eaeaea;}div.asl_s.searchsettings{background:#fff;box-shadow:1px 1px 0 1px #4a89bf;}div.asl_s.searchsettings .asl_option_label{font-weight:bold;font-family:Open Sans;color:#2b2b2b;font-size:12px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox{background-image:linear-gradient(180deg,#222,#36373a);background-image:-webkit-linear-gradient(180deg,#222,#36373a);background-image:-moz-linear-gradient(180deg,#222,#36373a);background-image:-o-linear-gradient(180deg,#222,#36373a);background-image:-ms-linear-gradient(180deg,#222,#36373a);;}div.asl_s.searchsettings fieldset .categoryfilter{max-height:200px;overflow:auto;}div.asl_s.searchsettings fieldset legend{padding:5px 0 0 10px;margin:0;font-weight:normal;font-family:Open Sans;color:#474747;font-size:13px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}	/*
  	Flaticon icon font: Flaticon
  	Creation date: 02/07/2019 21:55
  	*/

@font-face {
  font-family: "Flaticon";
  src: url(https://casino.help/wp-content/uploads/fonts/dt_icon/Flaticon.eot);
  src: url(https://casino.help/wp-content/uploads/fonts/dt_icon/Flaticon.eot?#iefix) format("embedded-opentype"),
       url(https://casino.help/wp-content/uploads/fonts/dt_icon/Flaticon.woff2) format("woff2"),
       url(https://casino.help/wp-content/uploads/fonts/dt_icon/Flaticon.woff) format("woff"),
       url(https://casino.help/wp-content/uploads/fonts/dt_icon/Flaticon.ttf) format("truetype"),
       url(https://casino.help/wp-content/uploads/fonts/dt_icon/Flaticon.svg#Flaticon) format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url(https://casino.help/wp-content/uploads/fonts/dt_icon/Flaticon.svg#Flaticon) format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-gift:before { content: "\f100"; }
.flaticon-recycling:before { content: "\f101"; }