@charset "utf-8";
/* CSS Document */
@import "fonts.css";
@import "nitebox.css";
@import "cookie_accept.css";
@import "panels.css";
@import "form2.css";
@import "videos.css";
* {
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	resize:none;
	border:none;
} 
img { vertical-align: top; }
html,
body {
	width:100%;
	height:100%;
	min-width:320px;
	background:#b3b3b3;
}
html {
	overflow:auto;
	overflow-y:scroll;
}
/* NOSCRIPT */
#noscript {
	width:100%; padding:10px; background-color:#ce0f00; text-align:center; color:#fff; display:block;
}
#noscript * { color:#fff; font-size:14px; line-height:normal; }
#noscript a { font-weight:600; }
/* SELECTION */
::selection {
	background: #128bbe; color:#fff;
}
::-moz-selection {
	background: #128bbe; color:#fff;
}
/* 404 */
h1.nf, h1.nf * { font-size:100px; line-height:100px; color:#128bbe; font-weight:800; font-style:italic; }
/* box-sizing */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* font-face */
* { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#010101; }

a::after, a::before, li::after, li::before, div::after, div::before, span::after, span::before, ul::before, ul::after 
{ position:absolute; content:''; }
/* transition */
.t, a, a::after, a::before, a *, ul.menu ul, ul.menu > li:after { transition:all .3s; -webkit-transition:all .3s; }
h1, h2 { transition:color .3s; -webkit-transition:color .3s; }
/* hovers */
ul.menu .nc:hover { cursor:default; }
/* not selectable */
.not-selectable, ul.menu .nc, input[type="checkbox"]+label, form label, div.filter-box span.title {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;
}
strong, b, strong *, b * { font-weight:600; }
/**/

a { color:#128bbe; text-decoration:underline; }
a:hover { color:#000000; }

div.c { max-width:1400px; margin:0 auto; padding:2.5% 5%; }

#preloader {
	position: fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:999; 
	background:url(../images/preloader.gif) center center no-repeat #fff; 
}

#wrapper { 
	width:100%; 
	overflow:hidden; 
	min-height:100%; 
	display: flex; 
	flex-direction:column; 
	max-width:1920px; 
	margin:0 auto; 
	background: #fff; 
}

#logo {
	max-width:340px;
	position: absolute;
	left:5%;
	top:-22%;
	transition:all .5s;
}
#logo img {
	width:100%;
}

#header {
	height:100px;
	background: rgba(0,0,0,.9);
	top: 60px;
	position: fixed;
	width:100%;
	left:0px;
	z-index: 10;
	transition:all .5s;
}
#header::before {
	width:100%;
	height:60px;
	top:-60px;
	left:0px;
	background: #128bbe;
}
#wrapper.home #header::before {
	display:none;
}
#wrapper.home #content {
	padding-bottom: 0;
}
#header.fixed {
	height:80px;
	top:0px;
}
#header.fixed #logo {
	max-width:150px;
	top:10px;
}
#header.fixed div.c {
	padding:0 5%;
	height:80px;
}
#header div.c {
	height:100px;
	transition:all .5s;
}

#menu {
	position: absolute;
	right:5%;
	top:50%;
	transform:translateY(-50%);
}
ul.menu {
	list-style-type: none;
}
ul.menu > li {
	display: inline-block;
}
ul.menu > li a::before {
	width:0px;
	height:0px;
	border-left:10px solid #e4a65b;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	left:2px;
	top:50%;
	margin-top: -6px;
}
ul.menu > li + li {
	margin-left: 25px;
}
ul.menu a {
	font-weight: 800;
	font-style: italic;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 24px;
	display: block;
	padding-left: 20px;
}
ul.menu a:hover {
	color: #e4a65b;
}
ul.menu a:hover::before {
	border-left:10px solid #fff;
}
ul.menu li.facebook, ul.menu li.youtube, ul.menu li.instagram {
	display: none;
}
ul.menu li.facebook a, ul.menu li.youtube a, ul.menu li.instagram a {
	padding:0;
	font-size:0px;
	display: block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: url(../images/socials.png);
}
ul.menu li.facebook {
	margin-left: 0px;
}
ul.menu li.youtube, ul.menu li.instagram {
	margin-left: 20px;
}
ul.menu li.facebook a::before, ul.menu li.youtube a::before, ul.menu li.instagram a::before {
	display: none;
}
ul.menu li.facebook a {
	background-position: -30px 0px;
}
ul.menu li.youtube a {
	background-position: -30px -30px;
}
ul.menu li.instagram a {
	background-position: -30px -60px;
}
#home {
	width:100%;
}
#home img {
	position: absolute;
}
#home img + img {
	opacity:0;
}

#slogen {
	position: fixed;
	width:100%;
	text-align: center;
	left:0px;
}
#slogen > div {
	display: inline-block;
}
#slogen div.text, #slogen a.link {
	display: block;
	padding:20px;
	color:#fff;
	font-size:24px;
	line-height: normal;
	white-space: nowrap;
	font-weight: 800;
	font-style: italic;
	cursor:default;
	text-transform: uppercase;
	text-align: center;
}
#slogen div.text {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background: rgba(0,0,0,.7);
}
#slogen a.link {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background: rgba(18,139,190,.7);
	text-decoration: none;
	cursor: pointer;
}
#slogen u {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color:inherit;
}

#content {
	padding-top:170px;
	/*padding-bottom: 5%;*/
}
#wrapper.home #content {
	padding-top: 0px;
}

h1.page-title {
	font-size:48px;
	line-height: normal;
	font-style: italic;
	font-weight: 800;
	color:#128bbe;
	cursor: default;
	margin-bottom: 25px;
	text-transform: uppercase;
}

div.block {
	background: #fff;
}
div.block.call-for-action {
	background: #d7f3ff;
}
div.block:last-child {
	background: none;
}
div.block.about {
	margin:0 auto;
}
div.block.our-trainers {
	margin:0 auto;
}
div.block > div.c > h2, h2.subtitle {
	font-weight: 800;
	font-style: italic;
	color:#000;
	text-transform: uppercase;
	font-size: 48px;
	line-height: 56px;
	cursor: default;
	margin-bottom: 2%;
}
div.block.nmb > div.c > h2 {
	margin-bottom: 0;
}
/* COLS */

div.col {
	display: inline-block;
	vertical-align: top;
}
div.col.left {
	width: 60%;
	padding-right: 2.5%;
}
div.col.right {
	width:40%;
	padding-left: 2.5%;
}

/* LIST */
div.list {
	display: flex;
	flex-flow:row wrap;
	justify-content:space-between;
}
div.list > div {
	width:48%;
	display: inline-block;
}
div.list.services > div {
	margin-bottom: 30px;
}
div.list > div:empty { visibility: hidden; }
div.list div.img { overflow: hidden; margin-bottom: 25px; border-radius:10px; }
div.list img { width:100%; height:auto; }
div.list h2, div.list h3 {
	font-size: 24px;
	line-height: normal;
	font-weight: 800;
	font-style: italic;
	color: #000;
	cursor: default;
	margin-bottom: 25px;
}
div.list h3 {
	color: #128bbe;
}

/* home */
div.block.motiv > div.c > h2 {
	font-size:36px;
	text-align: center;
	line-height: normal;
	margin-bottom: 4%;
}
div.block.motiv,
div.block.services-off {
	background: #d7f3ff;
}
div.block.motiv div.call-for-action {
	margin-top: 4%;
}
div.block.motiv > div.c {
	padding-bottom: 3.5%;
}
div.motiv > ul {
	width:45%;
}
div.motiv > ul li+li {
	margin-top: 10px;
}
div.motiv {
	display: flex;
	justify-content:space-between;
}
ul.x, ul.y {
	list-style-type: none;
}
ul.x li::before, ul.y li::before {
	top:1px;
	left:0px;
	width:23px;
	height: 23px;
}
ul.x li, ul.y li {
	padding-left: 30px;
}
ul.x li::before {
	background: url(../images/home_list_x.png);
}
ul.y li::before {
	background: url(../images/home_list_ok.png);
}
/* feedbacks */
div.block.motiv > div.c > h2 {
	font-size:36px;
	text-align: center;
	line-height: normal;
	margin-bottom: 4%;
}
div.block.fbs {
	background: #d7f3ff;
}
div.feedbacks {
	margin: 5% 0;
}
div.feedbacks div.text * {
	margin-top: 0;
	font-size:14px;
	line-height: 18px;
	color:#fff;
}
div.feedbacks div.text {
	background: #128bbe;
	padding:15px;
	border-radius:25px;
	max-width:65%;
	align-self:center;
}
div.feedbacks div.text::before {
	left:-10px;
	top:50%;
	border-bottom:10px solid transparent;
	border-right:10px solid #128bbe;
}
div.feedbacks > div.inv div.text::before {
	left:auto;
	right:-10px;
	border-left:10px solid #128bbe;
	border-right:none;
}
div.feedbacks > div {
	width:100%;
	display: flex;
}
div.feedbacks > div.inv {
	flex-direction:row-reverse;
}
div.feedbacks div.img {
	width:10%;
	border-radius:50%;
	margin-right: 2%;
	overflow: hidden;
	align-self:center;
}
div.feedbacks div.inv div.img {
	margin-right: 0;
	margin-left: 2%;
} 
div.feedbacks div.img img {
	width:100%;
}
div.feedbacks > div+div {
	margin-top: 3%;
}
#wrapper.about div.block.fbs {
	margin: 0 auto;
	background: none;
}

/* prices */
div.prices {
	display:flex;
	justify-content:space-between;
	flex-flow:row wrap;
}
div.prices > div {
	width:30%;
	cursor:default;
	border-radius:10px;
	overflow: hidden;
	padding:2px;
	border:1px dashed #909090;
	display: flex;
	flex-flow:column;
	margin-top: 2em;

}
div.prices > div > h3, div.prices div.price span.price {
	display: block;
	text-align: center;
	color:#fff;
	background: #e4a65b;
	font-weight: 800;
	font-style: italic;
	font-size: 20px;
	line-height: normal;
	padding:1em;
}
div.prices > div > h3 {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
div.prices > div div.text * {
	font-size:14px;
	line-height: 20px;
}
div.prices > div div.text li+li {
	margin-top: .5em;
}
div.prices > div div.text li {
	padding-left:2em;
}
div.prices > div div.text li::before {
	background: url(../images/ok.png);
	width:25px;
	height:25px;
	border-radius:0px;
	top:-2px;
	left:-5px;
}
div.prices > div div.text {
	padding:1em;
	background: #ccf0ff;
	flex-grow:1;
}
div.prices div.price {
	padding:1em;
	background: #128bbe;
	text-align: center;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
div.prices div.price span.price {
	font-size:24px;
	background: none;
	padding:0px;
}
div.prices div.price span.valid {
	font-style: italic;
	color:#fff;
}

a.apply-button {
	color:#fff;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-top: 0.5em;
	font-size:20px;
	font-weight: 800;
	border-radius:5px;
	padding:2px;
	border:1px dashed #909090;
}
a.apply-button > span:hover {
	background:#000;
}
a.apply-button > span {
	background: #f32fab;
	display: block;
	text-align: center;
	border-radius:5px;
	padding:1em 1.5em;
	color:#fff;
}
a.apply-button > span * {
	line-height: normal;
}
a.apply-button > span > span {
	font-weight:800;
	color:#fff;
	font-size:24px;
	margin-bottom: .1em;
	display: block;
	text-transform: uppercase;
}



/* ARTICLE */

div.article {
	display: flex;
	flex-flow:row nowrap;
	justify-content:space-between;
}
div.article > div {
	display: inline-block;
}
div.article div.text {
	width:100%;
	max-width:700px;
}
div.article > div.img + div.text {
	align-self:center;
	max-width: none;
	width:60%;
	margin:0;
} 
div.article > div.img {
	width:35%;
	align-self:center;
}
div.article > div.img img {
	width:100%;
	height: auto;
}

div.article.contact div.text {
	width:45%;
}
div.article.contact div.img {
	width:50%;
}
/* TEXT */
div.lead+div.text {
	margin-top: 15px;
}
div.text > *+* {
	margin-top: 1em;
}
div.text > h2, div.text > h3, div.text > h4 {
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: normal;
}
div.text > h2 {
	color:#095e61;
	font-size:30px;
}
div.text > h3 {
	color:#6e2041;
	font-size:24px;
}
div.text > h4 {
	color:#6e2041;
	font-size:20px;
}

div.text ul {
	list-style-type:none;
}
div.text ul li::before {
  content: ""; 
  background: #128bbe; 
  border-radius:50%;
  display: inline-block;
  width: 0.5em; 
  height:0.5em;
  margin-right: 0.75em;
  position: absolute;
  top:0.5em;
  left:0px;
}
div.text ul li {
	padding-left:1em;
}
div.text blockquote {
	border:1px dashed #909090;
	border-radius:10px;
	padding:2px;
	display: block;
	cursor: default;
}
div.text blockquote > * {
	background: #e4a65b;
	padding:1em 2em;
	border-radius:10px;
}
div.text blockquote * {
	color:#fff;
	font-weight: 800;
}
/* PHOTOS */
div.col.right div.photos > div {
	width:50%;
}
div.photos > div {
	border:1px solid #fff;
	width:20%;
	display: inline-block;
	vertical-align: top;
}
div.photos > div img {
	width:100%;
	vertical-align: top;
	transform:perspective(800px) translateZ(10px); 
	transition:all .3s;
}
div.photos > div a {
	display: block;
}

/* NITEBOX */
a[data-nitebox] {
	display: inline-block;
	overflow: hidden;
}
a[data-nitebox] img {
	transition:all .6s ease 0s; 
	transform:perspective(800px) translateZ(10px);
}
a[data-nitebox]:hover img {
	transform:perspective(800px) translateZ(70px);
}
a[data-nitebox]::before {
	z-index:1;
	background: #000;
	opacity:0;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
a[data-nitebox]::after { 
	width:80px; height:80px; 
	background:url(../images/zoom.png) left top no-repeat; 
	background:url(../images/zoom.svg); 
	background-size:100% 100%; 
	top:50%; 
	left:50%; 
	margin:-40px 0px 0px -40px; opacity:0; z-index:3; transform:scale(.25,.25); 
	transition:all .3s;
	z-index: 2;
}
a[data-nitebox]:hover::after { opacity:1; transform:scale(1,1); }
a[data-nitebox]:hover::before { opacity:.7; }
/* BUTTON */
div.button {
	margin-top: 20px;
}
a.button {
	background: #128bbe;
	padding:10px 20px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 800;
	color:#fff;
	text-decoration: none;
	border-radius:5px;
	transform:skew(-10deg);
	display: inline-block;
}
a.button.orange {
	background: #f77400;
}
a.button:hover {
	background: #000 !important;
}
a.button.large {
	font-size: 14px;
	line-height: normal;
	padding:15px 30px;
	font-weight: 600;
	font-style: normal;
}
a.button span {
	color:inherit;
	font-size:30px;
	display: block;
	line-height: normal;
	font-style: normal;
	font-weight: 800;
}
/* CALL FOR ACTION */
div.call-for-action {
	text-align: center;
}
div.about-images+div.call-for-action {
	margin-top: 4%;
}
div.call-for-action+div.article {
	margin-top: 4%;
}

/* ABOUT IMAGES */
div.about-images {
	display: flex;
	justify-content:space-between;
}
div.about-images > div {
	width:28%;
	margin-top:20px;
}
div.about-images img {
	width:100%;
	height: auto;
}

div.rolunk-kep {
	margin-top: 6%;
	border-radius:10px;
	overflow: hidden;
}
div.rolunk-kep a {
	display: block;
}
div.rolunk-kep img {
	width:100%;
}

/* MAP */
#map iframe {
	position: absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
#map {
	padding-top:40% 
}

/* FOOTER */
#footer {
	margin-top: auto;
    align-self: flex-end;
    width: 100%;
    background: #3d3d3d;
}


#footer a {
	text-decoration: none;
	color:#fff;
}
#footer a:hover {
	color:#e4a65b;
}
#footer * {
	font-size:14px;
}
#footer div.c {
	padding:1% 2.5%;
}
ul.footer-menu {
	display: inline-block;
	list-style-type: none;
}
ul.footer-menu li {
	display: inline-block;
}
ul.footer-menu li+li::before {
	background: #6e6e6e;
	border-radius:50%;
	width:6px;
	height:6px;
	left:-18px;
	top:50%;
	margin-top: -3px;
}
ul.footer-menu li+li {
	margin-left: 30px;
}
div.siteby {
	float:right;
	color:#fff;
}
div.siteby a {
	font-style: italic;
}