@font-face {
  font-family: 'Blender-Pro';
  src: url('webfonts/BlenderPro-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  src: url('webfonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'BlenderProHeavy';
	src: url("webfonts/BlenderPro-HeavyWeb.ttf") format('truetype');
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Blender-Pro';
	font-size: 16px;
	background: #fff;
	color: #000;
}
body.noscroll {
	height: 100%;
	overflow: hidden;
}

.width-100 {
	width: 100%;
}
.height-100 {
	height: 100%;
}
.cursor-pointer {
	cursor: pointer;
}

.ratio-16-9 {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

.ratio-16-9 iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.chapter-item {
	cursor: pointer;
	line-height: 2;
}

.day-holder {
	position: relative;
}

.event-popover {
	position: absolute;
    height: auto;
    max-height: 0;
    overflow: hidden;
    top: 55px;
    width: 300px;
    left: calc(-150px + 50%);
    z-index: 101;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease;
}

.event-popover:before {
	content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    margin-bottom: -10px;
    opacity: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease;
    z-index: 111;
}

.day-holder:hover .event-popover {
	max-height: 500px;
    padding-bottom: 7px;
    overflow: visible;
    opacity: 1;
    z-index: 111;
}

.day-holder:hover .event-popover:before {
	opacity: 1;
}

.event-popover .event-content {
	position: relative;
    -webkit-box-shadow: 0px 3px 19px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 19px 0px rgb(0 0 0 / 75%);
    padding: 5px 10px;
    background-color: #fff;
    text-align: left;
    color: #000;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-weight: bold;
}

.event-popover .event-content a {
	color: #A29160;
}

.container {
	max-width: initial;
	position: relative;
}
@media (min-width: 992px) {
	#carousel-wrapper, .article-padding {
		padding-left: 100px;
    	padding-right: 100px;
	}
	.container.pl #without-search {
		width: 100%;
	}
}
@media (max-width: 575px) {
	.article-padding {
		margin-left: 18px;
    	margin-right: 18px;
	}
}
@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 620px;
	}
}
@media (min-width: 860px) {
	.container {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

#without-search {
    height: 500px;
    position: absolute;
    left: 0;
    z-index: 0;
    background: white;
}

.content-wrapper {
	position: relative;
	z-index: 1;
}

.bg-gold {
	background: #A29160;
}
@media (min-width: 768px) {
	.bg-md-gold {
		background: #A29160;
	}
}
.bg-grey {
	background: #383838;
}
.bg-howto {
	background: #F2F2F2;
}
.bg-black {
	background: #000;
	color: #A29160;
}
.color-white {
	color: #fff;
}
.color-gold {
	color: #A29160;
}
.color-light-black {
	color: #373F41;
}
.color-black {
	color: #000;
}
.opacity-60 {
	opacity: .6;
}
.border-10 {
	border: 10px solid #A29160;
}
p.smaller {
	font-size: 75%;
}
p.smaller12 {
	font-size: 80%;
}
p.smaller2 {
	font-size: 88%;
}
p.medium {
	font-size: 120%;
}
p.medium12 {
	font-size: 125%;
}
p.medium2 {
	font-size: 140%;
}
p.large {
	font-size: 160%;
}
p.large2 {
	font-size: 200%;
}
p.opensans {
	font-family: 'Open Sans';
	font-size: 100% !important;
}
p.opensans.medium {
	font-size: 113% !important;
}

header {
	background: transparent url('../images/body-background2.jpg') 0 0 no-repeat;
    background-size: cover;
    background-position: 0 calc(65% - 55px);
}

header .header-wrapper .dark-overlay {
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
    position: absolute;
    background: rgba(0,0,0,0.6);
    height: 85px;
    left: 0px;
	z-index: -1;
}

body.sticky header .header-wrapper .dark-overlay {
	display:  none;
}

header .logo-lg,
footer .logo-lg {
	height: 120px;
}
header .logo-md {
	height: 80px;
}
header .logo-sm-wrapper {
	position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-150%, -50%);
	display: none;
}
body.sticky header .logo-sm-wrapper {
	display: block;
}
header .logo-sm {
	height: 40px;
}
header .icon {
	width: 22px;
	height: 22px;
}
header .p-header {
	font-size: 250%;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.5px;
}
header .dropdown-toggle {
	color: #fff;
	background: none;
	box-shadow: none;
	border: 0;
	font-family: 'Blender-Pro';
	font-size: 113%;
	outline: none;
}
header .dropdown-toggle:after {
	display: none;
}
header .dropdown-toggle img {
	width: 8px;
}
.dropdown-menu {
	background: #000;
	color: #fff;
}
.dropdown-menu .dropdown-item {
	color: #fff !important;
	background: none !important;
}

.navbar-helper {
	height: 0px;
}
body.sticky .navbar-helper {
	height: 56px; /* !!!same as navbar!!! */
}
nav.navbar {
	/*
	position: sticky !important;
    top: 0;
	*/
    z-index: 1000;
	height: 56px;
}
body.sticky nav.navbar {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	background: #000;
}
body.sticky nav.navbar .nav-item {
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-align: center!important;
    align-items: center!important;
}
nav.navbar .navbar-nav {
	border-bottom: 2px solid #A29160;
	margin-right: 12px;
    margin-left: 12px;
}
nav.navbar .nav-item {
	position: relative;
}
body.sticky nav.navbar .menu-icons {
	display: block !important;
}
nav.navbar a {
	color: #A29160 !important;
	font-family: 'Blender-Pro' !important;
	font-size: 113%;
	letter-spacing: 1px;
	font-weight: 900;
}
@media (max-width: 991.98px) {
	nav.navbar a {
		white-space: nowrap;
	}
}
nav.navbar a:hover {
	color: #fff !important;
}
nav.navbar .nav-item.active a {
	color: #fff !important;
}
nav.navbar .nav-item .highlighter {
	display: none;
	position: absolute;
    height: 2px;
    background: #fff;
    width: 100%;
    bottom: -2px;
}
nav.navbar .nav-item.active .highlighter {
	display: block;
}

.navbar-toggler img {
	height: 20px;
	cursor: pointer;
}
img.navbar-toggler {
	height: 32px;
	cursor: pointer;
}
.d-closed-menu {
	display: block !important;
}
body.menu .d-closed-menu {
	display: none !important;
}
nav.navbar .collapse.show {
    height: initial;
    background: #000;
    position: fixed!important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
	z-index: 99999;
	padding: 15px;
}
body.menu nav.navbar .navbar-nav {
	border: 0;
}
body.menu .nav-item {
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-direction: row!important;
    flex-direction: row!important;
	-ms-flex-align: center!important;
    align-items: center!important;
	margin: 0 !important;
}
body.menu .nav-item .highlighter {
	position: relative;
    bottom: 0;
    margin-left: 15px;
}
body.menu ul.navbar-nav.height-100 {
	height: initial;
}

@media (min-width: 992px) {
	body.sticky .nav-item.mr-lg-5 {
		margin-right: 1.5rem!important;
	}
}


header .heighter {
	height: 320px;
}
section {
	margin-top: -213px;
}
#search-wrapper {
	min-height: 213px;
	position: relative;
	z-index: 1;
	display: none;
}
.container.with-search #search-wrapper {
	display: block;
}
.container.with-search #without-search {
	display: none;
}

#search-wrapper #detailed-search-block {
	display: none;
}
#search-wrapper.show #detailed-search-block {
	display: block;
}
h4 {
	font-size: 113%;
	font-weight: 900;
	text-transform: uppercase;
}
p.main-title {
	font-size: 250%;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	color: #A29160;
}
p.main-black-title {
	font-size: 250%;
	font-weight: 900;
	text-transform: uppercase;
	text-align: left;
	color: #000;
}
div.main-title-line {
	height: 1px;
	background: #A29160;
}
img.chevron-down {
	width: 11px;
	transition: transform .3s;
}
#search-wrapper.show img.chevron-down {
	transform: rotate(180deg);
}
input[type=submit] {
	font-size: 113% !important;
    background: #000 !important;
    color: #fff !important;
    border: 0 !important;
    padding: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
	width: 100% !important;
	height: 50px !important;
}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
select {
	font-family: 'Open Sans';
	font-size: 100% !important;
    background-color: #fff !important;
    color: #000 !important;
    border: 0 !important;
    padding: 10px !important;
    width: 100% !important;
    border-radius: 0 !important;
    height: 50px !important;
}
input[type=email] {
	background: #F0F0F0 !important;
}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel] {
	padding: 19px 30px !important;
}
select {
	padding: 10px 30px !important;
	background-image: url(../images/select-icon.png);
	background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 50%;
    -webkit-appearance: none;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder {
	color: #C4C4C4 !important;
	font-style: italic !important;
}
input[type=radio] {
	display: none;
}
input[type=radio] + label {
	background: transparent;
    border: 2px solid #000;
    padding: 8px 30px;
	cursor: pointer;
	font-size: 113%;
	font-weight: 900;
	letter-spacing: 2px !important;
	text-transform: uppercase;
}
input[type="radio"]:checked + label {
	background: #000;
	color: #fff;
}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
select:focus,
button:focus,
[contenteditable].form-control:focus {
	box-shadow: none !important;
}
.z-btn {
	font-size: 100% !important;
    background: #000 !important;
    color: #fff !important;
    border: 0 !important;
    padding: 18px 48px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
	max-width: 410px;
    display: block;
    margin: 0 auto;
}
@media (max-width: 575.98px) {
	.z-btn {
		display: block;
		margin-left: 1rem!important;
		margin-right: 1rem!important;
		padding: 18px !important;
	}
}

.z-card .z-card-img.img-height-100 {
	overflow: hidden;
	display: flex;
    align-items: center;
    justify-content: center;
    max-height: 349px;
}

.z-card .z-card-img {
	transform: translate(-60px, -30px);
}
.z-card a {
	color: #fff !important;
}
.z-card .z-card-title {
	font-size: 200%;
    line-height: 40px;
	font-weight: normal;
}
@media (min-width: 768px) {
	.z-card .col-md-8 {
		-ms-flex: 0 0 62%;
		flex: 0 0 62%;
		max-width: 62%;
	}
	.z-card .col-md-4 {
		-ms-flex: 0 0 38%;
		flex: 0 0 38%;
		max-width: 38%;
	}
}

@media (max-width: 767.98px) {
	.z-card {
		margin-left: 0;
		max-height: 400px;
		overflow: hidden;
	}
	.z-card .z-card-img {
		transform: translate(0, 0);		
	}
	.z-card-content {
		transform: translate(0, -60%);
		margin-left: 30px !important;
		background: rgba(162, 145, 96, .9);		
	}
	
	.z-card-content.no-image {
		transform: translate(0, -10%);	
	}
}
@media (max-width: 575.98px) {
	.z-card {
		max-height: 375px;
		overflow: hidden;
	}
}
@media (max-width: 525.98px) {
	.z-card {
		max-height: 335px;
		overflow: hidden;
	}
}
@media (max-width: 475.98px) {
	.z-card {
		max-height: 285px;
		overflow: hidden;
	}
}
#zcarousel .separator,
.z-card .separator {
	position: absolute;
    left: 0;
	width: 50%;
    max-width: 100px;
    height: 2px;
    background: #fff;
    opacity: .6;
}
@media (min-width: 768px) {
	.border-right-md {
		border-right: 2px solid #A29160;
	}
}

footer {
	background: #000;
}
footer a {
	color: #A29160 !important;
	font-size: 100%;
	letter-spacing: 1px;
}
@media (max-width: 575.98px) {
	footer a {
		font-size: 125%;
	}
	.bg-gold .small {
		font-size: 100%;
	}
}
footer .logo-lg-wrapper {
	border-right: 2px solid #A29160;
}
@media (max-width: 991.98px) {
	footer .logo-lg-wrapper {
		margin-left: 0;
		border: 0;
	}
	footer .logo-lg {
		height: auto !important;
		max-height: 120px !important;
	}
}

.datepicker td, .datepicker th {
	padding: 5px !important;
	border-radius: 0 !important;
}
.datepicker table tr td.active.active {
	background: #A29160 !important;
}
.datepicker table tr td.today {
	background: rgba(162, 145, 96, .4) !important;
}
.datepicker table tr td span {
	border-radius: 0 !important;
}
.datepicker table tr td span.active.active {
	background: #A29160 !important;
}

.carousel-caption {
	position: relative;
    background: #A29160;
    left: initial;
    right: initial;
    bottom: initial;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	z-index: 1;
}
.carousel-caption .main-title {
	font-size: 120%;
}
.carousel-caption a {
	color: #fff;
}
.carousel-caption p {
	color: #fff;
	text-align: left;
}
.carousel-header {
	min-height: 70px;
}
.carousel-indicators {
	bottom: -55px;
    margin-bottom: 0;
}
.carousel-indicators li {
	width: 12px;
    height: 12px;
    border: 0;
    opacity: .3;
    border-radius: 999px;
    background: #A29160;
	margin-right: 5px;
	margin-left: 5px;
}
.carousel-item {
	min-height: 500px;
}

.carousel-control-prev,
.carousel-control-next {
	top: 50%;
    bottom: auto;
    transform: translate(0, -50%);
}

@media (min-width: 768px) {
	
	.carousel-control-prev {
		height: 20%;
		top: 90%;
		transform: translate(0, -50%);
		width: 60px;
		opacity: 1;
	}
	.carousel-control-next {
		top: 90%;
		transform: translate(0, -50%);
		width: 60px;
		height: 20%;
		opacity: 1;
	}
	.carousel-control-prev:hover,
	.carousel-control-next:hover {
		background: #83754D;
		opacity: 1;
	}
	
	.carousel-caption {
		position: absolute;
		right: initial;
		left: 0;
		top: 90%;
		width: 100%;
		height: 20%;
		transform: translate(0, -50%);
		background: rgba(162, 145, 96, .9);
		text-align: left;
		padding: 10px 65px;
	}
	
	.carousel-indicators {
		left: -60px;
	}
	
	.carousel-item {
		min-height: 500px;
	}	
}
@media (min-width: 992px) {	
	.carousel-item {
		min-height: 450px;
	}	
	div.z-card {
		margin-top: 20px;	
	}
	div.z-card ~ .z-card {
		margin-top: 0px;	
	}
}

@media (min-width: 1200px) {
	.carousel-item {
		min-height: 550px;
	}
	.carousel-caption .main-title {
		font-size: 150%;
	}
}

.z-counter {
	text-transform: uppercase;
	font-weight: bold;
}
.z-counter-block {
	font-size: 200%;
    background: #A29160;
    color: #fff;
    padding: 0 5px;
	font-weight: bold;
	line-height: 36px;
}

.z-breadcrumb {
	color: #A29160;
}
.z-breadcrumb a {
	color: #fff !important;
}
.z-breadcrumb a.back {
	color: #A29160 !important;
	text-transform: uppercase;
}
.z-breadcrumb img {
	height: 9px;
    display: block;
}
.z-breadcrumb img.rotate-180 {
	transform: rotate(180deg);
}

video {
	width: 100%;
	height: auto;
}

.calendar-circle {
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	height: 24px;
	min-height: 24px;
	max-height: 24px;
	border-radius: 999px;
}

@media (max-width: 575.98px) {
	.calendar-small-chevron {
		height: 17px;
	}
}

@media (min-width: 992px) {
	.border-10 {
		padding-left: 0 !important;
	}
}

@media (max-width: 575.98px) {
	header .p-header {
		font-size: 200%;
	}
	p.main-title {
		font-size: 200%;
	}
	.z-card .z-card-title {
		font-size: 150%;
		line-height: 30px;
	}
}

@media (min-width: 768px) {
	.font-weight-md-bold {
		font-weight: bold;
	}
	.carousel-item .position-relative {
		height: 300px;
	}
	header {
		height: 675px;
	}
}

.description {
	font-size: 22px;
}

.participants {
	font-size: 22px;
	color: #A29160;
}

span.piece {
	font-weight: bold;
}

span.tetel {
	font-style: italic;
}

article {
	margin-top: 30px;
	font-family: 'Open Sans';
} 

article .content-wrapper .date {
	color: #A29160!important;
	font-size: 20px;
}

article .content-wrapper .content a {
    color: #A29160!important;
}

@media (min-width: 992px)  {
	.left-margin-60 {
		margin-left: 60px;
	}
}

.buttonbox-wrapper.share-link {
	float: right;
    min-width: 175px;
}

.buttonbox {
	background-color: #efefef;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transition-timing-function: ease;
}

.buttonbox > a {
	position: relative;
    display: block;
	padding-left: 60px;
	color: #000;
	min-height: 35px;
	padding-top: 5px;
	font-family: "BlenderProHeavy", Arial, serif;
}

.buttonbox-wrapper.share-link .buttonbox > a > span.icon {
	width: 35px;
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
}

.buttonbox span.icon.icon-fb {
	background-image: url(/static/frontend/imgs/icon-fb.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: 35px 35px;
}

.buttonbox span.buttontext {
	display: block;
	font-family: "BlenderProHeavy", Arial, serif;
	text-transform: uppercase;
}

.buttonbox:hover, .buttonbox:focus {
    background-color: #000;
} 

.buttonbox:hover a span.buttontext, .buttonbox:focus a span.buttontext {
    color: #fff;
}

.buttonbox:hover a, .buttonbox:focus a {
	text-decoration: none;
}