/*
font-family: 'Exo 2', sans-serif;
font-family: 'Archivo Black', sans-serif;
font-family: 'Maven Pro', sans-serif;
font-family: 'Russo One', sans-serif;
font-family: 'Comfortaa', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Nunito', sans-serif;
font-family: 'Work Sans', sans-serif;
*/
body, html{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
}

#helper, #helper2{
	position: fixed;
	top: 70px;
	right: 50px;
	color: white;
	background-color: darkblue;
	z-index: 5;
}

#helper2{
	top: 100px;
}

#preload{
	display: none; 
}

	.bg0, .bg1, .bg2, .bg3, .bg4{
		background-image: url('../pictures/black-and-white-sport-fight-boxer.jpg');
		position: relative;
	    background-attachment: fixed;
	    background-position: right;
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 100%;
		width:100%; 
	}

	.bg2{
		background-image: url('../pictures/stock/IMG_0393.jpg');
		background-image: url('../pictures/boxing-training-workout-silhouettes-39582.jpeg');
		margin: 10px 0;
		height: 500px;
	}

	/* Turn off parallax scrolling for tablets and phones */
    @media only screen and (max-device-width: 1024px) {
      	.bg0, .bg2{
          background-attachment: scroll;
      }
    }    

	.p1, .p2, .p3, .p4, .p5, .p6{
		position: relative;
	    /*background-attachment: fixed;*/
	    background-position: right;
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 100%;
	    transform: scale(1);
	    transition: 1s ease;
	    /*opacity: 0.9;*/
	    -webkit-filter: grayscale(0.9); /* Safari 6.0 - 9.0 */
    	filter: grayscale(0.90);

	}

	.p1{
		background-image: url('../pictures/pexels-photo-791763.jpeg');
		background-position: left;
	}
	.p2{
		background-image:  url('../pictures/stock/IMG_0295.jpg');
	}
	.p3{
		background-image: url('../pictures/stock/IMG_0315.jpg');
	}
	.p4{
		background-image: url('../pictures/pexels-photo-209969.jpeg');
		background-position: left;
	}
	.p5{
		background-image: url('../pictures/pexels-photo-260447.jpeg');
		background-image: url('../pictures/02p.jpg');
	}
	.p6{
		background-color: #282828;
		color: white;
		font-size: 20pt;
	}

	.p1:hover, .p2:hover, .p3:hover, .p4:hover, .p5:hover{

		transform: scale(1.05);
		-moz-transform:scale(1);

		-webkit-filter: grayscale(0.1); /* Safari 6.0 - 9.0 */
		-moz-filter: grayscale(0.1);
		-ms-filter: grayscale(0.1);
		-o-filter: grayscale(0.1);
		filter: grayscale(0.1);

		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}

	.p6:hover{
		background-color: white;
		color: black;
		transform: scale(1.05);
		-moz-transform:scale(1);
		transition: 1s ease;

	}

	.p1:hover h4, .p2:hover h4, .p3:hover h4, .p4:hover h4, .p5:hover h4{
		opacity: 1;
		transition: 1s ease;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}

	.pic1, .pic2{
	height: 100vh;
	width: 100%;
	background-image: url('../pictures/_2.2.jpg');
    position: relative;
    /*background-attachment: fixed;*/
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 10px 14px 18px 0 rgba(0, 0, 0, 0.2), 
				10px 16px 30px 0 rgba(0, 0, 0, 0.19);

	}

	.pic2{
		background-image: url('../pictures/_2.2.jpg');
		background-image: url('../pictures/01p.jpg');
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		transition: 0.5s ease;
		/*opacity: 0.1;*/
	}
	.pic2_1, .pic2_2, .pic2_3{
		height: 100vh;
		width: 100%;
		position: relative;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-image: url('../pictures/stock/IMG_0368.jpg');
		background-image: url('../pictures/_4.jpg');
	    background-image: url('../pictures/_2.2.jpg');
	    background-image: url('../pictures/01p.jpg');
	    /*opacity: 0.8;*/
				
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		transition: 0.5s ease;
	}
	.pic2_1{
		background-image: url('../pictures/_2.2.jpg');
		background-image: url('../pictures/01p.jpg');
	}

	.pic2_2{
		background-image: url('../pictures/_4.jpg');
		background-image: url('../pictures/05p.jpg');
		background-position: top;

	}
	.pic2_3{
		background-image: url('../pictures/stock/IMG_0368.jpg');
		background-image: url('../pictures/02p.jpg');
	}

.table{
	position: relative;
	display: table;
	margin: 0;
}

.vh {
	height: 100vh;
}

.vh2 {
	height: 100vh;
}

.vertical-center{
	text-align: center;
    display: table-cell;
    /*height: 100%;*/
    width: 100%;
    margin-top: auto;
    vertical-align: middle;
}
#a{
	margin-top: -40vh;
	margin-left: -10vh;
	font-size: 100pt;
	color: white;
	text-align: left;
	font-weight: bold;
	font-family: 'Russo One', sans-serif;
}

.vertical-center h2{
	font-size: 35pt;
	margin-left: -10vh;
	color: white;
	font-family: 'Exo 2', sans-serif;
	font-family: 'Open Sans', sans-serif;
	text-align: left;

}

h3, h4{
	font-size: 40pt;
	color: white;
	font-family: 'Russo One', sans-serif;
	padding: 20px;
	background-color: rgba(0,0,0,0.8);
	display: inline-block;
}

h3{
	color: black;
	background-color: transparent;
}

h4{
	font-size: 30pt;
	padding: 10px;
	opacity: 0;
	-moz-transition:all .1s ease;
}

.arrow-diw{
	width: 100%;
	height: 0px;
	text-align: center;
}

.arrow{
	height: 040px;
	display: block;
	margin: auto;
	margin-top: -100px;
	margin-bottom: 100px;
}

.navbar{
	opacity: 1;
	transition: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(1,0,.8,.7);
}
.navbar:hover{
	opacity: 1;
	transition: 0.5s;
}

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

/*.navbar-default .navbar-brand{ 
	color: green;
}*/

#mainNav.hidden {
   opacity: 0;
   transition: 2s;
}

.row{
	width: 100%;
	margin: 0;
	padding: 0px;
}

.col, .col-4, .col-5, .col-6, .col-7, .col-8, .col-12, .col-sm-4, .col-sm-8{
	margin: 0px;
	padding: 5px;
}

.col-sm-5, .col-sm-7{
	margin: 0;
	padding: 0;
}

.z1{
	z-index: 1;
	margin: 0;
	padding: 0;
}
.z2{
	z-index: 12;
	margin: 0;
	padding: 0;
}

.sticky, .sticky2{
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	/*top: 10vh;*/
	top: 0;
}

.sticky2{
	/*top: 20vh;*/
	top: 0;
}

.benefit{
	font-size: 40px;
	margin: 10%;
	font-family: 'Russo One', sans-serif;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	text-decoration: bold;	
}

.text3{
	font-size: 35px;
	text-align: justify;
	margin: 100px auto;
}

.fit{
	margin: 0;
	padding: 0;
	height: 500px;
	overflow: hidden;
}

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


.desc{
	/*padding: 80px;*/
	margin-top: -40px;
}

.filo{
	/*height: 500px;*/
	background-color: #fff;
	padding: 150px 0;
}

.filosophie{
	font-size: 20pt;
	color: black;
	font-family: 'Exo 2', sans-serif;
	/*font-family: 'Russo One', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	text-align: justify;
	width: 50%;
	margin: 50px 25%;
	margin-top: 0px;
	line-height: 150%;
	/*margin-bottom: 50px;*/
}

#map{
	width: 100%;
	height: 450pt;
}

.intro{
	color: white;
	background: rgb(50,50,50);
	font-size: ;
	/*padding: 80px;*/
}

.edzesek{
	margin: 0;
	line-height: 350%;
}

.edzes{
	font-size: 30px;
	margin: 0;
	color: rgb(200,200,200);
	color: white;
	font-family: 'Nunito', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: justify;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 20px;
}

.title{
	text-align: center;
	font-family: 'Russo One', sans-serif;
	font-size: 45px;
	padding: 50px 0;
	margin: 0;
	/*font-family: 'Exo 2', sans-serif;*/
	/*font-family: 'Archivo Black', sans-serif;*/
	font-family: 'Maven Pro', sans-serif;     /*******/
	/*font-family: 'Russo One', sans-serif;*/
	/*font-family: 'Comfortaa', cursive;*/
	font-family: 'Open Sans', sans-serif;  /**********/
	/*font-family: 'Muli', sans-serif;*/
	/*font-family: 'Nunito', sans-serif;*/
	/*font-family: 'Work Sans', sans-serif;*/
}

.background{
	width: 100%;
	color: white;
	background-color: rgba(0,0,0,0.6);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 
				0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 10px;
}


.footer{
	background-color: black;
	padding: 50px;
}



/*///////////////////////////animation/////////////////////////*/

.fadein{
	opacity: 0;
    animation: fadein 2s;
    -webkit-animation: fadein 2s; 
       -moz-animation: fadein 2s; 
        -ms-animation: fadein 2s; 
         -o-animation: fadein 2s; 
            animation: fadein 2s;
    
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;

    animation-fill-mode: forwards;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/***************************************** responsive sizes **********************************************/

/*
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 576px) {
	#a{
		font-size: 50px;
		margin-top: -200px;
		margin-left: 0;
	}
	.vertical-center h2{
		font-size: 20px;
		margin: 0;
	}
	.benefit{
		font-size: 15px;
	}
	.title{
		font-size: 18px;
		padding: 20px 0;
	}
	.edzes{
		font-size: 14px;
		width: 90%;
		margin-left: 5%;
	}
	.edzesek{
		margin: 0;
		padding: 0;
		line-height: 100%;
	}
	.filo{
		padding: 50px 20px;
	}	
	.filosophie{
		width: 100%;
		font-size: 13px;
		margin: 0;
		padding: 0px 20px;
	}
	.bg2{
		height: 200px;
	}
	
	.fit{
		height: 150px;
	}
	.col, .col-4, .col-5, .col-6, .col-7, .col-8, .col-12, .col-sm-4, .col-sm-8{
	margin: 0;
	padding: 1px;
	}
	.z1{
	z-index: 1;
	margin: 0;
	padding: 0;
	}
	.z2{
		z-index: 2;
		margin: 0;
		padding: 0;
	}
	h4{
		font-size: 15px;
	}
	.p6{
		font-size: 12px;
		line-height: 100%;
	}
	.pic2, .pic2_1, .pic2_2, .pic2_3{
		height: 40vh;
	}
	#box1, #box2, #box3{
		height: 60vh;
	}
	#map{
		height: 300px;
	}
	.footer{
		padding: 30px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {
	#a{
		font-size: 80px;
		margin-top: -320px;
		margin-left: 0;
		/*color: red;*/
	}
	.vertical-center h2{
		font-size: 30px;
		margin: 0;
	}
	.benefit{
		font-size: 25px;
	}
	.title{
		font-size: 35px;
		padding: 20px 0;
	}
	.edzes{
		font-size: 20px;
		width: 90%;
		margin-left: 5%;
	}
	.edzesek{
		margin: 0;
		padding: 0;
		line-height: 200%;
	}
	.filo{
		padding: 50px 20px;
	}	
	.filosophie{
		width: 100%;
		font-size: 20px;
		margin: 0;
		padding: 0px 20px;
	}
	.bg2{
		height: 300px;
		width: 100%;
	}
	
	.fit{
		height: 300px;
	}
	.col, .col-4, .col-5, .col-6, .col-7, .col-8, .col-12, .col-sm-4, .col-sm-8{
	margin: 0;
	padding: 1px;
	}
	.z1{
	z-index: 1;
	margin: 0;
	padding: 0;
	}
	.z2{
		z-index: 2;
		margin: 0;
		padding: 0;
	}
	h4{
		font-size: 25px;
	}
	.p6{
		font-size: 22px;
		line-height: 100%;
	}
	.pic2, .pic2_1, .pic2_2, .pic2_3{
		height: 40vh;
	}
	#box1, #box2, #box3{
		height: 60vh;
	}
	#map{
		height: 400px;
	}
	.footer{
		padding: 40px;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	#a{
		font-size: 100px;
		margin-top: -320px;
		margin-left: 0;
		/*color: blue;*/
	}
	.vertical-center h2{
		font-size: 40px;
		margin: 0;
	}
	.benefit{
		font-size: 25px;
	}
	.title{
		font-size: 35px;
		padding: 20px;
	}
	.edzes{
		font-size: 25px;
		width: 90%;
		margin-left: 5%;
		padding: 5px;
	}
	.edzesek{
		margin: 10px;
		padding: 30px 50px;
		line-height: 230%;
	}
	.filo{
		padding: 50px 40px;
	}	
	.filosophie{
		width: 100%;
		font-size: 22px;
		margin: 0;
		padding: 0px 30px;
	}
	.bg2{
		height: 400px;
		width: 100%;
	}
	
	.fit{
		height: 350px;
	}
	.col, .col-4, .col-5, .col-6, .col-7, .col-8, .col-12, .col-sm-4, .col-sm-8{
	margin: 0;
	padding: 2px;
	}
	.z1{
	z-index: 1;
	margin: 0;
	padding: 0;
	}
	.z2{
		z-index: 2;
		margin: 0;
		padding: 0;
	}
	h4{
		font-size: 30px;
	}
	.p6{
		font-size: 25px;
		line-height: 100%;
	}
	.pic2, .pic2_1, .pic2_2, .pic2_3{
		height: 40vh;
	}
	#box1, #box2, #box3{
		height: 60vh;
	}
	#map{
		height: 450px;
	}
	.footer{
		padding: 50px;
	}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#a{
		font-size: 110px;
		margin-top: -280px;
		margin-left: 0;
		/*color: yellow;*/
	}
	.vertical-center h2{
		font-size: 45px;
		margin: 0;
	}
	.benefit{
		font-size: 30px;
	}
	.title{
		font-size: 35px;
		padding: 40px;
	}
	.edzes{
		font-size: 22px;
		width: 90%;
		margin-left: 5%;
		padding: 5px;
	}
	.edzesek{
		margin: 10px;
		padding: 30px 50px;
		line-height: 230%;
	}
	.filo{
		padding: 70px 50px;
	}	
	.filosophie{
		width: 100%;
		font-size: 25px;
		margin: 0;
		padding: 20px 50px;
	}
	.bg2{
		height: 450px;
		width: 100%;
	}
	
	.fit{
		height: 400px;
	}
	.col, .col-4, .col-5, .col-6, .col-7, .col-8, .col-12, .col-sm-4, .col-sm-8{
	margin: 0;
	padding: 2px;
	}
	.z1{
	z-index: 1;
	margin: 0;
	padding: 0;
	}
	.z2{
		z-index: 2;
		margin: 0;
		padding: 0;
	}
	h4{
		font-size: 35px;
	}
	.p6{
		font-size: 30px;
		line-height: 100%;
	}
	.pic2, .pic2_1, .pic2_2, .pic2_3{
		height: 100vh;
	}
	#box1, #box2, #box3{
		height: 100vh;
	}
	#map{
		height: 550px;
	}
	.footer{
		padding: 50px;
	}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	#a{
		font-size: 130px;
		margin-top: -350px;
		margin-left: 0px;
		/*color: green;*/
	}
	.vertical-center h2{
		font-size: 55px;
		margin: 0;
		margin-left: 0px;
	}
	.benefit{
		font-size: 40px;
	}
	.title{
		font-size: 45px;
		padding: 40px;
	}
	.edzesek{
		
		/*padding: 130px 180px;*/
		width: 70%;
		margin: 50px 15%;
		line-height: 190%;
	}
	.edzes{
		font-size: 25px;
		width: 90%;
		margin-left: 5%;
		padding: 5px;
		line-height: 150%;

	}
	.filo{
		/*padding: 180px 170px;*/
		width: 80%;
		margin: 5% 10%;
	}	
	.filosophie{
		width: 100%;
		font-size: 32px;
		line-height: 150%;
		margin: 0;
		padding: 20px 50px;
	}
	.bg2{
		height: 500px;
		width: 100%;
	}
	
	.fit{
		height: 450px;
	}
	.col, .col-4, .col-5, .col-6, .col-7, .col-8, .col-12, .col-sm-4, .col-sm-8{
	margin: 0;
	padding: 2px;
	}
	.z1{
	z-index: 1;
	margin: 0;
	padding: 0;
	}
	.z2{
		z-index: 2;
		margin: 0;
		padding: 0;
	}
	h4{
		font-size: 40px;
	}
	.p6{
		font-size: 30px;
		line-height: 100%;
	}
	.pic2, .pic2_1, .pic2_2, .pic2_3{
		height: 100vh;
	}
	#box1, #box2, #box3{
		height: 100vh;
	}
	#map{
		height: 650px;
	}
	.footer{
		padding: 50px;
	}
}*/

/*///////////////////////////gallery/////////////////////////*/
/*
.container.gallery-container{

}

.tz-gallery .thumbnail {
    padding: 0;
    height: 200px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.1);
    margin: 5px;
    
}

.tz-gallery .thumbnail img{
	overflow: hidden;
    max-width:90%;
	max-height:90%;


    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;   
}

.tz-gallery.thumbnail img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.baguetteBox-button {

}*/

.col-6{
  padding: 3px;
  margin-top: auto;
  margin-bottom: auto;
}

.lightbox img {
  max-width: 100%;
  max-height: 200px;
  margin-bottom: 30px;
  transition: 0.2s ease-in-out;
  box-shadow: 0 5px 7px rgba(0,0,0,0.2);
  padding-left: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;

 }

.tz-gallery .lightbox img:hover {
  transform: scale(1.025);
  box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.baguetteBox-button {
  background-color: transparent !important;
/*  background-color: blue;*/
}