@charset "utf-8";

@font-face {
    font-family: 'jokerman';
    src: url('../fonts/jokerman.ttf');
}

body{
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	background-size: 1024px 1024px;
	background-position: right top;
    background-attachment: fixed;
}

a:hover, a:focus{
	outline: none;
}

a:visited{
	outline: none;
	background-color: transparent;
}

p{
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	line-height: 1.7em;
	color: #261c17;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Lucida-hu';
	font-family: 'jokerman';
	color: #80290E;
}

h1{
	/*font-size: 32px;*/
	font-size: 46px;
}

h2{
	/*font-size: 28px;*/
	font-size: 38px;
}

h3{
	/*font-size: 22px;*/
	font-size: 30px;
	letter-spacing: 0px;
}

h4{
	/*font-size: 20px;*/
	font-size: 26px;
}

h4 a{
	color: #80290E;
	text-decoration: none;
}

h4 a:hover, a:focus{
	color: #6a4d13;
	text-decoration: none;
}

h5{
	/*font-size: 16px;*/
	font-size: 22px;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px;
}



.inverse h4{
	font-size: 22px;
}

.inverse h4 a{
	color: #261C17;
	color: #80290E;
	text-decoration: none;
}

.inverse h4 a:hover, a:focus{
	color: #946d5a;
	text-decoration: none;
}

.inverse h4 a:active{
	color: #ce9525;
	text-decoration: none;
}



/* row-padding */

.row-padding{
	padding: 30px 15px;
}

.row-padding p a{
	color: #ce9525;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

.row-padding p a:hover, a:focus{
	color: #6a4d13;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

.row-padding h3 a{
	color: #ce9525;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

.row-padding h3 a:hover, a:focus{
	color: #6a4d13;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

.row-padding-top{
	padding-top: 30px;
}

.row-padding-bottom{
	padding-bottom: 30px;
}

.row-padding-top h3 a{
	color: #ce9525;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

.row-padding-top h3 a:hover, a:focus{
	color: #6a4d13;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

/* row-padding end */



/* padding-top-bottom */
.padding-tb{
	padding: 15px 0px;
}

.padding-top{
	padding-top: 15px;
}

.padding-bottom{
	padding-bottom: 15px;
}


/* padding-right-left */
.padding-rl{
	padding: 0px 15px 0px 15px;
}


/* padding-top-right-left */
.padding-trl{
	padding: 15px 15px 0px 15px;
}


/* padding-right-bottom-left */
.padding-trbl{
	padding: 0px 15px 15px 15px;
}


/* padding-top-right-bottom-left */
.padding-rbl{
	padding: 15px 15px 15px 15px;
}

.margin-bottom{
	margin-bottom: 15px;
}


/* ul li */

ul li{
	font-size: 16px;
	line-height: 1.7em;
}

/* ul li vége */



/* Navigáció */

.navbar{
	border-radius: 0;
	margin-bottom: 0;
	font-family: 'Comic Sans MS', cursive, sans-serif;
}

.navbar-text > a{
	color: inherit;
	text-decoration: none;
}

.navbar-default {
	background-color: transparent;
	border: none;
	color: #FFFFFF;
}

.navbar-default .navbar-brand {
	font-family: 'jokerman';
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
	font-size: 32px;
	transition: all 0.3s ease 0s;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #ccb6ab;
	text-shadow: none;
	background-color: transparent;
	transition: all 0.3s ease 0s;
}

.navbar-default .navbar-nav > li > a {
	color: #FFFFFF;
	font-size: 18px;
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
	transition: all 0.3s ease 0s;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #ccb6ab;
	text-shadow:none;
	background-color: transparent;
	transition: all 0.3s ease 0s;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ccb6ab;
	text-shadow:none;
	background-color: transparent;
	transition: all 0.3s ease 0s;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #ccb6ab;
	text-shadow:none;
	background-color: transparent;
	transition: all 0.3s ease 0s;
}

/* dropdown menü */

.navbar-collapse li a{
	color: #261C17;
}

.navbar-collapse li a:hover, a:focus{
	color: #ccb6ab;
	background-color: transparent;
}

.dropdown-menu > .active a{
	color: #261C17;
	background-color: transparent;
	margin-left: 10px;
}

.dropdown-menu > .active a:hover, a:active{
	color: #ccb6ab;;
	background-color: transparent;
}

.dropdown-header{
	color: #80290E;
	font-size: 17px;
	background-color: #f1ebe8;
	margin-bottom: 5px;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #FFFFFF;
}

/* Navigáció vége */

.display-center{
	text-align: center;
}


/* gombok */

.btn{
	padding: 6px 12px;
}

.btn:hover,
.btn:focus,
.btn:active,{
	padding: 6px 12px;
}

.btn-primary {
	background: #4b3f38; /* Old browsers */
	background: -moz-linear-gradient(top, #63493c 0%, #4b372d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63493c), color-stop(100%,#4b372d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #63493c 0%, #4b372d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #63493c 0%, #4b372d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #63493c 0%, #4b372d 100%); /* IE10+ */
	background: linear-gradient(top, #63493c 0%, #4b372d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63493c', endColorstr='#4b372d',GradientType=0 ); /* IE6-9 */
	border: none;
	transition: all 0.3s ease 0s;
	font-size: 16px;
	padding: 6px 12px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
	background: #4b3f38; /* Old browsers */
	background: -moz-linear-gradient(top, #63493c 0%, #4b372d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63493c), color-stop(100%,#4b372d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #63493c 0%, #4b372d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #63493c 0%, #4b372d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #63493c 0%, #4b372d 100%); /* IE10+ */
	background: linear-gradient(top, #63493c 0%, #4b372d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63493c', endColorstr='#4b372d',GradientType=0 ); /* IE6-9 */
	border: none;
	transition: all 0.3s ease 0s;
	color: #c9beb7;
	font-size: 16px;
	padding: 6px 12px;
}


.btn-success {
	background-color: #18BC9C;
	border-color: #18BC9C;
	color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	color: #FFFFFF;
	background-color: #13987E;
	border-color: #13987E; 
}

.btn-default {
	background-color: #95A5A6;
	border-color: #95A5A6;
	color: #FFFFFF;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-success {
	color: #FFFFFF;
	background-color: #7F9293;
	border-color: #74898A;
}

/* Főoldal - Tovább az apartmanokhoz */
.gomb a{
	margin-top: 20px;
}

.gomb h5 {
	margin-top: 15px;
	/*font-size: 16px;*/
	font-size: 22px;
}

.gomb img {
	margin-top: 15px;
}

.gomb button{
	margin-top: 15px;
}

.gomb-30 button{
	margin-top: 30px;
	margin-bottom: 15px;
}

.programajanlat-gomb a{
	margin-top: 0px;
	margin-bottom: 15px;
	outline: none;
	transition: all 0.3s ease 0s;
}


.programajanlat-gomb a:visited{
	margin-bottom: 15px;
	padding: 6px 12px;
	outline: none;
	transition: all 0.3s ease 0s;
}


.programajanlat-gomb a:hover,
.programajanlat-gomb a:focus,
.programajanlat-gomb a:active{
	margin-bottom: 15px;
	padding: 6px 12px;
	outline: none;
	transition: all 0.3s ease 0s;
}


/* gombok end */



/* container-fluid háttér */

.wood{
	background-image: url(../images/wood.jpg);
	background-repeat: repeat;
	background-size: 900px 540px;
	background-position: right top;
}

.wood-last{
	background-image: url(../images/wood.jpg);
	background-repeat: repeat;
	background-size: 900px 540px;
	background-position: right top;
	padding-bottom: 15px;
}

.texture{
	background-image: url(../images/backw.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	background-position: right top;
}

.texture-last{
	background-image: url(../images/backw.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	background-position: right top;
	padding-bottom: 15px;
}

/* container-fluid háttér */



/* Jumbotron */

.container .jumbotron{
	border-radius: 0px;
}

/* Jumbotron vége*/



/* Szallashu */

.szallashu{
	position: absolute;
	right: 0;
	background-image: url(../images/szallashu-lg.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 117px;
	margin-top: 5px;
	margin-right: 5px;
	opacity: 1;
	z-index: 25;
}

/* Szallashu end */

.slider { 
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
	position:absolute;
	z-index:30;
	top:30%;
	left:0;
	width:100%;
	text-align:center;
}

.slider h1 {
	color: #FFFFFF;
	z-index:30;
	left:0;
	width:100%;
	text-align:center;
	/*font-size: 55px;*/
	font-size: 76px;
}

.slider p {
	color: #FFFFFF;
	z-index:30;
	left:0;
	width:100%;
	text-align:center;
	font-size: 24px;
	max-width: 65%;
	margin: 0 auto;
}

/* Apartmanok header */

.jumbotron{
	margin-bottom: 0;
}

.jumbotron h1 {
    margin-top: 10%;
    margin-bottom: 10%;
    color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
}


.apartman-elso-jumbotron{
	background-image: url(../images/ap/elso_szoba_header.jpg);
	background-size: cover;
	background-position: center; 
}


.apartman-masodik-jumbotron{
	background-image: url(../images/ap/masodik_szoba_header.jpg);
	background-size: cover;
	background-position: center; 
}

.apartman-harmadik-jumbotron{
	background-image: url(../images/ap/harmadik_szoba_header.jpg);
	background-size: cover;
	background-position: center; 
}


.apartman-kicsi-jumbotron{
	background-image: url(../images/ap/kicsi_apartman_header.jpg);
	background-size: cover;
	background-position: center; 
}


.apartman-nagy-jumbotron{
	background-image: url(../images/ap/nagy_apartman_header.jpg);
	background-size: cover;
	background-position: center; 
}



/* Apartmanok header end */



/* header-title */

.header-title{
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
}

.header-title h1{
	padding-top: 5%;
	padding-bottom: 5%;
}

/* header-title end */



/* Cím */

.row-title p{
	margin-top: 10px;
	font-size: 20px;
}

.decor{
	margin: 10px auto 10px auto;
}

/* Cím end */



/* thumbnail */

.thumbnail{
	margin: 0;
}

.animation-thumbnail img:hover{
	transform: scale(1.02);
}

.thumbnail img{
	transition: all 0.3s ease 0s;
	width: 100%;
}

/* thumbnail end */



/* ajánlat */

.ajanlat{
	box-shadow: 0px 2px 2px #e0e0e0;
	background-image: url(../images/backw.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	background-position: right top;
	margin: 0px 1px;
	border-radius: 3px;
}

.ajanlat h3{
	text-align: center;
	padding: 10px 5px;
	margin: 0px;
	color: #80290E;
}

.ajanlat h3 a{
	text-align: center;
	padding: 10px 5px;
	margin: 0px;
	color: #80290E;
}

.ajanlat p{
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
}

.programajanlat{
	box-shadow: 0px 2px 2px #e0e0e0;
	background-image: url(../images/backw.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	background-position: right top;
	margin: 0px 1px;
	border-radius: 3px;
}

.programajanlat h3{
	text-align: center;
	padding: 10px 5px;
	margin: 0px;
	color: #80290E;
}

.programajanlat h3 a{
	text-align: center;
	padding: 10px 5px;
	margin: 0px;
	color: #80290E;
}

.programajanlat p{
	padding: 0px 10px 0px 10px;
}

/* ajánlat end */



/* apartmanajánlat */

.apartmanajanlat{
	box-shadow: 0px 2px 2px #e0e0e0;
	background-image: url(../images/backw.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	background-position: right top;
	margin: 0px 1px 10px 1px;
}

.apartmanajanlat h3{
	text-align: center;
	padding: 10px 5px;
	margin: 0px;
	color: #80290E;
}

.apartmanajanlat h3 a{
	text-align: center;
	padding: 10px 5px;
	margin: 0px;
	color: #80290E;
}

.apartmanajanlat p{
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

.apartmanajanlat ul {
	padding-bottom: 10px;
}

.apartmanajanlat-gomb a{
	margin-top: 0px;
	margin-bottom: 15px;
}

/* apartmanajánlat end */



/* Carousel control */

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=0);
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control.left {
  background-image: none;
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -30%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -30%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}


/* Carousel control end */



/* Apartmanjainkhoz tartozik */

.apartmanjainkhoz-tartozik{
	box-shadow: 0px 2px 2px #e0e0e0;
	background-image: url(../images/backw.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	background-position: right top;
	margin: 0px;
	padding: 5px 10px 15px 10px;
	border-radius: 3px;
}

.apartmanjainkhoz-tartozik-gomb a{
	margin-top: 10px;
}

.date-form { margin: 10px; }
label.control-label span { cursor: pointer; }

/* Apartmanjainkhoz tartozik end */





/* Rólunk / Apartmanházunk története */

.rolunk img{
	margin-right: 30px;
}

/* Rólunk / Apartmanházunk története end */



/* Szolgáltatás */

.szolgaltatas-ikon{
	float: left;
}

.szolgaltatas{
	margin-left: 120px;
}

.szolgaltatas h3{
	margin-top: 0px;
}

.szolgaltatas-ikon-text ul{
	padding: 0px;
}

/* Szolgáltatás end */






/* Galéria */

.row-padding-galeria{
	padding: 0px 15px 15px 15px;
}

.galeria-subtitle-first h3{
	margin: 30px 0px;
}

.galeria-subtitle h3{
	margin: 30px 0px 15px 0px;
}

.galeria-subtitle p{
	margin: 0px 0px 30px 0px;
}

.galeria img{
	margin-bottom: 15px;
}

.galeria a:focus,
.galeria a:hover,
.galeria a:active{
	margin: 0;
	padding: 0;
}


.galeria a:visited{
	margin: 0;
	padding: 0;
}

/* Galéria end */




/* Áraink */

table{
	background-color: #FFFFFF;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	line-height: 1.7em;
	color: #261c17;
	border-radius: 5px;
}

table h4,
table h5{
	font-family: 'PT serif', serif;
	font-size: 20px;
}

.araink table ul {
	margin-top: 10px;
}



/* Áraink end */



/* GYIK */

.panel-heading h4{
	font-family: 'PT serif', serif;
	font-size: 20px;
}

.panel-heading a:active,
.panel-heading a:hover,
.panel-heading a:focus,
.panel-heading a:visited{
	margin: 0px;
	padding: 0px;
	outline: none;
	background-color: transparent;
}

/* GYIK end */



/* Kapcsolat */

.contact-padding{
	padding-top: 0px;
}

.contact-padding h3{
	margin-top: 0px;
}

.contact-padding-form h3{
	margin-top: 0px;
	margin-bottom: 20px;
}

.elkuldom{
	font-size: 16px;
	margin-right: 20px;
}

.form-control:focus {
  border-color: #ce9525;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(206, 149, 37, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(206, 149, 37, 0.6);
}

.mobil-lg{
	display: block !important;
}

.mobil-xs{
	display: none !important;
}

/* Kapcsolat end */



/* Footer */

footer{
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
}

footer p{
	color: #FFFFFF;
	font-size: 14px;
}

footer .pull-right a i{
	margin-left: 10px;
}

/* Footer end */





/* 404 */

.hiba-bg{
	background-color: rgba(255,255,255, 0.8);
	margin-bottom: 15px;
}

.hiba-p{
	padding: 15px;
}



/***************** mobile max-width: 768px *****************/

@media (max-width: 768px){

h1{
	/*font-size: 24px;*/
	font-size: 32px;
	margin: 0px auto 15px auto;
}

h2{
	/*font-size: 24px;*/
	font-size: 30px;
	margin: 0px auto 15px auto;
}

h3{
	/*font-size: 20px;*/
	font-size: 26px;
	line-height: 1.4em;
}

p{

	font-size: 16px;
	line-height: 1.4em;
}

.container{
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 0px 5px;
}

.row-header{
	margin-top: 10px;
	margin-bottom: 15px;
}

.row{
	padding: 0px;
	margin: 0px;
}

section{
	padding: 0px;
}

.col-xs-12{
	padding: 0px 5px;
}

.row-padding{
	padding: 15px 5px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(204,182,171, 0.3);
}

.navbar-collapse {
    max-height: 100%;
}

.navbar-default .navbar-toggle:visited{
	background-color: none;
}

.navbar-default .navbar-nav > li > a{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dropdown-menu .divider {
    display: none;
}

.navbar-default .navbar-nav .dropdown-menu > li > a{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    color: #ccb6ab;
    background-color: #E7E7E7;
    background-color: transparent;
}

.dropdown-header {
    color: #80290E;
    font-size: 17px;
    text-align: center;
    background-color: #F1EBE8;
    margin-bottom: 5px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color: #FFFFFF;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
	color: #CCB6AB;
}

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

.slider {
	top:30%;
}

.slider h1 {
	font-size: 24px;
}

.slider p {
	display: none;
}

.main .carousel-indicators {
    display: none;
}

.apartman .carousel-indicators {
    display: none;
}

.mobil-center{
	text-align: center;
}

.mobil-top-margin h2 {
	margin-top: 15px;
}

.pull-left {
  float: none !important;
}

.pull-right {
  float: none !important;
}

.gomb h5 {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.gomb img {
	margin-top: 15px;
	margin-bottom: 15px;
}

.gomb button {
	margin-top: 15px;
	margin-bottom: 15px;
}



/* Apartmanok header */

.jumbotron h1 {
    margin-top: 10%;
    margin-bottom: 10%;
    font-size: 36px;
}

/* Apartmanok header end */


.apartmanjainkhoz-tartozik-gomb{
	text-align: center;
}

.apartmanjainkhoz-tartozik-gomb a{
	margin-top: 10px;
	margin-bottom: 10px;
}

.apartmanjaink-mobil h2{
	padding-top: 30px;
	padding-bottom: 15px;
	margin: 0;
}

.tortenet-kep img{
	margin-bottom: 15px;
}

footer .navbar-text {
	text-align: center;
	margin-top: 30px;
}

footer .navbar-text > a {
	margin-left: 30px;
	text-align: center;
}

footer p{
	font-size: 10px;
}

.kapcsolat{
	margin-bottom: 0px;
}

.contact-padding-img{
	margin-top: 15px;
	margin-bottom: 0px;
}

.contact-padding{
	margin-top: 15px;
	margin-left: 10px;
}

.contact-padding h3{
	margin-bottom: 15px;
}*/



/* Jumbotron */

.container .jumbotron{
	border-radius: 0px;
}

/* Jumbotron end */


.szallashu{
	position: absolute;
	right: 0;
	background-image: url(../images/szallashu-xs.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 39px;
	margin-top: 2px;
	margin-right: 0px;
	opacity: 1;
	z-index: 25;
}

.row-title p{
	margin-top: 10px;
	font-size: 16px;
}

.decor{
	margin: 10px auto 10px auto;
}


.mobil-lg{
	display: none !important;
}

.mobil-xs{
	display: block !important;
}

table{
	font-size: 16px;
}

table h4{
	font-size: 18px;
}

table h5{
	font-size: 16px;
}

}


@media (max-width: 992px) {

	.display-center{
	text-align: left;
}

}


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

.slider {
	top:15%;
}

.slider h1 {
font-size: 40px;
}

.slider p {
	max-width: 65%;
	font-size: 20px;
}

.navbar-header {
    float: none;
}

.navbar-toggle {
    display: block;
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.navbar-collapse.collapse {
    display: none!important;
}

.navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
}

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

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0px;
    background-color: transparent;
    border: 0px none;
    box-shadow: none;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.navbar-right .dropdown-menu {
    right: 0px;
    left: 0px;
    text-align: center;
    margin-bottom: 10px;
}

.open > .dropdown-menu {
    display: block;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #E7E7E7;
}

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

.navbar-collapse.in {
    overflow-y: auto;
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
}

.navbar-collapse {
    max-height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(204,182,171, 0.3);
}

.navbar-default .navbar-toggle:visited{
	background-color: none;
}

.navbar-default .navbar-nav > li > a{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dropdown-menu .divider {
    display: none;
}

.navbar-default .navbar-nav .dropdown-menu > li > a{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    color: #ccb6ab;
    background-color: #E7E7E7;
    background-color: transparent;
}


.dropdown-header {
    color: #ccb6ab;
    font-size: 17px;
    text-align: center;
    background-color: transparent;
    margin-top: 15px;
    margin-bottom: 15px;
}

.navbar-default .navbar-nav .open .dropdown-menu{
	margin-left: 15%;
	margin-top: -30px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color: #FFFFFF;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
	color: #CCB6AB;
}


.szallashu{
	position: absolute;
	right: 0;
	background-image: url(../images/szallashu-sm.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 78px;
	margin-top: 2px;
	margin-right: 5px;
	opacity: 1;
	z-index: 25;
}

}



/***************** mobile max-width: 768px end *****************/






/* Ugrás az oldal tetejére */

<style>
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 12%;
    right: 0px;
}
#top-link-block a{
	transition: all 0.3s ease 0s;
    background: rgba(0,0,0, 0.5);
    border: 0;
    color: #cabfb8;
    font-size: 20px;
    padding: 10px 15px 10px 12px;
}

#top-link-block a:hover, a:focus{
    color: #FFFFFF;
    border: 0;
    padding: 10px 20px 10px 12px;
}
</style>

/* Ugrás az oldal tetejére end */






/************************************************************************************/
/***********************************    @media    ***********************************/
/************************************************************************************/


@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media(min-width:768px){
	.container{
		width:100%
	}

}
@media (min-width: 992px) {
  .container {
    width: 98%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 96%;
    max-width: 1366px;
  }

@media (min-width: 1366px) {
  .container {
    width: 96%;
    max-width: 1366px;
  }
  .szallashu{
	position: relative;
	right: 0;
	float: right;
	background-image: url(../images/szallashu-lg.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 117px;
	margin-top: 0px;
	margin-bottom: -117px;
	margin-right: -40px;
	opacity: 1;
	z-index: 35;
   }
 
}