body { font-family: 'Pontano Sans'; font-size: 18px; line-height: 22px; font-weight: 400; background: #F3F4F5 url('../img/abstract-620707_1920.jpg') no-repeat; color:#818B94; }

#main { }

p { font-size: 18px; line-height: 24px; margin-bottom: 20px; color:#818B94; text-align:left }

li { font-size: 18px; line-height: 26px; margin-bottom: 4px; }

h1 { font-family: 'Pontano Sans'; font-size: 50px; color: #2C94D9; font-weight:bold; text-align:left; padding-top: 0px; padding-bottom: 20px; margin-top:0; letter-spacing:-1px }

h2 { font-family: 'Quicksand'; font-size: 39px; line-height:39px; color: #2C94D9; font-weight:normal; text-align:left; padding-top: 0px; padding-bottom: 16px; margin:0; }

h3 { font-family: 'IBM Plex Sans Condensed'; font-size: 37px; line-height:35px; color: #2C94D9; font-weight:normal; text-align:left; padding-top: 0px; padding-bottom: 10px; margin:0; }

h4 { font-family: 'IBM Plex Sans Condensed'; font-size: 33px; line-height:33px; color: #2C94D9; font-weight:normal; text-align:left; padding-top: 0px; padding-bottom: 0px; margin:0; letter-spacing:-1px; }

h5 { font-family: 'IBM Plex Sans Condensed'; font-size: 27px; line-height:27px; color: #2C94D9; font-weight:normal; text-align:left; padding-top: 12px; padding-bottom: 0px; margin:0; letter-spacing:-1px; }

a { color: #175F95; text-decoration: none; }
a:link    { color: #175F95; text-decoration: none; }
a:visited { color: #175F95; text-decoration: none; }
a:hover   { color: #175F95; text-decoration: underline; }

.container { padding-top:17px; padding-bottom:17px; }

.fejlec { max-width:1260px; margin: 0 auto; }

.carousel { border:0px solid #FFFFFF; background:#328FC9 url('../img/vdt-logoatalatszo.png') no-repeat left bottom; margin:20px 18px; }

.carousel-bal { width:32%; height:auto; display:block; float:left; padding-top:95px; padding-left: 34px; padding-right: 34px; }

.carousel-bal div { font-family: 'Quicksand'; font-size:37px; line-height:1.1em; color:rgba(255,255,255,1); padding:18px 0; }

.carousel-bal span { color: rgba(255,255,255,1); font-size:28px; line-height:1.1em; border-top:1px solid rgba(255,255,255,0.7); display:block; padding-top:18px }

.carousel-inner { width:68%; float:left; }

.carousel-caption { top: 140px; }

.carousel-indicators { position:absolute; bottom:25px; width:100%; margin:0 auto; padding:0; left:0; text-align:center; }

.carousel-indicators li { width:18px; height:18px; border:1px solid #FFF; border-radius:0px; margin:0 3px; }

.carousel-indicators .active { width:18px; height:18px; background-color:#FFF; border-radius:0px; margin:0 3px; }

.nyelv { position:absolute; right:6px; }

.nyelv img { margin: 15px 14px 0px 0px; border-radius:6px; border:1px solid #9B100D; -webkit-box-shadow: inset 0px 0px 19px 0px rgba(51,51,51,1);
-moz-box-shadow: inset 0px 0px 19px 0px rgba(51,51,51,1);
box-shadow: inset 0px 0px 19px 0px rgba(51,51,51,1); }

.fejikon { display:inline-block; padding:14px 8px; color: #175F95; }

.fejikon .fa { font-size:24px; margin-right:0px; background:#328FC9; color:#FFF; border-radius:100%; padding:16px; margin-right:10px; }

.section p, .section li { color: rgba(255,255,255,0.95); font-size:19px; }

.section2 { max-width:1260px; margin:18px auto; }

.section2 .container { width:100%; padding-top:30px; padding-bottom:40px; padding-left:50px; padding-right:50px; }

.section2 img { max-width:100%; }

.belsocim { max-width:1260px; padding:33px; display:inline-block; background:#328FC9; font-family: 'Quicksand'; font-size: 42px; color:#FFFFFF; margin-bottom:30px; }

.section3 { max-width:1260px; margin:20px auto; padding:0 18px; }

.section3 .container { width:100%; background:#FFFFFF; padding-top:0px; padding-bottom:40px; padding-left:44px; padding-right:44px; }

.section3 img { max-width:100%; }

.section5 { padding: 50px 0; background:#FFF url('../img/hatter.png') repeat-x top; }

.section5 img { max-width:100%; }

.elerhet { font-size: 20px; line-height: 20px; margin-top: 18px; margin-bottom: 0px; }

.fej { background: #FFFFFF url('../img/abstract-620707_1920.jpg'); font-size: 19px; border-bottom: none; text-align:left; }

.logo img { height:90px; margin-left:30px; }

.navbar-inverse { font-family: 'Quicksand'; background: #09578D; display:block; float:none; margin:0px; z-index:1000; position:relative; border-bottom:0px solid rgba(255,255,255,1); }

.navbar-collapse { float:none; border-top:none; width:100% }

.navbar-nav { margin:0 auto; text-align:center; width:100% }

.navbar-nav li { float: none; display:inline-block; padding:7px 0; margin:0; color:#FFF; }

.navbar-nav li span { font-size:24px; margin-right:10px; color:#FFF; border-radius:100%; padding: 0px; }
	
.navbar-nav li div { margin: 12px 0px; padding:4px 28px; border-right:1px solid rgba(255,255,255,0.5); display:inline-block; }
	
.navbar-nav li:last-child div { border-right:none; }

.navbar-inverse .navbar-nav li a { font-size:19px; color:rgba(255,255,255,0.9); padding:0px; margin:0px 0; text-transform:uppercase; letter-spacing:1px; }

.navbar-nav li a:focus,.navbar-inverse .navbar-nav>li>a:hover { color:#6DAEDE; }
.navbar-nav>li>a:hover span { color:#6DAEDE; }

.navbar-header { float:none; margin:0 auto; width:100%; max-width:1170px; position:relative; }

.navbar-toggle { position:relative; float:none; padding:11px 11px; margin-top:10px; margin-bottom:10px; margin-left:20px; background-color:#359DDB; background-image:none; border:none; border-radius:0px; clear:both }

.navbar-inverse .navbar-toggle:focus { background-color: #359DDB; }

.navbar-inverse .navbar-toggle:focus .icon-bar { background-color:#FFF; }

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

.navbar-inverse .navbar-toggle:hover .icon-bar { background-color:#095285; }

.navbar-toggle .icon-bar { width: 28px; height: 5px; }

.parallax-window { min-height: 280px; background: transparent; }

.parallax-window h2 { text-align:center; max-width:800px; margin:auto; padding-top: 90px; font-size:46px; color:#FFFFFF; }

.szlogen { text-align:center; max-width:750px; margin:auto; font-size:42px; line-height:42px; color:#2C94D9; }

#lablec1 { background:#09578D; padding: 14px 0; padding-bottom:0; text-align:center }

.lab { display:inline-block; padding:0px 28px; margin:0; border-right:1px solid rgba(255,255,255,0.5); font-size: 20px; letter-spacing:1px; }

.lab:last-child { border-right:none; }

.lab a { color: rgba(255,255,255,0.9); line-height:30px; }

.lab a:hover { color:#6DAEDE; text-decoration:none; } 

#lablec2 { background:#09578D; padding: 0px; margin-top:0px; }

#lablec2 .container{ padding-top: 8px; padding-bottom: 15px; }

#lablec2 p { font-size: 15px; color: rgba(255,255,255,0.6); line-height: 24px; margin-bottom: 0px; letter-spacing:1px; text-align:center }

.square { position: relative; width:100%; max-width:458px; min-height:458px; color:#FFFFFF; text-align:center; margin:0 auto; }

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
}

.square p { height:2em; margin-bottom:0px; font-size:20px; color:#175F95; line-height:21px; font-weight:normal; text-align:center; }

.szolg1 { position:absolute; top:0%; left:30%; right:30%; }

.szolg2 { position:absolute; top:23%; bottom:32%; right:5%; }

.szolg3 { position:absolute; bottom:4%; right:18%; }

.szolg4 { position:absolute; bottom:4%; left:18%; }

.szolg5 { position:absolute; top:23%; bottom:32%; left:5%; }

.square .fa { font-size:48px; margin-bottom:5px; background:#328FC9; width:118px; padding:36px; border-radius:100%; }

.kekdoboz { background:#DAE7F1; padding:30px; font-size:18px; color:#316B93; }

.szurkedoboz { background: url('../img/time.jpg'); padding:20px; }

.feherdoboz { background:#FFF; height:226px; padding:18px 24px; font-size:18px; line-height:22px; text-align:left; }

.feherdoboz2 { background:#EFF2F4; }

.feherdoboz2 div { width:50%; padding:0px; float:left }

.kekdoboz h2 { color:#056BA5; font-size:36px; }

.szolgdoboz { text-align:center; }

.szolgdoboz img { border-radius:100%; max-width:300px; border:16px solid #F3F4F5; margin-top:22px; margin-bottom:18px; }

input.a, textarea { width:100%; background:#F3F4F5; border:1px solid #F3F4F5; padding:8px; margin-top:12px; }

.gomb { color: #fff; font-size:25px; padding:13px 20px; background: #328FC9; display:inline-block; }

.gomb:hover { background:#09578D; }

.btn-back-to-top { display: none; position: fixed; width: 56px; height: 56px; bottom: 23px; right: 30px; background-color: #328FC9; justify-content: center; align-items: center; z-index: 1000; border-radius: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; border-radius: 0; }

.symbol-btn-back-to-top { font-size: 22px; color: white; line-height: 1em; }

.btn-back-to-top:hover .symbol-btn-back-to-top { color: #095285; }

.btn-back-to-top:hover { background-color: #FFF; color:#095285; cursor: pointer; }


@media (min-width: 991px) and (max-width: 1280px) {

	.carousel-bal { padding-left: 28px; padding-right: 28px; padding-top:100px; }
	.carousel-bal div { font-size:34px; }
	.carousel-bal span { font-size:26px; }

}

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

	.container { width:100%; }

}

@media (min-width: 991px) and (max-width: 1044px) {

.navbar-nav li div { padding:4px 22px; }

}

@media (min-width: 991px) and (max-width: 1140px) {

	.carousel-bal { width:33%; }
	.carousel-inner { width:67%; }
	.carousel-bal { padding-left: 26px; padding-right: 26px; padding-top:80px; }
	.carousel-bal div { font-size:31px; }
	.carousel-bal span { font-size:24px; }

}

@media (min-width: 767px) and (max-width: 991px) {

	.navbar-nav li div { padding:10px 9px; letter-spacing:0px; border-right: none; }
	.navbar-nav li span { display:none }
	.fejlec { max-width:780px; }
	.carousel-bal { width:100%; float:none; padding-top:20px; padding-bottom:20px; padding-left: 50px; padding-right: 50px; }
	.carousel-inner { width:100%; float:none; }
	.section { padding: 30px 0; }
	.lab { padding:0px 20px; }
	.fejikon { display:block; padding:0px; }
	.fejikon .fa { font-size:20px; padding:12px; margin-bottom:6px; }

}

@media (min-width: 550px) and (max-width: 767px) {

	h1 { font-size: 46px; }
	h2 { font-size: 40px; }
	h3 { font-size: 33px; }
	h4 { font-size: 32px; }
	.carousel-bal { width:100%; float:none; padding-top:20px; padding-bottom:20px; }
	.carousel-inner { width:100%; float:none; }
	.carousel-bal div { font-size:34px; }
	.carousel-bal span { font-size:26px; }
	.section { padding: 20px 0; }
	.belsocim { font-size: 40px; padding:31px; margin-bottom:30px; }
	.lab { border-right: none; padding:0px 10px; }
	.navbar-inverse .navbar-nav li a { font-size:18px; padding:0px 16px; letter-spacing:0px; }
	.navbar-nav li { width:100%; float:none; }
	.navbar-nav li div { border-right:none; margin:0; padding:10px 0px; }
	.navbar-nav li span { display:none }
	.fejikon { display:block; padding:0px; }
	.fejikon .fa { font-size:20px; padding:12px; margin-bottom:6px; }
	.szlogen { font-size:39px; line-height:39px; }

}

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

	p { font-size: 18px; line-height: 24px; margin-bottom: 18px; }
	h1 { font-size: 44px; }
	h2 { font-size: 37px; }
	h3 { font-size: 32px; }
	h4 { font-size: 31px; }
	.carousel-bal { width:100%; float:none; padding-top:20px; padding-bottom:20px; padding-left: 28px; padding-right: 28px; }
	.carousel-inner { width:100%; float:none; }
	.carousel-bal div { font-size:32px; }
	.carousel-bal span { font-size:24px; }
	.section { padding: 20px 0; }
	.section2 .container { padding-left:20px; padding-right:20px; }
	.section3 .container { padding-left:20px; padding-right:20px; }
	.section5 { padding: 40px 0; }
	.belsocim { font-size: 38px; padding:30px; margin-bottom:30px; }
	.szolg1, .szolg2, .szolg3, .szolg4, .szolg5 { position:static; top:auto; left:auto; right:auto; }
	.square:after { padding-bottom: 0; }
	.content { position: relative; width: 100%; height: auto; }
	#lablec1 { padding: 0; }
	.lab { border-right: none; padding:0px 10px; font-size: 18px; }
	.navbar-nav li { width:100%; float:none; }
	.navbar-nav li div { border-right:none; margin:0; padding:10px 0px; }
	.navbar-nav li span { display:none }
	.fejikon { display:none; }
	.szlogen { font-size:36px; line-height:36px; }

}