* {
  			box-sizing: border-box;
  			margin: 0;
    		padding: 0;
		}

		.row:after {
  			content: "";
  			clear: both;
  			display: table;
		}

		[class*="col-"] {
  			float: left;
 			padding: 15px;
		}

		.col-1 {width: 8.33%;}
		.col-2 {width: 16.66%;}
		.col-3 {width: 25%;}
		.col-4 {width: 33.33%;}
		.col-5 {width: 41.66%;}
		.col-6 {width: 50%;}
		.col-7 {width: 58.33%;}
		.col-8 {width: 66.66%;}
		.col-9 {width: 75%;}
		.col-10 {width: 83.33%;}
		.col-11 {width: 91.66%;}
		.col-12 {width: 100%;}
	
        html,body{
            overflow-x: hidden;
            max-width: 100%;
            font-family: 'Oswald', sans-serif;
			margin:0%;
			padding:0%;
			-webkit-overflow-scrolling:auto;
			

        }
        .text{
        position: relative;
		}
		.header{
			background-color: white;
			font-family: 'Oswald', sans-serif;
			font-size: 2.5vw;
			letter-spacing: 0.5px;
			word-spacing: -2px;
			color: #000000;
			padding: 0%;
			font-weight: 600;
		}
			
		::-webkit-scrollbar {
  			width:5px;
  			background:#222;
		}
		::-webkit-scrollbar-thumb {
  			background:#E9967A;
  			box-shadow:0 -100vh 0 100vh #E9967A;
		}
		.nav {
			text-align: right;
			font-size:1.5vw;
			font-weight: normal;
			margin-top:2.3vw;
		}
		
		.menu{
			text-align: right;
			font-weight: normal;
			margin-top:0.3vw;
			color: black;
			margin-right:1vw;
			text-decoration: none;
			background: linear-gradient(white, #E9967A) bottom / 0 .1em no-repeat;
			transition: 1s background-size;
			background-position: left bottom;
		}
		
		.menu:hover{
			background-size: 100% .1em;
		}
		
		.soc_icon{
			width:2%;
			width:1.3vw;
 			height:1.3vw;
 			margin-left:0.5vw;
 			text-decoration:none;
 		 	-webkit-filter: grayscale(100%);
  			filter: grayscale(100%);
		}
	
	.linksp1 {
	color:black;
	
	}
	
		.linksp1:hover {
	color:#E9967A;
	
	}
	
		.linksp2 {
	color:black;
	
	}
	
		.linksp2:hover {
	color:#48D1CC;
	
	}
	

	
	
		.soc_icon:hover {
 			-webkit-filter: grayscale(0);
  			filter: grayscale(0);
		}
		
		.box {
 			border-style:solid;
 			border-radius:50%;
 			border-color: white;
 			width:12vw;
 			height:12vw;
	 		-webkit-filter: grayscale(100%);
  			filter: grayscale(100%);
		}
	
		.box:hover {
 			-webkit-filter: grayscale(0);
  			filter: grayscale(0);
		}
	
		.odkaz {
			font-family: 'Oswald', sans-serif;
			text-decoration: none;
			color:white;
			font-size: 1.3vw;
			text-align: center;
			float: left;
			margin-top:5vw;
			margin-right:2vw;
			margin-left:1.5vw;
		}
	
		.podpis{
			-webkit-filter: invert(100%); /* Safari/Chrome */
    		filter: invert(100%);
    		width:20%;
		}
	
		.main{
			background-color:white;
			padding-top: 3%;
			line-height: 1.6;
			margin-bottom:0;
		}
		
		.about{
					background-size:100%;
			background-image: linear-gradient(to bottom right, #E9967A, #48D1CC);
		}
		.h1{
			font-size:2.5vw;
			font-weight: bold;
			text-align:center;
			padding-top:0%;
			margin-top:-5vw;
			margin-bottom:1.3vw;
		}
		
				hr {
    display: block;
    height: 1px;
	margin-left:18vw;
    width:55vw;
	border:0;
    border-top: 2px solid black;
    margin-bottom:3vw;

}
		
		
		.h2{
			font-size:1.3vw;
			margin-left:15%;
			margin-top:0.2vw;
			margin-bottom:3%;
		}
		
		.info{

background-color:white;
			color:black;
			padding-top:7%;
			padding-bottom:7%;
			padding-left:0;
			padding-right:0;
			margin-left:0;
			margin-right:0;
			font-size: 1.3vw;
		}
		
		.pas{
 			width:30%;
 			float:left;
 		
		}
		
		.icons{

    		width: 20vw;
            margin-bottom: 0%;
            margin-top:5vw;
            margin-left:5vw;
            margin-right:0vw;
		}
				.icons2{
    		width: 15vw;
            margin-bottom: 0%;
            margin-top:0vw;
            margin-left:7vw;
            margin-right:0vw;
		}
		
						.icons3{
    		height:6.2vw;
            margin-bottom: 0%;
            margin-top:0vw;
            margin-left:7vw;
            margin-right:0vw;
		}

		
		.follow{
			background-color: white;
			text-align: center;
			font-weight: bold;
			font-size:2vw;
		}
	
		.follow_img{
			height: 10vw;
			margin-left: 2%;
		}
	
		.ref{
			margin-right:3%;
			margin-left:3%;
			margin-bottom:3%;
			border-radius:2%;
			margin-left:2%;
			color:white;
			font-size: 1.3vw;
		 	-webkit-backdrop-filter: blur(10px);
  			backdrop-filter: blur(10px);
		}
		
		.ref_photo{
			border-style:solid;
 			border-radius:50%;
 			border-color: white;
 			margin-left:16%;
 			width:12vw;
 			height:12vw;
		}
			
		.pata{
			background-color: white;
			text-align:center;
		}
		
		.pata2{
			background-color: black;
			color:white;
		}
		
		.pata_txt{
			margin-right:4%;
		}
		
		.pata_btxt{
			font-weight: bold;
		}
		
		.pata_link{
			text-decoration: none;
			color:white;
			background: linear-gradient(black, white) bottom / 0 .1em no-repeat;
			transition: 1s background-size;
			background-position: left bottom;
		}
		
		.pata_link:hover{
			background-size: 100% .1em;
		}
		
		.footer {
			background-color: white;
			color: gray;
			left: 6vw;
			bottom: 3vw;
			font-size: 1vw;
			text-align:center;
		}
		
		.button{
	 		border: none;
  			color: white;
  			padding: 0.8vw 5%;
  			text-align: center;
  			text-decoration: none;
  			display: inline-block;
  			font-size: 1.5vw;
  			margin: 4px 2px;
  			transition-duration: 0.4s;
  			cursor: pointer;
  			font-family: 'Oswald', sans-serif;
  			border-radius: 10px;
  			background: transparent;
  			border: 2px solid white;
  			font-weight: bold;
  			margin-left:3%;
		}
		
		.button:hover{
			background-color: white;
			color:black;
		}
	
		@-webkit-keyframes buzz-out-on-hover {
  			10% {
    		-webkit-transform: translateX(3px) rotate(2deg);
    		transform: translateX(3px) rotate(2deg);
  			}
  			20% {
    		-webkit-transform: translateX(-3px) rotate(-2deg);
    		transform: translateX(-3px) rotate(-2deg);
  			}
  			30% {
    			-webkit-transform: translateX(3px) rotate(2deg);
   				 transform: translateX(3px) rotate(2deg);
  			}
  			40% {
    			-webkit-transform: translateX(-3px) rotate(-2deg);
   				 transform: translateX(-3px) rotate(-2deg);
  			}
  			50% {
    			-webkit-transform: translateX(2px) rotate(1deg);
    			transform: translateX(2px) rotate(1deg);
  			}
  			60% {
    			-webkit-transform: translateX(-2px) rotate(-1deg);
    			transform: translateX(-2px) rotate(-1deg);
  			}
  			70% {
    			-webkit-transform: translateX(2px) rotate(1deg);
    			transform: translateX(2px) rotate(1deg);
  			}
  			80% {
   				-webkit-transform: translateX(-2px) rotate(-1deg);
    			transform: translateX(-2px) rotate(-1deg);
  			}
  			90% {
    			-webkit-transform: translateX(1px) rotate(0);
    			transform: translateX(1px) rotate(0);
  			}
 		 	100% {
    			-webkit-transform: translateX(-1px) rotate(0);
    			transform: translateX(-1px) rotate(0);
  			}
		}
		
		@keyframes buzz-out-on-hover {
  			10% {
    		-webkit-transform: translateX(3px) rotate(2deg);
   			transform: translateX(3px) rotate(2deg);
  		}
  			20% {
   		 	-webkit-transform: translateX(-3px) rotate(-2deg);
    		transform: translateX(-3px) rotate(-2deg);
  		}
  			30% {
   		 	-webkit-transform: translateX(3px) rotate(2deg);
    		transform: translateX(3px) rotate(2deg);
  		}
  			40% {
    		-webkit-transform: translateX(-3px) rotate(-2deg);
    		transform: translateX(-3px) rotate(-2deg);
  		}
  			50% {
    		-webkit-transform: translateX(2px) rotate(1deg);
    		transform: translateX(2px) rotate(1deg);
  		}
  			60% {
    		-webkit-transform: translateX(-2px) rotate(-1deg);
    		transform: translateX(-2px) rotate(-1deg);
  		}
  			70% {
    		-webkit-transform: translateX(2px) rotate(1deg);
    		transform: translateX(2px) rotate(1deg);
  		}
  			80% {
   			-webkit-transform: translateX(-2px) rotate(-1deg);
    		transform: translateX(-2px) rotate(-1deg);
  		}
  			90% {
    		-webkit-transform: translateX(1px) rotate(0);
    		transform: translateX(1px) rotate(0);
  		}
  			100% {
    		-webkit-transform: translateX(-1px) rotate(0);
    		transform: translateX(-1px) rotate(0);
  		}
		}
		
		.buzz-out-on-hover {
  			display: inline-block;
  			vertical-align: middle;
  			-webkit-transform: perspective(1px) translateZ(0);
  			transform: perspective(1px) translateZ(0);
  			box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		}
		
		.buzz-out-on-hover:hover, .buzz-out-on-hover:focus, .buzz-out-on-hover:active {
  			-webkit-animation-name: buzz-out-on-hover;
  			animation-name: buzz-out-on-hover;
  			-webkit-animation-duration: 0.75s;
  			animation-duration: 0.75s;
  			-webkit-animation-timing-function: linear;
  			animation-timing-function: linear;
  			-webkit-animation-iteration-count: 1;
  			animation-iteration-count: 1;
		}
		
		.mobileHide { display: inline;}
   			@media only screen
   			and (min-device-width : 320px)
   			and (max-device-width : 480px){  .mobileHide { display: none;}}
   
   		.mobileShow { display: none;}
  			@media only screen
   			and (min-device-width : 320px)
   			and (max-device-width : 480px){ .mobileShow { display: inline;}}
	
		.mobHeader{
			position:fixed;
			z-index: 10;
			background-color:white;
			margin-top:0;
			padding-top:0;
			padding-top:0;
			padding-left:0;
			padding-bottom:0;
		}

		.topnav {
  			overflow: hidden;
  			background-color: white;
  			position: relative;
		}

		.topnav #myLinks {
 			 display: none;
		}

		.topnav a {
  			color: black;
  			padding: 1.5vw 0px 1.5vw 1.5vw;
  			text-decoration: none;
  			display: block;
		}

		.topnav a.icon {
  			background: white;
  			display: block;
  			position: absolute;
  			right: 0;
  			top: 0;
		}

		.topnav a:hover {
  			background-color: white;
  			color: black;
		}

		.active {
 	 		background-color: white;
  			color:black;
		}

		.bar1, .bar2, .bar3 {
  			width: 6.5vw;
  			height: 2px;
  			background-color: #E9967A;
  			margin: 6px 0;
  			transition: 0.4s;
		}

		.change .bar1 {
  			-webkit-transform: rotate(-45deg) translate(-5px, 5px);
  			transform: rotate(-45deg) translate(-5px, 5px);
		}

		.change .bar2 {opacity: 0;}

		.change .bar3 {
  			-webkit-transform: rotate(45deg) translate(-6px, -7px);
  			transform: rotate(45deg) translate(-6px, -7px);
		}
		
		.main_content{
			position:absolute;
			z-index:-1;
			margin-right:0;
			padding-right:0;
		}
		
		* {-webkit-font-smoothing: antialiased;}
		

		.mobSecond{
			background-image: linear-gradient(to bottom right, #E9967A, #48D1CC);
			color:white;
			margin-right:0;
			padding-right:0;
			background-repeat:no-repeat;
			overflow-x: hidden;
			overflow-y:hidden;
		}
		
		.mobSecond p {
			margin-left:10%;
			margin-right:10%;
		}
		.mob_icon{
			width:15vw;
			margin-right:3vw;
		}
		
		.backOne{
			background-image: url("uvod_main.png");
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size:100%;
		}
		
		.mainBack{
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size:100%;
			background-image: linear-gradient(to bottom right, #E9967A, #48D1CC);
		}

		.contact_pic{
			background-color:#DCDCDC;
			margin-left:0;
			margin-right:0;
			padding-left:0;
			padding-right:0;
		}

		.button_mob{
	 		border: none;
  			color: white;
  			padding: 2vw 5%;
  			text-align: center;
  			text-decoration: none;
  			font-size: 5vw;
  			margin: 4px 3px;
  			border-radius: 10px;
  			font-weight: bold;
  			background-color:black;
		}
		.footer_mob {
			background-color: white;
			color: gray;
			left: 6vw;
			bottom: 3vw;
			font-size: 3.5vw;
			text-align:center;
		}
	
		.link_mob{
			font-size: 4.5vw;
			text-align:center;
			text-decoration: none; 
			color:black;
			text-align:center;
			font-weight: bolder;
			margin-left:42%;
			margin-bottom:10%;
		}
		.carousel-cell {
  			width: 70%;
  			height: 400px;
  			display: -webkit-box;
  			display: -webkit-flex;
  			display:         flex;
  			-webkit-box-pack: center;
  			-webkit-justify-content: center;
          	justify-content: center;
  			-webkit-align-items: center;
          	align-items: center;
		}

		.carousel-cell img {
  			display: block;
  			max-width: 110%;
  			max-height: 100%;
  			opacity: 0.7;
  			-webkit-transform: scale(0.85);
          	transform: scale(0.85);
  			-webkit-filter: blur(5px);
          	filter: blur(5px);
  			-webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
          	transition: opacity 0.3s, transform 0.3s, filter 0.3s;
		}

		.carousel-cell.is-selected img {
  			opacity: 1;
  			-webkit-transform: scale(1);
          	transform: scale(1);
  			-webkit-filter: none;
          	filter: none;
		}
		.flickity-prev-next-button {
  			width: 60px;
  			height: 60px;
  			background: transparent;
  			opacity: 0.6;
		}
		.flickity-prev-next-button:hover {
  			background: transparent;
  			opacity: 1;
		}
		.flickity-prev-next-button .arrow {
  			fill: #E9967A;
		}
		.flickity-prev-next-button.no-svg {
  			color: #E9967A;
		}
		.flickity-prev-next-button.previous { left: 0; }
		.flickity-prev-next-button.next { right: 0; }

		.flickity-prev-next-button:disabled {
  			display: none;
		}

		.carousel{
			margin:0;
			padding:0;
		}
		.flickity-page-dots {
  			bottom: -22px;
		}

		.flickity-page-dots .dot {
  			height: 4px;
  			width: 40px;
  			margin: 0;
  			border-radius: 0;
		}	

		.but{
			color:inherit;
		}
		.but:hover{
			color:black;
		}
		
		.footerC {
			background-color:rgba(0, 0, 0, 0.9);
			position:fixed;
			color:  white;
			bottom: 0vw;
			font-size: 1vw;
			text-align:center;
		}
		.footer_mobC {
			background-color: rgba(0, 0, 0, 0.9);
			position:fixed;
			color: gray;
			left: 6vw;
			bottom: 0vw;
			left:0vw;
			font-size: 3.5vw;
			text-align:center;
		}
		.close1{
			font-family: 'Oswald', sans-serif;
			font-size:1vw;
			text-decoration:none;
			margin-left:2vw;
			cursor:pointer;
			margin-top:3vw;
			color:black;
			background-color:white; 
			border-radius:5px; 
			padding-left:1vw;
			padding-right:1vw;
			padding-top:0.3vw;
			padding-bottom:0.3vw;
			border: 2px solid black;
		}
		.close1mob{
			font-family: 'Oswald', sans-serif;
			font-size:4vw;
			margin-left:2vw;
			cursor:pointer;
			margin-top:3vw;
			color:black;
			background-color:white; 
			border-radius:5px; 
			padding-left:1vw;
			padding-right:1vw;
			padding-top:0.3vw;
			padding-bottom:0.3vw;
			border: 2px solid black;
		}
		.moreMob{
			text-decoration:none;
			font-size:4vw;
			cursor:pointer;
			margin-left:5vw;
			color:white;
			margin-top:3vw;
			border-radius:5px;
			background-color:black;
			padding-left:1vw;
			padding-right:1vw;
			padding-top:0.3vw;
			padding-bottom:0.2vw;
			border: 2px solid black;
		}
		.close1:hover{
			color:white;
			background-color:black;
		}
		.more{
			text-decoration:none;
			cursor:pointer;
			margin-left:0.5vw;
			color:white;
			margin-top:3vw;
			border-radius:5px;
			background-color:black;
			padding-left:1vw;
			padding-right:1vw;
			padding-top:0.3vw;
			padding-bottom:0.2vw;
			border: 2px solid black;
		}
		.more:hover{
			color:black;
			background-color:white;
		}

		.modalDialog {
			position: fixed;
			font-family: Arial, Helvetica, sans-serif;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0,0,0,0.8);
			z-index: 99999;
			opacity:0;
			-webkit-transition: opacity 400ms ease-in;
			-moz-transition: opacity 400ms ease-in;
			transition: opacity 400ms ease-in;
			pointer-events: none;
		}
		.modalDialog:target {
			opacity:1;
			pointer-events: auto;
		}

		.modalDialog > div {
			width: 70vw;
			position: relative;
			margin: 10% auto;
			padding: 5px 20px 13px 20px;
			border-radius: 10px;
			background: #fff;
		}
		.close {
			background: #606061;
			color: #FFFFFF;
			line-height: 25px;
			position: absolute;
			right: -12px;
			text-align: center;
			top: -10px;
			width: 24px;
			text-decoration: none;
			font-weight: bold;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
			-moz-box-shadow: 1px 1px 3px #000;
			-webkit-box-shadow: 1px 1px 3px #000;
			box-shadow: 1px 1px 3px #000;
		}

		.close:hover { background: #E9967A; }

		.switch {
			margin-top:1vw;
  			position: relative;
  			display: inline-block;
  			width: 60px;
  			height: 34px;
		}

		.switch input { 
  			opacity: 0;
  			width: 0;
  			height: 0;
		}

		.slider {
  			position: absolute;
  			cursor: pointer;
  			top: 0;
  			left: 0;
  			right: 0;
  			bottom: 0;
  			background-color: #ccc;
  			-webkit-transition: .4s;
  			transition: .4s;
		}

		.slider:before {
  			position: absolute;
  			content: "";
  			height: 26px;
  			width: 26px;
  			left: 4px;
  			bottom: 4px;
  			background-color: white;
  			-webkit-transition: .4s;
  			transition: .4s;
		}

		input:checked + .slider {
  			background-color: red;
		}

		input:focus + .slider {
  			box-shadow: 0 0 1px #2196F3;
		}

		input:checked + .slider:before {
  			-webkit-transform: translateX(26px);
  			-ms-transform: translateX(26px);
  			transform: translateX(26px);
		}

		/* Rounded sliders */
		.slider.round {
  			border-radius: 34px;
		}

		.slider.round:before {
 			border-radius: 50%;
		}
		.more3{
			font-size:1vw;
			width:15vw;
			height:3vw;
			text-decoration:none;
			cursor:pointer;
			margin-left:0.5vw;
			margin-top:3vw;
			background-color:gray;
			padding-left:1vw;
			padding-right:1vw;
			padding-top:0.3vw;
			padding-bottom:0.2vw;
			border: 2px solid grey;
		}
		.more3:hover{
			background-color:#E9967A;
			border: 2px solid #E9967A;
		}

		.modalDialogMob {
			position: fixed;
			font-family: Arial, Helvetica, sans-serif;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0,0,0,0.8);
			z-index: 99999;
			opacity:0;
			-webkit-transition: opacity 400ms ease-in;
			-moz-transition: opacity 400ms ease-in;
			transition: opacity 400ms ease-in;
			pointer-events: none;
		}
		.modalDialogMob:target {
			opacity:1;
			pointer-events: auto;
		}
		.modalDialogMob > div {
			width: 90vw;
			position: relative;
			margin: 10% auto;
			padding: 5px 20px 13px 20px;
			border-radius: 10px;
			background: #fff;
		}
							.flag_icon_mob{
			width:7.5vw;
 			height:5.5vw;
 			margin-bottom:0.15vw;
 			text-decoration:none;

		}
		
		.flag_icon{
			width:1.5vw;
 			height:1.1vw;
 			margin-left:0.5vw;
 			margin-bottom:0.15vw;
 			text-decoration:none;
 		 	-webkit-filter: grayscale(100%);
  			filter: grayscale(100%);
		}
	
		.flag_icon:hover {
 			-webkit-filter: grayscale(0);
  			filter: grayscale(0);
		}
		.closeMob {
			background: #606061;
			color: #FFFFFF;
			line-height: 25px;
			position: absolute;
			right: -12px;
			text-align: center;
			top: -10px;
			width: 24px;
			text-decoration: none;
			font-weight: bold;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
			-moz-box-shadow: 1px 1px 3px #000;
			-webkit-box-shadow: 1px 1px 3px #000;
			box-shadow: 1px 1px 3px #000;
		}

		.switchMob {
			margin-top:1vw;
  			position: relative;
  			display: inline-block;
  			width: 60px;
  			height: 34px;
		}

		.switchMob input { 
 			opacity: 0;
  			width: 0;
  			height: 0;
		}

		.sliderMob {
  			position: absolute;
  			cursor: pointer;
  			top: 0;
  			left: 0;
  			right: 0;
  			bottom: 0;
  			background-color: #ccc;
  			-webkit-transition: .4s;
  			transition: .4s;
		}
		.sliderMob:before {
  			position: absolute;
  			content: "";
  			height: 26px;
  			width: 26px;
  			left: 4px;
  			bottom: 4px;
  			background-color: white;
  			-webkit-transition: .4s;
  			transition: .4s;
		}

		input:checked + .sliderMob {
  			background-color: red;
		}

		input:focus + .sliderMob {
  			box-shadow: 0 0 1px #2196F3;
		}

		input:checked + .sliderMob:before {
  			-webkit-transform: translateX(26px);
  			-ms-transform: translateX(26px);
  			transform: translateX(26px);
		}
/* Rounded sliders */
		.sliderMob.round {
  			border-radius: 34px;
		}

		.sliderMob.round:before {
  			border-radius: 50%;
		}
		.more3Mob{
			font-size:4vw;
			width:35vw;
			height:15vw;
			text-decoration:none;
			cursor:pointer;
			margin-left:0.5vw;
			margin-top:3vw;
			background-color:gray;
			padding-left:1vw;
			padding-right:1vw;
			padding-top:0.3vw;
			padding-bottom:0.2vw;
			border: 2px solid grey;
		}	
			.mainBeat{
			border: solid 2px black;
			border-radius: 20px;
			text-align: center;
			height:2.5vw;
			background-color:black;
			color:white;
			font-weight:bold;
			margin-left:2vw;	
		}
			.mainBeat1{
			border: solid 2px black;
			border-radius: 20px;
			text-align: center;
			height:2.5vw;
			background-color:white;
			color:black;
			font-weight:bold;
			margin-left:2vw;
			width:8vw;	
		}