* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100%;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	position: relative;
	min-height: 100%;
	/* fixes focus scrolling in Safari (OS X) */
	margin: 0;
	padding: 0;
	background-color: #FFF;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* disable webkit tap highlight */
	color: #272F33;
	font-family: "Poppins", sans-serif;
	line-height: 150%;
	font-weight: 400;
	font-style: normal;
	font-size: 16x;
	height: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}


.obsahres {
	font-weight: 500;
	text-align: center;
	line-height: 140%;
	font-size: 21px;
}

.interesting {
    background: transparent linear-gradient(90deg, #1d81c4 0%, #418e37 100%) 0% 0% no-repeat padding-box;
border-radius: 60px;
color: #FFFFFF !important;
padding: 15px 40px 15px 40px;
cursor: pointer;
}

.interesting:hover {
    background: #418e37;
}


.photo_m, .telephone, .inte {
    display: inline-block;
    vertical-align: middle;
}

.telephone {
    padding-left: 15px;
    padding-right: 40px;
}


.adtxt {
    display: inline-block;
    font-size: 18px;
    padding-left: 50px;
}

.m1part {
	background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 30px #0000001A;
    opacity: 1;
	width: 100%;
	height: 125px;
	font-size: 18px;
	z-index: +99999999999999999999999999999999999999999999999999;
}

.content {
    z-index: +20;
    background-image: url("tale_bg.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.sticker {
    width: 100%;
    text-align: center;
}

.sticker img{
    max-width: 100%;
	width: 1200px;
}


#shortv {
    min-height: calc(100vh - 125px) !important;
}

.box {
	position: absolute;
}

.m2part {
	display: none;
	background: transparent linear-gradient(270deg, #F61A53 0%, #7C0419 100%) 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 100%;
	height: 125px;
	color: #FFFFFF;
	font-size: 18px;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .modal-content {
	background-color: #fff;
	margin: 5% auto; /* 15% from the top and centered */
	padding: 20px;
	width: 570px; /* Could be more or less, depending on screen size */
	box-shadow: 5px 5px 30px #00000029;
border-radius: 20px;
text-align: center;
  }

  #missemailaddress {
	display: none;
	font-size: 14px;
	color: #D85252;
  }

  #send_verify {
	display: none;
  }

  .successb {
	font-weight: 600;
	font-size: 24px;
	padding-bottom: 35px;
  }

  .success {
	padding-bottom: 40px;
  }

  .ok {
	width: 70px;
	padding-bottom: 20px;
	padding-top: 20px;
  }

  .formular {
	width: 370px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 40px;
  }

  .formular input[type="text"] {
	border: 1px solid #E2D8D0;
border-radius: 4px;
height: 60px;
width: 370px;
font-size: 18px;
padding-left: 15px;
padding-right: 15px;
  }

  .formular input[type="text"]:focus {
	border: 1px solid #8A8684;
  } 

  .formular input[type="text"]:hover {
	border: 1px solid #8A8684;
  } 

  .formular input[type="submit"] {
	background: transparent linear-gradient(90deg, #BB67A4 0%, #399ED1 100%) 0% 0% no-repeat padding-box;
font-family: "Poppins", sans-serif;
border-radius: 60px;
color: #FFFFFF !important;
padding: 15px 50px 15px 50px;
cursor: pointer;
font-weight: 500;
font-size: 18px;
border: 0;
outline: none;
  }

  
  .formular input[type="submit"]:hover {
	background: #DFADD1;
  }


  .contactw {
	color: #B9BDC4;
	text-align: center;
	padding-top: 25px;
  }

  .subb {
	padding-top: 25px;
	text-align: center;
  }

  .subm {
	background: transparent linear-gradient(90deg, #BB67A4 0%, #399ED1 100%) 0% 0% no-repeat padding-box;
	border-radius: 60px;
	color: #FFFFFF !important;
	padding: 15px 60px 15px 60px;
	cursor: pointer;
	}
	
	.subm:hover {
		background: #DFADD1;
	}


  .labelform {
	font-size: 14px;
	padding-bottom: 10px;
  }

  .lab2 {
	padding-top: 15px;
  }
  
  /* The Close Button */
  .close {
	color: #c9c6c4;
	float: right;
	font-size: 30px;
  }
  
  .close:hover,
  .close:focus {
	color: #8a8684;
	text-decoration: none;
	cursor: pointer;
  }

  .modalnad {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5;
  }



  /* end modal */

canvas {
	display: none;
}


#PDFF {
	height: calc(100vh - 125px) !important; min-height: calc(100vh - 125px) !important;
	z-index: +1;

}

.container {
	width: 1200px;
	margin: 0 auto;
}

.logo {
	vertical-align: middle;
	display: inline-block;
	margin-top: 31.75px;
	padding-left: 20px;
	
}

.logo img {
	width: auto;
    height: 56px;
}

.posunmob {
	display: none;
}

.menu_desktop {
	display: inline-block;
	vertical-align: middle;
	float: right;
	margin-top: 33.5px;
}

.menu_desktop a{
	text-decoration: none;
	color: inherit;
}

.item1, .item2, .item3, .item4 {
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 45px;
}

.menu_desktop a:hover {
	color: inherit;
}

.active {
	border-bottom: 5px solid #ab182d;
    border-image-slice: 1;
    width:100%; 
}


.gdpr {
	display: inline-block;
	float: right;
	vertical-align: middle;
	margin-top: 51px;
}

.copyright {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	margin-top: 51px;
}

.gdpr a {
	color: #ffffff;
}

.txtbody{
	z-index: +1;
	padding-top: 300px;
	padding-bottom: 250px;
	background-color: #FBFBFB;
}

.profesor {
	display: inline-block;
	vertical-align: top;
}

.profesor_mobile {
	display: none;
}

.profesor img{
	width: 245px;
}

.about {
	display: inline-block;
	vertical-align: top;
	width: 72%;
	float: right;
	color: #7A7A76;
}

.podcasttxt {
	color: #7A7A76;
}

.podpis {
	padding-top: 25px;
	color: #1D1D1B;
	font-size: 18px;
}

.semib {
	font-weight: 600;
}

.kapitola {
	padding-top: 150px;
	font-size: 28px;
	font-weight: 600;
	line-height: 140%;
}

.adnazov {
    font-size: 36px;
    font-weight: 600;
}

.adtest {
    padding-top: 90px;
}

.sign {
	padding-top: 25px;
	color: #7A7A76;
	font-size: 16px;
}

.videoprew {
	padding-top: 50px;
	width: 100%;
}

.videoprew img{
	max-width: 100%;
}

.iframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	border-radius: 20px;
	box-shadow: 5px 5px 20px #0000001A;
  }

  .spotify_odber img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
  }

  .apple_odber img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
  }

  .spotify_mini {
	height: 40px;
	margin-top: 5px;
  }

  .sp {
	padding-left: 10px;
  }



.spotify_odber {
	font-size: 18px;
	color: white;
	font-weight: 600;
	display: inline-block;
}

.apple_odber {
	font-size: 18px;
	color: white;
	font-weight: 600;
	display: inline-block;
	padding-left: 20px;
}

.odberad {
	padding-top: 70px;
    padding-bottom: 30px;
}

.meditrend_odber {
	font-size: 18px;
	color: white;
	font-weight: 600;
	display: inline-block;
}

.meditrend_o {
	background: #1696E8 0% 0% no-repeat padding-box;
	border-radius: 40px;
	padding: 22px 50px 22px 50px;
}

.meditrend_o:hover {
	background: #35B4C9 0% 0% no-repeat padding-box;
}

.meditrend_odber a {
	text-decoration: none;
	color: white;
}

.odber {
	padding-top: 70px;
}

.spotify_o {
	background: #1DB954 0% 0% no-repeat padding-box;
	border-radius: 40px;
	padding: 22px 35px 22px 35px;
}

.spotify_o img {
	width: 40px;
}

.spotify_o:hover {
	background: #191414 0% 0% no-repeat padding-box;
}

.spotify_odber a {
	text-decoration: none;
	color: white;
}

.apple_o {
	background: transparent linear-gradient(180deg, #D56EFC 0%, #832BC1 100%) 0% 0% no-repeat padding-box;
	border-radius: 40px;
	padding: 22px 35px 22px 35px;
}

.apple_o:hover {
	background: #832BC1 0% 0% no-repeat padding-box;
}

.apple_odber a {
	text-decoration: none;
	color: white;
}

.linkred {
	color: #BA1E44;
}

.ad {
    padding-top: 40px;
}


@media screen and (max-width:1500px) {
	.m1part {
		height: 110px;
	}

	.m2part {
		height: 115px;
	}


    
.adtxt {
    padding-left: 30px;
}

	.obsahres {
		font-weight: 500;
		text-align: center;
		line-height: 130%;
		font-size: 20px;
	}

	.txtbody{
		padding-top: 250px;
	}

	.menu_desktop {
		margin-top: 26px;
	}

	.gdpr {
		margin-top: 48.5px;
	}
	
	.copyright {
		margin-top: 48.5px;
	}
	
	.item1, .item2, .item3, .item4 {
		padding-right: 25px;
		padding-left: 25px;
		padding-bottom: 35px;
	}

	#PDFF {
		height: calc(100vh - 110px) !important; min-height: calc(100vh - 110px) !important;
		z-index: +1;	
	}

    #shortv {
        min-height: calc(100vh - 115px) !important;
    }

	.logo {
		margin-top: 29px;
		padding-left: 20px;		
	}

	.logo img {
		height: 50px;
		width: auto;
	}

	.profesor img{
		width: 200px;
	}

	.kapitola {
		font-size: 25px;
	}

    .adnazov {
        font-size: 30px;
        font-weight: 600;
    }
    
    .adtest {
        padding-top: 70px;
    }

	.spotify_o {
		border-radius: 35px;
		padding: 20px 30px 20px 30px;
	}
		
	.apple_o {
		border-radius: 35px;
		padding: 20px 30px 20px 30px;
	}

    .odberad {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    
    .meditrend_odber {
        font-size: 18px;
        color: white;
        font-weight: 600;
        display: inline-block;
    }
    
    .meditrend_o {
        background: #1696E8 0% 0% no-repeat padding-box;
        border-radius: 35px;
        padding: 20px 45px 20px 45px;
    }
}


@media screen and (max-width:1368px) {
	.container {
		width: 1000px;
	}

	.sticker img{
		width: 1000px;
	}
	.item1, .item2, .item3, .item4 {
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 35px;
	}
}

@media screen and (max-width:1050px) {
	.container {
		width: 90%;
	}

	.txtbody{
		padding-top: 200px;
	}

    .adtxt {
        padding-left: 25px;
    }

	.item1, .item2, .item3, .item4 {
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 35px;
	}

	.m1part, .m2part, .podpis, .spotify_odber, .apple_odber, .meditrend_odber, .adtxt   {
		font-size: 17px;
	}

	.spotify_mini {
		height: 38px;
		margin-top: 5px;
	  }

	  .logo {
		margin-top: 27.5px;
		padding-left: 20px;		
	}

	.logo img {
		height: 42px;
		width: auto;
	}

	.profesor img{
		width: 170px;
	}

	.videos {
		padding-top: 290px;
	}

	.podcasts {
		padding-top: 120px;
	}


	.m1part {
		height: 100px;
	}

	.m2part {
		height: 100px;
	}

	#PDFF {
		height: calc(100vh - 100px) !important; min-height: calc(100vh - 100px) !important;
		z-index: +1;	
	}

    #shortv {
        min-height: calc(100vh - 100px) !important;
    }

	.menu_desktop {
		margin-top: 25px;
	}

	.gdpr {
		margin-top: 41.5px;
	}

    .photo_m img{
        height: 50px;
    }

    .interesting {
         padding: 13px 35px 13px 35px;
        }

        .telephone {
            padding-left: 15px;
            padding-right: 30px;
        }
	
	.copyright {
		margin-top: 41.5px;
	}

	.item1, .item2, .item3, .item4 {
		padding-right: 17px;
		padding-left: 17px;
		padding-bottom: 29px;
	}

	.kapitola {
		font-size: 23px;
	}

    .adnazov {
        font-size: 27px;
        font-weight: 600;
    }
    
    .adtest {
        padding-top: 70px;
    }


	.obsahres {
		line-height: 125%;
		font-size: 19px;
	}


	/*modal*/
	.modal-content {
		background-color: #fff;
		margin: 5% auto; /* 15% from the top and centered */
		padding: 20px;
		width: 500px; /* Could be more or less, depending on screen size */
		box-shadow: 5px 5px 30px #00000029;
	border-radius: 20px;
	text-align: center;
	  }

	  .modalnad {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.3;
	  }


	  .formular input[type="text"] {
		border: 1px solid #E2D8D0;
	border-radius: 4px;
	height: 60px;
	width: 300px;
	font-size: 18px;
	padding-left: 15px;
	padding-right: 15px;
	  }

	  .formular {
		width: 300px;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 40px;
	  }

	  .ok {
		width: 65px;
		padding-bottom: 20px;
		padding-top: 20px;
	  }
}

 /*mobile version start */
@media screen and (max-width:900px) {
	.menu_desktop {
		display: block;
	}

	.posunmob {
		display: none;
		width: 100%;
		padding-bottom: 0px;
		background-color: white;
		position: fixed;
		left: 0;
		left: 0;
		top: 0;
		height: 90px;		
		width: 100%;
		background-color: white;
		z-index: +9999;
		box-shadow: 0px 3px 30px #0000001A;
	}

	.menuname {
		color: #ab182d;
        background-color: #ab182d;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
		font-size: 17px;
		font-weight: 500;
		float: right;
		margin-top: -40px;
		margin-right: 72px;
	}
	.mobilemenu {
		display: block;
		float: right;
		width: 100%;
		font-size: 12px;
	}

    .ad {
        padding-top: 36px;
    }

	.copyright {
		display: block;
		text-align: center;
		margin-top: 0px;
	}

	.gdpr {
		display: block;
		float: none;
		margin-top: 0px;
		text-align: center;
	}

	.m2part {
		padding-top: 25px;
		font-size: 15px;
	}

	.logo img {
		height: 40px;
	}

	.logo {
		margin-top: 22.5px;
		margin-left: 0px;	
		padding-left: 0px;
	}


    .photo_m img{
        height: 40px;
    }

    .interesting {
         padding: 12px 25px 12px 25px;
         height: 40px;
         font-size: 16px;
        }

        .telephone {
            padding-left: 12px;
            padding-right: 15px;
            font-size: 16px;
        }



	.m1part {
		height: 90px;
	}

	#PDFF {
		height: calc(100vh - 90px) !important; min-height: calc(100vh - 90px) !important;
		z-index: +1;	
	}

    #shortv {
        min-height: calc(100vh - 100px) !important;
    }

	.profesor {
		display: none;
	}
	
	
	.about {
		display: block;
		vertical-align: none;
		width: 100%;
		float: none;
		color: #7A7A76;
	}

	.videos {
		padding-top: 100px;
	}

	.kapitola {
		font-size: 21px;
	}

    .adnazov {
        font-size: 26px;
        font-weight: 600;
    }
    
    .adtest {
        padding-top: 60px;
    }

	.videoprew {
		width: 100%;
		margin: auto;
		text-align: center;
	}

	.videoprew img{
		max-width: 80%;
	}

	.profesor_mobile {
		display: block;
		padding-top: 60px;
		width: 100%;
		text-align: center;
	}

	.profesor_mobile img{
		width: 170px;
	}

	.podpis {
		text-align: center;
	}

	.podcpodb {
		text-align: left;
	}

	.spotify_o {
		border-radius: 30px;
		padding: 17px 24px 17px 24px;
	}
		
	.apple_o {
		border-radius: 30px;
		padding: 17px 24px 17px 24px;
	}


    .odberad {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    
    .meditrend_odber {
        font-size: 18px;
        color: white;
        font-weight: 600;
        display: inline-block;
    }
    
    .meditrend_o {
        border-radius: 30px;
		padding: 17px 40px 17px 40px;
    }
	.spotify_odber, .apple_odber, .meditrend_odber, .adtxt  {
		font-size: 16px;
	}

	.spotify_mini {
		height: 36px;
		margin-top: 5px;
	  }

	.apple_odber {
		padding-left: 15px;
	}

	.podcpodb img {
		width: 100% !important;
		max-width: 100% !important;
	}

	.obsahres {
		line-height: 125%;
		font-size: 18px;
	}
}


@media screen and (max-width:750px) {
.photo_m {
    display: none;
}
.menu_desktop {
    margin-top: 30px;
}
}


@media screen and (max-width:725px) {
    .adtxt {
        display: block;
        padding-left: 0px;
        padding-top: 40px;
    }

    .ad {
        padding-top: 0px;
    }
    .menu_desktop {
		margin-top: 30px;
	}
    .photo_m {
        display: none;
    }
}

@media screen and (max-width:700px) {
    .photo_m {
        display: none;
    }


    .menu_desktop {
		margin-top: 30px;
	}

    .logo {
    padding-left: 0px;
    margin-left: 0px;
    }
}



@media screen and (max-width:670px) {
.spotify_odber {
	display: block;
}

.apple_odber {
	padding-top: 50px;
	display: block;
	padding-left: 0px;
}

.podcasts {
	padding-top: 90px;
}
}

@media screen and (max-width:600px) {
.rights {
	display: none;
}

.profesor_mobile img{
	width: 150px;
}
.videoprew img{
	max-width: 95%;
}

.txtbody{
	padding-top: 160px;
}

.kapitola {
	font-size: 20px;
}

.logo img {
    height: 30px;
}

.logo {
    margin-top: 28.5px;
}

.adnazov {
    font-size: 24px;
    font-weight: 600;
}

.adtest {
    padding-top: 60px;
}

.sign {
	padding-top: 20px;
	font-size: 16px;
}

.videoprew {
	padding-top: 40px;
}

.spotify_odber {
	display: block;
}

.apple_odber {
	padding-top: 50px;
	display: block;
	padding-left: 0px;
}

.podcasts {
	padding-top: 90px;
}
.adtxt {
    padding-top: 36px;
}

.telephone {
    font-size: 15px;
}
.interesting {
    font-size: 15px;
}


/*modal*/
.modal-content {
	background-color: #fff;
	margin: 5% auto; /* 15% from the top and centered */
	padding: 20px;
	width: 90%; /* Could be more or less, depending on screen size */
	box-shadow: 5px 5px 30px #00000029;
border-radius: 20px;
text-align: center;
  }

  .modalnad {
	font-size: 23px;
	font-weight: 600;
	line-height: 1.3;
  }


  .formular input[type="text"] {
	border: 1px solid #E2D8D0;
border-radius: 4px;
height: 60px;
width: 90%;
font-size: 16px;
padding-left: 15px;
padding-right: 15px;
margin-left: 5%;
  }

  .formular {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 40px;
	margin-left: 5%;
  }

  .ok {
	width: 65px;
	padding-bottom: 20px;
	padding-top: 20px;
  }

  .labelform {
	margin-left: 5%;
  }

  #missemailaddress {
	margin-left: 5%;
  }

/*added 29.7.2024*/
.pdff-ui-wrapper,.pdff-ui-controls {
	top: 0px !important;
}


 .pdff-ui-btn.pdff-ui-next.fa.fa-chevron-right {
	background-color: black;		
	opacity: 2.5;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.pdff-ui-btn.pdff-ui-next.fa.fa-chevron-right::before {
	color: white;
    animation: blink 1.8s infinite; 
}

/*zlepšenie viditeľného prepínania na mobile*/
}


@media screen and (max-width:570px) {
    .telephone {
        display: none;
    }

	.formular input[type="text"] {
	height: 50px;
	  }
}

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

.logo img {
	height: 30px;
}

.logo {
	margin-top: 28.5px;
	margin-left: 0px;	
}

.menuname {
	color: #ab182d;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
	font-size: 17px;
	font-weight: 500;
	float: right;
	margin-top: -34px;
	margin-right: 72px;
}

}



@media screen and (max-width:450px) {
	.logo {
		margin-left: 0px;	
	}

	.menuname {
		color: #ab182d;
		margin-right: 58px;
	}
}

@media screen and (max-width:400px) {
    .interesting {
        padding: 10px 18px 10px 18px;
        height: 40px;
        font-size: 15px;
       }

       .logo img {
		height: 27px;
	}


    .logo {
		margin-left: 0px;	
		margin-top: 30.5px;
		margin-left: 00px;
	}
}

@media screen and (max-width:370px) {
	.spotify_odber, .apple_odber, .meditrend_odber, .adtxt   {
		font-size: 15px;
	}

	.spaces {
		display: none;
	}

    .menuname {
        margin-top: -32px;
    }
	
	.spotify_mini {
		height: 35px;
		margin-top: 5px;
	  }
}

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

	.apple_o img {
		display: none;
	  }

      .interesting {
        font-size: 14px;
       }

      .spotify_o img {
		display: none;
	  }

      .logo img {
		height: 24px;
	}


    .logo {
		margin-left: 0px;	
		margin-top: 32.5px;
		margin-left: 00px;
	}

}