/*

#275580 sötétkék
#5caf8e türkiz
#e55a56 halványpiros

#cadcd6

#f1f2f3

*/

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
overflow-x:hidden;
font-family:Source Sans Pro,sans-serif;
font-size:18px;
line-height:25px;
font-weight:400;
letter-spacing:0px;
background:#90a0b0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}

p {
font-size:18px;
line-height:25px;
margin:15px 0;
font-weight:400;
letter-spacing:0px;
}

small {
font-size:16px;
line-height:20px;
opacity:0.6;
filter:alpha(opacity=60);
}

strong {
font-weight:700;
}

a,
a:hover,
a:focus,
a:active,
a.active {
outline:0;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
text-decoration:none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family:Source Sans Pro,sans-serif;
font-weight:700;
}

h3 {
font-size:24px;
line-height:30px;
margin:0;
}

h2 {
margin:0 0 30px 0;
font-size:40px;
letter-spacing:-0.5px;
font-style:italic;
font-weight:900;
}




@media(max-width:988px) {
body {
font-size:16px;
line-height:22px;
}

p {
font-size:16px;
line-height:22px;
}

small {
font-size:11px;
line-height:14px;
}
h2 {
font-size:30px;
margin:0 0 20px 0;
}
h3 {
font-size:20px;
line-height:26px;
}

h4 {
margin:0 0 20px 0;
font-size:18px;
line-height:25px;
letter-spacing:1px;
}
}




section {
padding:100px 0;
}

@media(max-width:988px) {
section {
padding:60px 0;
}
}




section.szolgaltatasok {
color:#275580;
background:#f1f2f3;
padding:80px 0;
}

section.szolgaltatasok h2 {
margin:0 0 15px 0;
font-size:40px;
letter-spacing:-0.5px;
}

.szolgaltatas_ikonok {
width:250px;
}

.szolgaltatasok_reszletek {
border:0;
color:#fff;
background:#275580;
padding:8px 18px 10px 18px;
margin:25px 0 0 0;
font-weight:700;
font-size:21px;
line-height:25px;
opacity:1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}

.szolgaltatasok_reszletek:hover {
opacity:0.7;
}

@media(max-width:988px) {
section.szolgaltatasok {
padding:40px 0;
}
section.szolgaltatasok h2 {
margin:0 0 15px 0;
font-size:30px;
letter-spacing:-0.5px;
}
.szolgaltatas_ikonok {
width:180px;
}
}




section.leanybucsu_legenybucsu_ceges_kirandulas {
padding:100px 0 60px 0;
color:#fff;
background:#e55a56;
font-size:21px;
line-height:25px;
font-weight:700;
letter-spacing:0px;
}

section.leanybucsu_legenybucsu_ceges_kirandulas h2 {
text-align:center;
font-size:36px;
line-height:44px;
}

section.leanybucsu_legenybucsu_ceges_kirandulas img {
width:95%;
border:6px solid #fff;
margin-bottom:30px;
}




section.kepek_videok_hozzaszolasok {
padding:105px 0 80px 0;
color:#275580;
background:#cadcd6;
font-size:21px;
line-height:25px;
font-weight:700;
letter-spacing:0px;
}

section.kepek_videok_hozzaszolasok a {
color:#275580;
text-decoration:none;
opacity:1;
}

section.kepek_videok_hozzaszolasok a:hover {
opacity:0.7;
}

.kepek_videok_hozzaszolasok_ikonok {
float:left;
width:100px;
margin:-25px 10px 0 0;
}

@media(max-width:988px) {
section.kepek_videok_hozzaszolasok {
padding:60px 0 0 0;
color:#275580;
background:#cadcd6;
font-size:18px;
line-height:20px;
font-weight:700;
letter-spacing:0px;
}
.kepek_videok_hozzaszolasok_ikonok {
float:left;
width:100px;
margin:-28px 10px 0 0;
}
section.kepek_videok_hozzaszolasok .col-lg-4 {
padding-bottom:70px;
}
}




section.helyszin {
background:#5caf8e;
background-image: url(img/hatter_helyszin.jpg);
background-position: center center;
background-repeat: no-repeat;
color:#fff;
}

img.helyszin_kepek {
width:95%;
border:6px solid #fff;
margin-bottom:30px;
}

@media(max-width:988px) {
img.helyszin_kepek {
width:100%;
margin-bottom:22px;
}
section.helyszin .helyszin-elso {
margin-bottom:50px;
}
}




section.kapcsolat {
background:#275580;
background-image: url(img/hatter_kapcsolat.jpg);
background-position: center center;
background-repeat: no-repeat;
color:#f1f2f3;
}

section.kapcsolat a {
color:#f1f2f3;
text-decoration:underline;
}

section.kapcsolat a:hover {
color:#f1f2f3;
text-decoration:none;
}

section.kapcsolat h2 {
margin:0 0 40px 0;
font-size:40px;
font-weight:700;
letter-spacing:-0.5px;
}

@media(max-width:988px) {
section.kapcsolat h2 {
margin:0 0 30px 0;
font-size:30px;
letter-spacing:-0.5px;
}
}




section.fejlec_cim {
background:#5caf8e;
background-image: url(img/fejlec_trening.jpg);
background-position: center center;
background-repeat: no-repeat;
min-height:300px;
margin:0;
padding:0;
}

section.fejlec_cim h2 {
margin:170px 0 0 0;
font-size:70px;
color:#fff;
opacity:1;
}

@media(max-width:988px) {
section.fejlec_cim {
min-height:200px;
margin:0;
padding:0;
}
section.fejlec_cim h2 {
margin:105px 0 0 0;
font-size:40px;
color:#fff;
opacity:1;
}
}




section.fejlec_cim_piros {
background:#e55a56;
background-image: url(img/fejlec_berles.jpg);
background-position: center center;
background-repeat: no-repeat;
min-height:300px;
margin:0;
padding:0;
}

section.fejlec_cim_piros h2 {
margin:170px 0 0 0;
font-size:55px;
color:#fff;
opacity:1;
}

@media(max-width:988px) {
section.fejlec_cim_piros {
min-height:200px;
margin:0;
padding:0;
}
section.fejlec_cim_piros h2 {
margin:105px 0 0 0;
font-size:35px;
color:#fff;
opacity:1;
}
}




section.tartalom {
color:#275580;
background:#f1f2f3;
padding:60px 0;
font-weight:400;
}

section.tartalom a.megrendeles {
font-weight:700;
color:#fff;
opacity:1;
}

section.tartalom a.megrendeles:hover {
opacity:0.7;
}




@media(min-width:988px) {
.navbar-fixed-top {
padding:30px 0;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
transition:padding .3s;
}

.navbar-fixed-top .navbar-brand {
font-size:2em;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
}

 .navbar-fixed-top.navbar-shrink {
padding:10px 0;
}

.navbar-fixed-top.navbar-shrink .navbar-brand {
font-size:1.5em;
}

.navbar-fixed-top.navbar-shrink .navbar-brand img {
height:30px;
}

.navbar-fixed-top .navbar-brand img {
height:84px;
margin:-34px 0 0 0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
}
.navbar-fixed-top.navbar-shrink .navbar-brand img {
height:60px;
margin:-21px 0 0 0;
}
}



@media(max-width:988px) {
.navbar-fixed-top .navbar-brand img {
height:50px;
margin:-15px 0 0 0;
}
}



.navbar {
font-family:Source Sans Pro,sans-serif;
font-weight:700;
font-size:21px;
background:#fff;
color:#275580;
text-align:left;
}

.navbar a {
letter-spacing:-0.5px !important;
color:#275580 !important;
background:none !important;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
padding-left:5px !important;
padding-right:20px !important;
}

.navbar a:hover {
background:none !important;
opacity:0.7 !important;
}

.navbar a:focus {
outline:0;
color:#5caf8e !important;
}

.navbar .navbar-nav {
padding:0 !important;
margin:0 !important;
}

.navbar .navbar-nav li a:focus {
outline:0;
}

.navbar-default,
.navbar-inverse {
border:0;
}

@media(max-width:988px) {
.navbar {
font-size:18px;
}
.navbar .navbar-nav a {
letter-spacing:0px !important;
padding-left:10px !important;
padding-right:10px !important;
}
}

img.facebook_ikon {
height:32px;
margin:13px -20px 0px 0px;
}




.floating-label-form-group {
position: relative;
margin-top: -5px;
margin-bottom: 0;
padding: 0;
border-bottom: 1px solid rgba(255,255,255,0.3) !important;
color:#f1f2f3 !important;
}

.floating-label-form-group label {
color:#f1f2f3 !important;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
z-index: 1;
position: relative;
padding-right: 0;
-left: 0;
border: 0;
border-radius: 0;
font-size: 1em;
background: 0 0;
box-shadow: none!important;
resize: none;
color:#f1f2f3 !important;
}

.floating-label-form-group label {
display: block;
z-index: 0;
position: relative;
top: 2em;
margin: 0;
font-size: .85em;
line-height: 1em;
vertical-align: middle;
vertical-align: baseline;
opacity: 0;
-webkit-transition: top .3s ease,opacity .3s ease;
-moz-transition: top .3s ease,opacity .3s ease;
-ms-transition: top .3s ease,opacity .3s ease;
transition: top .3s ease,opacity .3s ease;
color:#e55a56 !important;
}

.floating-label-form-group::not(:first-child) {
margin-top: -5px;
padding-left: 14px;
border-left: 1px solid #c0c8c8 !important;
color:#f1f2f3 !important;
}

.floating-label-form-group-with-value label {
top: 0;
opacity: 1;
color:#f1f2f3 !important;
}

.floating-label-form-group-with-focus label {
color:#f1f2f3 !important;
}

form .row:first-child .floating-label-form-group {
border-top: 1px solid rgba(255,255,255,0.3) !important;
margin-top: 10px !important;
color:#f1f2f3 !important;
}

.form-control::-moz-placeholder {
  color: #f1f2f3;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #f1f2f3;
}
.form-control::-webkit-input-placeholder {
  color: #f1f2f3;
}

.btn-lg {
color:#275580 !important;
background:#f1f2f3 !important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
border:0 !important;
border-radius:0 !important;
padding:8px 18px 10px 18px !important;
margin:10px 0 0 0 !important;
font-family:Source Sans Pro,sans-serif !important;
font-weight:700 !important;
font-size:21px !important;
line-height:25px !important;
letter-spacing:0px !important;
}

.btn-lg:hover {
background:#e55a56 !important;
color:#f1f2f3 !important;
}





footer {
padding:30px 0;
background-color:#cadcd6;
}

@media(max-width:988px) {
footer {
font-size:20px;
line-height:32px;
font-weight:300;
}
}

footer a {
text-decoration:none !important;
}

footer a:hover {
text-decoration:underline !important;
}




.navbar-toggle, .navbar-toggle:hover {
background:#5caf8e !important;
border:0 !important;
}



img.up {
height:40px;
opacity:1;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
transition: opacity .3s ease;
}

img.up:hover {
opacity:0.7;
}




img.qr {
height:160px;
margin:40px 0 0 0;
}

@media(max-width:988px) {
img.qr {
height:180px;
margin:40px 0 75px 0;
}
}




.videoWrapper {
position:relative;
padding-bottom:56.25%; /* 16:9 */
padding-top:7px;
height:0;
}
.videoWrapper iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.video {
border:6px solid #5caf8e;
}




hr {
background:#275580;
border-color:#275580;
opacity:0.2;
margin:25px 0;
width:100%;
}




section.fejlec_slideshow {
height:700px;
}

.slide_info {
margin-top:380px;
padding:25px 45px 30px 45px;
background:rgba(39,85,128,0.85);
color:#fff;
font-weight:200;
font-style:italic;
font-size:25px;
line-height:30px;
letter-spacing:1px;
}

.slide_info_cim {
font-size:50px;
line-height:50px;
font-weight:700;
font-style:italic;
margin-bottom:10px;
letter-spacing:0px;
}

@media(max-width:988px) {
section.fejlec_slideshow {
height:600px;
}
.slide_info {
margin-top:350px;
padding:15px 25px 20px 25px;
background:rgba(39,85,128,0.85);
color:#fff;
font-weight:200;
font-style:italic;
font-size:20px;
line-height:25px;
letter-spacing:0px;
}
.slide_info_cim {
font-size:28px;
line-height:28px;
font-weight:700;
font-style:italic;
margin-bottom:10px;
letter-spacing:0px;
}
.crossfade > figure {
top: 60px;
}
}

.crossfade > figure {
animation: imageAnimation 32s linear infinite 0s;
backface-visibility: hidden;
background-size: cover;
opacity: 0;
position: fixed;
top: 80px;
left: 0;
min-width: 100%;
min-height: 700px;
width: auto;
height: auto;
z-index: -100;
}

@media(max-width:988px) {
.crossfade > figure {
top: 60px;
min-height: 600px;
}
}

.crossfade > figure:nth-child(1) {
background-image: url('img/slide1.jpg');
}
.crossfade > figure:nth-child(2) {
animation-delay: 8s;
background-image: url('img/slide2.jpg');
}
.crossfade > figure:nth-child(3) {
animation-delay: 16s;
background-image: url('img/slide3.jpg');
}
.crossfade > figure:nth-child(4) {
animation-delay: 24s;
background-image: url('img/slide4.jpg');
}

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
	filter: alpha(opacity=0);
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
	filter: alpha(opacity=100);
  }
  17% {
    opacity: 1;
	filter: alpha(opacity=100);
  }
  25% {
    opacity: 0;
	filter: alpha(opacity=0);
  }
  100% {
    opacity: 0;
	filter: alpha(opacity=0);
  }
}




section.tabs {
display:none;
padding:50px 0 0 0;
border-top:6px solid #5caf8e;
}

input.tabs {
display:none;
}

label.tabs {
padding:15px 25px;
text-align:center;
color:#fff;
background:#5caf8e;
margin:6px 2px 0 0;
opacity:0.5;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
@media(max-width:988px) {
label.tabs {
padding:10px 15px;
}
}

label.tabs:hover {
cursor:pointer;
opacity:1;
}

input:checked + label {
color:#fff;
opacity:1;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
display:block;
}



img.elsokep {
float:right;
margin:0 0 30px 45px;
max-width:55%;
}

@media(max-width:988px) {
img.elsokep {
float:top;
margin:0 0 30px 0;
max-width:100%;
width:100%;
}
}



img.kep_jobbra {
float:right;
margin:30px 0 40px 40px;
max-width:90%;
}

@media(max-width:988px) {
img.kep_jobbra {
float:none;
margin:0 20px 40px 20px;
}



.oldaltetejere {
border:0;
color:#fff;
background:#275580;
padding:8px 18px 10px 18px;
margin:25px 0 0 0;
font-weight:700;
font-size:21px;
line-height:25px;
opacity:1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}

.oldaltetejere:hover {
opacity:0.7;
}



.telefon {
background-color:rgba(255,255,255,0.2);
padding:10px 15px;
}