body,
html {
    min-height: 100%;
    height: 100%
}

body {
    padding: 0;
    margin: 0;
    cursor: default;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 100%
}

.telefonDiv {
	font: 600 15px/18px 'Roboto Condensed';
	padding: 19px 40px 0 9px;
}

.toLeft {
    float: left
}

.toRight {
    float: right
}

.toCenter {
    width: 100%;
    max-width: 1176px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.toCenter.longer {
    max-width: 1200px
}

.clear {
    clear: both
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

:first-child+html .clearfix,
* html .clearfix {
    zoom: 1
}

* {
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none;
    border: solid 0px transparent;
    cursor: pointer;	
}

img {
    border: solid 0px transparent
}

input,
textarea {
    border: 0px solid transparent;
    background: transparent;
    outline: none;
    resize: none
}

button {
    border: none;
    outline: none
}

textarea {
    overflow: hidden
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;	
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

header#mainHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

header#mainHeader.moved .leftSide,
header#mainHeader.moved .rightSide {
    -moz-box-shadow: 0 0 5px #242424;
    -webkit-box-shadow: 0 0 5px #242424;
    box-shadow: 0 0 5px #242424
}

header#mainHeader .cell {
    height: 71px
}

header#mainHeader .leftSide {
    background-color: #fff;
	/*background-color: #f7ebe0;*/
	
	
}

header#mainHeader .space {
    width: 7px
}

header#mainHeader .leftSide,
header#mainHeader rightSide {
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

header#mainHeader .rightSide {
    width: 586px;
    background-color: #242424;
    padding: 25px 0 0 21px
}

header#mainHeader .rightSideNarrow {
    /*width: 586px;*/
	width: 386px;
    background-color: #242424;
    padding: 25px 0 0 21px;
	 -moz-box-shadow: 0 0 5px #242424;
    -webkit-box-shadow: 0 0 5px #242424;
    box-shadow: 0 0 5px #242424;
	
}

header#mainHeader .logo {
    margin: 8px 27px 0 0
}

header#mainHeader .pictogram {
    width: 21px;
    height: 21px;
    background-position: 0 0
}

header#mainHeader .myMenu {
    padding: 2px 0 0 12px
}

header#mainHeader .myMenu a {
    font: 400 13px/18px 'Roboto Condensed';
    color: #fff;
    display: block;
    position: relative;
    text-transform: uppercase
}

header#mainHeader .myMenu a span {
    color: #f25822
}

header#mainHeader .myMenu a:after {
    padding: 0 10px;
    content: "|"
}

header#mainHeader .myMenu .toLeft:last-child a:after {
    display: none
}

header#mainHeader .myMenu .number {
    background-color: #f25822;
    width: 18px;
    height: 18px;
    position: absolute;
    top: -11px;
    right: 15px;
    text-align: center;
    line-height: 18px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    background-clip: padding-box
}

header#mainHeader .loginMenu {
    padding: 1px 0 0 28px
}

header#mainHeader .loginMenu a {
    font: 400 13px/20px 'Roboto Condensed';
    color: #fff;
    display: block;
    position: relative;
    text-transform: uppercase;
	text-decoration:none;
}

header#mainHeader .loginMenu .toLeft {
    margin: 0 17px 0 0;
    position: relative
}

header#mainHeader .loginMenu .toLeft:last-child {
    margin-right: 0
}

header#mainHeader .loginMenu .toLeft>a {
    border-bottom: solid 5px transparent
}

header#mainHeader .loginMenu .toLeft>a:hover {
    color: #f25822;
    border-bottom-color: #f25822
}

header#mainHeader .loginMenu .toLeft:hover .dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

header#mainHeader .loginMenu .dropdown {
    position: absolute;
    padding: 10px 0 0;
    top: 25px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms;
    -ms-transform: translate(-50%, 20px);
    -webkit-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px)
}

header#mainHeader .loginMenu .dropdown .table {
    width: auto;
    padding: 0 7px;
    background-color: #f25822;
    position: relative
}

header#mainHeader .loginMenu .dropdown .table:before {
    content: "";
    position: absolute;
    top: -6px;
    width: 0;
    left: 50%;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-color: transparent transparent #f25822 transparent
}

header#mainHeader .loginMenu .dropdown .cell {
    position: relative;
    height: auto;
    vertical-align: top
}

header#mainHeader .loginMenu .dropdown .cell:after {
    right: -2px;
    content: "|";
    position: absolute;
    top: -1px;
    color: #242424;
    line-height: 38px;
    font-size: 15px
}

header#mainHeader .loginMenu .dropdown .cell:last-child:after {
    display: none
}

header#mainHeader .loginMenu .dropdown a {
    opacity: 1;
    padding: 0 11px;
    line-height: 38px;
    font-size: 15px;
    display: inline-block;
    color: #242424;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

header#mainHeader .loginMenu .dropdown a:hover {
    opacity: .7
}

header#mainHeader .socials {
    padding: 0 18px 0 0;
    margin: -2px 0 0
}

nav#mainNav {
    position: relative;
    padding: 27px 40px 0 9px
}

nav#mainNav a {
    font: 400 15px/18px 'Roboto Condensed';
    text-transform: uppercase;
    color: #282828;
	text-decoration:none;
}

nav#mainNav li {
    padding: 0 0 0 20px
}

nav#mainNav:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 2px;
    height: 40px;
    /*background-color: #2a6ba5;*/
	background-color: black;
}

nav#mainNav .line {
    display: none;
    position: absolute;
    top: 46px;
    width: 60px;
    height: 5px;
    left: 0;
    background-color: #f25822
	/*background-color: #aa4f10;*/
}

nav#mainNav .line.loaded {
    display: block;
    transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms
}

.mNavOpen {
    width: 36px;
    height: 28px;
    cursor: pointer;
    position: relative;
    display: none;
    margin: 21px 20px 0 0
}

.mNavOpen span {
    position: absolute;
    display: block;
    height: 4px;
    width: 100%;
    background-color: #f25822;
    transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms
}

.mNavOpen span:first-child {
    top: 0
}

.mNavOpen span:nth-child(2) {
    top: 12px
}

.mNavOpen span:nth-child(3) {
    bottom: 0
}

.mNavOpen.clicked span {
    background-color: #f25822
}

.mNavOpen.clicked span:first-child {
    top: 12px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mNavOpen.clicked span:nth-child(2) {
    opacity: 0
}

.mNavOpen.clicked span:nth-child(3) {
    bottom: 12px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mNavOpen:hover span {
    background-color: #f25822
}

.mobileNav {
    position: fixed;
    left: -260px;
    top: 0;
    background-color: #fff;
    width: 250px;
    z-index: 30;
    height: 100%;
    padding: 80px 5px 0;
    -moz-box-shadow: 0 0 5px #242424;
    -webkit-box-shadow: 0 0 5px #242424;
    box-shadow: 0 0 5px #242424;
    font: 400 18px/30px 'Roboto Condensed';
    text-transform: uppercase;
    transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms;
    overflow: scroll;
    opacity: 0;
    text-align: center
}

.mobileNav .number {
    background-color: #f25822;
    width: 18px;
    height: 18px;
    position: absolute;
    top: -11px;
    right: 15px;
    text-align: center;
    line-height: 18px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    background-clip: padding-box
}

.mobileNav ul {
    margin: 0 0 20px
}

.mobileNav ul.forUser {
    display: none
}

.mobileNav .active a {
    color: #f25822
}

.mobileNav a {
    background-color: #dcdcdc;
    margin: 0 0 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-clip: padding-box;
    display: block;
    position: relative;
    color: #242424;
    transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms
}

.mobileNav a:hover {
    background-color: #f25822;
    color: #fff
}

.mobileNav a:hover span {
    color: #fff
}

.mobileNav a span {
    color: #f25822;
    transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms
}

.mobileNav.clicked {
    left: 0;
    opacity: 1
}

.sprite {
    background: url("../images/sprite.png") no-repeat 0 0
}

.table {
    display: table;
    width: 100%
}

.table>.cell {
    display: table-cell;
    vertical-align: top
}

#hero {
    position: relative;
    z-index: 1
}

#hero img {
    display: block;    
	width: 100%; 
	height: auto; 
	/*min-height: 200px;*/
	
}

#hero .menuName {
    position: absolute;
    bottom: 85px;
    background-color: #f25822;
    padding: 0 32px;
    color: #fff;
    text-transform: uppercase;
    font: 600 36px/75px 'Roboto Condensed'
}

#hero .menuName.lower {
    bottom: 55px
}

.service_demonstration_text {
	float: left;
	margin-left: 40px;
	#padding: 0 0 10px;
	font: 300 14px/21px 'Roboto Condensed';
	#text-transform: uppercase;
	color: #242424;
}

.orangeSection {
    position: relative;
    z-index: 2;
    background-color: #f25822;
    background: -webkit-linear-gradient(top, #f25822, #ff3600);
    background: -o-linear-gradient(top, #f25822, #ff3600);
    background: -moz-linear-gradient(top, #f25822, #ff3600);
    background: -webkit-gradient(linear, left top, left bottom, from(#f25822), to(#ff3600));
    background: linear-gradient(top, #f25822, #ff3600)
}

.orangeSection .title {
    position: absolute;
    top: -44px;
    background-color: #f25822;
    display: inline-block;
    padding: 0 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font: 600 30px/44px 'Roboto Condensed'
}

.orangeSection .title2 {
    position: absolute;
    top: 20px;
    background-color: #F74913;
    display: inline-block;
    padding: 0 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font: 600 30px/44px 'Roboto Condensed'
}

.socials a {
    width: 22px;
    height: 21px;
    opacity: 1;
    margin: 0 0 0 10px;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.socials a.ico01 {
    background-position: 0 -22px
}

.socials a.ico02 {
    background-position: 0 -42px
}

.socials a.ico03 {
    background-position: 0 -63px
}

.socials a:hover {
    opacity: .7
}

main {
    position: relative
}

main .toCenter {
    z-index: 1
}

main .photo {
    position: absolute;
    z-index: 0;
    bottom: 0
}

main .photo.left {
    left: 0
}

main .photo.right {
    right: 0
}

main .photo img {
    display: block;
    max-width: 100%
}

.circles {
	/*margin-top: 20px;*/
    padding: 22px 0 12px 0;	
    text-align: center;
}

.circles .circle {
    border: solid 5px #fff;
    width: 98px;
    height: 98px;
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    background-clip: padding-box
}

.circles .circle div.icon01 {
    margin: 13px auto 0;
    width: 62px;
    height: 60px;
    background-position: -89px 0
}

.circles .circle div.icon02 {
    margin: 16px auto 0;
    width: 62px;
    height: 53px;
    background-position: -25px 0
}

.circles .circle div.icon03 {
    margin: 10px auto 0;
    width: 67px;
    height: 67px;
    background-position: -22px -56px
}

.circles .circle div.icon04 {
    margin: 11px auto 0;
    width: 46px;
    height: 64px;
    background-position: -153px -1px
}

.circles .oneCircle {
    width: 250px;
    display: inline-block
}

.circles .oneCircle2 {
    /*width: 150px;*/
	width: 200px;
    display: inline-block;	
	margin-right: 40px;
}

.circles .oneCircle3 {
    width: 230px;
    display: inline-block
}

.circles h5 {
    padding: 7px 0 0;
    color: #fff;
    text-transform: uppercase;
    font: 600 14px/18px 'Roboto Condensed'
	
}

.topSpace {
    height: 50px
}

.topSpace_szolgaltatoreg {
    margin-top: 100px
}


.pageTitle {
    padding: 0 0 10px;
    font: 600 25px/35px 'Roboto Condensed';
    text-transform: uppercase;
    color: #f25822;
    margin: 0 0 18px;
}

.pageTitle.withBorder {
    border-bottom: solid 3px #dcdcdc
}

.pageTitle span {
    color: #242424
}

.pageTitle.noBottomSpace {
    padding-bottom: 0;
    margin-bottom: 0
}

.pageText {
    padding: 0 0 10px;
    font: 600 20px/30px 'Roboto Condensed';
    text-transform: uppercase;
    color: #242424;
    margin: 0 0 18px;
}

.helpBox {
    background-color: #d1c9b4;
    min-height: 209px
}

.helpBox img {
    position: absolute;
    display: block;
    top: 0
}

.helpBox img.left {
    left: 90px
}

.helpBox img.right {
    top: 45px;
    right: 34px
}

.helpBox .text {
    padding: 0 0 0 220px;
    position: relative;
    z-index: 10;
    color: #2b2929;
    text-align: center;
    text-transform: uppercase
}

.helpBox .text.upper h4 {
    padding-top: 40px;
    line-height: 30px
}

.helpBox h4 {
    padding: 70px 0 0;
    font: 600 28px/28px 'Roboto Condensed';
    margin-bottom: 10px;
}

.helpBox p {
    letter-spacing: -0.5px;
    color: #f25822;
    font: 600 28px/28px 'Roboto Condensed'
}

.helpBox .submit {
    cursor: pointer;
    color: #fff;
    background-color: #f25822;
    padding: 0 47px;
    font: 600 18px/45px 'Roboto Condensed';
    opacity: 1;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.helpBox .submit:hover {
    opacity: .7
}

.helpBox .selects {
    position: relative;
    z-index: 10;
    padding: 25px 0 0 220px
}

.mainTitle {
    padding: 33px 0 0;
    color: #000;
    text-align: center;
    text-transform: uppercase
}

.mainTitle h2 {
    font: 600 30px/32px 'Roboto Condensed'
}

.mainTitle h2 span {
    color: #000
}

.mainTitle p {
    font: 600 18px/20px 'Roboto Condensed'
}

.selects {
    display: table;
    margin: 0 auto 60px
}

.selects .oneSelect {
    display: inline-block;
    width: 222px;
    padding: 0 20px
}

.selects .text {
    padding: 30px 0 5px;
    text-transform: uppercase;
    color: #2b2929;
    font: 600 18px/20px 'Roboto Condensed';
    text-align: center
}

.categoryList {
    font-size: 0
}

.categoryList.col04 .oneItem {
    width: 23%;
    margin-right: 2.666%
}

.categoryList.col04 .oneItem:nth-child(4n) {
    margin-right: 0
}

.categoryList.col03 .oneItem {
    width: 31.5%;
    margin-right: 2.75%
}

.categoryList.col03 .oneItem:nth-child(3n) {
    margin-right: 0
}

.categoryList .oneItem {
    margin-bottom: 24px;
    display: inline-block
}

.categoryList .oneItem img {
    width: 100%;
    display: block
}

.categoryList .image {
    position: relative
}

.categoryList .partner {
    top: 5px;
    left: -10px;
    text-transform: uppercase;
    position: absolute;
    background-color: #f25822;
    padding: 2px 20px 0 13px;
    color: #fff;
    letter-spacing: 0.2px;
    font: 15px/22px 'Roboto Condensed'
}

.categoryList .partner:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 6px;
    width: 11px;
    height: 11px;
    background: url("../images/sprite.png") no-repeat -37px -129px
}

.categoryList h4 {
    text-transform: uppercase;
    color: #f25822;
    font: 600 16px/18px 'Roboto Condensed';
    padding: 5px 0
}

.categoryList p {
    /*text-transform: uppercase;*/
	position: relative;
	left: -5px;
    color: #2b2929;
    font: 15px/17px 'Roboto Condensed'
}

.categoryList .price {
    padding: 8px 0 0;
    color: #2b2929;
    font: 600 18px/20px 'Roboto Condensed'
}

.categoryList .price span {
    color: #f25822
}

.categoryList .buttons {
    padding: 12px 0 0
}

.categoryList .buttons a {
    position: relative;
    display: block;
    padding: 0 13px 0 30px;
    color: #fff;
    background-color: #f25822;
    font: 600 11px/28px 'Roboto Condensed';
    opacity: 1;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.categoryList .buttons a:before {
    content: "";
    position: absolute;
    background: url("../images/sprite.png") no-repeat
}

.categoryList .buttons a.addToList:before {
    top: 5px;
    left: 6px;
    width: 17px;
    height: 17px;
    background-position: -37px -146px
}

.categoryList .buttons a.addToFav:before {
    top: 6px;
    left: 5px;
    width: 21px;
    height: 16px;
    background-position: -50px -129px
}

.categoryList .buttons a:hover {
    opacity: .7
}

.categoryList .showAll {
    color: #fff;
    background-color: #f25822;
    padding: 0 55px;
    text-transform: uppercase;
    display: table;
    /*margin: 26px auto 55px;*/
	margin: 0px auto 0px;
    font: 600 18px/40px 'Roboto Condensed';
    opacity: 1;
    cursor: pointer;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.categoryList .showAll:hover {
    opacity: .7
}

.bottomSpace {
    /*height: 93px*/
	height: 200px
}

main .texts {
    padding: 53px 0 490px;
    color: #242424
}

main .texts h2 {
    font: 600 30px/34px 'Roboto Condensed';
    text-transform: uppercase;
    color: #f25822;
    padding: 0 0 42px
}

main .texts h2 span {
    color: #242424
}

main .texts p {
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    padding: 0 0 23px
}

#map {
    padding: 0 0 390px
}

#map>div {
    height: 498px
}

.contact {
    margin: 0 0 32px;
    color: #282828;
    padding: 15px 0 0
}

.contact .cell {
    vertical-align: middle
}

.contact .cell:first-child {
    padding: 25px 0 0;
    text-align: center;
    width: 430px;
    border-right: solid 4px #dcdcdc
}

.contact .cell:last-child {
    padding: 0 40px
}

.contact img {
    max-width: 100%;
    display: block
}

.contact h3 {
    font: 600 30px/40px 'Roboto Condensed'
}

.contact p {
    padding: 5px 0 0;
    font: 400 18px/20px 'Roboto Condensed'
}

.contact .data {
    padding: 50px 0;
    display: inline-block;
    text-align: left;
    font: 400 18px/28px 'Roboto Condensed'
}

.contact .data span {
    width: 30px;
    display: inline-block
}

.pageHeader {
    padding: 10px 0 25px;
    color: #242424
}

.pageHeader h3 {
    padding: 0 0 18px;
    font: 600 20px/24px 'Roboto Condensed'
}

.pageHeader h3 span {
    color: #f25822
}

.pageHeader p {
    font: 20px/22px 'Roboto Condensed';
    text-align: justify
}

.pageHeader span {
    /*font: 20px/22px 'Roboto Condensed';*/
    color: #f25822
}

.pageHeader p span {
    /*font: 20px/22px 'Roboto Condensed';*/
    color: #f25822
}

.pageHeader .marker {
	color: #f25822
}

.pageHeader_admin {
    padding: 10px 0 25px;
    color: #242424
}

.pageHeader_admin h3 {
    padding: 0 0 18px;
    font: 600 20px/24px 'Roboto Condensed'
}

.pageHeader_admin h3 span {
    color: #f25822
}

.pageHeader_admin p {
    font: 30px/32px 'Roboto Condensed';
    text-align: justify
}

.pageHeader_admin span {
    /*font: 20px/22px 'Roboto Condensed';*/
    color: #f25822
}

.pageHeader_admin p span {
    /*font: 20px/22px 'Roboto Condensed';*/
    color: #f25822
}

.pageHeader_admin .marker {
	color: #f25822
}


.siteText p {
	font: 20px/22px 'Roboto Condensed';
    text-align: justify
}

.siteText span {
	color: #f25822
}

.siteText p span {
	color: #f25822
}




.menuSelect {
    padding: 12px 0;
    border-top: solid 3px #d5d5d5;
    border-bottom: solid 3px #d5d5d5;
    font: 600 18px/20px 'Roboto Condensed';
    text-transform: uppercase;
    color: #242424
}

.menuSelect .text {
    display: inline-block;
    color: #242424;
    opacity: 1;
    cursor: pointer;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.menuSelect .text:hover {
    color: #f25822;
    opacity: .7
}

.menuSelect li {
    padding: 0 13px 0 0
}

.menuSelect li:after {
    padding: 0 0 0 13px;
    position: relative;
    content: "|";
    font-weight: 400
}

.menuSelect li:last-child:after {
    display: none
}

.menuSelect li.active .text {
    color: #f25822
}

.emails {
    display: none;
    padding: 28px 0 425px
}

.emails .oneEmail {
    padding: 11px 0;
    border-bottom: solid 3px #d5d5d5
}

.emails .oneEmail:first-child {
    border-top: solid 3px #d5d5d5
}

.emails .top {
    position: relative
}

.emails .title {
    text-transform: uppercase;
    color: #242424;
    font: 600 30px/34px 'Roboto Condensed';
    padding: 0 170px 0 0
}

.emails .title span {
    color: #f25822
}

.emails .action {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 0;
    text-transform: uppercase;
    color: #f25822;
    font: 600 24px/34px 'Roboto Condensed';
    opacity: 1;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.emails .action:hover {
    opacity: .7
}

.discussions {
    display: none
}

.discussions .contents {
    padding: 15px 0
}

.discussions .oneDiscussion {
    margin: 0 0 20px
}

.discussions .oneDiscussion .content {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-clip: padding-box;
    padding: 15px 20px 25px
}

.discussions .oneDiscussion.orange {
    padding: 0 33px 0 0
}

.discussions .oneDiscussion.orange .content {
    background-color: #f25822;
    color: #fff
}

.discussions .oneDiscussion.gray {
    padding: 0 0 0 33px
}

.discussions .oneDiscussion.gray .content {
    background-color: #e9e9e9;
    color: #242424
}

.discussions p {
    font-size: 16px;
    line-height: 19px;
    text-align: justify
}

.discussions h3 {
    text-transform: uppercase;
    padding: 0 0 15px;
    color: #484848;
    font: 600 18px/20px 'Roboto Condensed'
}

.discussions textarea {
    color: #242424;
    background-color: #fff;
    width: 100%;
    display: block;
    border: solid 2px #f25822;
    min-height: 108px;
	height: auto;
    padding: 10px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-clip: padding-box;
    font: 400 16px/19px 'Roboto';
    margin: 0 0 15px
}

.discussions .submit {
    cursor: pointer;
    padding: 0 45px;
    color: #fff;
    background-color: #f25822;
    opacity: 1;
    text-transform: uppercase;
    font: 600 24px/40px 'Roboto Condensed';
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.discussions .submit:hover {
    opacity: .7
}

.myList {
    padding: 20px 0 335px
}

.myList .oneCategory {
    padding: 20px 0 10px;
    border-bottom: solid 3px #d5d5d5
}

.myList .oneCategory:first-child {
    padding-top: 0
}

.myList h3 {
    color: #242424;
    text-transform: uppercase;
    font: 600 30px/40px 'Roboto Condensed'
}

.myList h3 span {
    color: #f25822
}

.myList .theList {
    padding: 28px 0 0;
    font-size: 0;
    /*text-transform: uppercase*/
}

.myList .oneItem {
    display: inline-block;
    width: 23%;
    margin: 0 2.666% 20px 0;
    vertical-align: top
}

.myList .oneItem:nth-child(4n) {
    margin-right: 0
}

.myList .oneItem.add {
    padding: 70px 0 0;
    border: solid 2px #f25822;
    min-height: 288px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-clip: padding-box;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.myList .oneItem.add:hover {
    background-color: #f25822
}

.myList .oneItem.add:hover .icon,
.myList .oneItem.add:hover .text {
    color: #fff
}

.myList img {
    display: block;
    width: 100%
}

.myList h4 {
    padding: 5px 0;
    color: #f25822;
    /*font: 600 14px/20px 'Roboto Condensed';*/
    font: 600 16px/18px 'Roboto Condensed'; 
	text-transform: uppercase;

}

.myList p {
    /*color: #242424;*/
    /*font: 11px/12px 'Roboto Condensed'*/	
    position: relative;
    left: -5px;
    color: #2b2929;
    font: 15px/17px 'Roboto Condensed';

}

.myList .icon {
    font-size: 120px;
    line-height: 100px;
    color: #f25822;
    font-weight: 300;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.myList .text {
    color: #f25822;
    text-transform: none;
    font: 18px/20px 'Roboto Condensed';
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.myList .image {
    position: relative
}

.myList .image .delete {
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background-color: #f25822;
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    cursor: pointer;
    opacity: 1;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.myList .image .delete:hover {
    opacity: .7
}

.offer {
    padding: 43px 0 0
}

.offer h3 {
    padding: 0 0 8px;
    border-bottom: solid 13px #f25822
}

.offer .dateSelect {
    padding: 35px 0 24px 2px
}

.offer .dateSelect .text {
    padding: 5px 15px 0 8px
}

.offer .icon {
    width: 32px;
    height: 32px;
    background-position: 0 -142px
}

.offer .text,
.offer label {
    display: inline-block;
    padding: 0 0 2px;
    text-transform: uppercase;
    color: #353535;
    font: 600 18px/26px 'Roboto Condensed'
}

.offer textarea {
    display: block;
    height: 255px;
    border: solid 2px #f25822;
    padding: 10px;
    color: #242424;
    width: 100%;
    font: 16px/20px 'Roboto Condensed'
}

.offer .submit {
    cursor: pointer;
    padding: 0 22px;
    color: #fff;
    background-color: #f25822;
    opacity: 1;
    display: table;
    margin: 40px auto 0;
    text-transform: uppercase;
    font: 600 24px/40px 'Roboto Condensed';
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.offer .submit:hover {
    opacity: .7
}

.topLink {
    padding: 10px 0 0;
    text-align: center
}

.topLink a {
    color: #fff;
    display: inline-block;
    padding: 0 33px;
    text-transform: uppercase;
    font: 600 24px/44px 'Roboto Condensed';
    background-color: #f25822;
    opacity: 1;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.topLink a:hover {
    opacity: .7
}

.theInputs {
    display: table;
    margin: 0 auto;
    padding: 40px 0 150px;
    width: 940px
}

.theInputs p {
	font: 20px/22px 'Roboto Condensed';
    text-align: center;
    /*text-transform: uppercase;
    font: 14px/16px 'Roboto Condensed';
    color: #242424;
    text-align: justify
	*/
}

.theInputs .text,
.theInputs label {
    color: #242424;
    display: inline-block;
    vertical-align: top;
    font: 600 18px/20px 'Roboto Condensed'
}

.theInputs .text a,
.theInputs label a {
    color: #f25822;
    text-decoration: underline
}

.theInputs .cols {
    padding: 0 0 25px
}

.theInputs .col {
    width: 50%
}

.theInputs .col:first-child {
    padding: 0 20px 0 0
}

.theInputs .col:last-child {
    padding: 0 0 0 20px
}

.theInputs .col label {
    text-transform: uppercase;
    padding: 0 0 6px 1px
}

.theInputs .col input {
    display: block;
    width: 100%;
    /*height: 45px;*/
	height: 45px;
    padding: 0 10px;
    margin: 0 0 19px;
    border: solid 1px #b3b3b3;
    font-family: 'Roboto';
	font-size: 135%;
    color: #242424
}

.theInputs .col select {
    display: block;
    width: 100%;
    /*height: 45px;*/
	height: 45px;
    padding: 0 10px;
    margin: 0 0 19px;
    border: solid 1px #b3b3b3;
    font-family: 'Roboto';
	font-size: 135%;
    color: #242424
}


.theInputs .col input.error {
    border-color: #e40000!important
}

.theInputs .submit {
    color: #fff;
    display: table;
    cursor: pointer;
    padding: 0 40px;
    margin: 0 auto 40px;
    text-transform: uppercase;
    font: 600 24px/44px 'Roboto Condensed';
    background-color: #f25822;
    opacity: 1;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.theInputs .submit:hover {
    opacity: .7
}

.theInputs .checkboxes {
    display: table;
    margin: 0 auto 15px
}

.theInputs .checkboxes input {
    display: none
}

.theInputs .checkboxes input+span {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    width: 19px;
    height: 19px;
    border: solid 1px #b3b3b3;
    overflow: hidden
}

.theInputs .checkboxes input+span:after {
    content: "";
    display: block;
    width: 16px;
    height: 17px;
    left: -20px;
    position: absolute;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms;
    background: url("../images/sprite.png") no-repeat 0 -123px
}

.theInputs .checkboxes input:checked+span:after {
    left: 0
}

.theInputs .checkboxes input.error+span {
    border-color: #e40000!important
}

.theInputs .checkboxes .oneCheck {
    position: relative;
    padding: 0 0 10px 32px
}

.filter {
    padding: 10px 0 230px
}

.filter .filterPanel {
    width: 278px;
    padding: 0 18px 0 0
}

.filter .filterPanel .text {
    padding: 0 0 15px
}

.filter .categoryList {
    border-left: solid 4px #e7e7e7;
    padding: 0 0 0 26px;
    margin: 15px 0 0;
    position: relative
}

.filter .categoryList:after {
    content: "";
    position: absolute;
    left: -4px;
    bottom: 0;
    width: 4px;
    height: 20px;
    background-color: #fff
}

.filter .text {
    color: #2b2929;
    font: 16px/25px 'Roboto Condensed';
	font-weight: bold;
}

.filter .filterTitle {
    background-color: #f25822;
    color: #fff;
    padding: 0 7px;
    font: 16px/25px 'Roboto Condensed'
}

.filter .pagination {
    padding: 0 0 0 30px
}

.filter .pagination .text {
    padding: 0 10px 0 0
}

.filter .pagination ul {
    padding: 5px 0 0
}

.filter .pagination li {
    border-left: solid 1px #787778
}

.filter .pagination li:first-child {
    border-left-color: #2c2c2c
}

.filter .pagination .active a {
    color: #f25822
}

.filter .pagination a {
    padding: 0 4px;
    color: #282828;
    font: 15px/13px 'Roboto Condensed';
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.filter .pagination a:hover {
    color: #f25822
}

.filter .order .text {
    padding: 0 10px 0 0
}

.filter .checkboxes {
    padding: 14px 0 12px
}

.filter .oneCheckbox {
    position: relative;
    color: #2b2929;
    margin: 0 0 6px
}

.filter .oneCheckbox span {
    font: 15px/17px 'Roboto Condensed'
}

.filter .oneCheckbox label {
    position: relative;
    display: block;
    padding: 0 0 0 32px
}

.filter .oneCheckbox input {
    display: none
}

.filter .oneCheckbox input+span {
    cursor: pointer;
    display: block;
    position: absolute;
    overflow: hidden;
    left: 6px;
    width: 17px;
    height: 17px;
    background-color: #fff;
    -moz-box-shadow: inset 0 0 0 2px #f25822;
    -webkit-box-shadow: inset 0 0 0 2px #f25822;
    box-shadow: inset 0 0 0 2px #f25822;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    background-clip: padding-box;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.filter .oneCheckbox input:checked+span {
    background-color: #f25822
}

.filter .oneCheckbox input:checked+span+span {
    text-shadow: 0 0 1px #2b2929
}

.heroText {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 71px 0 0;
    font: 600 72px/60px 'Roboto Condensed';
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.heroText2 {
     position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
#    text-transform: uppercase;
    text-align: center;
	
    color: #fff;
    padding: 71px 0 0;
    font: 600 31px/30px 'Roboto Condensed';
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.county {
    display: none;
    padding: 0 12px 0 6px
}

.county .text {
    font-weight: 600;
    padding: 0 0 1px!important
}

.county .addCounty {
    cursor: pointer;
    padding: 10px 0 0;
    color: #f25822;
    display: table;
    font: 600 15px/20px 'Roboto Condensed';
    opacity: 1;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.county .addCounty:hover {
    opacity: .7
}

.county .model {
    display: none
}

.bigPrice {
    color: #f25822;
    text-align: center;
    font: 600 48px/50px 'Roboto Condensed';
    padding: 0 0 80px;
    text-transform: uppercase
}

.rateLine {
    background-color: #333;
    padding: 29px 0
}

.rateLine .buttons a {
    background-color: #f25822;
    color: #fff;
    font: 600 18px/48px 'Roboto Condensed';
    display: block;
    padding: 0 22px 0 63px;
    margin: 0 25px 0 0;
    position: relative;
    opacity: 1;
    transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms
}

.rateLine .buttons a:hover {
    opacity: .7
}

.rateLine .buttons a:before {
    position: absolute;
    content: "";
    background: url("../images/sprite.png") no-repeat 0 0
}

.rateLine .buttons a.addToList:before {
    width: 29px;
    height: 29px;
    top: 9px;
    left: 23px;
    background-position: -72px -129px
}

.rateLine .buttons a.addToFav:before {
    width: 35px;
    height: 27px;
    top: 11px;
    left: 17px;
    background-position: -91px -98px
}

.rateLine .rate {
    color: #fff
}

.rateLine .rate .count,
.rateLine .rate .text {
    font: 600 18px/48px 'Roboto Condensed'
}

.rateLine .rate .count {
    font-size: 14px;
    font-weight: 400
}

.rateLine .rate .stars {
    margin: 6px 12px 0 19px;
    width: 298px;
    height: 28px;
    background-position: -1px -176px;
    position: relative
}

.rateLine .rate .stars:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 28px;
    background: url("../images/sprite.png") no-repeat -1px -210px
}

.rateLine .rate .stars.stars-1 {
    background-position: 29px -186px
}

.rateLine .rate .stars.stars-1:before {
    width: 28px
}

.rateLine .rate .stars.stars-2 {
    background-position: 59px -176px
}

.rateLine .rate .stars.stars-2:before {
    width: 58px
}

.rateLine .rate .stars.stars-3 {
    background-position: 89px -176px
}

.rateLine .rate .stars.stars-3:before {
    width: 88px
}

.rateLine .rate .stars.stars-4 {
    background-position: 119px -176px
}

.rateLine .rate .stars.stars-4:before {
    width: 118px
}

.rateLine .rate .stars.stars-5 {
    background-position: 149px -176px
}

.rateLine .rate .stars.stars-5:before {
    width: 148px
}

.rateLine .rate .stars.stars-6 {
    background-position: 179px -176px
}

.rateLine .rate .stars.stars-6:before {
    width: 178px
}

.rateLine .rate .stars.stars-7 {
    background-position: 209px -176px
}

.rateLine .rate .stars.stars-7:before {
    width: 208px
}

.rateLine .rate .stars.stars-8 {
    background-position: 239px -176px
}

.rateLine .rate .stars.stars-8:before {
    width: 238px
}

.rateLine .rate .stars.stars-9 {
    background-position: 269px -176px
}

.rateLine .rate .stars.stars-9:before {
    width: 268px
}

.rateLine .rate .stars.stars-10 {
    background-position: 299px -176px;
    background: none
}

.rateLine .rate .stars.stars-10:before {
    width: 298px
}

.regularText {
    padding: 10px 0 40px
}

.regularText img {
    display: block;
    width: 100%;
    margin: 0 0 40px
}

.regularText p {
    text-transform: uppercase;
    font: 14px/16px 'Roboto Condensed';
    color: #555752
}

.dataTable {    
    width: 100%;
    margin: 0 0px 35px;
    color: #555752;
    font: 14px/24px 'Roboto Condensed';
    /*text-transform: uppercase*/
}

.dataTable>.cell {
    /*padding: 0 11px;*/
	padding: 0 0px;
    width: 245px;	
}

.dataTable>.cell2 {
    /*padding: 0 11px;*/
	padding: 0 0px;
    width: 245px;
	
}

.dataTable .oneLine {
    padding: 0 6px
}

.dataTable .oneLine:nth-child(odd) {
    /*background-color: #ebebeb*/
}

.dataTable .oneLine .cell:first-child {
    font-weight: 600;
	text-transform: uppercase;
}

.dataTable .oneLine .cell:last-child {
    width: 36px
}



footer#mainFooter {
    /*background-color: #2b2929;*/
	background-color: black;
    padding: 67px 0 56px;
    font-size: 13px
}

footer#mainFooter .socials {
    padding: 22px 0
}

footer#mainFooter .socials a {
    margin: 0 15px 0 0;
    width: 29px;
    height: 29px
}

footer#mainFooter .socials a.ico01 {
    background-position: -91px -67px
}

footer#mainFooter .socials a.ico02 {
    width: 34px;
    background-position: -123px -67px
}

footer#mainFooter .socials a.ico03 {
    background-position: -158px -67px
}

footer#mainFooter .cell {
    vertical-align: middle
}

footer#mainFooter .leftSide {
#    padding: 0 27px;
    width: 410px
}

footer#mainFooter .leftSide img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

footer#mainFooter .rightSide {
    padding: 4px 0 2px 30px;
    border-left: solid 4px #666
}

footer#mainFooter p {
    color: #fff;
    font-size: 13px;
    line-height: 17px
}

nav#footerNav a {
    color: #fff;
    text-transform: uppercase
}

nav#footerNav a:hover {
    text-decoration: underline
}

nav#footerNav li {
    margin: 0 19px 0 0
}

nav#footerNav li:last-child {
    margin: 0
}

#impressumslogen {
	font: 20px/22px 'Roboto Condensed';
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	color: white;
	text-align: center;
}

.theInputs .select2 {
    margin: 0 0 19px
}

.theInputs .select2-container--default .select2-selection--single {
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    border-color: #b3b3b3
}

.theInputs .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    color: #242424;
    padding-left: 10px;
    font-family: 'Roboto';
	font-size: 135%;
}

.theInputs .select2-container .select2-selection--single {
    height: 45px
}

.theInputs .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: #f25822;
    height: 43px;
    width: 34px;
    border-left: solid 1px #b3b3b3
}

.theInputs .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 14px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: -8px;
    margin-top: -5px
}

.theInputs .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 8px 14px 8px;
    border-color: transparent transparent #ffffff transparent;
    margin-left: -8px;
    margin-top: -8px
}

.offer .select2,
.oneCounty .select2,
.order .select2,
.whiteSelects .select2 {
    margin: 4px 0 0;
    width: 200px
}

.offer .select2-container--default .select2-selection--single,
.oneCounty .select2-container--default .select2-selection--single,
.order .select2-container--default .select2-selection--single,
.whiteSelects .select2-container--default .select2-selection--single {
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    border-color: #b3b3b3
}

.offer .select2-container--default .select2-selection--single .select2-selection__rendered,
.oneCounty .select2-container--default .select2-selection--single .select2-selection__rendered,
.order .select2-container--default .select2-selection--single .select2-selection__rendered,
.whiteSelects .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #242424;
    padding-left: 10px;
    font: 15px/24px 'Roboto Condensed'
}

.offer .select2-container .select2-selection--single,
.oneCounty .select2-container .select2-selection--single,
.order .select2-container .select2-selection--single,
.whiteSelects .select2-container .select2-selection--single {
    height: 26px
}

.offer .select2-container--default .select2-selection--single .select2-selection__arrow,
.oneCounty .select2-container--default .select2-selection--single .select2-selection__arrow,
.order .select2-container--default .select2-selection--single .select2-selection__arrow,
.whiteSelects .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: #f25822;
    height: 25px;
    width: 25px;
    border-left: solid 1px #b3b3b3
}

.offer .select2-container--default .select2-selection--single .select2-selection__arrow b,
.oneCounty .select2-container--default .select2-selection--single .select2-selection__arrow b,
.order .select2-container--default .select2-selection--single .select2-selection__arrow b,
.whiteSelects .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    margin-left: -6px;
    margin-top: -4px
}

.offer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.oneCounty .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.order .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.whiteSelects .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
    margin-left: -6px;
    margin-top: -5px
}

.whiteSelects .select2 {
    margin: 4px 0 0;
    width: 100%
}

.whiteSelects .select2-container .select2-selection--single {
    height: 32px
}

.whiteSelects .select2-container--default .select2-selection--single {
    border-color: #7b7b7b
}

.whiteSelects .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #828282;
    padding-top: -5px;
    font: 18px/30px 'Roboto Condensed'
}

.whiteSelects .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: #fff;
    height: 30px;
    width: 29px;
    border-left: solid 1px #7b7b7b
}

.whiteSelects .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #f25822 transparent transparent transparent
}

.whiteSelects .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #f25822 transparent
}

.order .select2 {
    margin: 0;
    width: 158px
}

.oneCounty .select2 {
    margin: 0;
    width: 100%
}

.helpBox .long .select2 {
    width: 350px
}

.helpBox .normal .select2 {
    width: 150px;
    margin: 0 16px 0 0
}

.helpBox .select2 {
    margin: 0 12px 0 0;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12)
}

.helpBox .select2-container--default .select2-selection--single {
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    border: none
}

.helpBox .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #949494;
    padding-left: 15px;
    font: 600 18px/45px 'Roboto Condensed'
}

.helpBox .select2-container .select2-selection--single {
    height: 45px
}

.helpBox .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    width: 34px
}

.helpBox .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 8px 6px 0 6px;
    border-color: #f25822 transparent transparent transparent;
    margin-left: -6px;
    margin-top: -4px
}

.helpBox .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #f25822 transparent;
    margin-left: -6px;
    margin-top: -5px
}

@media only screen and (max-width:1379px) {
    main .photo {
        display: none
    }
    #map,
    .emails,
    .filter,
    .myList,
    .theInputs,
    main .texts {
        padding-bottom: 40px
    }
    header#mainHeader .socials {
        display: none
    }
    header#mainHeader .rightSide {
        width: 420px
    }
	

	
    nav#mainNav {
        padding-right: 10px
    }
    .bottomSpace {
        height: 0
    }
}

@media only screen and (max-width:1421px) {
    header#mainHeader .socials {
        display: none
    }
	
   	header#mainHeader .rightSideNarrow {
        width: 320px
    }
}

@media only screen and (max-width:1326px) {
	header#mainHeader .telefonDiv {
        display: none
    }
}


@media only screen and (min-width:1200px) {
    .mobileNav {
        display: none!important
    }
}

@media only screen and (max-width:1199px) {
    nav#mainNav {
        display: none
    }
    header#mainHeader .logo {
        float: left;
        margin-left: 10px;		
    }
		
	
    .categoryList .buttons a {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }
    .categoryList .buttons a:last-child {
        margin-bottom: 0
    }
    .helpBox img.left {
        left: 0
    }
    .helpBox img.right {
        right: 0
    }
    .helpBox .text {
        padding: 0
    }
    .helpBox .selects {
        padding-left: 0
    }
    .rateLine .buttons,
    .rateLine .rate {
        display: table;
        margin: 0 auto 30px;
        float: none
    }
    .rateLine .buttons a:last-child {
        margin-right: 0
    }
    .rateLine .rate {
        margin-bottom: 0
    }
    .rateLine {
        padding-bottom: 20px
    }
    .mNavOpen {
        display: block
    }
}

@media only screen and (max-width:979px) {
    header#mainHeader .rightSide,
    header#mainHeader .space {
        display: none!important
    }
    .mobileNav ul.forUser {
        display: block
    }
    .helpBox img {
        display: none
    }
   /* #hero {
        position: relative;
        overflow: hidden;
		width: 100%;
    }
    #hero img {
        height: 400px;
        width: auto;
        position: relative
    }
	*/
    .circles .oneCircle {
        margin-bottom: 12px
    }
    .circles {
        padding-bottom: 0
    }
    .whiteSelects .select2 {
        width: 100%!important
    }
    .selects .oneSelect {
        width: 100%
    }
    footer#mainFooter .cell {
        width: 100%;
        display: block
    }
    footer#mainFooter .rightSide {
        padding: 20px 0 0;
        border: 0
    }
    footer#mainFooter .socials {
        display: table;
        margin: 0 auto
    }
    nav#footerNav {
        text-align: center
    }
    nav#footerNav li {
        float: none;
        display: inline-block
    }
    nav#footerNav a {
        line-height: 20px
    }
    .myList .oneItem {
        width: 32%;
        margin-right: 2%
    }
    .myList .oneItem:nth-child(3n) {
        margin-right: 0
    }
    footer#mainFooter .socials a:last-child {
        margin-right: 0
    }
    #hero .menuName {
        font-size: 30px;
        line-height: 40px
    }
    .categoryList.col03 .oneItem {
        width: 49%;
        margin-right: 2%
    }
    .categoryList.col03 .oneItem:nth-child(2n) {
        margin-right: 0!important
    }
    .categoryList.col03 .oneItem:nth-child(3n) {
        margin-right: 2%
    }
    .order.toRight {
        float: none;
        clear: both;
        padding: 0 0 0 30px
    }
    .order .select2 {
        width: 100%!important
    }
    .filter .order .toLeft {
        width: 100%;
        float: none
    }
    .theInputs {
        width: 100%
    }
    .helpBox .selects {
        margin-bottom: 0
    }
}

@media only screen and (max-width:769px) {
    .myList .oneItem {
        width: 49%;
        margin-right: 2%
    }
    .myList .oneItem:nth-child(2n) {
        margin-right: 0
    }
    .myList .oneItem:nth-child(3n) {
        margin-right: 2%
    }
    .categoryList.col04 .oneItem {
        width: 49%;
        margin-right: 2%
    }
    .categoryList.col04 .oneItem:nth-child(2n) {
        margin-right: 0
    }
    .heroText {
        font-size: 40px;
        line-height: 50px
    }
    footer#mainFooter p {
        text-align: justify
    }
    .menuSelect li:after {
        display: none
    }
    .menuSelect li {
        float: none;
        margin: 10px auto;
        display: table
    }
    .emails .title {
        font-size: 26px;
        line-height: 30px
    }
    .rateLine .rate {
        display: none
    }
    .rateLine .buttons {
        width: 100%;
        margin-bottom: 0
    }
    .rateLine .buttons a {
        float: none;
        clear: both;
        width: 100%;
        display: block;
        margin: 0 0 10px
    }
    .helpBox .select2 {
        width: 100%!important;
        margin: 0!important
    }
    .helpBox .selects {
        width: 100%
    }
    .helpBox .selects .toLeft {
        margin: 0 0 10px;
        width: 100%;
        float: none;
        clear: both
    }
    .helpBox .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 15px
    }
    #hero .menuName {
        display: none
    }
    .filter .cell {
        display: block!important;
        width: 100%!important;
        padding: 0!important
    }
    .filter .oneCheckbox {
        display: inline-block
    }
    .filter .pagination {
        padding: 0
    }
    .filter .categoryList {
        padding: 0;
        border: 0
    }
    .county {
        padding: 0
    }
    .filter .cell.found {
        margin-top: 20px;
        padding: 20px 0!important;
        border-top: solid 4px #d5d5d5
    }
    .order.toRight {
        padding: 0 0 0 0
    }
    .filter .order .text {
        text-align: center
    }
    .filter .pagination {
        float: none;
        display: table;
        margin: 0 auto
    }
    .contact .cell:last-child {
        display: none
    }
    .contact .cell:first-child {
        border: 0
    }
    .theInputs .col {
        width: 100%;
        padding: 0!important
    }
    .theInputs .text,
    .theInputs label {
        vertical-align: top
    }
}

@media only screen and (max-width:660px) {
	header#mainHeader .logo_img {
		width: 100%;
	}
	header#mainHeader .logo {
       /* float: left;
        margin-left: 10px;
		margin-right: 0px;*/
		width: 40%;
    }
	header#mainHeader .rightSideNarrow {
         display: none;
    }
	



	
}

@media only screen and (max-width:559px) {
    .categoryList .showAll,
    .offer .submit,
    .theInputs .submit,
    .topLink a {
        width: 100%;
        text-align: center
    }
    .categoryList.col03 .oneItem,
    .categoryList.col04 .oneItem,
    .myList .oneItem {
        width: 100%;
        margin-right: 0%
    }
    .categoryList.col03 .oneItem:nth-child(2n),
    .categoryList.col04 .oneItem:nth-child(2n),
    .myList .oneItem:nth-child(2n) {
        margin-right: 0
    }
    .dateSelect .toLeft:last-child {
        float: none;
        clear: both;
        width: 100%;
        padding: 20px 0 0
    }
    .offer .select2 {
        width: 100%
    }
    .dataTable {
        display: block;
        width: 100%
    }
    .dataTable>.cell {
        width: 100%;
        padding: 0;
        display: block;
        margin: 0 0 20px
    }
    .dataTable>.cell:last-child {
        margin-bottom: 0
    }
    .bigPrice {
        padding: 20px 0;
        font-size: 40px
    }
    .heroText {
        font-size: 30px;
        line-height: 40px
    }
    .theInputs .text,
    .theInputs label {
        font-size: 16px
    }
}

@media only screen and (max-width: 1384px) {
  .heroText2 {
    display: none;
  }
}


@media only screen and (min-width: 1385px) {
  .heroText2 {
    display: block; /* vagy bármilyen más megfelelő érték */
  }
}

.disable{
pointer-events:none;
background:grey;
}


.read_more + [data-readmore-toggle] {
	text-decoration: none;	
    color: #f25822;
	font: 600 15px/25px 'Roboto Condensed';
}

.navtable {
	display: table;
}

.navtable-row {
	display: table-row;
	padding: 10px;
}

.navtable-cell {
	display: table-cell;
	padding: 10px;
	padding-left: 15px;
	
}



.sticky-container {
  background-color: #f25822;
  box-shadow: gray -1px 1px;
  padding-top: 10px;  /*$padding*/
  padding-left: 10px;    /*$padding*/
  padding-bottom: 10px;    /*$padding*/
  padding-right: 3px;
  position: fixed;
  top: 66%;
  right: 0px;
  width: 70px;
  height: auto;
  z-index: 9999;
  margin-top: -40px;   /* $buttons-height */
  text-align: center;
}
.sticky-container:hover {
  width: 350px;    /* $sticky-width */
}
.sticky-container a {
  padding: 0 !important;  
  display: block;
  text-align: left;
  height: 40px;    /* $buttons-height */
  width: 350px;    /* $sticky-width */
  padding: 8px 16px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}
.sticky-container a img {
  max-height: 100%;
}

.sticky-container-tajekoztatas {
  background-color: #f25822;
  box-shadow: gray -1px 1px;
  padding-top: 10px;  /*$padding*/
  padding-left: 10px;    /*$padding*/
  padding-bottom: 10px;    /*$padding*/
  padding-right: 3px;
  position: fixed;
  top: 33%;
  right: 0px;
  width: 200px;
  height: auto;
  z-index: 9999;
  margin-top: -40px;   /* $buttons-height */
  text-align: center;
}
.sticky-container-tajekoztatas:hover {
  width: 350px;    /* $sticky-width */
}
.sticky-container-tajekoztatas a {
  padding: 0 !important;  
  display: block;
  text-align: left;
  height: 40px;    /* $buttons-height */
  width: 350px;    /* $sticky-width */
  padding: 8px 16px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}
.sticky-container-tajekoztatas a img {
  max-height: 100%;
}

/*MBH button START*/
.sticky-container_mbh {
  background-color: white;
  /*box-shadow: gray -1px 1px;*/
  padding-top: 10px;  /*$padding*/
  padding-left: 10px;    /*$padding*/
  padding-bottom: 10px;    /*$padding*/
  padding-right: 3px;
  border: 4px solid #2f3162;
  
  position: fixed;
  top: 66%;
  left: 0px;
  width: 160px;
  height: auto;
  z-index: 9999;
  margin-top: -100px;   /* $buttons-height */
  text-align: center;
}

.sticky-container_mbh a {
  padding: 0 !important;  
  display: block;
  text-align: left;
  height: 80px;    /* $buttons-height */
  width: 160px;    /* $sticky-width */
  padding: 8px 16px;
  color: black;
  /*font-family: Arial, sans-serif;*/
  font-family: 17px/19px Roboto Condensed;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}
.sticky-container_mbh a img {
  max-height: 100%;
  width: 80%;  
  margin:0 auto;
}

/*MBH button END*/

/* Tájékoztatás panel START */

/* Panel alapstílusok */
.panel {
  position: fixed;
  left: -375px; /* Kezdetben elrejtve */
  top: 40%;
  transform: translateY(-50%);
  width: 375px;
  height: auto;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  transition: left 0.3s ease; /* Simán csúszik ki/be */
   z-index: 9999;
}

/* Panel nyitott állapotban */
.panel-open {
  left: 0; /* Kihúzódik jobbra */
}

/* Gomb stílusok */
#toggle-btn {
  position: absolute;
  right: -110px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background-color: #F25822;
  color: white;
  border: none;
  padding: 10px 40px;
  cursor: pointer;
  font: 24px/26px 'Roboto Condensed';
  text-align: justify;
}

#toggle-btn:hover {
  background-color: #a33c18; /* Hover hatás */
}

/* Panel tartalom stílusok */
.panel-content {
  padding: 20px;
  font: 15px/17px 'Roboto Condensed';
}

/* Mobil nézet: 991px-nél kisebb kijelzők */
@media only screen and (max-width: 991px) {
.panel {
  position: fixed;
  left: -300px; /* Kezdetben elrejtve */
  top: 40%;
  transform: translateY(-50%);
  width: 300px;
  height: auto;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  transition: left 0.3s ease; /* Simán csúszik ki/be */
   z-index: 9999;
}

/* Panel nyitott állapotban */
.panel-open {
  left: 0; /* Kihúzódik jobbra */
}

/* Gomb stílusok */
#toggle-btn {
  position: absolute;
  right: -78px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background-color: #F25822;
  color: white;
  border: none;
  padding: 8px 30px;
  cursor: pointer;
  font: 16px/18px 'Roboto Condensed';
  text-align: justify;
}

#toggle-btn:hover {
  background-color: #a33c18; /* Hover hatás */
}

/* Panel tartalom stílusok */
.panel-content {
  padding: 10px;
  font: 15px/17px 'Roboto Condensed';
}
}

/* Tájékoztatás panel END */

.BackgroundClass {
  background-image: url("/assets/images/08_csipke.jpg");
  background-color: white;
  background-position: 50% 80%;
  background-repeat: no-repeat;  
  /*background-size: contain; */
 /* background-size: 100%;*/
  background-attachment: fixed;
  -moz-background-size: auto 85%;
  -webkit-background-size: auto 85%;
  -o-background-size: auto 85%;
  background-size: auto 85%;
}

.BackgroundClass2 {
  background-image: url("/assets/images/08_percent_gy javitott.jpg");
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;  
  /*background-size: contain; */
 /* background-size: 100%;*/
  background-attachment: fixed;
  -moz-background-size: auto 70%;
  -webkit-background-size: auto 70%;
  -o-background-size: auto 70%;
  background-size: auto 70%;
}

/*back top top button START*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #f25822;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
/*back top top button END*/