@font-face {
font-family: 'ralewayextrabold';
src: url("ttf/Raleway-ExtraBold.otf") format("opentype");
}

@font-face {
font-family: 'ralewayheavy';
src: url("ttf/Raleway-Heavy.otf") format("opentype");
}


@font-face {
font-family: 'ralewaymedium';
src: url("ttf/Raleway-Medium.otf") format("opentype");
}

@font-face {
font-family: 'ralewaylight';
src: url("ttf/Raleway-Light.otf") format("opentype");
}

@font-face {
font-family: 'ralewayregular';
src: url("ttf/Raleway-Regular.otf") format("opentype");
}


@font-face {
font-family: 'ralewaybold';
src: url("ttf/Raleway-Bold.otf") format("opentype");
}

body {
	color: #262626;
	overflow-x: hidden;
	font-family: 'ralewaymedium';
	font-size: 14pt;
}
A, A:focus, A:hover {
	outline: 0;
	color: #333333;
}

.mbtn2 {
	background-color: #3c414c;
	color: white;
}

.fejlogo {
	padding-top: 10px;
}
.mbtn2:hover {
	background-color: #3c414c;
	color: #a0a0a0;
}


h1 {
	font-family: 'ralewaybold' !important;

}

h3 {
	font-family: 'ralewaybold' !important;
	line-height: 20pt !important;
	font-size: 14pt !important;
}

#sidebarnav {
	font-size: 12pt;
}
.foglalas {
	cursor: pointer;
}
.back-to-top {
	position: fixed;
	bottom: 3em;
	right: 0px;
	display: none;
	z-index: 999;
}
.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) {
	padding-top: 15px;
	padding-bottom: 15px;
}

.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .megosztasikon{
	opacity: 0.4;
	cursor: pointer;
}

.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .megosztasikon:hover{
	opacity: 1;
}

.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .foglalas {
	margin-top: 30px;
}


.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .c1 {
	font-size: 25pt;
	color: #f2c410;
	font-family: 'ralewaybold';
	padding-left: 20px;
}




.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .c2 {
	font-size: 20pt;
	font-family: 'ralewaybold';
	line-height: 0px;
	padding-left: 20px;
}
.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .c2:A {
	color: #333333;
}

.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .c3 {
	font-size: 15pt;
	padding-left: 20px;
}

.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(2) {
	background-color: #eaeaee;	
}

.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(2) .navbar-toggle
	{
	background-color: #3C414C !important;
	}

.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(2) .navbar-custom{
	font-family: 'ralewaymedium';
   float: right;
	margin: 0px;
	background-color: unset;
	border-width: 0px;
	color: white;

}
.navbar-toggle  {
	background-color: #168e6a !important;
}

.navbar-toggle .focus  {

}

.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(2) .navbar-custom .navbar-nav > li:last-child > a {
    border-right: 1px solid white !important;
	color: #333333;

}
.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(2) .navbar-custom .navbar-nav > li > a {
    border-left: 1px solid white !important;
	color: #333333;
   padding-top: 30px;
   padding-bottom: 30px;

}
.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(2) .navbar-custom .navbar-nav > li:first-child > a {
    border-left: 1px solid white !important;
	color: #333333;
}

.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(2) .navbar-custom .navbar-nav > li > a:hover {
	background-color: #ffffff;
}

.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(2) .navbar-custom .navbar-nav > li > a:focus {
	background-color: #ffffff;
}

.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(3) {
	position: absolute;
	left: 0; 
   right: 0; 
   margin-left: auto; 
   margin-right: auto; 
	margin-top: 10px;
}
.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(3) h1 {
	color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
	font-size: 1.9vw !important;
}
.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(3) .col-md-10 {
	background-color: #3c414c;
	

}

.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(4) {
	border-top-color: #f2c410;
	border-top-width: 10px;
	border-top-style: solid;
	border-bottom-color: #3c414c;
	border-bottom-width: 10px;
	border-bottom-style: solid;


}

.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(5) {
	position: relative;
	left: 0; 
   right: 0; 
   margin-left: auto; 
   margin-right: auto; 
	bottom: 76px;
}
.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(5) h2 {
	color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
	font-size: 31px;
	font-family: 'ralewaybold';
}
.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(5) .col-md-10 {
	background-color: #3c414c;
	

}

.h2bg {
	background-image: url('/static/szerkezet/reszek/h2bg.png');
	background-repeat: repeat-x;
	background-position: center center;
}
.h2bg .abg {
	background-color: white;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 20pt;
	font-family: 'ralewaymedium';
}
.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(1) {
	padding-top: 15px;
	padding-bottom: 15px;
}

.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(2) {
   background-color: #3c414c;
	padding-top: 15px;
	padding-bottom: 15px;
	color: white;
}

#f1_szamlalo, .f1szamlaloszoveg {
	color: white;

}

#f1_szamlalo {
	font-size: 24pt;
}
#f2_szamlalo, .f2szamlaloszoveg {
	color: white;
}
#f2_szamlalo {
	font-size: 24pt;
}

#f3_szamlalo, .f3szamlaloszoveg {
	color: white;
}
#f3_szamlalo {
	font-size: 24pt;
}

#f4_szamlalo, .f3szamlaloszoveg {
	color: white;
}
#f4_szamlalo {
	font-size: 24pt;
}

.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(3) {
	padding-top: 15px;
	padding-bottom: 15px;
}


.szamlaloalairas {
	font-size: 16pt;
}

.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(4) {
    background-image: url("/static/szerkezet/reszek/jbg.jpg");
    background-position: center center;
	 background-size: cover;
    background-attachment: fixed;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 40pt;
    color: white;
 	 font-family: 'ralewaybold';
 	 text-align: center;
    }
.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(4) h3 {
	font-size: 20pt !important;
}

.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(5) {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffc000;
	font-size: 18pt;
}

.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(5) .h2bg .abg {
	background-color: #ffc000;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16pt;
	font-family: 'ralewaymedium';
}

.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(6) {
	padding-top: 15px;
	background-color: #3c414c;
}

.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(6) h2{
    font-size: 30pt;
    color: white;
 	 font-family: 'ralewaybold';
	
}

.row-fluid .container-fluid:nth-of-type(2)  .row:nth-of-type(6) h3{
    font-size: 20pt !important;
    color: white;
	font-family: 'ralewaymedium' !important;
	
}


.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(2) {
	 padding-top: 30px;
	 padding-bottom: 30px;
	 background-color: #eaeaee;
	 color: #333333;
}
.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(2) A {
	 color: #333333;
}
.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(2) input[type="tel"],.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(2) input[type="text"], .row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(2) input[type="email"], .row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(2) input[type="number"] {
    border-width: 1px;
    border-color: #e0e0e0;
    border-style: solid;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
    color: black;
}

.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(2) textarea {
    border-width: 1px;
    border-color: #e0e0e0;
    border-style: solid;
    margin-bottom: 20px;
    padding-top: 10px;
    width: 100%;
    height: 252px;
    color: black;


}

.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(3) {
    padding-top: 10px;
    padding-bottom: 10px;
	background-color: #222121;
	color: white;	
	font-family: 'ralewaymedium' !important;
}

.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(3) A {
	color: white;	
}

@media  (max-width: 768px) {
	.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .megosztasikon{
		opacity: 1;
		cursor: pointer;
		height: 30px !important;
		width: auto !important;
		margin-right: 0px !important;
		margin-top: 10px !important;
	}
	.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .foglalas {
		margin-top: 10px;
	}

	
	.row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(3), .row-fluid .container-fluid:nth-of-type(1)  .row:nth-of-type(5) {
	display: none;
	}
	.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .c1 {
		padding-left: 0px;
	}

	.h2bg {
		background-image: unset;
	}
	.h2bg h2 {
		text-align: center !important;
	}

	.h2bg .abg {
		font-size: 20px;
		font-family: 'ralewaybold' !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.row-fluid .container-fluid:nth-of-type(2) .row:nth-of-type(6) h2, .foglalasurlap {
		font-size: 23pt;
	}
	.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .c2 {
		padding-left: 0px;
	}

	.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(1) .c3 {
		padding-left: 0px;
	}

	.felugroh1 {
		font-size: 20px;
	}

	.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(2) .navbar-custom .navbar-nav > li > a {
   	 border: 0px solid white !important;
		color: #333333;
   	padding-top: 10px;
	   padding-bottom: 10px;

	}

	.row-fluid .container-fluid:nth-of-type(1) .row:nth-of-type(2) .navbar-custom .navbar-nav > li:first-child > a {
   	 border-left: 0px solid white !important;
		color: #333333;
	}

}
@media  (max-width: 1440px) {

}

.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(1) {
background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url("/static/szerkezet/reszek/kalkulator-hatterkep.jpg");
background-position: center center;
background-size: cover;
background-attachment: fixed;
padding-top: 30px;
padding-bottom: 30px;
/*font-size: 40pt;*/
color: white;
font-family: 'ralewaybold';
/*text-align: center;*/
}

.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(1) .form-control {
display:inline !important;
width:auto !important;

}

.row-fluid .container-fluid:nth-of-type(3) .row:nth-of-type(1) h2 {
	font-size: 30pt;
	color: #ffc000 !important;
}