:root {
	--paragrafh-color: #9A9A9A;
	--header-color: #fff;
}

::-webkit-scrollbar {
    width: .25em;
    height: .25em;
    background: #333;
}

::-webkit-scrollbar-thumb {
    background: #00CBFF;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px;
	overflow-x: hidden;
}

/* #header, #middle {
	width: 100%;
	height: 1081px;
	background-image: url('/images/special/newbg3.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
} */
#header {
	width: 100%;
	height: 1081px;
	/* background-image: url('/images/special/newbg3.webp'); */
	/* background-repeat: no-repeat;
	background-size: cover;
	background-position: center; */
}

#header video {
	object-fit: cover;
  width: 100vw;
  height: 1081px;
  position: absolute;
  top: 0;
  left: 0;
	z-index: -1;
}

#middle {
	width: 100%;
	height: 1081px;
/*	background-image: url('../images/special/newbg2.png');
	background-repeat: no-repeat;*/
	background-size: cover;
	background-position: center;
}

#bottom {
	width: 100%;
	height: 100%;
/*	background-image: url('../images/homepage/To_cs.png');
	background-repeat: no-repeat;
	background-size: cover;*/
}

#planets {
	width: 100%;
	height: 100vh;
	background-image: url('../images/homepage/planety.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

#planets2 {
    width: 100%;
    height: 1081px;
    background-image: url('../images/homepage/Planety_2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.container-fluid {
	width: 80%;
}

#nav {
	width: 100%;
	z-index: 10;
	position: relative;
}

#nav-title {
	text-align: center;
	margin: 0;
	line-height: 23px;
	color: var(--header-color);
	padding-top: 15px;
	padding-bottom: 5px;
}

#nav-title-bar {
	width: 32px;
	margin: auto;
	border-color: #00CBFF;
}

#nav-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#nav-container a {
	color: #fff;
	text-decoration: none;
	line-height: 23px;
	margin: auto 20px;
}

#buyNow {
	color: #FFF !important;
	padding: 15px 0;
	border-radius: 5px;
	background: rgba(255,255,255, 0.13);
	border-color: #FFF;
border: 1px solid #fff;
	line-height: 23px;
	width: 134px;
	min-width: 134px;
	text-align: center;
}

.butko {
	color: #FFF !important;
	padding: 10px 0;
	border-radius: 5px;
	background: rgba(255,255,255, 0.13);
	border-color: #FFF;
border: 1px solid #fff;
	line-height: 23px;
	width: 134px;
	min-width: 134px;
	text-align: center;
display: block;
}

#registerNow {
	color: #000 !important;
	padding: 15px 0;
	border-radius: 5px;
	background: #00CBFF;
	line-height: 23px;
	width: 134px;
	min-width: 134px;
	text-align: center;
}

.title {
	font-size: 50px;
	color: var(--header-color);
	font-weight: 500;
}

.medium-title {
    font-size: 30px;
    color: var(--header-color);
    font-weight: 500;
}

.small-title {
    font-size: 20px;
    color: var(--header-color);
    font-weight: 500;
}

.description {
	color: var(--paragrafh-color);
	letter-spacing: 3px;
	font-weight: 300;
	font-size: .9em;
}

#left-side {
	width: 423px;
	height: 240px;
	position: absolute;
	top: 45%;
	left: 20%;
	transform: translate(-20%);
	float: left;
z-index: 1;
}

#right-side {
    /* width: 1082px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
	float: right;
	z-index: 0; */
	width: 1082px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
	float: right;
	z-index: 0;
	/* background-image: url('../images/homepage/Bez_nazwy-22.png'); */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-image: url('../images/homepage/Bez_nazwy-22.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat; */
}

#right-side video {
	display: block;
	position: relative;
	top: 0;
	left: 15%;
	transform: translate(-50%);
	width: auto;
	height: auto;
}

#right-side img {
	display: none;
	position: relative;
	top: 30%;
	left: 50%;
	transform: translate(-50%);
	width: 620px;
	height: 620px;
}

#clicker-preview {
	width: 644px;
	height: 495px;
}

.row {
	padding: 30px;
}

#logo-link {
    color: #fff !important;
}

.mobile-block-view {
    display: none;
}

.desktop-block-view {
    display: block;
}

#hamburger-button {
	background: transparent;
	outline: none;
	border: none;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.2rem;
	margin-top: 10px;
}

.left-blue-button {
	background: #00CBFF;
	border: none;

	

	border-radius: 5px;
	width: 134px;
	height: 43px;
	outline: none;

 box-shadow: 0 0 10px 10px rgba(0,203, 255, 0.5);

}

#left-empty-button {
background: rgba(255,255,255, 0.13);
	border-color: #FFF;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 204px;
    height: 43px;
    line-height: 23px;
	outline: none;
	color: #fff;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-align: center;
	line-height: 43px;
}

.p-0 {
	padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

/* Laptopy */
@media(max-width: 1480px) {
	.title {
		font-size: 40px;
	}
	
	/* #right-side img {
		width: 390px;
		height: 452px;
	} */
	#right-side video {
		display: none;
	}

	#right-side img {
		display: block;
		transform: translate(-50%, -20%);
		/* width: 390px;
		height: 452px; */
	}

	#right-side {
		width: 900px;
	}

	#clicker-preview {
	    width: 520px;
		height: 450px;
		margin-right: 3rem;
	}
}

/* Tablety */
@media(max-width: 1260px) {
    #right-side {
		width: 100%;
		right: 50%;
		transform: translate(50%);
	}

	#left-side {
		top: 50%;
		left: 55%;
		transform: translate(-55%, 100%);
		z-index: 2;
	}

    #clicker-preview {
        width: 420px;
        height: 400px;
        margin-right: 3rem;
	}
	
	#mobile-nav {
	    position: fixed;
	    top: 0;
	    right: 0;
	    width: 0;
	    height: 100vh;
	    z-index: 100;
	    transition: all 1s ease;
	    background-image: url('../images/homepage/To_cs@2x.png');
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	    border: none;
	}

	#mobile-nav-bg {
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-image: url('../images/homepage/planety@2x.png');
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    text-align: left;
	}

	#mobile-nav-content {
		width: 100%;
		color: #fff;
		text-align: center;
	}

	#mobile-nav-content a {
		width: 80%;
		margin: auto;
		padding: 20px 0;
		font-size: 1.3rem;
		display: block;
		color: #fff;
	}

	#close-mobile-nav {
	    font-size: 2em;
	    color: #ccc;
	    width: 64px;
	    height: 64px;
	    padding: 10px 20px;
		cursor: pointer;
	}
}

/* Telefony */
@media(max-width: 992px) {
	#header {
		height: calc(100vh + 40px);
	}

	.mobile-block-view {
		display: block;
	}

	.desktop-block-view {
	    display: none !important;
	}

    #clicker-preview {
		width: 100%;
		max-width: 416px;
		max-height: 310px;
        height: calc(100% - 10px);
        margin-right: 0;
	}

	#left-side {
		width: 100%;
	    top: 50%;
	    left: 0;
	    transform: translate(0, 100%);
		z-index: 2;
		text-align: center;
	}

	/* #right-side img {
	    width: 320px;
	    height: 382px;
	} */
	#right-side video {
		display: none;
	}

	#right-side img {
		display: block;
		width: 350px;
		height: 500px;
		transform: translate(-50%, -20%);
		/* width: 320px;
		height: 482px; */
	}

	.title {
		font-size: 30px;
	}

	.description {
		font-size: .7em;
	}

	.mt-10 {
		margin-top: 3rem !important;
	}

	#left-empty-button {
		margin-top: 10px;
	}

	.stats-container {
		margin: 20px auto;
		transition: 1s;
	}

	#partners-logo {
		width: 200px;
		height: 90px;
	}

	#footer-logo {
	    width: 126px;
		height: 147px;
		display: block;
		margin: auto;
	}

	.footer-link {
	   display: inline-block !important;
	   margin: auto 5px;
	   font-size: 13px !important;
	}

	#footer-links {
		width: 100% !important;
		margin-top: 20px !important;
	}
}

.mt-10 {
	margin-top: 10rem;
}

.stats-header {
	color: var(--paragrafh-color) !important;
}

.stats-count {
	color: #fff !important;
	font-weight: 500;
}

#partners-left, #partners-right {
	font-size: 1.4rem;
	color: #fff;
	line-height: 120px;
}

#partners-container {
	justify-content: space-evenly;
	align-items: center;
}

.uziblue-title {
	color: #00CBFF !important;
	font-size: 20px;
	font-weight: 500;
}

.footer-link {
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: left;
}

.uziblue-link {
	color: #00CBFF;
	margin-top: 10px;
}

.uziblue-description {
    color: #00CBFF;
}

#footer-links {
	width: 200px;
	margin: auto;
}

#footer-logo {
	width: 146px;
	height: 167px;
}

#social-container {
	justify-content: space-around;
	align-items: center;
}

.fs-12 {
	font-size: 12px !important;
}










	#Rectangle_83 {
		fill: rgba(3,5,22,1);
	}
	.Rectangle_83 {
		filter: drop-shadow(0px 0px 12px rgba(0, 203, 255, 0.502));
		position: absolute;
		overflow: visible;
		width: 599px;
		height: 397px;
		margin-top: 2rem;
	}
	#Mask_Group_1 {
		position: absolute;
		width: 563px;
		height: 361px;
		margin-top: 2rem;
		overflow: visible;
	}


#Group_26 {
		position: absolute;
		width: 710px;
		height: 431px;
		overflow: visible;
	}
	#Rectangle_57_bm {
		fill: url(#Rectangle_57_bm);
	}
	.Rectangle_57_bm {
		filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.502));
		position: absolute;
		overflow: visible;
		width: 770px;
		height: 491px;
		left: 0.001px;
		top: 0px;
	}
	#Rectangle_81_bo {
		fill: url(#Rectangle_81_bo);
	}
	.Rectangle_81_bo {
		position: absolute;
		overflow: visible;
		width: 710px;
		height: 100px;
		left: 0.001px;
		top: 331px;
	}
	#Najlepszy_na_rynku {
		left: 47.001px;
		top: 71px;
		position: absolute;
		overflow: visible;
		width: 316px;
		white-space: nowrap;
		text-align: left;
		font-family: Poppins;
		font-style: normal;
		font-weight: normal;
		font-size: 30px;
		color: rgba(255,255,255,1);
		letter-spacing: 0.72px;
	}
	#Mnstwo_ustawie_i_opcji_Macro_n {
		left: 47.001px;
		top: 142px;
		position: absolute;
		overflow: visible;
		width: 530px;
		white-space: nowrap;
		line-height: 37px;
		margin-top: -8.5px;
		text-align: left;
		font-family: Poppins;
		font-style: normal;
		font-weight: lighter;
		font-size: 20px;
		color: rgba(223,223,223,1);
		letter-spacing: 0.55px;
	}
	#Group_24 {
		position: absolute;
		width: 134px;
		height: 43px;
		left: 47.001px;
		top: 360px;
		overflow: visible;
	}
	#Rectangle_57_bs {
		fill: rgba(0,203,255,1);
	}
	.Rectangle_57_bs {
		position: absolute;
		overflow: visible;
		width: 134px;
		height: 43px;
		left: 0px;
		top: 0px;
	}
	#Rectangle_80_bt {
		opacity: 0.55;
		filter: blur(10px);
		fill: rgba(0,203,255,1);
	}
	.Rectangle_80_bt {
		mix-blend-mode: screen;
		position: absolute;
		overflow: visible;
		width: 194px;
		height: 103px;
		left: 0px;
		top: 0px;
	}
	#Kup_teraz_bu {
		left: 31px;
		top: 11px;
		position: absolute;
		overflow: visible;
		width: 73px;
		white-space: nowrap;
		text-align: center;
		font-family: Poppins;
		font-style: normal;
		font-weight: lighter;
		font-size: 15px;
		color: rgba(6,9,32,1);
		letter-spacing: 0.2px;
	}
	#Group_25 {
		position: absolute;
		width: 154px;
		height: 43px;
		left: 231.001px;
		top: 360px;
		overflow: visible;
	}
	#Rectangle_57_bw {
		fill: rgba(255,255,255,0.129);
		stroke: rgba(255,255,255,1);
		stroke-width: 0.30000001192092896px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Rectangle_57_bw {
		position: absolute;
		overflow: visible;
		width: 154px;
		height: 43px;
		left: 0px;
		top: 0px;
	}
	#Zaloguj_si_bx {
		left: 36px;
		top: 11px;
		position: absolute;
		overflow: visible;
		width: 83px;
		white-space: nowrap;
		text-align: center;
		font-family: Poppins;
		font-style: normal;
		font-weight: lighter;
		font-size: 15px;
		color: rgba(255,255,255,1);
		letter-spacing: 0.2px;
	}



#Group_24_ca {
		width: 43px;
		height: 43px;
		overflow: visible;
	}
	#Rectangle_57_cb {
		fill: rgba(0,203,255,1);
	}
	.Rectangle_57_cb {
position: absolute;
		overflow: visible;
		width: 43px;
		height: 43px;
left: 6px;
top: -3px;
z-index: -1;
	}
	#Rectangle_80_cc {
		opacity: 0.55;
		filter: blur(10px);
		fill: rgba(0,203,255,1);
	}
	.Rectangle_80_cc {
position: absolute;
		mix-blend-mode: screen;
		overflow: visible;
		width: 103px;
		height: 103px;
	}
	#SLIDE_LEFT {
		fill: rgba(255,255,255,1);
	}
	.SLIDE_LEFT {
position: absolute;
		overflow: visible;
		width: 16px;
		height: 13px;
		transform: translate(-821px, -140px) matrix(1,0,0,1,832.5,155.5) rotate(270deg);
		transform-origin: center;
	}

#Group_28 {
position: absolute;
		width: 43px;
		height: 43px;
		overflow: visible;
	}
	#Rectangle_57_cf {
		fill: rgba(0,203,255,1);
	}
	.Rectangle_57_cf {
position: absolute;
		overflow: visible;
		width: 43px;
		height: 43px;
left: 0;
top: -3px;
z-index: -1;
	}
	#Rectangle_80_cg {
		opacity: 0.55;
		filter: blur(10px);
		fill: rgba(0,203,255,1);
	}
	.Rectangle_80_cg {
position: absolute;
		mix-blend-mode: screen;
		overflow: visible;
		width: 103px;
		height: 103px;
	}
	#SLIDE_LEFT_ch {
		fill: rgba(255,255,255,1);
	}
	.SLIDE_LEFT_ch {
position: absolute;
		overflow: visible;
		width: 16px;
		height: 13px;
		transform: translate(0px, 0px) matrix(1,0,0,1,15.5,15.5) rotate(90deg);
		transform-origin: center;
	}