/*
Theme Name: LandingPage-Kingsbetcz-wordpress-theme
Theme URI: 
Author: Kingsbet.cz
Author URI: kingsbet
Version: 1.1.4.2.9
Description: Landingpage
License: 
Tags: kingsbet, kingsbet.cz, landing page, casino, vegas, sportbook, sazky
Text Domain: 
*/

:root {
  --primary-color: #1f0d31; 
  --secondary-color: #9c07e3;
  --terciary-color: #d8ff00;
  --purple-2: #3f0b69;
  --purple-3: #6c1692;
  --white: white;
}
/*reset*/
:root {
	--page-container-max-width: 1302px;
    --page-side-padding: 1rem;
    --vertical-space-between-cols: 1rem;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

body {
	line-height: 1.4;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.container {
	width: calc(100% - var(--page-side-padding)* 2)!important;
}
.container {
	max-width: var(--page-container-max-width)!important;
}
/*reset ends*/
body {
  font-family: "Poppins", sans-serif;
  background-color: var(--primary-color);
  color: white;
	font-weight: 100;
}

a { 
color: var(--terciary-color)!important}
h3 {
font-size: 22px;
font-weight: 300;
}

.h1-mobile { 
line-height:4rem!important;
}
html {
	margin-top: 0!important;
}

.header {
z-index: 100001;
height: 10rem;
position: absolute;

}

.mobile-only { 
display:none;
}
/*cookiebot*/
#CybotCookiebotDialogHeader { 
    display: none!important;
}
body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-width: 3px;
    border-radius: 24px;
} 
#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
	background-color: black!important; 
}
.CookieCard:before, .CybotCookiebotDialogDetailBodyContentCookieGroup:before { 
content: none;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CookieCard:last-of-type{ 
display:none!important;
}
#CybotCookiebotDialogDetailFooter { 
padding: 2em 2em 1.125em!important;
} 

/*
@media screen and (min-width: 1280px) { 
padding: 2em 2em 1.125em!important;
}*/
/*scroll up button start */
#btn-back-to-top {
  position: fixed;
  bottom: 70px;
right: 20px;
display: none;
z-index: 10000;
	outline:none;
}
.btn:focus {
	box-shadow:none;
}
.btn-scroll-up { 
background: var(--terciary-color);
height: 45px;
width: 45px;
border-radius: 50px;
}
.btn-scroll-up img { 
	width: 18px;
    padding-top: 5px;
}
/*scroll up button end */
.nav {
transition: all 250ms ease-in-out;
background-color: var(--primary-color);
z-index: 100001;
}

.nav--scrolled {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.nav .kb-btn, .kb-hero-button-box .kb-btn{ 
font-size: 17px;
}
.main-header-kb {
  background-color: var(--primary-color);
}
/*
li::marker {
  color: var(--terciary-color);
}
*/ 
li:before{
	content: "";
    display: inline-block;
    background: #d8ff00;
    width: 8px;
    height: 8px;
    font-weight: 700;
    border-radius: 50%;
    margin-right: 16px;
flex-shrink: 0; 
}
.kb-hero {
  background-repeat: no-repeat;
  padding: 136px 0;
  height: 60vh;
min-height: 500px;
max-height: 500px;
}
.kb-hero-mobile {
	display:none!important;
}
.kb-header-link-web {
font-size: 17px;
padding-left: 8px;
padding-top: 1px;
}
.kb-flex-start {
display: flex;
justify-content: flex-start;
align-items: center;
}
.kb-flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.bonus-desktop { 
justify-content:flex-start;
}
.primary-heading {
font-size: calc(1rem + 1vw);
text-align: center;
}

.kb-row ul {
padding-top: 20px;
}
.bonus-slider-mobile {
display: none;
}
.offcanvas {
  transition : transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0s ease;
}
.lp-promo-1 .bonuses-body{ 
padding: 40px 0 60px!important;
}
.bonus-one-info li{ 
    display: flex;
    gap: 0px;
    padding: 15px 0;
    justify-content: center;
    align-items: center;
}
.desktop-version { 
display:flex;
flex-direction:row;
justify-content: center;
align-items:center;
}
.mobile-version { 
display:none;
font-weight:400;
}
.box-link { 
background: none!important;
    border: none!important;
    border-radius: 0!important;
    padding: 0!important;
    margin: 0!important;
}

.box-bonus { 
display: flex;
    flex-direction: column;
    justify-content: space-between;
	align-items: flex-start;
}
.box-bonus, .play-box {
background-color: #1E1C30;
color:var(--white);
border: 1px solid #3A384F;
border-radius: 20px;
padding: 12px;
margin: 20px 0;
}
.play-box {
width: 29%;
}
.play-box:nth-child(2) {
margin: 20px 20px!important;
}

.up-box-bonus {
width: 24%;
margin: 20px 0px;
}


.play-box:nth-child(2) {
display: flex;
justify-content: center;
align-items: center;
}

.position-relative {
position: relative;
}
.box-radius-shadow-left, .box-radius-shadow-right,.box-radius-shadow-left-2, .box-radius-shadow-right-3, .bonus-1-box-radius-shadow-right-3{
position: absolute;
z-index: 1;
width:403px;
height: 403px;
border-radius: 603px;
opacity: 0.29;
background:  #413981;
filter: blur(176.3000030517578px);
}
.box-radius-shadow-right-3 { 
width: 654px;
height: 392px;
border-radius: 586px;
opacity: 0.29;
background: #413981;
filter: blur(102.300003px);
z-index: 1;
}
.bonus-1-box-radius-shadow-right-3 { 
width:403px;
height: 392px;
border-radius: 586px;
opacity: 0.29;
background: #413981;
filter: blur(102.300003px);
z-index: 1;
}
.box-radius-shadow-left{
left: -50px;
top:10%;
height: 170px;
}
.box-radius-shadow-right {
right:-10px;
top:10%;
}
.box-radius-shadow-left-2 {
position: absolute;
width:203px;
height: 203px;
border-radius: 603px;
opacity: 0.29;
background:  #413981;
filter: blur(176.3000030517578px);
left: -50px;
top:-110px;
}
.box-radius-shadow-right-3 {
right:0px;
top:0px;
fill:  #181626;
stroke-width: 0.5px;
stroke: #3A384F;
opacity: 0.6;
z-index: 1;
}
.purple-shadow {
box-shadow: 2px -1px 6px rgba(255, 255, 255, .1);
}
.img-box-bonus {
overflow: hidden;
}
.img-box-bonus .img-bonus {
width:100%; 
transition: .3s all ease-in-out;
}
.img-box-bonus {
border-radius: 16px;
}
.img-box-radius-shadow-left, .box-bonus-hover {
transition: .3s all ease-in-out;
}

.bonus-paragraph { 
min-height: 147px;
}
.box-bonus-hover {
padding-bottom:40px;
}

.box-bonus-hover:hover{
box-shadow: 0 0 39px -24px;
}

.box-bonus-hover:hover .img-box-bonus {
box-shadow: 0px 0px 6px rgba(255, 255, 255, .1);
}
.box-bonus-hover:hover .img-bonus {
  transform: scale(1.2);
}
.box-bonus h3 {
padding: 20px 0 16px; 
	font-size: 18px;

}
.box-bonuses-paragraph {
padding-bottom: 0px;
}
.box-bonus p {
line-height: 1.2;
}
.box-bonus-paragraph {
padding: 15px;
}
.button-box {
padding: 20px 0;
display: flex;
gap: 20px;
z-index: 10000;
position: relative;
}
.kb-btn {
width:auto;
border-radius: 40px;
padding: 8px 20px;
font-weight: 300;
color: var(--white);
} 
.kb-btn-primary {
background-image: linear-gradient(64deg,#8A0FCB, #FF00FF); 
border: none;
padding: 11px 20px;
transition: .3s all ease-in-out;
}
.kb-btn-primary:hover { 
background-image: linear-gradient(64deg,#650b95, #b900b9); 
}
.up-box-bonus .kb-btn-secondary {
margin: 20px auto;
}
.kb-btn-secondary {
background-color: transparent; 
border: 3px solid #d8ff00;
	transition: all .2s ease-in-out;
} 
.kb-btn-secondary:onclick {
	background-color:var(--terciary-color); 
border: 3px solid #d8ff00;
	color: #1E1C30;
}
.kb-btn-secondary:hover, .kb-btn-secondary:active, .kb-btn-secondary:focus  {
	background-color: transparent;
    border: 3px solid #d8ff00;
    color: white;
    box-shadow: 1px 1px 39px -16px rgba(255,255,255,095);
}

.collapsing {
	animation: fadeIn 5s;	
  -webkit-transition-delay: 0s!important;
  transition-delay: 0s!important;
  transition: height 0s ease!important;
}

.kb-btn-secondary:not(.collapsed) {
background-color: transparent!important; 
color: var(--white)!important;
}

#bonus .bonuses-body { 
padding: 40px 0;
}
.bonuses-body {
padding: 20px 0;
}
.accordion-flush .accordion-collapse {
z-index: 10000;
}
.accordion-body {
padding: 0;
}
.button-faq-main:not(.collapsed)  {
color: var(--terciary-color)!important;
background-color:transparent!important;
}

.accordion-button:not(.collapsed) {
color: inherit;
  background-color:inherit;
  /*box-shadow: none!important;*/
  outline: none!important;;
}
.accordion-button:focus {
z-index: 3;
border-color: var(--terciary-color);
outline: 0;
box-shadow: none;
}
.accordion-button::after {
	display:none;
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: 10px;
content: "";
background-image: url("http://bonus.kingsbet.cz/wp-content/uploads/2024/03/chevron-down-svgrepo-com.svg");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
background-image: url("http://bonus.kingsbet.cz/wp-content/uploads/2024/03/chevron-down-svgrepo-com.svg");
}


.body-faq{
	position:relative;
background: var(--primary-color);
  margin-left: 10px;
  transition: .3s all;
  border-radius: 4px;
  padding: 10px 10px 30px;
}

.body-faq label { 
    font-weight: 500;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0px);
    padding-bottom: 3px;
}
.sub-btn-faq-title { 
padding-left: 0;
}
.sub-btn-faq-single {
padding-left: 10px;
}

.sub-btn-faq::after {
background-image: url("http://bonus.kingsbet.cz/wp-content/uploads/2024/03/chevron-down-svgrepo-dark.svg");
}
.sub-btn-faq:not(.collapsed)::after {
background-image: url("http://bonus.kingsbet.cz/wp-content/uploads/2024/03/chevron-down-svgrepo-dark.svg");
}
.faq-container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
}
.faq-container .flex-start {
width: 100%;
display: flex;
justify-content: flex-start;
}

.accordion-flush .accordion-item .accordion-button {
border-radius: 5px; 
}
.openit {
width: 100%;
}
.button-faq {
background-color: transparent;
color: var(--white);
text-transform: uppercase;
font-weight: 700;
}
.sub-btn-faq-first {
color: var(--terciary-color);
}
.sub-btn-faq-first[aria-expanded="false"] {
color:white; 
}
.sub-btn-faq {
background-color: var(--terciary-color);
color:var(--primary-color); 
margin: 10px 0 0;
text-transform: uppercase;
font-weight: 500;
}
.sub-btn-faq .collapsed {
background-color: var(--terciary-color);
border-radius: 5px;
}
#terms-conditions, #terms-conditions-2, #terms-conditions-3, #terms-conditions-4 {
display: none;
}
#terms-conditions:checked ~ .show-more-content, #terms-conditions-2:checked ~ .show-more-content, #terms-conditions-3:checked ~ .show-more-content, #terms-conditions-4:checked ~ .show-more-content  {
display: block;
}
#terms-conditions:checked ~ label, #terms-conditions-2:checked ~ label, #terms-conditions-3:checked ~ label, #terms-conditions-4:checked ~ label {
display: none;
}
label {
color: var(--terciary-color);
cursor:pointer;
}
.show-more-content {
display: none;
}
.padding-top {
padding-top: 20px;
}
.margin-top {
margin-top: 20px;
}
.padding-bottom {
padding-bottom: 20px;
}
.margin-bottom {
margin-bottom: 20px;
}
.faq-box {
background-color: var(--terciary-color);
}
.faq-box, .faq-sub-box {
background-color: var(--primary-color);
}
.text-box {
width:80%;
}
.bonuses-section {
background-image: radial-gradient(#090618,#1F0D31);

}
.accordion-item  {
border:none;
background-color: transparent;
}
.h1-kb-launch { 
  text-align: left; 
  font-weight: 400;
  font-size: calc(1rem + 2.5vw);
  line-height: 4.9rem; 
  text-shadow: 1px 1px 10px var(--primary-color);
}
.info-kb-launch span {
  font-size: 4.1rem;
}
.kb-hero p {
font-size:20px;
padding: 20px 0;
font-weight:400;
}
.kb-span-color {
color:var(--terciary-color);
}
.navbar {
padding: 0;
}
.navbar .container-fluid {
  gap: 20px;
  padding: 0;
  justify-content: flex-start;
}
.navbar-brand {
color:var(--white);
transition: .3s all;
}
.navbar-brand:hover {
color:var(--terciary-color);}
  
.navbar-brand .kb-logo {
padding-left: 8px;
}

.carousel, .carousel-caption, .carousel .slide {
height: 300px;
}
.slide-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
visibility: hidden;
}
.slide-box.active {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
visibility: visible;
}
.kb-slider {
width:30%;
height: auto;
}
.background-image-spin {
background-image: url("/img/Group\ 76.png"); 
background-size: 74%;
height: auto;
width: 100%;
background-repeat: no-repeat;
background-position: top right;
z-index: 1000;
position: relative;
}


footer { 
position:relative!important;
}

.sticky-footer {
position: fixed!important;
width:100%!important;
bottom: 0;
z-index: 10000;
background: var(--primary-color);
}
.static-footer {
padding: 20px 20px 60px 20px;	
background: var(--primary-color);
text-align: center;
font-size:14px;
}
.copyright { 
	padding: 10px 0;
}
@media (min-width: 768px) { 
.container, .container-md, .container-sm {
    max-width: 90%;
}
}

@media only screen and (max-width: 1315px) { 
  .kb-hero {
    min-height: 500px;
    max-height: 500px;
  }
  .info-kb-launch {
    font-size: 2.6rem;
    line-height: 2.9rem;
}
.info-kb-launch span {
  font-size: 2.1rem;
}
}
/*@media only screen and (max-width: 1060px) {
.up-box-bonus {
  width: 30%;
}
}*/

@media only screen and (max-width: 991px) {
	
	.kb-hero-mobile {
	display:flex!important;
		background-position:center;
}
	.kb-hero { 
	  padding:0;
	}
	.kb-hero p {
		font-size: 17px; 
	}
.dark-mobile-bg	{
	background-color: rgba(0, 0, 0, 0.4);
	    width: 100%;
    height: 500px;
	display: flex;
	} 	
	.dark-mobile-bg div { 
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
} 
	.dark-mobile-bg h1 { 
	text-align:center;
	}
	.dark-mobile-bg p { 
	margin-bottom:91px;
		padding:0px;
	}
	.kb-hero-desktop { 
	display:none!important;
	}

.bonus-desktop {
  display: none;
}
.bonus-slider-mobile {
  display: block;
  height: auto;
}
.slider-item-bonus {
  height: auto;
}
.up-box-bonus .kb-btn-secondary { 
  margin-bottom: 30px;
}
.up-box-bonus {
width: 83%;
margin: 20px auto;
}
.box-bonus-hover:hover .img-bonus {
transform: scale(1);
width: 100%;
}
.img-bonus {
width: 100%;
}
.play-box {
width: 100%;
}
.play-box:nth-child(2) {
margin: 20px auto!important;
}

.bonuses-body div div {
justify-content: center!important;
align-items: center!important;
}
.bonuses-body div div p,.bonuses-body div div h2 {
text-align: center;
}
.bonuses-body div .box-bonus {
text-align: left;
margin: 20px auto;
}
.cards {
padding: 0 10px;
}
.cards .up-box-bonus {
width: 100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
width: 2.5rem;
height: 2.5rem;
}
.carousel-control-next-icon,  .carousel-control-prev-icon, .owl-next {
background-image: url("http://bonus.kingsbet.cz/wp-content/uploads/2024/03/right-chevron-purple.svg")!important;
background-color: var(--primary-color);
border: 1px solid var(--purple-3);
border-radius: 50px;
font-size: 24px;
box-shadow: 0px 0px 13px 0px rgba(115, 112, 142, 0.30);

}

.carousel-control-prev-icon {
background-image: url("http://bonus.kingsbet.cz/wp-content/uploads/2024/03/right-chevron-purple.svg");
transform: rotate(180deg);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
background-size: 55% 100%;
} 
.box-radius-shadow-left, .box-radius-shadow-right, .box-radius-shadow-left-2, .box-radius-shadow-right-3 {
width: 100%;
}
.carousel-indicators {
bottom: 20px;
transition: .3s all;
align-items: center;
}
.carousel-indicators [data-bs-target] {
background-color: var(--purple-3);
border-radius: 20px;
width: 10px;
height: 10px;
border: none;

}
.carousel-indicators [data-bs-target].active {
width: 15px;
height: 15px;
}
	.faq-sub-box p {
	text-align:left!important;	
} 
	
	.otviraci-box-margin-left {  
		margin-left:4px;
	}
.box-bonus ul li, .bonus-one-info-box ul li { 
margin-left: 14px;
}
.box-bonus ul li:before, .bonus-one-info-box ul li:before  { 
    margin-left: -18px;
    margin-right: 9px;
} 
	.bonus-one-info-box ul li:before { 
	    margin-right: 12px!important;
	}
	    
}
@media only screen and (max-width: 678px) { 
p { 
font-size:15px;
}
	
	.desktop-version { 
display:none;
}
.mobile-version { 
display:flex;
flex-direction:column;
justify-content: center;
align-items:center;
}
	.kb-hero{
  background-image: url("/img/tel\ 1.png");
  background-size: cover;
  padding:0px 0;
    min-height: 350px;
    max-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}
	.box-radius-shadow-left, .box-radius-shadow-right, .box-radius-shadow-left-2, .box-radius-shadow-right-3 {
		display:none;
	}
	    .dark-mobile-bg {
			height: 350px;}
.kb-hero .h1-kb-launch, .kb-hero p {
  text-align: center;
}
	.kb-hero .h1-kb-launch { 
	line-height:2rem;
	}
.kb-hero-button-box {
  flex-direction: column!important;
}
.kb-hero-button-box a {
  width: 100%!important;
}
.main-header-kb div nav div .button-box {
  padding: 10px 0 20px;
}
.primary-heading {
padding-top: 10px;
	font-weight:400;
}
.padding-top {
padding-top: 10px;
}
.margin-top {
margin-top: 10px;
}
.padding-bottom {
padding-bottom: 10px;
}
.margin-bottom {
margin-bottom: 10px;
}
.nav--scrolled .navbar-brand {
  display: none;
}
.nav--scrolled {
  padding: 0 10px;
}
.navbar .container-fluid  {
  gap:0;
}
.navbar-brand .kb-logo  {
width: 82px;
padding-left: 5px;
}
.kb-header-link-web {
  font-size: 14px;}
.button-box {
  flex-direction: row;
  justify-content: center;
  width: 100%;

}
.button-box .kb-btn {
  width: 100%;
}
.button-box a {
width: 50%;
}
.nav .kb-btn, .kb-hero-button-box .kb-btn{ 
font-size: 16px;
}
    .static-footer p {
        font-size: 12px!important;
    }
}

@media only screen and (max-width: 414px) { 
.button-faq-main {
  font-size: 14px;
  font-weight: 300;
}
.nav .kb-btn, .kb-hero-button-box .kb-btn, .kb-btn-otevreny{
font-size: 14px;
}
	
} 
@media only screen and (max-width: 360px) { 
.nav .kb-btn, .kb-hero-button-box .kb-btn, .kb-btn-otevreny{ 
font-size: 12px;
}
}
@media only screen and (max-width: 320px) { 
.button-box {
  gap:10px;
}}
	@media only screen and (max-width: 351px) { 
.nav .kb-btn, .kb-hero-button-box .kb-btn, .kb-btn-otevreny{ 
font-size: 11px;
}
} 

@font-face { 
	font-family: Poppins; src: url(https://bonus.kingsbet.cz/wp-content/themes/LP-Kingsbet-wordpress-theme/fonts/Poppins-Regular.ttf); font-weight: normal; 
}

@font-face { 
	font-family: Poppins; src: url(https://bonus.kingsbet.cz/wp-content/themes/LP-Kingsbet-wordpress-theme/fonts/Poppins-Medium.ttf); font-weight: 400; 
}

@font-face { 
	font-family: Poppins; src: url(https://bonus.kingsbet.cz/wp-content/themes/LP-Kingsbet-wordpress-theme/fonts/Poppins-SemiBold.ttf); font-weight: 500; 
}

@font-face { 
	font-family: Poppins; src: url(https://bonus.kingsbet.cz/wp-content/themes/LP-Kingsbet-wordpress-theme/fonts/Poppins-Bold.ttf); font-weight: 600; 
}

@font-face { 
	font-family: Poppins; src: url(https://bonus.kingsbet.cz/wp-content/themes/LP-Kingsbet-wordpress-theme/fonts/Poppins-Light.ttf); font-weight: 200; 
} 
@font-face { 
	font-family: Poppins; src: url(https://bonus.kingsbet.cz/wp-content/themes/LP-Kingsbet-wordpress-theme/fonts/Poppins-ExtraLight.ttf); font-weight: 100; 
}