@charset "utf-8";
@import url("bootstrap.css");
@import url("bootstrap-responsive.css");
@import url("bootstrap-glyphicons.css");


/* --- FONT --- */

@font-face {
	font-family: 'bebasneue';
	src: url('../fonts/bebasneue.eot'); /* IE9 Compat Modes */
	src: url('../fonts/bebasneue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/bebasneue.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/bebasneue.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/bebasneue.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'gooddog';
	src: url('../fonts/gooddog.eot'); /* IE9 Compat Modes */
	src: url('../fonts/gooddog.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/gooddog.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/gooddog.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/gooddog.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* --- BODY --- */

body {
	font-family: "bebasneue", Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: 20px;
	color: #0f3d40;
}

.font-secondary {
	font-family: "gooddog", Arial, Helvetica, sans-serif;
}

/* --- CONTAINER --- */

.container {
	position: relative;
	padding: 0px 10px;
	max-width: 980px;
}

/* --- HEADER --- */

header {
	height: 250px;
	position: relative;
}

header .logolink-holder {
	position: relative;
	z-index: 2;
}

header .logolink-holder a.logolink {
	display: block;
	text-align: center;
	font-size: 60px;
	text-decoration: none;
	color: #0f3d40;
	text-transform: uppercase;
}

header .logolink-holder .logolink div {
	margin-top: 25px;
}

header .logolink-holder .logolink h1 {
	color: #0f3d40;
	font-size: 60px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 25px;
}

header .logolink-holder .logolink span {
	font-size: 35px;
	color: #10b5be;
	text-decoration: none;
	display: block;
	margin-top: 20px;
}

header .blindfriendly {
	width: 33px;
	height: 33px;
	display: block;
	background: url(/img/sprite.png);
	position: absolute;
	top: 10px;
	right: 0px;
}

header .non-blindfriendly {
	width: 33px;
	height: 33px;
	display: block;
	background: url(/img/sprite.png);
	background-position: -209px 0px;
	position: absolute;
	top: 10px;
	right: 0px;
}

header .language {
	position: absolute;
	top: 20px;
	right: 50px;
	font-size: 16px;
}

.goalgroup {
	display: none;
}

header .language a {
	color: #0f3d40;
	text-decoration: none;
}

header .language a:hover,
header .language a.active {
		color: #17b6bf;
}

@media (max-width: 979px) {
	header {
		height: auto;
	}

	header .logolink-holder {
		margin-left: 50px;
		margin-top: 10px;
	}

	header .logolink-holder img {
		width: 50px;
		float: left;
	}

	header .logolink-holder .logolink h1 {
		float: left;
		margin-left: 10px;
		margin-top: 8px;
		text-align: left;
		font-size: 35px;
		margin-bottom: 0;
	}

	header .logolink-holder .logolink span {
		font-size: 18px;
		margin-top: 0px;
	}

}

@media (max-width: 499px) {
	header .logolink-holder {
		margin-top: 50px;
		text-align: center;
		margin-left: 0;
		border-top: 1px solid #17b6bf;
		padding-top: 10px;
	}

	header .logolink-holder a.logolink {
		display: inline-block;
	}
}

@media (max-width: 359px) {
	header .logolink-holder .logolink h1 {
		font-size: 30px;
	}
}

/* --- NAVIGATION --- */

@media (min-width: 980px) {
	nav {
		position: absolute;
		top: 120px;
		left: 0px;
		right: 0px;
	}

	nav .navbar-inner {
		min-height: 40px;
		padding-right: 0px;
		padding-left: 0px;
		background: none;
		background-image: none;
		border: 0px none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

@media (max-width: 979px) {
	nav {
		position: absolute;
		top: 10px;
		left: 0px;
		z-index: 1;
	}

	nav .navbar-inner {
		min-height: 40px;
		padding-right: 0px;
		padding-left: 0px;
		background: #fff;
		background-image: none;
		border: 0px none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin-left: 10px;
	}

	.navbar .nav {
		margin-bottom: 0;
	}

	.navbar .nav-collapse .nav.pull-right > li > a {
		padding: 10px 16px 10px;
	}

	.navbar .btn-navbar,
	.navbar .btn-navbar:hover {
		float: left;
		background: none;
	}

	.navbar .btn-navbar .icon-bar {
		background-color: #0f3d40;
		box-shadow: none;
	}
}

@media (min-width: 499px) and (max-width: 979px) {
	.nav-collapse.collapse {
		margin-top: 70px;
	}
}

@media (max-width: 499px) {
	.navbar {
		z-index: 2;
	}
}

.navbar .nav {
	position: relative;
	z-index: 2;
}

.navbar .nav > li > a {
	color: #0f3d40;
	font-size: 23px;
	padding: 10px 26px 10px;
}

.navbar .nav:not(.pull-right) > li > a {
	color: #0f3d40;
	font-size: 23px;
	padding: 10px 16px 10px;
}

.navbar .nav > li > a:focus span,
.navbar .nav > li > a:hover span {
	border-bottom: 5px solid #17b6bf;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	background: none;
	background-image: none;
	background-color: none;
	color: #0f3d40;
	text-decoration: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar .nav > .active > a span,
.navbar .nav > .active > a:hover span,
.navbar .nav > .active > a:focus span {
	border-bottom: 5px solid #17b6bf;
}

/* --- CONTENT --- */

.content {
	padding: 50px 0px;
}

.content-grey {
	padding: 50px 0px;
	background: #ecf0f5;
}

/* --- FOOTER --- */

footer {
	padding: 75px 0px 0px 0px;
	background: #0f3d40;
	border-top: 7px solid #17b6bf;
	color: #fff;
	font-size: 20px;
	line-height: 24px;
}

footer .span4 {
	margin-bottom: 80px;
}

footer a {
	color: #fff !important;
	text-decoration: none;
}

footer p {
	color: #17b6bf;
}

footer h5 {
	font-size: 30px;
	margin-top: 0px;
	font-weight: 100;
	margin-bottom: 30px;
}

.contact-list {
	margin-bottom: 41px;
}

.contact-list li {
	position: relative;
	padding-left: 30px;
}

.contact-list li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 30px;
}

.contact-list li [class^="icon-"],
.contact-list li [class*=" icon-"] {
	position: absolute;
	left: 0px;
	top: -5px;
}

/* --- FOOTER MENU --- */

footer .footer-menu {
	background-color: #fff;
	height: 75px;
	position: relative;
}

footer .footer-menu ul {
	margin-bottom: 0px;
}

footer .footer-menu li {
	margin: 30px 20px;
}

footer .footer-menu li a {
	color: #0f3d40 !important;
	font-size: 23px;
}

footer .footer-menu li a:hover {
	border-bottom: 5px solid #17b6bf;
}

footer .footer-menu .logo {
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -65px;
}

/* -------------------------- */
/* ----- PAGE CONTENTS ------ */
/* -------------------------- */

/* GENERAL */

h1, h2, h3, h4 {
	font-size: 30px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	line-height: 24px;
	font-weight: normal !important;
}

a {
	color: #0f3d40;
	text-decoration: none;
}

a:hover,
a:active {
	color: #17b6bf;
	text-decoration: none;
}

.color-secondary {
	color: #17b6bf;
}

.color-thirdly {
	color: #007a7f;
}

.nowrap {
	white-space: nowrap;
}

.display-block {
	display: block;
}

.font-15 {
	font-size: 15px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-24 {
	font-size: 24px !important;
}

.font-30 {
	font-size: 30px !important;
}

.font-35 {
	font-size: 35px !important;
}

.marginbottom-0 {
	margin-bottom: 0px !important;
}

.marginbottom-10 {
	margin-bottom: 10px !important;
}

.marginbottom-20 {
	margin-bottom: 20px !important;
}

.margintop-20 {
	margin-top: 20px !important;
}

.margintop-50 {
	margin-top: 50px !important;
}

.picture-grey-round {
	border: 5px solid #ecf0f5;
	max-width: 200px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.picture-white-border {
	border: 5px solid #fff;
}

.picture-grey-border {
	border: 5px solid #ddd;
}

form .row-fluid {
	margin-bottom: 0px !important;
}

.error-message {
	color: #cd4d4a;
}

.success-message {
	color: #1A9E3F;
}

/* arrowed title */

.arrowed-title {
	border-bottom: 3px solid #ecf0f5;
	position: relative;
	font-size: 40px;
	margin: 20px 10px 50px 10px;
	line-height: 40px;
	text-align: center;
}

.arrowed-title .arrow-left-edge {
	background: url(/img/sprite.png);
	background-position: -33px 0px;
	width: 26px;
	height: 17px;
	position: absolute;
	left: -10px;
	bottom: -10px;
}

.arrowed-title .arrow-right-edge {
	background: url(/img/sprite.png);
	background-position: -33px -17px;
	width: 20px;
	height: 17px;
	position: absolute;
	right: -10px;
	bottom: -10px;
}

.arrowed-title .arrow-title-text-holder {
	position: absolute;
	left: 50%;
	bottom: -20px;
}

.arrowed-title .arrow-title-text-holder span {
	position: relative;
	background: #fff;
	padding: 0px 10px;
	left: -50%;
}

/* icons */

.icon-contact-phone {
	background: url(/img/sprite.png);
	background-position: -134px 0px;
	width: 25px;
	height: 25px;
}

.icon-contact-email {
	background: url(/img/sprite.png);
	background-position: -159px 0px;
	width: 25px;
	height: 25px;
}

.icon-contact-address {
	background: url(/img/sprite.png);
	background-position: -184px 0px;
	width: 25px;
	height: 25px;
}

.icon-contact-time {
	background: url(/img/sprite.png);
	background-position: -59px 0px;
	width: 25px;
	height: 25px;
}

.icon-contact-person {
	background: url(/img/sprite.png);
	background-position: -84px 0px;
	width: 25px;
	height: 25px;
}

.icon-contact-comment {
	background: url(/img/sprite.png);
	background-position: -109px 0px;
	width: 25px;
	height: 25px;
}

/* boxes */

.grey-pictured-box {
	background: #ecf0f5;
	padding: 115px 25px 25px 25px;
	position: relative;
	margin-top: 100px;
}

.grey-pictured-box hr {
	width: 80%;
	border-bottom: 4px solid #e0e1e2;
	margin-left: auto;
	margin-right: auto;
}

.white-pictured-box {
	background: #fff;
	padding: 115px 25px 25px 25px;
	position: relative;
	margin-top: 100px;
}

.grey-pictured-box img {
	border: 5px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: -90px;
	left: 50%;
	margin-left: -90px;
}

.white-pictured-box img {
	border: 5px solid #ecf0f5;
	position: absolute;
	top: -90px;
	left: 48.5%;
	margin-left: -133px;
}

/* buttons */

.btn {
	border: 0px none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
}

.btn-large span {
	font-size: 22px;
}

.btn-blue {
	background: #0f3d40;
	color: #fff;
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
	background: #06292b;
	color: #fff;
}

.btn-lightblue {
	background: #17b6bf;
	color: #fff;
}

.btn-lightblue:hover,
.btn-lightblue:active,
.btn-lightblue:focus {
	background: #139ea6;
	color: #fff;
}

.btn-red {
	background: #e56c69;
	color: #fff;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
	background: #cd4d4a;
	color: #fff;
}

.btn-grey {
	background: #e0e1e2;
	color: #0f3d40;
}

.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus {
	background: #ededed;
	color: #0f3d40;
}

.btn-grey-bordered {
	background: #ecf0f5;
	border-bottom: 4px solid #e0e1e2;
	color: #0f3d40;
}

.btn-grey-bordered:hover,
.btn-grey-bordered:active,
.btn-grey-bordered:focus {
	background: #b6b6b7;
	color: #0f3d40;
	border-bottom: 4px solid #17b6bf;
	background-image: none;
  	outline: 0;
  	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-grey-bordered.active {
	background: #e0e1e2;
	border-bottom: 4px solid #17b6bf;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-darkgrey-bordered {
	background: #ecf0f5;
	border-bottom: 4px solid #17b6bf;
	color: #0f3d40;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-darkgrey-bordered:hover,
.btn-darkgrey-bordered:active,
.btn-darkgrey-bordered:focus {
	background: #b6b6b7;
	color: #0f3d40;
	border-bottom: 4px solid #17b6bf;
	background-image: none;
  	outline: 0;
  	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-large-edge {
	padding-left: 100px;
	padding-right: 100px;
}

.btn-fix-width {
	width: 280px;
}

.btn-dropdown-block {
	display: block !important;
	text-align: left;
	position: relative;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	padding: 15px;
	font-size: 20px !important;
}

.btn-dropdown-block span {
	position: absolute;
	top: 15px;
	right: 15px;
}

.form-btn-group {
	margin-bottom: 20px;
}

.form-btn-group .dropdown-menu {
	width: 100%;
	border: 0px none;
	background: #e0e1e2;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 20px;
	padding: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.form-btn-group .dropdown-menu li a {
	background: #ecf0f5;
	padding: 17px 15px;
	border-top: 3px solid #e0e1e2;
}

.form-btn-group .dropdown-menu li a:hover {
	background: #e0e1e2;
	color: #0f3d40;
}

form .span4 {
	position: relative;
}

.date-field {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

form .span4 .ui-datepicker-trigger {
	position: absolute;
	right: 10px;
	top: 10px;
	corsor: ponter;
}

/* breadcrumb */

.breadcrumb {
	text-align: center;
	margin-top: -30px;
	margin-bottom: 50px;
	background: none;
}

/* MAIN PAGE SAMPLE TEXTS */

@media (min-width: 768px) {

.main-page-sample-texts {
	background: #0f3d40;
	color: #fff;
}

.main-page-sample-texts-lower-buttons {
	background: #ecf0f5;
}

.main-page-sample-texts-lower-buttons .btn {
	padding-top: 25px;
	padding-bottom: 25px;
}

.main-page-sample-texts .span8,
.main-page-sample-texts .span4 {
	margin: 0px;
}

.main-page-sample-texts .span8 {
	width: 66.6%;
}

.main-page-sample-texts .span4 {
	width: 33.3%;
}

.main-page-sample-texts .span4 div {
	padding: 30px;
}

.main-page-sample-texts .span4 p {
	margin: 50px 0px;
}

}

@media (max-width: 767px) {
	.content-goalgroup {
		display: none;
	}
}

/* TOUR TESIMONIALS */

.tour-testimonials {
	border-left: 4px solid #ecf0f5;
	position: relative;
	top: 20px;
	padding: 15px 0px 15px 20px;
}

.tour-testimonials .arrow,
.tour-testimonials .arrow:after {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	z-index: 1;
}

.tour-testimonials .arrow:after {
	z-index: -1;
	content: "";
}

.tour-testimonials .arrow {
	top: 50%;
	left: -14px;
	margin-top: -10px;
	border-right-color: #ecf0f5;
	border-width: 10px 10px 10px 0px;
}

/* --- USP LIST --- */

.usp-list li {
	margin-bottom: 50px;
	font-size: 30px;
	position: relative;
	padding-left: 65px;
	line-height: 35px;
}

.usp-list li span {
	position: absolute;
	top: -15px;
	left: 0px;
	width: 45px;
	height: 45px;
	font-size: 35px;
	text-align: center;
	line-height: 48px;
	vertical-align: middle;
	color: #fff;
	background: #17b6bf;
	border: 5px solid #ecf0f5;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/* --- MAIN PAGE BLOG --- */

.main-page-blog-content {
	padding-bottom: 0px;
}

.main-page-blog-content .image-holder {
	height: 220px;
	overflow: hidden;
	position: relative;
	border: 5px solid #fff;
	margin-bottom: 20px;
}

.main-page-blog-content .image-holder img {
	position: relative;
	margin-top: -90px;
}

ul.iconic-inline-list {
	margin-top: 5px;
	margin-left: -10px;
	margin-bottom: 20px;
}

ul.iconic-inline-list span {
	position: relative;
	top: -5px;
}

.main-page-blog-content .btn-grey-bordered {
	border-bottom: 0px none;
}

/* --- BLOG --- */

.blog-content {
	padding-bottom: 0px;
}

.blog-content .row-fluid {
	margin-bottom: 50px;
}

.blog-content .image-holder {
	height: 220px;
	overflow: hidden;
	position: relative;
	border: 5px solid #ddd;
	margin-bottom: 20px;
}

.blog-content .image-holder img {
	position: relative;
	margin-top: -90px;
}

/* --- ZIGZAG LIST --- */

.zigzag-list {
	margin-top: 50px;
}

.zigzag-list .zigzag-list-element {
	margin-bottom: 100px;
}

.zigzag-list .zigzag-list-element .zigzag-list-picture a {
	display: block;
}

.zigzag-list .zigzag-list-element:nth-child(2n) .zigzag-list-picture {
	float: right;
}

.zigzag-list .zigzag-list-element:nth-child(2n) .zigzag-list-text {
	float: left;
	text-align: right;
	margin-left: 0;
	margin-right: 2.564102564102564%;
} 

/* --- TOUR LIST --- */

.tour-list-short-info {
	margin-bottom: 25px;
}

.tour-list-short-info li {
	margin-bottom: 13px;
}

/* --- RENT EQUIPMENT --- */

.rent-steps {
	position: relative;
	margin-bottom: 50px;
}

.rent-steps .rent-line {
	position: absolute;
	width: 90%;
	border-bottom: 5px solid #ecf0f5;
	top: 30%;
	left: 5%;
	z-index: 1;
}

.rent-steps .rent-onestep {
	width: 18%;
	float: left;
	margin: 0px 1% 30px 1%;
	position: relative;
	z-index: 2;
	text-align: center;
}

.rent-steps .rent-onestep img {
	margin-bottom: 20px;
}

/* --- TOUR DATAS --- */

.five-picture-line div {
	float: left;
	width: 18%;
	margin-right: 2.5%;
}

.five-picture-line div:last-child {
	margin-right: 0px;
}

/* --- GALLERY --- */

.gallery-wrapper .span4 {
	margin-right: 0 !important;
	margin-left: 1.25% !important;
	margin-bottom: 20px;
}

.gallery-wrapper .span4 a {
	display: block;
}

/* --- OTHER --- */

@media (min-width: 980px) {
	.szechenyi2020 {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 1;
	}

	.szechenyi2020 img {
		height: 150px;
	}
}

@media (max-width: 979px) {
	.szechenyi2020 {
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}

	.szechenyi2020 img {
		height: 200px;
	}
}