body {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
	
  scroll-behavior: smooth;
}

.fill {
	/*
         background-image: -webkit-gradient(
         linear,
         left bottom,
         right bottom,
         color-stop(0, #9508DB),
         color-stop(1, #230FD7)
         );
         background-image: -o-linear-gradient(right, #9508DB 0%, #230FD7 100%);
         background-image: -moz-linear-gradient(right, #9508DB 0%, #230FD7 100%);
         background-image: -webkit-linear-gradient(right, #9508DB 0%, #230FD7 100%);
         background-image: -ms-linear-gradient(right, #9508DB 0%, #230FD7 100%);
         background-image: linear-gradient(to right, #9508DB 0%, #230FD7 100%);
         */
	/*Fallback if gradeints don't work */
	background: #230FD7;
	/*Linear gradient... */
	background: radial-gradient( at center, #230FD7, #9508DB);
}

header {
	background: transparent;
}

section.main {
	height: calc(85vh - 62px);
}

footer {
	color: #FFF;
	font-size: 10pt;
	line-height: 14pt;
	position: absolute;
	width: 100%;
	bottom: 0;
}

footer a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: underline;
}

footer a:hover {
	color: #FFF;
}

.icard {
	border-radius: 11px;
	border: 2px solid #FFF;
	color: #FFF;
	width: 100%;
	padding: 4%;
}

.icard .icard-top {}

.icard .icard-top svg {
	vertical-align: middle;
	border-style: none;
}

.icard .icard-top .wifi-hd {}

.icard .icard-top .icon-small {}

.icard .icard-top .icon-small {}

.icard .icard-footer .fbutton {
	/*background:#FF0066;*/
	background: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/*color:#FFF;*/
	color: #7E09DA;
	width: 100%;
	font-size: 10pt;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	font-weight: bold;
}

.icard .icard-footer svg {
	height: 65%;
	vertical-align: middle;
	border-style: none;
	margin-bottom: 2%;
}


/*
         .icard .icard-footer .fbutton:before{
         content:'TV';
         color:#7E09DA;
         /*color:#FF0066;
         background:#FFF;*/

background:#fff;
display:inline-block;

}
*/ #wifi-hd {
	height: 12px;
}
#icon-small {
	height: 25px;
}
#wifi-sign {
	height: 25px;
}
#mainmenu {
	width: 100%
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, .7);
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
	color: rgba(255, 255, 255, .9);
}
.item-header {
	height: 10vh;
}
.item-header p {
	font-size: 16pt;
	line-height: 24pt;
	color: #FFF;
}
.item-header {}
.carousel {
	width: 100%;
	margin: 35px 0;
	padding-bottom: 10px;
}
.carousel-inner {
	min-height: 165px;
}
.carousel-inner .carousel-item {}
.carousel-inner .carousel-item .item {
	width: 100%;
    min-height: 250px;
}
.carousel-inner .carousel-item h2 {
	color: #FFF;
}
.carousel-inner .carousel-item h2 .sub-title {
	font-size: 25pt;
	font-weight: normal;
}
.carousel-inner .carousel-item h2 .sub-main {
	font-size: 50pt;
	font-weight: medium;
}
.carousel-inner .carousel-item h2 .sub-bottom {
	font-size: 16pt;
	font-weight: normal;
}
.carousel-inner .carousel-item ul {
	list-style: none;
}
.carousel-inner .carousel-item ul li {
	color: #FFF;
	font-size: 16pt;
	position: relative;
	line-height: 35pt;
}
.carousel-inner .carousel-item ul li::before {
	content: '';
	height: 100%;
	width: 30px;
	display: inline-block;
	background-image: url(../svg/check.svg);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: -37px;
}
.carousel-indicators {
	right: unset;
	margin-left: unset;
	margin-right: unset;
	bottom: 0;
	padding: 0px 35px;
	margin-bottom: 0px;
	display: none;
}

/*slider*/
.carousel-indicators li {
	border: 2px solid #FFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.5);
	width: 25px;
	height: 15px;
	cursor: pointer;
	margin: 0 5px;
	opacity: 0.2;
}
.carousel-indicators li:hover,
.carousel-indicators li.active {
	background: rgba(255, 255, 255, 0.0);
	opacity: 1;
}
.button {
	background: #FF0066;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #FF0066;
	color: #FFF;
	text-align: center;
	padding: 5px 40px;
	font-size: 18pt;
	display: inline-block;
}
.button:hover {
	color: #FFF;
	text-decoration: none;
}
.coolBeans {
	border: 2px solid #FF0066;
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	-webkit-transition: 0.2s -webkit-transform ease-in-out;
	transition: 0.2s -webkit-transform ease-in-out;
	transition: 0.2s transform ease-in-out;
	transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
	will-change: transform;
	z-index: 0;
}
.coolBeans::after {
	background-color: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	content: '';
	display: block;
	height: 110%;
	width: 110%;
	position: absolute;
	left: -3px;
	top: -3px;
	-webkit-transform: translate(-100%, 0) rotate(10deg);
	transform: translate(-100%, 0) rotate(10deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: 0.2s -webkit-transform ease-out;
	transition: 0.2s -webkit-transform ease-out;
	transition: 0.2s transform ease-out;
	transition: 0.2s transform ease-out, 0.2s -webkit-transform ease-out;
	will-change: transform;
	z-index: -1;
}
.coolBeans:hover::after {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.coolBeans:hover {
	color: #FF0066;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	will-change: transform;
}
.sidepanel {
	height: 100vh;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99999;
}
.close-side {
	border: 1px solid #B3B3B3;
	color: #B3B3B3;
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 5px;
	font-size: 13pt;
	margin-top: 15px;
}
.close-side:hover {
	color: #000;
	border-color: #000;
	text-decoration: none;
}
.sidepanel-inner {
	background: #FFF;
}
.sidepanel-inner span.frmlabel {
	color: #FF0066;
	margin: 20px 0 10px;
	display: block;
}
.sidepanel .frm-headline {
	color: #230FD7;
	font-size: 18pt;
	font-weight: bold;
}
.sidepanel-inner .form-group {
	margin-bottom: 1em;
}
.sidepanel-inner .form-group input[type="text"],
.sidepanel-inner .form-group input[type="email"] {
	border: none;
	border-radius: 0px;
	border-bottom: 1px solid #B3B3B3;
}
.sidepanel-inner .form-group input[type="radio"] {}
.accvop {
	text-align: center;
}
.accvop a {
	color: #000;
	text-decoration: underline;
}
.accvop a:hover {
	color: #000;
	text-decoration: underline;
}
.frmbutton {
	width: 100%;
	background-color: #FF0066 !important;
}
.frmbutton:hover {
	background-color: #FF0066 !important;
	border-color: #FF0066;
}

/* check */
.form-check {
	padding-left: 0px;
}
.checkcont {
	display: block;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-left: 35px;
}
.checkcont input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
}
.checkcont:hover input~.checkmark {
	background-color: #ccc;
}
.checkcont input:checked~.checkmark {
	background-color: #FF0066;
}
.checkcont:after {
	content: "";
	position: absolute;
	display: none;
}
.checkcont input:checked~.checkmark:after {
	display: block;
}
.checkcont .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


.kontakt-frm{}
.kontakt-frm h4{color:#230FD7;}
.kontakt-frm p{}
a.redhref{color:#FF0066; text-decoration:underline;}
a.redhref:hover,
a.redhref:focus{color:#FF0066;}
.kontakt-frm .spacer{height:50px;}


.kontakt-frm{display:none;}
.thankyou-frm{display:none;}
 footer .fillred{fill:#FF0066;}
 .mob-show{display:none !important;}
 .nav-flex{
	 -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	 display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
 }
@media only screen and (max-width: 600px) {
	
.h-xs-100{min-height:100vh;}
.h-xs-50{min-height:50vh;}
 .item-icard-main{display:block !important;}
	.item-icard-main{padding-top:35px;}
	.item-icard-main .icard{display:block;}
	.text-xs-center{
		text-align:center;
	}
.pageparent{
     display: block!important;}
	.mob-show{display:block;}
	.mob-show.d-flex{display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;}
	.mob-hide{display:none !important;}
.kontakt-frm{display:block;}
	body {
		width: 100vw;
		height: unset;
		overflow: unset;
		background-attachment: fixed !important;
	}
	
	header {
		background: #FFF;
	}
	
	header svg .filblack {
		fill: #000 !important;
	}
	
	header svg .fil1g {
		fill: url(#grad)
	}
	
	section.main {
		height: calc(100vh - 62px);
	}
	
	.item-footer {
		text-align: center;
	}
	
	footer {
		position: unset;
		bottom: unset;
		background:#FFF;
		color:#000!important;
	}
	
	footer p a{
		color:#000;
	}
	footer p a:hover{
		color:#000;
	}
	footer .fillwhite{fill:#000;}
	.carousel-inner .carousel-item h2 {
		text-align: center;
	}
	
	.carousel-inner .carousel-item h2 .sub-title {
		font-size: 17pt;
		font-weight: normal;
	}
	
	.carousel-inner .carousel-item h2 .sub-main {
		font-size: 28pt;
		font-weight: medium;
	}
	
	.carousel-inner .carousel-item h2 .sub-bottom {
		font-size: 14pt;
		font-weight: normal;
	}
	
	.carousel-inner .carousel-item ul {
		list-style: none;
		text-align: center;
		padding-left: 0;
		padding-right: 14px;
	}
	
	.carousel-inner .carousel-item ul li {
		color: #FFF;
		font-size: 11pt;
		position: relative;
		line-height: 21pt;
		padding: 10px 0 10px 0;
	}
	
	.carousel-inner .carousel-item ul li::before {
		content: '';
		height: 15px;
		width: 15px;
		display: inline-block;
		background-image: url(../svg/check.svg);
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
		left: -7px;
		top: 2px;
	}
	
	.carousel-indicators {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
	}
	
	.navbar-light .navbar-nav .nav-link {
		color: rgba(0, 0, 0, .5);
		text-align: right;
	}
	
	footer p {
		font-size: 7pt;
		padding-bottom: 5px;
	}
	
	.kontakt-frm h4{text-align:center;}
	.kontakt-frm p{text-align:center;}
	
	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:hover {
		color: rgba(0, 0, 0, .8);
	}
	
	.sidepanel {
		position: unset;
		display: block !important;
	}
	.sidepanel-inner {
		padding: 25px 0;
	}
	.icard{
		display: none;
	}
	
	.close-row {
		display: none;
	}
}


/*nadpis-patch*/
h1.like-h6{
	font-size: 10pt;
    line-height: 14pt;
}
h4.like-h2{
    font-size: 2rem;
}