* {margin:0px; padding: 0px;}
body { font: 14px Arial; color:#424242; background: #3e3e3e;
 }
html {
    font-size: 20px;
}

html, body {
  height: 100%;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(26,188,156,0.1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

a {color: #354458;}
h1 {color: #fab194;}
h2 { font-size: 16px;}

#top-box { height: auto; overflow: hidden; border-top: 2px solid #fab194;}
#top-box video { width: 100%;}

.ctrB { border:0px solid red;}

#logo { width: 100%; height: 150px; position:relative; z-index:50; border:0px solid blue; background-color: #3e3e3e;}

#logo div {width: 300px; height: 150px;margin: auto; border:0px solid red;}

#logo img {width: 300px; height: 150px;}

.map { -webkit-filter: grayscale(20%); -moz-filter: grayscale(20%); -ms-filter: grayscale(20%); -o-filter: grayscale(20%);filter: grayscale(20%);}

#menu {
position: absolute;
background: #fff;
padding: 10px;

}




@media  (min-width: 1350px) {
    #top-box video {  margin-top: -36px;}
.container-gallery-Traning {width: 100%; float:left; }							
.container-gallery {width: 50%; float:left; }								
.container-gallery-right {width: 49%; border-left: 2px solid #fab194; margin-top: 0px;}							
#myVideo{width:100%; margin-top: -6%;}

#all{margin-top: -6%; position: relative; z-index: 10;}

#CTitle { height: auto;  width: 100%; line-height:30px; padding-top: 30px;  margin: auto; margin-bottom: 20px; }
.line { width: 0px; border-bottom: 2px solid #fab194; transition:1.5s width; }

#imgTrening {width:96%;} 
#CTitle p{ width: auto; padding-top: 10px;  padding-bottom: 10px;    margin-left: 10px;  color: #fab194;}

.ctrColNew { width:100%; padding-top: 30px; padding-bottom: 10px; float:left;  color:#fab194;}

.contColNew { width: 45%; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}
.contColNewCarbo { width: 25%; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}
.contColNewLips { width: 32%; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}

.contColMini { width: 1000px; height: 105px; margin: auto; border: 0px solid #fab194;}

.contColMiniBox { width: 150px;  float: left;  margin-left: 78px;border: 0px solid #fff;}

.time { width: 100%; float:left; margin-top:10px;   text-align: center; margin-right: 0px; color: #fab194; }

.imgTime { width:50px; float: left; margin-left: 50px;}

.titleColLast {width: 100%; height: 35px;}

.new-text {  margin-top: 50px; }

.imgBm {  float: right; }

.ctrColAcademy { width:100%; margin: auto;  border-bottom: 0px solid #fab194; display:flex;}							

.ctrCol { width:1350px; margin: auto; border-bottom: 0px solid #fab194;}

.ctrColL { width:1350px; margin: auto; border-bottom: 0px solid #fab194;}	

.colArt { display:flex;}							

.contCol { width: 30%; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}


.news { width:1350px; margin: auto;}
.newsBox { width:300px; margin-left: 65px; 	margin-top: 30px; }

.imgNat {  width: 320px; border-radius: 10px;  margin-bottom:10px; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); float:left;}										

#natBox {width: 340px; float: left;}
					
.natalia { float:right; margin-top:-30px; margin-right: 50px;}

.contTrening { font-size:12pt;}

#CTitle { font-size: 12pt;}

#CTitle p{font-size: 18pt; }

.cont {font-size: 12pt;}

.contLast {font-size: 12pt;}

#map { position:relative; float:right; width:650px; height:250px; }

#footL {width:50%; float: left;}

#footR {width:49%; float: left; padding-top: 25px;}

#M{display:none;}

#nav { display:block; margin-bottom: 0px;}

#nav ul {*zoom: 1;list-style: none;margin: 0; padding: 0; background: #3e3e3e;}

#nav ul:before,
#nav ul:after { content: ""; display: table;}

#nav ul:after { clear: both;}

#nav ul > li { float: left; position: relative;}

#nav a {display: block; padding: 10px 20px;  line-height: 1.2em;    border-left: 0px solid #595959;}

#nav a:hover {  text-decoration: none;  background: #fab194;}

#nav li ul { background: #3e3e3e;}

#nav li ul li {  width: 200px;}

#nav li ul a {  border: none;}

#nav li ul a:hover { background: #fab194;}

#nav ul > li:hover ul { max-height: 1000px;  -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);}

#nav li ul {  position: absolute;   top: 50px;  z-index: 1;  max-height: 0;    -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 350ms;  -moz-transition: 350ms;  -o-transition: 350ms;  transition: 350ms;}


#nav ul li ul > li:hover ul { max-height: 1000px;  overflow:hidden;  -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);}
#nav li ul li ul{  position: absolute; top: 50px; left: 200px; z-index: 1;  max-height: 0;  overflow: hidden;  -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 350ms;  -moz-transition: 350ms;  -o-transition: 350ms;  transition: 350ms;}


#nav li ul li ul:first-of-type{  position: absolute; top: 0px; left: 200px; z-index: 1;  max-height: 0;  overflow: hidden;  -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 350ms;  -moz-transition: 350ms;  -o-transition: 350ms;  transition: 350ms;}

#nav li ul li ul li{ width: 230px;}







		
.ctrB { width:1350px; margin: auto;}
#GalleryTitle { width:1350px; margin: auto;}

#off article { width:300px; height: 300px; margin-left: 45px;}



.bOff{   width: 280px; height: 200px; margin-left:15px;}

.tOff p{ width: 280px;}

#top-menu{ width: 850px; margin:auto; height: 50px; border:0 px solid red;}

#top-box {width: 100%; margin:auto;}

#all section { width:1350px;}

#foot { width: 100%; }

#foot article {width: 1350px;  margin:auto;}

.big {display: block;}

.small {display: none;}

#all section {  min-height: 700px; }
}


							@media (max-width: 1350px) and (min-width: 1000px) {
.container-gallery-Traning {width: 100%; float:left; }	
.container-gallery {width: 50%; float:left; }
.container-gallery-right {width: 49%; border-left: 2px solid #fab194; margin-top: 0px;}		
#myVideo{width:100%; margin-top: -6%;}

#all{margin-top: -6%; position: relative; z-index: 10;}

	#imgTrening {width:96%;} 
	
	.new-text {  margin-top: 50px; }

.ctrColNew { width:100%; padding-top: 30px;  float:left;  color:#fab194;}
.contColNew { margin-top: 0px; width: 45%; padding-bottom: 10px; padding-left: 10px; padding-right: 0px;   height:auto;  float:left;}
.imgBmR {  margin-top: 8%;}
.imgBm {  float: right; }
.contColNewCarbo { width: 220px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}
.contColNewLips { width: 400px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}



.contColMini { width: 1000px; height: 105px; margin: auto; border: 0px solid #fab194;}

.contColMiniBox { width: 150px;  float: left;  margin-left: 78px;border: 0px solid #fff;}

.time { width: 100%; float:left; margin-top:10px;   text-align: center; margin-right: 0px; color: #fab194; }

.imgTime { width:50px; float: left; margin-left: 50px;}
	
.ctrColAcademy { width:100%; margin: auto;  border-bottom: 0px solid #fab194; display:flex;}							
.ctrCol { width:100%; margin: auto; border-bottom: 2px solid #fab194;}	
.ctrColL { width:100%; margin: auto; border-bottom: 0px solid #fab194;}
.colArt { display:flex;}							
.contCol { width: 30%; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}
.ctrB { width:100%; margin: auto;}
#GalleryTitle { width:100%; margin: auto;}

#CTitle { height: auto;  font-size: 12pt; width: 100%;   line-height:30px; padding-top: 30px;  margin: auto; margin-bottom: 20px;}
.line { width: 0px; border-bottom: 2px solid #fab194; transition:1.5s width; }

#CTitle p{ width: auto; padding-top: 10px;  padding-bottom: 10px;    margin-left: 10px; color: #fab194;}


		
.news { width:100%; margin: auto; padding-left:10px;}												
.newsBox { width:24%; margin-right: 50px; 	margin-top: 30px; }
.imgNat {  width: 250px; border-radius: 10px;  margin-bottom:10px;  box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); float:left;}										

#natBox {width: 270px; float: left;}
																		
.natalia { float:right; margin-top:-30px; margin-right: 50px;}

.contTrening { font-size:12pt;}



#CTitle p{font-size: 18pt; }

.cont {font-size: 12pt;}

.contLast {font-size: 12pt;}
	
#map { position:relative; width:100%; height:250px;  float:right;}				
						
#footL {width:50%; float: left;}

#footR {width:49%; float: left; padding-top: 25px;}

#M{display:none;}

#nav {display:block; margin-bottom: 0px;}

#nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #3e3e3e;
}
#nav ul:before,
#nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav ul > li {
  float: left;
  position: relative;
}
#nav a {
  display: block;
  padding: 10px 20px;
  line-height: 1.2em;
  color: #fab194;
  border-left: 0px solid #595959;
}
#nav a:hover {
  text-decoration: none;
  background: #fab194;
  
}
#nav li ul {
  background: #3e3e3e;
}
#nav li ul li {
  width: 200px;
}
#nav li ul a {
  border: none;
}
#nav li ul a:hover {
  background: #fab194;
}
#nav ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);

}
#nav li ul {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 1;
  max-height: 0;

  -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}

#nav ul li ul > li:hover ul { max-height: 1000px;  overflow:hidden;  -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);}
#nav li ul li ul{  position: absolute; top: 50px; left: 200px; z-index: 1;  max-height: 0;  overflow: hidden;  -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 350ms;  -moz-transition: 350ms;  -o-transition: 350ms;  transition: 350ms;}


#nav li ul li ul:first-of-type{  position: absolute; top: 0px; left: 200px; z-index: 1;  max-height: 0;  overflow: hidden;  -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 350ms;  -moz-transition: 350ms;  -o-transition: 350ms;  transition: 350ms;}

#nav li ul li ul li{ width: 230px;}
	


#off article { width:300px; height: 280px; margin-left: 20px;}

.bOff{   width: 280px; height: 200px; margin-left:15px;}

.tOff p{ width: 280px;}

#all section {  min-height: 700px; }

#top-menu{width: 850px; margin:auto; height: 50px; border:0 px solid red;}

#top-box {width: 100%;}

#all section { width:100%;}

#foot { width: 100%; }

#foot article {width: 100%; }

.big {display: block;}

.small {display: none;}
										}
	

							@media (max-width: 1000px) and (min-width: 800px) {

		.container-gallery-Traning {width: 100%; float:left; }	
.container-gallery {width: 50%; float:left; margin-top: 10%; padding-left: 3%; }
.container-gallery-right {width: 49%; border-left: 2px solid #fab194; margin-top: 0px;}		
#myVideo{width:100%; margin-top: -6%;}

#all{margin-top: -6%; position: relative; z-index: 10;}
	#imgTrening {width:96%;} 	

.new-text {  margin-top: 50px; }

.ctrColNew { width:100%; padding-top: 0px;  float:left;  color:#fab194;}
.contColNew { margin-top: 0px; width: 40%; padding-bottom: 0px; padding-left: 10px; padding-right: 50px;   height:auto;  float:left;}
.imgBmR {  margin-top: 35%;}
.imgBm {  margin-top: 25%; float: right; }
.contColNewCarbo { width: 180px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}
.contColNewLips { width: 400px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}



.contColMini { width: 800px; height: 105px; margin: auto; border: 0px solid #fab194;}

.contColMiniBox { width: 150px;  float: left;  margin-left: 38px;border: 0px solid #fff;}

.time { width: 100%; float:left; margin-top:10px;   text-align: center; margin-right: 0px; color: #fab194; }

.imgTime { width:50px; float: left; margin-left: 50px;}

		
.ctrColAcademy { width:100%; margin: auto;  border-bottom: 0px solid #fab194; display:flex;}							
.ctrCol { width:100%; margin: auto; border-bottom: 2px solid #fab194;}	
.ctrColL { width:100%; margin: auto; border-bottom: 0px solid #fab194;}	
.colArt { display:flex;}							
.contCol { width: 30%; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}

						
.ctrB { width:100%; margin: auto;}
#GalleryTitle { width:100%; margin: auto;}
#CTitle { height: auto;  width: 100%; line-height:30px; padding-top: 30px;  margin: auto; margin-bottom: 20px;}
.line { width: 0px; border-bottom: 2px solid #fab194; transition:1.5s width; }

#CTitle p{ width: auto; padding-top: 10px;  padding-bottom: 10px;    margin-left: 10px; color: #fab194;}


								
.news { width:100%; margin: auto;}
.newsBox { width:25%; margin-left: 20px; 	margin-top: 30px; }
.imgNat {  width: 250px; border-radius: 10px;  margin-bottom:10px;  box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); float:left;}										

#natBox {width: 270px; float: left;}
					
.natalia { float:right; margin-top:-30px; margin-right: 50px;}

.contTrening { font-size:12pt;}

#CTitle { font-size: 12pt;}

#CTitle p{font-size: 18pt; }

.cont {font-size: 12pt;}

.contLast {font-size: 12pt;}

#map { position:relative; width:100%;  float:right; height:250px; }
						
#footL {width:50%; float: left;}

#footR {width:48%; float: left; padding-top: 25px;}

#M{display:none;}

#nav {
display:block;
 margin-bottom: 0px;
}
#nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #3e3e3e;
}
#nav ul:before,
#nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav ul > li {
  float: left;
  position: relative;
}
#nav a {
  display: block;
  padding: 10px 20px;
  line-height: 1.2em;
  color: #fab194;
  border-left: 0px solid #595959;
}
#nav a:hover {
  text-decoration: none;
  background: #fab194;
  
}
#nav li ul {
  background: #3e3e3e;
}
#nav li ul li {
  width: 200px;
}
#nav li ul a {
  border: none;
}
#nav li ul a:hover {
  background: #fab194;
}
#nav ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);

}
#nav li ul {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 1;
  max-height: 0;

  -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}
						

#nav ul li ul > li:hover ul { max-height: 1000px;  overflow:hidden;  -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);}
#nav li ul li ul{  position: absolute; top: 50px; left: 200px; z-index: 1;  max-height: 0;  overflow: hidden;  -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 350ms;  -moz-transition: 350ms;  -o-transition: 350ms;  transition: 350ms;}


#nav li ul li ul:first-of-type{  position: absolute; top: 0px; left: 200px; z-index: 1;  max-height: 0;  overflow: hidden;  -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 350ms;  -moz-transition: 350ms;  -o-transition: 350ms;  transition: 350ms;}

#nav li ul li ul li{ width: 230px;}

#off article { width:300px; height: 280px; margin-left: 45px;}

.bOff{   width: 280px; height: 200px; margin-left:15px;}

.tOff p{ width: 280px;}

#top-box {width: 100%}

#top-menu{width: 850px; margin:auto;  height: 50px; border:0 px solid red;}

#all section { width:100%;}

#foot { width: 100%; }

#foot article {width: 100%; }

.big {display: block;}

.small {display: none;}

#all section {  min-height: 750px; }

											}


							@media (max-width: 800px) and (min-width: 500px) {
#contentGallery {flex-direction: column; }
.container-gallery {width: 100%; float:left; padding-left: 5%; }		
.container-gallery-Traning {width: 100%; float:left; padding-left: 5%; }							
.container-gallery-right {width: 100%; border-left: 0px solid #fab194; }										
#myVideo{width:100%; margin-top: -6%;}

#all{margin-top: -6%; position: relative; z-index: 10;}
.line { width: 0px; border-bottom: 2px solid #fab194; transition:1s width; }

#CTitle { font-size: 12pt; height: auto;  width: 100%; line-height:30px; padding-top: 30px;  margin: auto; margin-bottom: 20px;}
#imgTrening {width:100%;} 
#CTitle p{ width: auto; padding-top: 10px;  padding-bottom: 10px;    margin-left: 10px; color: #fab194;}
.new-text {  margin-top: 50px; }

.ctrColNew { width:100%; padding-top: 30px;  float:left;  color:#fab194;}
.contColNew { margin-top: 0px; width: 100%; padding-bottom: 0px; padding-left: 10px; padding-right: 50px;   height:auto;  float:left;}
.imgBmR {  margin-top: 0%;}

.imgBm {  margin-top: 0%;  float: right; margin-right: 40px;}
.contColNewCarbo { width: 45%; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}
.contColNewLips { width: 95%; max-width: 400px;padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}



.contColMini { width: 500px; height: 305px; margin: auto; margin-top: -50px;border: 0px solid #fab194;}

.contColMiniBox { width: 200px;  float: left;  margin-top:50px;   margin-left: 33px;border: 0px solid #fff;}

.time { width: 100%; float:left; margin-top:10px;   text-align: center; margin-right: 0px; color: #fab194; }

.imgTime { width:50px; float: left; margin-left: 75px;}


.ctrColAcademy { width:100%; margin: auto;  border-bottom: 0px solid #fab194; display:flex;}							
.ctrCol { width:100%; margin: auto; border-bottom: 2px solid #fab194;}	
.ctrColL { width:100%; margin: auto; border-bottom: 0px solid #fab194;}	
.colArt { display:flex; flex-direction: column;}							
.contCol { width: 95%; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}


								
.news { width:100%; margin: auto; flex-direction: column;}
.newsBox { width:88%; margin-left: 20px; 	margin-top: 60px; }
.imgNat {  width: 250px; border-radius: 10px;   box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); float:left;}										
.newsT { padding-bottom: 20px;}
#natBox {width: 270px; float: left;}
										
.natalia { float:right; margin-top:-30px; margin-right: 50px;}

.contTrening { font-size:12pt;}


#CTitle p{font-size: 18pt; }

.cont {font-size: 12pt;}

.contLast {font-size: 12pt;}

#map { position:relative; width:100%;  float:right; height:250px; }
		
.ctrB { width:100%; margin: auto;}
#GalleryTitle { width:100%; margin: auto;}
#off article { width:185px; margin-left: 30px; padding-bottom:20px; border: 1px solid red;}

.tOff p{ width: 185px;}

.bOff{   width: 185px; height:120px; margin-left:15px; border: 0px solid red;}

#top-box {width: 100%;}

#all section { width:100%; }

#foot { width: 100%; }

#foot article {width: 100%; }

#top-menu{ width: 150px; border:0 px solid red;}

.big {display: none;}

.small {display: block;}

#all section {  min-height: 600px; }

	
#nav {
	
	display:none;
	width: 100%;
	position:absolute;
	z-index: 60;
  margin-top: 0px;
}
#nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #3e3e3e;
}
#nav li {
width: 100%;
}
#nav ul:before,
#nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav ul > li {
	
  float: left;
  position: relative;
}
#nav a {
  display: block;
  padding: 10px 20px;
  line-height: 1.2em;
  color: #fab194;
  border-left: 0px solid #595959;
}
#nav a:hover {
  text-decoration: none;
  background: #fab194;
  
}
#nav li ul {

width: 100%;
background: #3e3e3e;

}
#nav li ul li {

  width: 100%;
}

#nav li ul a {
padding-left: 5%;
  border: none;
}
#nav li ul a:hover {
  background: #fab194;
}
#nav ul > li:hover ul {
	
  max-height: 1000px;
  -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);

}
#nav li ul {
  position: relative;
  left: 0;
  top: 0px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(600) rotate3d(0, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 1000ms;
  -moz-transition: 1000ms;
  -o-transition: 1000ms;
  transition: 1000ms;
}


#nav ul li ul > li:hover ul { max-height: 1000px;  overflow:hidden;  
-webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);}

#nav li ul li ul{  position: relative; top: 50px; left: 0px;
 z-index: 1;  max-height: 0;  overflow: hidden; 
 -webkit-transform: perspective(600) rotate3d(0, 0, 0, -90deg); 
 -webkit-transform-origin: 50% 0;  -webkit-transition:1000ms;
 -moz-transition: 350ms;  -o-transition: 1000ms;  transition: 1000ms;}


#nav li ul li ul:first-of-type{  position: relative; top: 0px; 
left: 10px; z-index: 1;  max-height: 0;  overflow: hidden;  
-webkit-transform: perspective(600) rotate3d(0, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 1000ms;  -moz-transition: 1000ms;  -o-transition: 1000ms;  transition: 1000ms;}

#nav li ul li ul li{ width: 100%;}

#logo { width: 100%; height: 150px; position:relative; z-index:50; border:0px solid blue; background-color: #3e3e3e;}

#logo div {width: 300px; height: 150px;margin: auto; border:0px solid red;}

#logo img {width: 300px; height: 150px;}
	
									}


							@media (max-width: 500px) and (min-width:0px) {	

								#contentGallery {flex-direction: column; }
.container-gallery {width: 100%; float:left; padding-left: 5%; }	
.container-gallery-Traning {width: 100%; float:left; padding-left: 5%; }								
.container-gallery-right {width: 100%; border-left: 0px solid #fab194; }		

#myVideo{width:200%; margin-top: -12%; margin-left:-40%;}

#all{margin-top: -12%; position: relative; z-index: 10;}
.ctrColNew { width:100%;   float:left;  color:#fab194;}

.new-text {  margin-top: 10px; }
.contColNew { margin-top: 20px; width: 100%; text-align: center;  height:auto;  float:left;}


.contColNew p { padding-right: 20px; }
.imgBmR {   margin-top: 0%;}

.imgBm { margin-top: 0%;}
.contColNewCarbo { width: 95%; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}
.contColNewLips { width: 95%; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}


.contColMini { width: 100%; height: 305px; margin: auto; margin-top: -50px;border: 0px solid #fab194;}

.contColMiniBox { width: 40%;  float: left; text-align: center; margin-top:50px;   margin-left: 6%;border: 0px solid #fff;}

.time { width: 100%; float:left; margin-top:10px;   text-align: center; margin-right: 0px; color: #fab194; }

.imgTime { width:50px;  }


.ctrColAcademy { width:100%; margin: auto;   display:flex; border-bottom: 0px solid #fab194;}	
#imgTrening {width:100%;} 	
.ctrColAcademy { width:100%; margin: auto;  border-bottom: 0px solid #fab194; display:flex;}							
.ctrCol { width:100%;  border-bottom: 2px solid #fab194;}	
.colArt { display:flex; flex-direction: column;}							
.contCol { width: 95%; padding-left: 10px; padding-right: 10px;   height:auto;  float:left;}

.ctrColL { width:100%;  border-bottom: 0px solid #fab194;}	

#CTitle { height: auto;  width: 100%;  line-height:30px; padding-top: 10px;  margin: auto; margin-bottom: 10px;}
.line { width: 0px; border-bottom: 2px solid #fab194; transition:1s width; }

#CTitle p{ width: auto; padding-top: 10px;  padding-bottom: 10px;   margin-left: 10px; color: #fab194;}

.news { width:100%; margin: auto; flex-direction: column;}
.newsBox { width:78%; margin-left: 20px; 	margin-top: 60px; }
.imgNat {  width: 250px; border-radius: 10px; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); }
	.newsT { padding-bottom: 20px;}						
.natalia { float:right; margin-top:-10px; margin-right: 10px;}

.contTrening { font-size:12pt;}

.time { font-size: 12pt; }

#CTitle p{font-size: 14pt; }

.cont {font-size: 12pt;}

.contLast {font-size: 12pt; }	
					
#map { position:relative; width:100%; height:250px; }

#nav {
	
	display:none;
	width: 100%;
	position:absolute;
	z-index: 60;
  margin-top: 0px;
}
#nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #3e3e3e;
}
#nav li {
width: 100%;
}
#nav ul:before,
#nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav ul > li {
	
  float: left;
  position: relative;
}
#nav a {
  display: block;
  padding: 10px 20px;
  line-height: 1.2em;
  color: #fab194;
  border-left: 0px solid #595959;
}
#nav a:hover {
  text-decoration: none;
  background: #fab194;
  
}
#nav li ul {

width: 100%;
background: #3e3e3e;

}
#nav li ul li {

  width: 100%;
}

#nav li ul a {
padding-left: 5%;
  border: none;
}
#nav li ul a:hover {
  background: #fab194;
}
#nav ul > li:hover ul {
	
  max-height: 1000px;
  -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);

}
#nav li ul {
  position: relative;
  left: 0;
  top: 0px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(600) rotate3d(0, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 1000ms;
  -moz-transition: 1000ms;
  -o-transition: 1000ms;
  transition: 1000ms;
}


#nav ul li ul > li:hover ul { max-height: 1000px;  overflow:hidden;  
-webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);}

#nav li ul li ul{  position: relative; top: 50px; left: 0px;
 z-index: 1;  max-height: 0;  overflow: hidden; 
 -webkit-transform: perspective(600) rotate3d(0, 0, 0, -90deg); 
 -webkit-transform-origin: 50% 0;  -webkit-transition:1000ms;
 -moz-transition: 350ms;  -o-transition: 1000ms;  transition: 1000ms;}


#nav li ul li ul:first-of-type{  position: relative; top: 0px; 
left: 10px; z-index: 1;  max-height: 0;  overflow: hidden;  
-webkit-transform: perspective(600) rotate3d(0, 0, 0, -90deg);  -webkit-transform-origin: 50% 0;  -webkit-transition: 1000ms;  -moz-transition: 1000ms;  -o-transition: 1000ms;  transition: 1000ms;}

#nav li ul li ul li{ width: 100%;}

#off article { width:100%; margin-left: 0px; padding-bottom:20px; border: 1px solid red;}					

.bOff{  width: 95%; max-height:200px; margin-left:5%; }

.tOff p{ width: 95%; }

.ctrB { width:95%; margin: auto; }
#GalleryTitle { width:100%; margin: auto;}
#top-menu{ border:0 px solid red;}

#top-box {width: 100%;}

#all section { width:100%; }

#foot { width: 100%; } 

#foot article {width: 100%; }

.big {display: none;}

.small {display: block;}

#top-menu{float: left;}

#all section {  min-height: 960px; }

#logo { width: 100%; height: 150px; position:relative; z-index:50; border:0px solid blue; background-color: #3e3e3e;}

#logo div {width: 300px; height: 150px;margin: auto; border:0px solid red;}

#logo img {width: 300px; height: 150px; }
												
#natBox {width: 250px; height: 360px; margin: auto;}
}
												
												
/*--------------- END MOBILE SIZES ------------------------------------------------------------*/
#contentNew {display: flex; }	



#textAcademy { width: 100%; height: 30px; position:relative; z-index:50;  }

#textAcademy div {width: 260px; padding-left: 20px; height: 30px;margin: auto; font-size: 18px; font-style:oblique; color: #fab194;}

#book { width:50px; height:50px; position:fixed; border-radius:30px;top:5%; right:20;  z-index:200; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.9);  overflow:hidden;}

#book img { width:50px; height:50px; border-radius:30px; }

#book p { margin-left:7px;  color: #000;}

.contColMini { font-size: 12pt; font-weight: 500;}
	
    .module-list {
        margin:30px 0;
    }
    .module {
		font-size: 12pt;
        padding:20px;
        border:0px solid #fab194;
        margin:20px 0;
        color: #fab194;
        
    }
    .module-bar {
        display: flex;
    }
    .module-bar-text {
	
        flex-grow: 1;
        font-weight: bold;
        color:#222;
        padding-left:20px;
		
    }
    .module-btn {
			
outline: none;
        border-left: 2px solid #fab194;
		 border-top: 0px;
		  border-right: 0px;
		   border-bottom: 0px;
        background: none;
        
        font-size:16px;
        font-weight: bold;
        padding:10px 20px;
        color:#fab194;
		
        cursor: pointer;
        transition:0.3s color;
		transition:0.3s border;
    }
    .module-btn:hover {
     
		border-left: 8px solid #fab194;
		 color:#f0f0f0;
    }
    .module-content {
        overflow: hidden;
        max-height:0;
        transition:0.5s all;
        margin-top: 0px;
		
    }
    .module-content.show {
        max-height:900px;
        padding-top:30px;
    }	
	
.coordinates {
background: rgba(0,0,0,0.5);
color: #fff;
position: absolute;
bottom: 40px;
left: 10px;
padding:5px 10px;
margin: 0;
font-size: 11px;
line-height: 18px;
border-radius: 3px;
display: none;
}

/* Add some content at the bottom of the video/page */
.content {
	margin-top: 0px;
  position: absolute;

  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 95%;
  padding: 2%;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}


.ctrB { padding-top:30px;}

#mTitle { height: 20px;  width: 100%; line-height:30px; padding-top: 30px;  margin: auto; margin-bottom: 50px;}

#mTitle p{ width: auto; text-align: center;  padding-top: 10px;  padding-bottom: 10px;  font-size: 20px;  margin: auto; color: #fab194;}
#GalleryTitle { font-size: 20px;  margin-top:50px ; color: #fab194; }
.GTitle { height: auto;  width: 100%; line-height:10px; padding-top: 10px;  margin: auto; margin-bottom: 0px;}
.GTitle p{ width: auto; padding-top: 10px; font-size: 14pt; padding-bottom: 0px;    position:absolute; margin-left: 10px;   margin-top: 30px; color: #fab194;}

#off article {  border: 0px solid  #fab194;  
float: left;  margin-right: 10px;   margin-top: 20px; }
.new-text { font-size: 20pt; line-height: 35pt; margin-left: 40px;  padding-bottom: 20px; }
.new-text-2 { font-size: 11pt; line-height: 18pt; margin-left: 40px; margin-top: 20px; padding-bottom: 20px; }
.new-text-3 { font-size: 14pt; line-height: 20pt; margin-left: 40px; margin-top: 20px; padding-bottom: 20px; }

.news {display:flex; margin-top:40px; border: 0px solid red; color: #3e3e3e;}
.newsT { width:200px; height: 20px; margin: auto; border: 0px solid red; color: #3e3e3e; font-size: 14pt; font-weight: 600;text-align: centre;}
.news h3 {}
.news p { margin-top: 10px;font-size: 12pt;}
.newsBox {
			background-color: #fab194; 
			box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); 
		
			padding-left: 20px; 
			padding-top: 20px; 
			padding-bottom: 20px; 
			padding-right: 20px; 
			position:relative;
			height: 180px; 
			float:left; 
			border: 2px solid #fab194; }



.newsBox a{ color: #fab194; width: auto; height: 25px; padding-left: 10px; 
padding-right: 10px; padding-top: 5px; border-radius: 3px;
background-color: #1e1e1e; font-size: 14pt; text-decoration: none; float:right; 
 margin-right: 20px;
}
.bottomBox { width: 100%; position:absolute; bottom:10; right: 0;}
.newsBox a:hover{ color: #3e3e3e; }

.boxAll {width:100%;}
.cont { color: #d1957d; border-bottom: 2px solid #fab194; padding-bottom: 25px;  text-align: justify;}
.contCol { color: #d1957d;  padding-bottom: 25px; line-height: 20px; text-align: justify;}
.contColL { color: #d1957d;  padding-bottom: 25px; line-height: 20px; text-align: justify;}

.contLast { color: #d1957d; border-bottom: 0px solid #fab194; padding-bottom: 55px;   text-align: justify;}
.contNat { height: auto;color: #d1957d; border-bottom: 0px solid #fab194; padding-bottom: 55px;   text-align: justify;}

.contTrening { color: #d1957d; border-bottom: 0px solid #fab194; padding-bottom: 10px;   text-align: justify; }

.imgCont {  width: 250px; border-radius: 5px; margin-bottom:20px; margin-left:10px; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8);}
.imgTrain {  width: 100%; border-radius: 5px; margin-bottom:20px;  box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8);}
.imgPerm {  width: 100%; height:380px; border-radius : 5px; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); }
.imgCarbo {  width: 100%; height:380px; border-radius : 5px; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); }
.imgPermEye {  width: 100%; height:420px; border-radius : 5px; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); }


.imgBm {  width: 85%; height:auto;  border-radius : 5px;  }
.imgBmR {  width: 95%; height:auto;  margin-bottom: 20px; border-radius : 5px; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); }

.ctr {  width: 100%; height: 200px;margin-top:30px;}
.imgAbt {  width: 250px; display: block; margin: 0 auto; padding-right: 30px;}
#imgTrening {border-radius: 5px;  box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8);  margin-bottom: 40px;  }

.tOff{ width: 100%; height: 30px;  border: 0px; }



.tOff p{  text-align: center; margin-left:12px; background-color: #151316;  padding-bottom: 10px; padding-top: 10px;color: #fab194; border: 0px solid red;}

.bOff{   box-shadow: 3px 3px 10px 0px rgba(33,33,33,0.9);  margin-left:12px; overflow: hidden; border-radius:3px 3px 0px 0px;}

.bOff img{ width:100%;}

#top {width: 100%; background-color: #3e3e3e; }

.menuIkon { width: 35px; height: 35px; margin-left:5px; margin-top:5px; }

.img-top { width:100%; }

#all section {border: 0px solid red; margin: auto;  background-color: #3e3e3e;}

#foot article {border: 0px solid red; margin: auto;  font-size:12pt;min-height: 410px;  border-top: 1px solid #3e3e3e;}

#all  { background-color: #3e3e3e; border-top: 2px solid #fab194;}

#foot {background-color: #000; border-top: 2px solid #fab194; }

#footL {padding-top: 40px;padding-left: 10px; line-height: 30px;}

#footL p {margin-top: 5px;}

#footR div {border-radius: 3px; overflow:hidden;}

#opt {border-bottom: 1px solid #313132; padding-bottom: 58px;}

#top-menu a:hover { background-color: #151316; }

#top-menu a {  padding-top: 5px;  padding-bottom: 5px; padding-left: 15px; padding-right: 15px; display: in-line;font-size: 14pt; text-decoration: none; font-style:oblique; color: #fab194; line-height: 40px;}

#top-menu nav a:hover { color: #3e3e3e; background: #fab194; }

#top-menu #M {color:#fab194; width:30px; margin-top:-40px; font-weight: 600; font-size: 18pt;position:absolute; z-index:100;background-color: transparent; font-style:normal; }
.cert {width:100%; margin-bottom: 30px; box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8);}

.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;

}
  display: inline;
.my-gallery figure {
  float: left;
  margin: 0 5px 5px 0;
  width: 150px;
}
.my-gallery figcaption {
  display: none;
}


table { width:100%;}
tbody { width:95%;  color:#fab194;  }

th, td { color:#fab194;
  padding: 0px 5px 0px 5px;
  text-align: left;
}
tr td:last-child {
  text-align: right;
  width:80px;
}
th {padding-top: 50px; border-bottom: 1px solid #fab194;}


/* Gallery */
.lightboxgallery-gallery {
  display: block;
  margin: 20px -10px;
  
}
.lightboxgallery-gallery-item {
  cursor: zoom-in;
  display: block;
  float: left;
  width: 15%;
  
}
.lightboxgallery-gallery-itemT {
  cursor: zoom-in;
  display: block;
  float: left;
  width: 15%;
  
}

@media only screen and (max-width : 767px) {
  .lightboxgallery-gallery-item {
    width: 50%;
  }
}

@media only screen and (max-width : 479px) {
  .lightboxgallery-gallery-item {
    width: 50%;
  }
}

.lightboxgallery-gallery-item img {
  width: 100%;
}

.lightboxgallery-gallery-item > div {
  position: relative;
  margin: 10px;
}

.lightboxgallery-gallery-item > div:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.lightboxgallery-gallery-item:hover > div:after {
  opacity: 1;
}

.lightboxgallery-gallery-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.lightboxgallery-gallery-item:hover .lightboxgallery-gallery-item-content {
  opacity: 1;
}

.lightboxgallery-gallery-item-title {
  display: block;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 1px;
}
 .all-boxs{
	 margin-top: 50px;
    width: 100%; display: flex;
	
  }
  
  .all-boxs div{
    width: 15%;
	margin: 0 auto;


  }
    .all-boxs div p{

	font-size: 14pt;
	color: #fab194;
	 text-align: center;

  }
  
   .all-boxs div a img{
	   
    width: 100%;
  }
   
   .gallery-img { box-shadow: 0px 2px 5px 0px rgba(3,3,3,0.8); margin-bottom:10px; }
   
@media only screen and (max-width : 767px) {
	
	 .all-boxs{
	 margin-top: 50px;
    width: 100%; display: flex;
		flex-direction: column;
	
  }
	
	
  .all-boxs div{
    width: 70%;
	margin: 0 auto;
	margin-top: 50px;

  }
  
   .all-boxs div a img{
    width: 100%;
	
  }
   
}

@media only screen and (max-width : 479px) {
		 .all-boxs{
	 margin-top: 50px;
    width: 100%; display: flex;
		flex-direction: column;
	
  }
  .all-boxs div{
    width: 70%;
		margin: 0 auto;
	margin-top: 50px;
  }
  
   .all-boxs div img{
    width: 100%;
  }
   
}

/* gallery training */

#contentGallery {display:flex; }



.container-gallery-right { height: auto;  float:left; position:relative; margin-bottom: 100px;}

.container-gallery-right p {font-size: 11pt; color: #fab194; margin: 0 auto; width: 70%;  font-style:oblique; text-align: justify; line-height:20px; margin-top: 50px; padding-bottom:20px; margin-bottom: 20px;}

/* odwracanie obrazka*/

/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */



.flip-box {
  background-color: transparent;
  width: 100%;
  height: 380px;
  border: 0px solid #f1f1f1;

}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}