html {
font-size: 62.5%; 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:1320px;
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;
} 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: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;
} @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 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 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; }
.nav-menu > li:hover,
.nav-menu > li:hover > a
{
background: #01295c;
color: #fff;
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;
} .help-nav-menu {
position: relative;
} .mega-menu {
display: none; position: absolute; top: 25px;
z-index: 1001; padding: 10px 0px 10px 10px;
box-shadow: 0 9px 10px 0 rgba(0,0,0,.16);
background: #fff;
} .mega-menu ul {
list-style: none;
padding: 0;
margin: 0;
} .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; } .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; }
.mega-menu ul li:hover ul {
display: block; }
.mega-menu .menu-item-has-children > a {
position: relative; padding-right: 1.5rem; }
.mega-menu .menu-item-has-children > a::after {
content: '';
display: inline-block;
position: absolute; border-style: solid;
border-width: 2px 2px 0 0;
color: #000;
height: .5rem;
right: 0; top: 50%; transform: translate(-50%, -50%) rotate(45deg); 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;
}
} @media screen and (max-width: 1024px) { .hamburger-menu {
display: block; margin-left:auto;
}
.help-nav-menu-mobile {
display: none; position: fixed;
top: 0;
left: 0;
width: 75%;
height: 100%;
background-color: #FFFFFF;
z-index: 1001; overflow-y: auto; }
.menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); 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;  }
.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; margin-right:15px;
color: white;
padding: 20px
}
@media (min-width: 992px) { .menu-item-has-children > a > .submenu-toggle-arrow {
display: none;
}
} .content-container{
padding-left:10px;
padding-right:10px;
}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;
}  .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 .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;
} .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;
} .page-header-content-img {
justify-self:center;
}  #af-form-752667344 {
position: fixed !important;
left: 0px !important;
bottom:0px !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-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;
} .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;
}html {
font-size: 62.5%; 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:1320px;
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;
} 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: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;
} @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 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 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; }
.nav-menu > li:hover,
.nav-menu > li:hover > a
{
background: #01295c;
color: #fff;
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;
} .help-nav-menu {
position: relative;
} .mega-menu {
display: none; position: absolute; top: 25px;
z-index: 1001; padding: 10px 0px 10px 10px;
box-shadow: 0 9px 10px 0 rgba(0,0,0,.16);
background: #fff;
} .mega-menu ul {
list-style: none;
padding: 0;
margin: 0;
} .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; } .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; }
.mega-menu ul li:hover ul {
display: block; }
.mega-menu .menu-item-has-children > a {
position: relative; padding-right: 1.5rem; }
.mega-menu .menu-item-has-children > a::after {
content: '';
display: inline-block;
position: absolute; border-style: solid;
border-width: 2px 2px 0 0;
color: #000;
height: .5rem;
right: 0; top: 50%; transform: translate(-50%, -50%) rotate(45deg); 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;
}
} @media screen and (max-width: 1024px) { .hamburger-menu {
display: block; margin-left:auto;
}
.help-nav-menu-mobile {
display: none; position: fixed;
top: 0;
left: 0;
width: 75%;
height: 100%;
background-color: #FFFFFF;
z-index: 1001; overflow-y: auto; }
.menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); 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;  }
.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; margin-right:15px;
color: white;
padding: 20px
}
@media (min-width: 992px) { .menu-item-has-children > a > .submenu-toggle-arrow {
display: none;
}
} .content-container{
padding-left:10px;
padding-right:10px;
}@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%; 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);
} 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 {
scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255,255,255);
}
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);
}
} 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;
}
.asl_r .item { .asl__af-tt-container {
position: relative;
z-index: 2;
.asl__af-tt-link {
transition: opacity 0.2s;
&:hover {
opacity: 0.7;
}
}
}
.average-rating {
--percent: 0%;
--color: #2EA3F2;
--bg-color: rgba(0,0,0,0.2);
--size: 17px;
position: relative;
appearance: none;
width: auto;
display: inline-block;
vertical-align: baseline;
font-size: var(--size);
line-height: calc(var(--size) - 15%);
color: var(--bg-color);
background: linear-gradient(90deg, var(--color) var(--percent), var(--bg-color) var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.asl_r .item {
.price {
--regular-price-color: #666;
--sale_price_color: #666;
color: var(--regular-price-color);
del {
opacity: .5;
display: inline-block;
text-decoration: line-through;
color: var(--regular-price-color);
}
ins {
margin-left: 0.5em;
text-decoration: none;
font-weight: 700;
display: inline-block;
color: var(--sale_price_color);
}
}
.add-to-cart-container {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
z-index: 10;
width: 100%;
margin: 12px 0;
.add-to-cart-quantity {
padding: 8px 0 8px 8px;
background: #eaeaea;
width: 32px;
border-radius: 4px 0 0 4px;
height: 18px;
min-height: unset;
display: inline-block;
font-size: 13px;
line-height: normal;
}
.add-to-cart-button {
padding: 8px;
border-radius: 4px;
background: #6246d7;
color: white;
height: 18px;
min-height: unset;
display: block;
text-align: center;
min-width: 90px;
font-size: 13px;
line-height: normal;
&.add-to-cart-variable {
border-radius: 4px;
}
&.loading {
content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
}
a.added_to_cart {
flex-basis: 100%;
margin-top: 8px;
}
}
.add-to-cart-container:has(.add-to-cart-quantity) {
.add-to-cart-button {
border-radius: 0 4px 4px 0;
}
}
}
.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;
}