@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,vietnamese,greek,latin-ext,cyrillic);

html,body {
    height: 100%;
    min-height: 100%;
    background-size: cover;
    color:#333;
    font-family: 'Open Sans', sans-serif;
}

/* Címsor mérete mobil */	
#sablon-1463060444 h1{
	font-family: Arial, 'Open Sans', sans-serif;
	font-size: 2em;
	margin: 0.75em 0 0.25em;
}

#sablon-1463060548 a{
	display: inline-block; 
	margin: 1em 0.25em; 
	width:7em; 
	padding:0.5em 0.75em; 
	box-sizing: border-box; 
	text-align: center;
}

#sablon-1463060548 a:nth-of-type(1){
	background-color: #499ad1;
	border-color: #4591c4;
}

#sablon-1463060548 a:nth-of-type(2){
	background-color: #db1b11;
	border-color: #cf1910;
}

#sablon-1463060548 a:nth-of-type(3){
	background-color: #709b07;
	border-color: #678f07;
}

#sablon-1439811772 .section2, #sablon-1442472310 .section2, #sablon-1442475109 .section2, #sablon-1449043068 .section2, #sablon-1457709843 .section2, #sablon-1473755912 .section2{
    padding: 0;
}

#sablon-1450097288 .container{
    width: 100% !important;
    padding: 0;
}

#sablon-1457690050 .container{
    width: 100% !important;
    padding: 0;
    margin-bottom: 20px; 
}

#sablon-1458659981 .container, #sablon-1458661139 .container, #sablon-1458661211 .container, #sablon-1459241703 .container, #sablon-1459241727 .container, #sablon-1459241723 .container, #sablon-1459242294 .container, #sablon-1459242291 .container, #sablon-1459242276 .container, #sablon-1459863595 .container, #sablon-1459863586 .container, #sablon-1462282680 .container, #sablon-1462347398 .container, #sablon-1462347362 .container, #sablon-1468586206 .container, #sablon-1473757373 .container{
    width: 100% !important;
    padding: 0;
    margin-bottom: 20px; 
}

#sablon-1457691347 .container{
    width: 100% !important;
    padding: 0;
    margin-bottom: 40px; 
}

#sablon-1457690050 .container img, #sablon-1457691347 .container img, #sablon-1458659981 .container img, #sablon-1458661139 .container img, #sablon-1458661211 .container img, #sablon-1459241703 .container img, #sablon-1459241727 .container img, #sablon-1459241723 .container img, #sablon-1459242294 .container img, #sablon-1459242291 .container img, #sablon-1459242276 .container img, #sablon-1459863595 .container img, #sablon-1459863586 .container img, #sablon-1462282680 .container img, #sablon-1462347398 .container img, #sablon-1462347362 .container img, #sablon-1468586206 .container img, #sablon-1473757373 .container img{
    width: 100%;
}

p, h1, h2, h3, h4, h5, h6, div {
    word-wrap: break-word !important;
}

a {
    outline: 0 !important;
}

a, a:hover, a:focus {
    text-decoration: none !important;
}

.navbar {
    margin-bottom: 0px;
    height: 60px;
    background-color: #fff;
    border-bottom: #f3f3f3 1px solid;
}

header#navigation {
    color: #000;
    margin-bottom: 60px;
}

header#navigation #menu-box, header#navigation #navbar-box {
    top: 7px;
    z-index: 100;
}

header#navigation #menu-box .searchButton, 
header#navigation #menu-box .flagButton, 
header#navigation #menu-box .menuButton, 
header#navigation #menu-box .saveButton {
    position: absolute;
    cursor: pointer;
    top: 3px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

header#navigation #menu-box .searchButton .content:hover, 
header#navigation #menu-box .flagButton .content:hover, 
header#navigation #menu-box .saveButton .content a:hover, 
header#navigation #menu-box .menuButton:hover {
    color: #f08420;
    border-color: #f08420;
}

header#navigation #menu-box .menuButton:hover .stroke {
    background-color: #f08420;
}

header#navigation #menu-box .searchButton, header#navigation #menu-box .flagButton {
    padding: 0px;
}

header#navigation #menu-box .searchButton .content, header#navigation #menu-box .flagButton .content, header#navigation #menu-box .saveButton .content a {
    line-height: 23px;
    padding: 5px;
    color: #666;
    border: 3px solid #b3b3b3;
}

header#navigation #menu-box .searchButton {
    right: 70px;
}

header#navigation #menu-box .searchButton i {
    padding-right: 5px;
    padding-left: 5px;
}

header#navigation #menu-box .flagButton {
    right: 115px;
}

header#navigation #menu-box .saveButton {
    right: 162px;
}

header#navigation #menu-box .saveButton .content a {
    padding-right: 12px;
    padding-left: 12px;
}

header#navigation #menu-box .saveButton .content a {
    color: #666;
}

header#navigation #menu-box .flagButton .content {
    padding-right: 7px;
    padding-left: 7px;
}

header#navigation #menu-box .menuButton {
    border: 3px solid #b3b3b3;
    right: 25px;
    padding: 8px 0;
}

header#navigation #menu-box .menuButton .stroke {
    opacity:1;
    background-color:#666;
    width:20px;
    height:3px;
    margin:2px 7px;
    transition:all ease .3s;
    -webkit-transition:all ease .3s
}

header#navigation #menu-box .menu-search {
    z-index: 10;
    background-color: #fff;
    display: none;
    position: absolute;
    left: 0;
    right: 15px;
    top: -2px;
    height: 50px;
}

header#navigation #menu-box .menu-search .input-search {
    padding-left: 15px;
    height: 50px;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    outline: none;
    border: 0;
    width: 100%;
}

/* search input keret */
#top_left, #left_top, #top_right, #right_top, #bottom_right, #right_bottom, #bottom_left, #left_bottom { position: absolute; }
#top_left, #left_top, #top_right, #right_top { top:0px; }
#bottom_right, #right_bottom, #bottom_left, #left_bottom { bottom: 0px; }
#top_left, #left_top { background-color: #B60C02; }
#top_right, #right_top { background-color: #628A00; }
#bottom_right, #right_bottom { background-color: #DB6E00;}
#bottom_left, #left_bottom { background-color: #308CCA; }
#top_left, #top_right, #bottom_right, #left_bottom {
    width: 10px;
    height: 2px;

}
#left_top, #right_top, #right_bottom, #bottom_left {
    width: 2px;
    height: 10px;
}

#top_right, #right_top, #bottom_right, #right_bottom {
    right: 0px;
}

header#navigation #menu-box .menu-search .search-close {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -14px;
    font-size: 20px;
    cursor: pointer;
    color: #000;
    opacity: 0.8;
}

.navbar-brand.navbar-brand-centered {
    position: absolute;
    top: 5px;
    background-color: transparent;
    padding: 0px;
    width: 160px;

}

@media screen and (min-width: 768px) {
    .navbar-brand-centered {
        left: 50%;
        display: block;
        text-align: center;
        background-color: transparent;
    }
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
	
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -40px;
    }
	/* Címsor mérete tablet */	
	#sablon-1463060444 h1{
		font-size: 3em;
	}
	/* Gombok */
	#sablon-1463060548 a{
		margin: 2em 1em;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -40px;
    }
	/* Címsor mérete normál képernyő */	
	#sablon-1463060444 h1{
		font-size: 3em;
	}
	/* Gombok */
	#sablon-1463060548 a{
		margin: 2em 1em;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -40px;
    }
	/* Címsor mérete normál képernyő */	
	#sablon-1463060444 h1{
		font-size: 3em;
		margin: 0.75em 0 0em;
	}
	/* Gombok */
	#sablon-1463060548 a{
		margin: 2em 1em;
	}
}
@media screen and (min-width: 1400px) {
	/* Címsor mérete nagy képernyő */	
	#sablon-1463060444 h1{
		font-size: 4.8em;
	}
	
	/* Gombok */
	#sablon-1463060548 a{
		margin: 2em 1em;
	}
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -40px;
    }
}

/* NAVBAR MENU */
#navigation .wrapper.menu {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1031;
    left: 0;
    top: 0;
    color: #fff;
    background: #2F8BCA;
    background: rgba(47, 139, 202, 1);
}

#navigation .wrapper.menu .menuButton
{
    border: 3px solid #fff;
    position: absolute;
    cursor: pointer;
    right:25px;
    top:4px;
    padding:8px 0;
}

#navigation .wrapper.menu .navbar#menu-filter {
    background-color: transparent;
    border-bottom: 0px;
}

#navigation .wrapper.menu .menuButtonClose .stroke {
    background-color: #fff;
    opacity:1;
    width:20px;
    height:3px;
    margin:2px 7px;
}

#navigation .wrapper.menu .menuButtonClose:hover {
    border-color: #fff;
}

#navigation .wrapper.menu .menuButtonClose:hover .stroke
{
    background-color:#fff
}
#navigation .wrapper.menu .menuButtonClose .stroke:nth-child(1)
{
    transform:rotate(45deg) translateY(3px) translateX(4px);
    -webkit-transform:rotate(45deg) translateY(3px) translateX(4px);
    -moz-transform:rotate(45deg) translateY(3px) translateX(4px);
    -ms-transform:rotate(45deg) translateY(3px) translateX(4px)
}
#navigation .wrapper.menu .menuButtonClose .stroke:nth-child(2)
{
    transform:rotate(-45deg) translateY(0);
    -webkit-transform:rotate(-45deg) translateY(0);
    -moz-transform:rotate(-45deg) translateY(0);
    -ms-transform:rotate(-45deg) translateY(0)
}
#navigation .wrapper.menu .menuButtonClose .stroke:nth-child(3)
{
    opacity:0
}

.wrapperMenu .menu {
    text-align: center;
    position: relative;
    top: 10%;
    height: 65%;
    max-width: 960px;
    margin: auto;
    list-style: none;
    padding: 0px;
}

.wrapperMenu .menu.language {
    top: 30%;
}

.wrapperMenu .menu li {
    display: block;
    height: 25%;
    height: calc(25%);
    min-height: 54px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.wrapperMenu .menu li a {
    position: relative;
    overflow: hidden;
    font-size: 54px;
    font-weight: 300;
    display: block;
    cursor: pointer;
}

.wrapperMenu .menu li a:hover span:before {
    -webkit-transform:scale(.9);
    -moz-transform:scale(.9);
    transform:scale(.9);
    opacity:0;
}

@media screen and (max-width: 800px) {
    .wrapperMenu .menu li a {
        font-size: 34px;
    }
}

.wrapperMenu li a span {
    position: relative;
    color: #11537F;
    display: inline-block;
}

.wrapperMenu .menu li a span:before {
    color: #fff;
    content: attr(data-hover);
    position: absolute;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    -moz-transition: -moz-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
}

section {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}

section h1 {
    font-size: 50px;
    font-weight: 900;
}

section h2 {
    font-size: 20px;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    section h1 {
        font-size: 36px;
    }
    section h2 {
        font-size: 16px;
    }
}

.section1 {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #333;
    position: relative;
    overflow: hidden;
/*    height:100%;
    height:calc(100% - 60px);*/
}

@media screen and (max-width: 768px) {
    section.section1 {
        height: auto;
    }
}

.section2 {
    color: #333;
    background-color: #fff;
    background-color: rgba(255, 255 ,255, .7);
}

.section3 {
    color: #fff;
    background-image: url('/ck_upload/images/section_background/bg_1.jpg');
    background-color: #fff;
    background-color: rgba(255, 255 ,255, .7);
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
}

.section001, .section002, .section003 {
    background-color: #fff;
    background-color: rgba(255, 255 ,255, .7);
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
} 

.section001 {
    background-image: url('/ck_upload/images/section_background/bg_1.jpg');
}
.section002 {
    background-image: url('/ck_upload/images/section_background/bg_2.jpg');
}
.section003 {
    background-image: url('/ck_upload/images/section_background/bg_3.jpg');
}

#section01, #section02, #section03, .section01, .section02, .section03 {
    padding: 0px;
    height: 300px;
    background-color: transparent;
}

@media screen and (max-width: 1999px) {
    .section03 {
        height: auto;
    }
}

footer {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f9f9f9;
    color: #000;
}

footer h1 {
    font-size: 50px;
    font-weight: 900;
}

#contact-us {
    position: fixed;
    bottom: 0px;
    border-radius: 0px;
    width: 250px;
    background-color: #333;
}

@media screen and (max-width: 768px) {
    #contact-us {
        right: 0px;
    }
}

@media screen and (min-width: 768px) {
    #contact-us {
        right: 100px;
    }
}

#contact-us a {
    color: #fff;
    text-decoration: none;
}

#contact-us-content {
    background-color: #fff;
    color: #000;
    padding: 5px;
}

.section_content { height: 300px; position: absolute; width: 100%; overflow: hidden;}
.section_shadow {
    position: absolute;
    width: 100%;
    height: 300px;
    background: #f2f2f2;
    background: rgba(200, 200, 200,.25);
}

.intro, .shadow {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    bottom: 0;
    left: 0;
    top: 0;
    background: #2F8CCA;
    background: rgba(47, 140, 202,.7);
}

.carousel .item {
    /*    min-height: 1600px; */
}

@media screen and (max-width: 768px) {
    .carousel .item {
        /*        min-height: 600px; */
    }
}

.carousel .item .fill, .carousel .item .fill2 {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
    position: absolute;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    .carousel .item .fill2 {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat:no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% 100% !important;
        background-size: 100% 100% !important;
        -o-background-size: 100% 100% !important;
        position: absolute;
        z-index: -1;
    }
}

.btn { border-radius: 0px !important; margin-bottom: 3px; }
.btn.btn-empty, .btn.btn-red, .btn.btn-orange, .btn.btn-green, .btn.btn-blue { color: #fff; border: 2px solid; }
.btn.btn-empty { background: none; border-color: #fff; }
.btn.btn-empty:hover { background: rgba(255, 255, 255, .1); border-color: #fff; }
.btn.btn-red { background: #B71208; border-color: #A8160D;}
.btn.btn-red:hover { background: #CF1A0F; border-color: #A8160D;}
.btn.btn-orange { background: #DB6E00; border-color: #BE660C;}
.btn.btn-orange:hover { background: #BE6810; border-color: #BE660C;}
.btn.btn-green { background: #618900; }
.btn.btn-blue { background: #358FCC; }
.btn.btn-lang { background: #fff; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

.btn-group:active {
    background: none;
}


@media screen and (max-width: 767px) {
    .v-center {
        position: relative;
    }
}
@media screen and (min-width: 768px) {
    .v-center {
        height: 50%;
        overflow: visible;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
}

.v-center-menu {
    height: 90%;
    overflow: visible;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.transition-ease-in-out {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.google-maps {
    position: relative;
    padding-bottom: 45%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.callout {

}

.callout.callout-cts {
    color: #000 !important;
}

.sortable {
    min-height: 50px;
}

.page-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    top: 0px;
    left: 0px;
    z-index: 99999;
}

.page-loader {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin: 23% auto 0 auto;
    font-size: 12px;
}

.spinner {
    border: 2px solid #eeeeee;
    font-size: 60px;
    width: 1em;
    height: 1em;
    border-radius: .5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: spin 1s linear infinite !important;
    -moz-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
}

.spinner {
    border-top-color: #DE760D;
}

@-webkit-keyframes spin { 
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin { 
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin { 
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

ul.input-error li {
    color: #B81309;
    list-style-type: disc;
}

.ui-autocomplete {
    width: calc(75%) !important;
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    padding-top: 5px;
}

.ui-autocomplete .ui-menu-item {
    padding: 5px;
    list-style: none;
    border-bottom: #eee 1px solid;
}

.ui-autocomplete .ui-menu-item.ui-state-focus {
    background-color: #eee;
}

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}