@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body { background: #EBEBE7 url(../images/hatter---.png) no-repeat; background-size:100%; color: #222226; font-family:"Pavanam"; }

p { color: #222226; font-size:19px; line-height:1.4em; }

.belsodoboz2 p { color: rgba(255,255,255,0.8); font-size:19px; line-height:1.4em; }

h1,h2,h3,h4,h5,h6 { color: #222; font-weight: normal; }

h2 { font-family:"Carrois Gothic SC"; font-size:38px; font-weight: normal; color: #37ABEA; letter-spacing:-1px; margin-top:0; margin-bottom:28px; }

h3 { font-family:"Carrois Gothic SC"; font-size:34px; font-weight: normal; letter-spacing:-1px; margin-top:0; margin-bottom:18px; }

h6 { font-family:"Pavanam"; font-size:24px; font-weight: normal; background:#F7CC2D; color:#222; letter-spacing:-1px; margin-top:20px; margin-bottom:18px; padding:10px; }

a { font-size:21px; 
  color: #37ABEA;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
a:hover { color:#37ABEA; text-decoration: underline; }

.nopadding { padding:0; }

.container { max-width:1220px; padding:0 30px; }

.row { margin:0; }

.tartalom { padding:0; margin-top:-120px; background:#FFFFFF; z-index:4000; position:relative; padding:40px 20px; }

#fooldal img { width:100%; }

.fehersav { margin:0; background:#FFF; margin:0 auto; padding:40px 0; }

.fehersav h3 { color: #37ABEA; }

.fehersav p { color: #616166; }

#belsolap .fehersav { padding:50px 0; }

.hirdoboz { background:#F7CC2D; padding: 28px 22px 28px 22px; margin-bottom:40px; color: #222226; font-size:19px; line-height:1.4em; }

.hirdoboz h3 { font-size:37px; color: #222 !important; }

.hirdoboz p, .urlapdoboz p { color: #222226 !important; font-size:19px; line-height:1.4em; }

.urlapdoboz { background:#F7CC2D; padding: 28px 22px 28px 22px; margin-bottom:20px; color: #222226; font-size:17px; line-height:1.2em; }

.urlapdoboz h3 { font-size:35px; color: #222 !important; }

.urlapdoboz a { font-size:19px; color: #222226; }

.savcontainer { background:#F7CC2D; width:100%; max-width:1160px; margin:0 auto }

.belsodoboz { padding: 20px 40px 0px 40px; }

.belsodoboz2 { padding: 30px 0px 30px 0px; background: #114C81; margin:0 auto; }

.belsodoboz3 { padding: 20px 40px 0px 0px; }

.belsodoboz2 .container { max-width:1220px; position:relative; }

.savcontainer .belsodoboz { padding: 40px 40px 0px 40px; }

.belsodoboz2 h3 { font-size:37px; color: #52b6ec; }

.ikonok { position:absolute; top:-90px; right: 20px; z-index:3000; }

.ikonok img { width:130px; border-radius:100%; border:10px solid #114C81; margin:0 8px; }

#lablec { clear:both; width:100%; background: #114C81; -webkit-box-shadow: 0 0 26px 0px #CCC; -moz-box-shadow: 0 0 26px 0px #CCC; box-shadow: 0 0 26px 0px #CCC; border-top:0px solid #FFFFFF; }

#lablec2 { padding: 30px 0px 0px 0px; }

#lablec2 ul { padding-left: 0px !important; }

#lablec2 li { color:#FFFFFF; padding:2px 0 !important; list-style:none; }

#lablec2 span { background:#52b6ec; color:#FFFFFF; border-radius:100%; padding:6px; margin-right:6px; }

#lablec3 { font-size: 16px; padding: 10px 0px; padding-top:14px; color:rgba(255,255,255,0.8); border-top:0px solid rgba(255,255,255,0.4); margin-top:14px; }

#lablec2 a { color: rgba(255,255,255,0.8); font-size: 18px; }

#lablec2 h3 { font-family:"Carrois Gothic SC"; font-size:34px; color: #37ABEA; font-weight: normal; letter-spacing:-1px; margin-top:10px; margin-bottom:12px; }

#lablec p { color: rgba(255,255,255,0.8); font-size: 18px; line-height:21px; margin-bottom: 4px; }

.lablogo { max-width:240px; border:10px solid #FFFFFF; }

.navbar-nav { float: right; }

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus { padding: 9px; margin:0px; background-color:#52b6ec; background-image:none; border: none; border-radius:0; position:absolute; top:20px; right:20px; }

.navbar-default .navbar-toggle:hover { background-color:#FFF; }

.navbar-default .navbar-toggle .icon-bar { width: 28px; height: 5px; background:#FFF; }

.navbar-default .navbar-toggle:hover .icon-bar  { background-color:#52b6ec; }

input.a, select { font-size: 17px; font-weight: normal; background-color: #FFF; border: none; height:42px; line-height:38px; margin:20x; padding:8px }

input.a { width:100%; margin-bottom:16px; }

.piros { font-size: 18px; line-height:1.2em; color: #E32A05; font-weight:normal; margin-top: 0px; padding: 4px 0; }

textarea { font-size: 17px; font-weight: normal; background-color: #FFF; border: none; line-height:19px; margin:20x; width:100%; padding:8px }

.gomb { font-size: 21px; font-weight: 400; background: #114C81; color:#FFFFFF; padding:10px 20px; border:none; margin:0 20px; }

.gomb:hover { background: #222226; color: #FFF; }

.galeriadoboz { background:#EBEBE7; padding: 10px 10px 10px 10px; margin-bottom:35px; }

.kepgaleria { margin:16px 0px; text-align:center; }

.kepgaleria img { max-width:100%; height:230px; border: 11px solid #FFF; }

.galeriacim { font-family:"Pavanam"; font-size:24px; font-weight: normal; background:#F7CC2D; color:#222 !important; letter-spacing:-1px; margin-top:0px; margin-bottom:0px; padding:10px; }

#header { position:static;
  width: 100%;
  z-index: 99999;
}
#main-slider {
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 0;
  color: #fff; max-width:1700px; margin:0 auto;
}
#main-slider .item {
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%; 
  display: block !important;
  z-index: 1;
  text-align: center;
}
#main-slider .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 2;
}
#main-slider .item.active h1 {
  -webkit-animation: scaleUp 400ms;
  -moz-animation: scaleUp 400ms;
  -o-animation: scaleUp 400ms;
  -ms-animation: scaleUp 400ms;
  animation: scaleUp 400ms;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -50px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider h1 {
  font-size: 68px;
  text-shadow: 0 3px rgba(0, 0, 0, 0.1);
  color: #fff;
}

.carousel-inner { margin:0px auto; border:0px solid #FFFFFF; }

.carousel-content img { width:100%; }

.carousel-caption { bottom: 10px; right:30px; max-width:1000px; margin:0 auto; text-align:right; }

.carousel-caption img { }

.center {
  text-align: center;
}
.carousel.scale .left-arrow,
.carousel.scale .right-arrow {
  top: 30%;
  position: absolute;
}
.carousel.scale .left-arrow {
  left: -10px;
}
.carousel.scale .right-arrow {
  right: -10px;
}
.carousel.scale .active .row > div:nth-child(1) {
  -webkit-animation: scaleUp 200ms linear 0 both;
  -moz-animation: scaleUp 200ms linear 0 both;
  -ms-animation: scaleUp 200ms linear 0 both;
  -o-animation: scaleUp 200ms linear 0 both;
  animation: scaleUp 200ms linear 0 both;
}
.carousel.scale .active .row > div:nth-child(2) {
  -webkit-animation: scaleUp 200ms linear 100ms both;
  -moz-animation: scaleUp 200ms linear 100ms both;
  -ms-animation: scaleUp 200ms linear 100ms both;
  -o-animation: scaleUp 200ms linear 100ms both;
  animation: scaleUp 200ms linear 100ms both;
}
.carousel.scale .active .row > div:nth-child(3) {
  -webkit-animation: scaleUp 200ms linear 200ms both;
  -moz-animation: scaleUp 200ms linear 200ms both;
  -ms-animation: scaleUp 200ms linear 200ms both;
  -o-animation: scaleUp 200ms linear 200ms both;
  animation: scaleUp 200ms linear 200ms both;
}
.carousel.scale .active .row > div:nth-child(4) {
  -webkit-animation: scaleUp 200ms linear 400ms both;
  -moz-animation: scaleUp 200ms linear 400ms both;
  -ms-animation: scaleUp 200ms linear 400ms both;
  -o-animation: scaleUp 200ms linear 400ms both;
  animation: scaleUp 200ms linear 400ms both;
}

.navbar { margin-bottom: 0px; border: 0px solid transparent; }

.navbar-default {
  background: #14538B url("../images/fejhatter.png") repeat-x;
  border-radius: 0;
  border: 0;
  padding: 0;
}

.navbar-collapse { padding-right: 0px; padding-left: 0px; border:none; }

.navbar>.container .navbar-brand { font-family:"Carrois Gothic SC"; font-size:36px; font-weight: normal; color:#52b6ec !important; line-height: 1em; letter-spacing:-1px; margin-top:8px; margin-left:0px; padding-left:0; }

.navbar-brand img { height:66px; }

.navbar-default .first a {
  border-radius: 0 0 0 5px;
}
.navbar-default .navbar-nav > li {
  margin-left: 0px;
}
.navbar-default .navbar-nav > li > a {
  padding: 30px 25px;
  font-size: 19px;
  line-height: 18px;
  color: rgba(255,255,255,0.8); text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a > i {
  display: inline-block;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active:focus > a,
.navbar-default .navbar-nav > li.active:hover > a,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active:focus > a:focus,
.navbar-default .navbar-nav > li.active:hover > a:focus,
.navbar-default .navbar-nav > li:hover > a:focus,
.navbar-default .navbar-nav > li:focus > a:focus {
  background-color: #52b6ec;
  color: #fff;
}
.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}
.icon-md {
  font-size: 24px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  margin-bottom: 10px;
}

#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #999;
}
#footer a {
  color: #999;
}
#footer a:hover {
  color: #52b6ec;
}
textarea#message {
  padding: 10px 15px;
  height: 220px;
}


@media (min-width: 768px) and (max-width: 1050px) {

.carousel-caption img { width:90px; }

p { font-size:18px; line-height:1.4em; }

.belsodoboz2 p { font-size:18px; line-height:1.3em; }

h3 { font-size:33px; }

.navbar-header { width:100%; text-align:center; float:none }

.navbar>.container .navbar-brand { width:100% !important; margin-bottom:15px; }

.navbar-nav { float:none; width:100%; text-align:center; }

.navbar-nav>li { float: none; display:inline-block; }

.navbar-default .navbar-nav > li > a { padding: 20px 25px; }

.belsodoboz { padding: 0px 25px 0px 25px; }

.savcontainer .belsodoboz { padding: 25px 30px 0px 30px; }

.ikonok { top:-85px; }

.ikonok img { width:120px; }

}


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

.container { padding:0 25px; }

.ikonok { display:none; }

p { font-size:18px; line-height:1.4em; }

.belsodoboz2 p, .hirdoboz p, .urlapdoboz p { font-size:18px; line-height:1.3em; }

.belsodoboz { padding: 20px 0px 10px 0px; }

.belsodoboz2 { padding: 25px 0px 15px 0px; }

.belsodoboz3 { padding: 0px 0px 10px 0px; }

.savcontainer .belsodoboz { padding: 10px 25px 10px 25px; }

#services .fehersav { padding:25px 0; }

h2 { font-size:34px; margin-bottom:24px; }

h3 { font-size:31px; margin-bottom:12px; }

.belsodoboz2 h3, .hirdoboz h3 { font-size:33px; }

.navbar>.container .navbar-brand { font-size:33px; }

.navbar-nav { float: none; margin:0; }

.container>.navbar-header, .container>.navbar-collapse { margin-right: 0; margin-left: 0; }

.navbar>.container .navbar-brand { width: auto; margin:10px 0; float:left; }

.navbar-default .navbar-nav > li > a { padding: 14px 14px; }

.navbar-collapse { box-shadow: none; }

#lablec2 { padding: 20px 0px 0px 0px; }

#lablec2 li { padding:0px 0 !important; }

#lablec2 span { display:none; }

#lablec2 h3 { font-size:32px; margin-bottom:8px; }

}


@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes scaleUp {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-ms-keyframes scaleUp {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1);
  }
}
@-o-keyframes scaleUp {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}