.flex{
    display:flex;
    flex-wrap:wrap;
}

body{
    font-family: "Lato", sans-serif;
	font-size:18px;
}

 html {
    scroll-behavior: smooth;
  } 

@font-face {
  font-family: 'Rinoch';
  src: url('fonts/Rinoch.woff2') format('woff2'),
       url('fonts/Rinoch.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#tyh .bar{
    background:#BC9B40;
    padding:12px 3%;
    font-weight:700;
    text-align:center;
    color:#172446;
    font-size:16px;
    letter-spacing:3.2px;
    text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

#tyh .top a{
	text-decoration:none;
}

#navwrapper .menu-toggle, #navwrapper .menu-close {
    display: none;
}

.button{
    text-decoration:none;
    text-transform:uppercase;
    color:#BC9B40;
    font-size:18px;
	cursor:pointer;
    letter-spacing:3.6px;
    padding:18px 24px;
    border:2px solid #BC9B40;
	display: inline-block;
}

#form .button{
 
	background:#BC9B40;
	color:#fff;
	display:block;
	margin:20px auto 0 auto;
}

h1{
    color:#BC9B40;
    margin:30px 0;
	line-height:1;
    font-size:70px;
    font-family: "the-seasons", sans-serif;
}

h1 span{
    text-transform:uppercase;
    font-size:36px;
    letter-spacing:3.6px;
	font-family: "Lato", sans-serif;
}

h2{
    color:#BC9B40;
    font-family: "the-seasons", sans-serif;
    font-size:80px;
	margin:0 0 30px 0;
}

h3{
    color:#fff;
    text-transform:uppercase;
    font-size:36px;
    letter-spacing:7.2px;
}

#tyh .top{
    background-image:url(images/topbg.jpg);
    background-size:cover;
    min-height:100vh;
    overflow:hidden;
    color:#fff;
    font-size:24px;
    background-attachment: fixed;
	background-position: center top;
	display: flex;
	flex-direction: column;
	position: relative;
}

#tyh .top .flex{
	width:94%;
	margin:auto;
    justify-content:space-between;
    align-items:start;
    padding:30px 0 0;
}

#tyh .top .flex .nav{
	margin:40px 0 0 0;
}

#tyh .top .logo img{
    width:100%;
}

#tyh .top .logo{
    width:120px;
}

.navwrapper{
    text-align:right;
    text-transform:uppercase;
}

.navwrapper li{
    display:inline;
    margin:0 0 0 50px;
}

.navwrapper .button{
    color:#fff;
	padding:10px 15px;

}

.navwrapper li a{
    text-decoration:none;
    color:#fff;
    font-size:16px;
    letter-spacing:3.2px;
}

.navwrapper li a:hover{
	color:#BC9B40;
}

#tyh .overlay{
    padding:150px 0 50px;
	margin-top:auto;
}

#tyh .top .overlay .button{
    margin:60px 0;
	font-weight: bold;
}

#tyh .top .overlay .button:hover{
	    color: #172446;
}

#tyh .overlay .button .white{
	color:#fff;
	font-size:.8em;
	margin:10px 0 0 0;
	letter-spacing:2.8px;
	font-weight: normal;
}

#tyh .mouse{
	text-align:center;
}

#tyh .top .crown{
	position: absolute;
	right:3%;
	bottom: 50px;
	max-width: 10%;
}

#tyh .main{
	max-width:1600px;
	margin:0 auto;
	width: 94%;
}

#tyh .padding{
	padding:100px 0;
}

#tyh .about{
	justify-content:space-between;
}

#tyh .about .left{
	width:45%;
	position: relative;
}

#tyh .about .left:after{
	display: block;
	content: '';
	position: absolute;
	left: 15px;
	top: 15px;
	width: 100%;
	height: 100%;
	border: 2px solid #BC9B40;
}

#tyh .about .left img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: right;
}

#tyh .about .right{
	width:50%;
}

#tyh .text{
	line-height:1.5;
}

#tyh .about .button{
	color:#172446;
 
}

#tyh .right .text{
	margin:0 0 50px 0;
}

#tyh .scroll{
	padding:40px 0;
	border-top:2px solid #BC9B40;
	margin:150px 0 140px 0;
	color:#172446;
	text-align:center;
	font-size:21px;
	border-bottom:2px solid #BC9B40;
}

#tyh .scroll .name{
	margin:15px 0 5px 0;
}

#tyh .scroll a{
	color:#172446;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	letter-spacing:3.2px;
	border-bottom:1px solid #172446;
}

#tyh .scroll h2{
	margin: -75px 0 30px 0;
    background: #fff;
    width: 350px;
    font-size: 45px;
	
}

#tyh .owl-nav .owl-prev, #tyh .owl-nav .owl-next{
	position:absolute;
	font-size:0;
	width:42px;
	height:42px;
	background-size: contain;
	background-repeat: no-repeat;
}

#tyh .owl-nav .owl-prev{
	background-image:url(images/arrow-prev.svg);
	left:-30px;
}

#tyh .owl-nav .owl-next{
	background-image:url(images/arrow.svg);
	right:-30px;
}

.owl-carousel .owl-item img{
	width:200px!important;
	margin:0 auto;
	min-height:303px;
}

.owl-carousel .owl-item a img{
	width:auto!important;
	min-height:0;
	display:inline!important;
}

.fancybox__thumb{
	background-image:url(images/sefer.png)!important;
}

 
 



#tyh .owl-nav{
	position:absolute;
	width:100%;
	top:40%;
}

#tyh #form hr{
	border:none;
	background:#BC9B40;
	height:2px;
	width:92px;
	margin:40px auto;
}

#tyh #form .text{
	text-align:center;
	max-width: 1100px;
	margin:0 auto;
}

#tyh #form .text .heb{
	white-space: nowrap;
}

#tyh #form h2{
	text-align:center;
}
 

#tyh #form .dedicate{
	color:#172446;
	margin:0 0 30px 0;
	font-family: "the-seasons", sans-serif;
	text-align:center;
	font-size:30px;
}

/* Hidden Parts */
#tyh #dn-center #part3, #tyh #dn-center #part4 {
	opacity: 0;
	height: 0;
	overflow: hidden;
}

/* Show Step 2  & Hide Step 1 */
#tyh #dn-center #step2:checked ~ #part3 {
	opacity: 1;
	height: auto;
}

#tyh #dn-center #step2:checked ~ #part2 {
	opacity: 0;
	width: 0;
	height: 0;
}

#tyh #dn-center #step3:checked ~  #part4 {
	opacity: 1;
	height: auto;
}

#tyh #dn-center #step3:checked ~  #part3 {
	opacity: 0;
	width: 0;
	height: 0;
}

/* Show Step 4  & Hide Step 3 */
#tyh #step4:checked ~ #dn-center #part4 {
	opacity: 1;
	height: auto;
}

#tyh #step4:checked ~ #dn-center #part3 {
	opacity: 0;
	width: 0;
	height: 0;
}


#tyh #dn-center{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin:80px 0 0;
}

#tyh #dn-center .dedications{
	width:calc(100% - 511px);
	padding:0 80px 0 0;
	margin:0 80px 0 0;
	border-right:1px solid #D6D6D6;
}

#tyh #dn-center .form-group{
	width:350px;
	max-width: 100%;
}

#tyh .hbkeyboard{
	margin:0 auto 10px auto;
	display:block;
	width:345px!important;
}

#tyh .kbrow{
	display:flex;
	justify-content:space-between;
}

#tyh .kbrow button{
	width:20%;
}

#tyh #closebutton{
	float:right;
}

#tyh .hbk-toggle{
	display:block;
	margin:0 0 10px;
}

#tyh #dn-center .dedications .tickets{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

#tyh #dn-center .dedications input.dn-checkbox.smaller{
	display:none;
}

#tyh #dn-center .dedications label, #tyh #dn-center .dedications .ticketbox{
	width:17%;
	margin:.25%;
	padding:18px 1% 42px;
	text-align:center;
	border:1px solid #D6D6D6;
	position: relative;
	display: flex;
	flex-direction: column;
	line-height: 1;
	color:#BC9B40;
}

#tyh #dn-center .dedications .ticketprice .contact{
	font-size:.85em;
}

#tyh #dn-center .dedications .available{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	font-size:14px;
	letter-spacing:.2em;
	margin:25px 0 0 0;
	color:#676767;
	background: #f5f2e7;
	text-transform:uppercase;
	padding:5px;
}

#tyh #dn-center .dedications .available .line{
	display: inline-block;
}

#tyh #dn-center .dedications .available.hidden{
	opacity: 0;
}

#tyh #dn-center .dedications .available.dedicated{
	background: #172446;
	color:#fff;
}

#tyh  #dn-center .dedications .ticket{
	margin:0 0 5px;
	font-size: 18px;
	color: #172446;
	font-weight: bold;
}

#tyh #dn-center .dedications .ticketprice{
	font-family: "the-seasons", sans-serif;
	font-size:34px;
	margin-top: auto;
	padding:5px 0 0;
}

#tyh #dn-center .dedications .ticketinfo{
	color:#676767;
	font-size: 12px;
}

#tyh #dn-center .dedications .lg{
	width:46.5%;
	display: block;
}

#tyh #dn-center .dedications .lg .ticketinfo{
	float:right;
	width:47%;
	text-align: left;
	margin:5px 0 0;
	font-size: 13px;
	letter-spacing: .2em;
	text-transform: uppercase;
}

#tyh #dn-center .dedications .lg .ticket{
	float:left;
	clear:left;
	width:47%;
	text-align: right;
}

#tyh #dn-center .dedications .lg .ticketprice{
	float:left;
	clear:left;
	width:47%;
	text-align: right;
}


#tyh #dn-center .dedications .ticketbox input{
	width:100px;
	color: #BC9B40;
	font-size: .8em;
	border:1px solid #D6D6D6;
}


#tyh #dn-center .dedications .general label{
	width:100%;
	border:none;
	padding:0;
	margin-top:auto;
}

#tyh #dn-center .dedications label.notdisabled:hover,
#tyh #dn-center .dedications input[type="checkbox"]:checked+label.notdisabled {
    border-color:#BC9B40;
	background: rgb(188 155 64 / 63%);
	color:#fff;
	cursor: pointer;
}



.fa-keyboard:before {
    content: "\f11c";
}

 

#dn-center .amount{
	font-size:36px;
	letter-spacing:1.8px;
	margin:0 0 30px 0;
	border-bottom:1px solid #282828;
}

#dn-center .amount input{
	border:none;
	width:85%;
}

#InstallDiv{
	font-size:13px;
}

#dn-center .options{
	margin:0 0 20px 0;
}

#dn-center .options .flex{
	line-height:10px;
	margin:20px 0;
	font-size:10px;
	display:flex;
	gap:5px;
}

#dn-center .btn-group{
	clear:both;
}

#dn-center .btn-group.btn-group-lg.btn-group-justified .button {
	float:right;
}

#dn-center .btn-group.btn-group-lg.btn-group-justified .button.left {
	float:left;
}

#dn-center .dn-title.rel strong{
	    color: #BC9B40;
}

 
#dn-center .dn-title.rel{
	position:relative;
	pointer-events: auto;
}

#dn-center .checkbox{
	vertical-align:middle;
}

#dn-center .script {
	display: block;
	position: relative;
	padding:2px 10px 0 20px;
	cursor: pointer;
	text-transform:capitalize;           
}

#dn-center .script input{
	display:none;
}
	      
#dn-center .newmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 12px;
	width: 12px;
	background-color: #fff;
	border:1px solid #000;
}
         
#dn-center .newmark:after {
	content: "";
	display: none;
}

#dn-center .script input:checked ~ .newmark:after {
    display: block;
}
 
#dn-center .script .newmark:after {
	width: 100%;
	height: 100%;
	background: #000;				 
} 

#dn-center .dn-field {
	position: relative;
	margin:0 0 15px 0;
	font-size:14px;		 
}

#dn-center .dn-field.float{
	float:left;
	width:50%;
}

#dn-center .dn-field.float.half{	 
	width:50%;
}
 
#dn-center .dn-field.float.third{	 
	width:32%;
	right:auto!important;
}

#dn-center .dn-field.float.third.middle{
	margin:0 2%;
}

#dn-center .dn-field select.dn-textfield{
	height:46px;
}
	
#dn-center .dn-textfield {
	width: 100%;
	outline: none;
	font-size:14px;
	resize:none;
	padding:14px;
	border: 1px solid #D6D6D6;
	border-radius: 7px;
	box-sizing: border-box;
}
		
#dn-center .dn-field .dn-textfield:focus {
	border-color: #022859;
	border-width: medium medium 2px;
	font-size:11px;		 
}

#dn-center .dn-field #honorName.textfield:focus, #dn-center .dn-field #honorAddress.textfield:focus{
	font-size:14px;
	border-width: medium medium 1px;
}

#dn-center .edit {
	color:#1A80D9;
	cursor:pointer;
	font-size:x-small;
	font-weight:600;
	text-decoration:underline;
	letter-spacing:1px;
	text-transform:uppercase;
}

#dn-center textarea{
	resize:none;
}

#dn-center .dn-star {
    color: #000;
	font-size:8px;
	position:absolute;
}

#dn-center .dn-head{
	color:#BC9B40;
	font-size:18px;
	font-family: "the-seasons", sans-serif;
	margin:0px 0px 20px 0px;
}

#dn-center .dn-subhead{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 20px 0 10px;
}

#dn-center .dedications .dn-head{
	color:#172446;
	font-size:18px;
	font-family: "Lato", sans-serif;
	letter-spacing:3.6px;
	text-transform:uppercase;
	text-align:center;
	margin:50px 0 15px 0;
}

#dn-center .dn-title{
	position: absolute;
    pointer-events: none;
    top: 14px;
    left: 14px;
    letter-spacing: 0.65px;
    color: #282828;
    transition: 0.2s ease all;
}

#dn-center .dn-field input:focus ~ .dn-title,
#dn-center .dn-field input:not([value='']) ~ .dn-title {
	top: -6px;
	opacity: 1;
	font-size:10px;
	padding: 0 4px;
	background: #fff;
}

#dn-center .dn-field textarea:focus ~ .dn-title,
#dn-center .dn-field textarea:not([value='']) ~ .dn-title {
	top: -15px;
	left: 0px;
	opacity: 1;
	font-size:10px;
}

#dn-center textarea.dn-textfield{
	height: 120px;
}

#dn-center .option{
	margin:0 0 5px;
}


#dn-center .dn-spacer {
	clear:both;
	 
}

#dn-center .dn-title img{
	position:absolute;
}

#dn-center .button{
	background:#BC9B40;
	 
	cursor:pointer;
	color:#fff;
 
	border:none;	
	margin:30px 0 0 0; 
	padding:15px;
	text-transform:uppercase;
	 
	font-size:18px;
	text-align:center;
	letter-spacing:3.6px;
 
}

#dn-center .dn-smalltext {
	font-size:12px;
}

#dn-center .edit{
	display:block;
	margin:10px 0 0 0;
	color: #284264;
}

.dn-clear {
	clear:both;
}


#dn-center .red {
	color:red;
	padding:5px 0px 15px 0px;
}

#dn-center .more {
		display:none;
}
	
#dn-center .expand {
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:1px;
}

#dn-center .expand i{
	padding:0 10px 12px 0;
}

#dn-center #CreditCardTable {
	margin:0px 0px 25px 0px;
}

#dn-center .taxinfo {
	width:100%;
	text-align: center;
	margin:40px 0 0;
}

#contact #form {
	width: 400px;
	max-width: 94%;
	min-height: 500px;
	margin:auto;
	padding:60px 0;
}

#contact #form .textfield, #contact #form .textarea {
	width: 100%;
	outline: none;
	font-size:14px;
	resize:none;
	padding:14px;
	border: 1px solid #D6D6D6;
	border-radius: 7px;
	box-sizing: border-box;
	margin:0 0 10px;
}

#footerwrapper, .copy{
	background:#172446;
	color:#fff;
}

#footerwrapper{
	padding:30px 0;
}

.copy a{
	color:#fff;
}

.copy{
	padding:20px 3%;
	display:flex;
	font-size:13px;
	justify-content:space-between;}

#footerwrapper .footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:94%;
	margin:0 auto;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:3.6px;
}

#footerwrapper .footer .right{
	font-size:16px;
	text-align: right;
    display: flex;
	line-height:1.4;
    align-items: center;
	letter-spacing:3.2px;
}

#footerwrapper .logo{
	width:132px;
	margin:0 0 0 25px;
}

.fancybox__content{
	width:45%!important;
}