@font-face {
    font-family: 'TheHolidays';
    src: url('../../fonts/TheHolidays/TheHolidays-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
.the-holidays {
    font-family: 'TheHolidays' !important;
}
.avenir-medium {
	font-family: 'Avenir Next Medium';
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
  }

@font-face {
	font-family: 'milkandclaybold';
	src: url('../../fonts/MILKANDCLAYBold.eot');
	src: url('../../fonts/MILKANDCLAYBold.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/MILKANDCLAYBold.woff') format('woff'),
		 url('../../fonts/MILKANDCLAYBold.ttf') format('truetype'),
		 url('../../fonts/MILKANDCLAYBold.svg#milkandclaybold') format('svg');
	font-weight: normal;
	font-style: normal;
  }

  .milkandclaybold {
	font-family: 'milkandclaybold';
  }
  
  .cocogoose {
	font-family: 'cocogoose';
  }
nav .nav-bottom {
	z-index:2;
}
main{
	width: 100%;
	padding: 0 !important;
}
#oct-banner,
#nov-banner {
	display: none !important;
}
#popup-general {
	display: none !important;
}
#wishbook{
	height:920px;
	font-size: 16px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
	--red: #ED2024;
	--blue: #148BB1;
}
#wishbook .snow {
	top:0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
} 
#wishbook.scene1{
	background-image: url(../../../images/23/nov/wishbook/back.webp);
}
#wishbook.scene2{
	background-image: url(../../../images/23/nov/wishbook/back2.webp);
}
#wishbook.scene3{
	background-image: url(../../../images/23/nov/wishbook/back3.webp);
}
#wishbook.scene1 .main2,
#wishbook.scene1 .main3 {
	display:none;
}

#wishbook.scene2 .main1,
#wishbook.scene2 .main3 {
	display:none;
}
#wishbook.scene2 .main2 {
	display:block;
}
#wishbook.scene3 .main1,
#wishbook.scene3 .main2 {
	display:none;
}
#wishbook.scene3 .main3 {
	display:block;
}
#wishbook .wbf-text .l1 {
	font-size:16px;
}
#wishbook .wbf-text .l2 {
	font-size:27px;
}
#wishbook .l3 {
	font-size:13px;
	margin-bottom:20px;
}
#wishbook .l3 span {
	margin-top:30px;
	padding:13px 0 13px 53px;
	background-position:left center;
	background-repeat:no-repeat;
	background-image: url(../../../images/23/nov/wishbook/icon-change.png);
	background-image: -webkit-image-set(url("../../../images/23/nov/wishbook/icon-change.png") 1x, url("../../../images/23/nov/wishbook/icon-change@2x.png") 2x);
	transform: translateX(37px);
}
#wishbook-recaptcha {
	display:none;
}
#wishbook .field-label.l4 {
	font-size:27px;
}
#wishbook .field-label.l5 {
	font-size:18px;
	margin-top:0;
}
#wishbook .field-label.l6 {
	font-size:24px;
}
#wishbook .wb-right{
	margin-left: 47px;
	transform: translateX(50px);
}
#wishbook .wbf-default,
#wishbook .wbf-thanks{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	width: 638px;
	height: 466px;
    padding: 0 30px;
}
#wishbook .wbf-default{
	background-image: url(../../../images/23/nov/wishbook/form-back.png);
	background-image: -webkit-image-set(url("../../../images/23/nov/wishbook/form-back.png") 1x, url("../../../images/23/nov/wishbook/form-back@2x.png") 2x);
}
#wishbook .wbf-thanks{
	background-image: url(../../../images/23/nov/wishbook/thanks-back.png);
	background-image: -webkit-image-set(url("../../../images/23/nov/wishbook/thanks-back.png") 1x, url("../../../images/23/nov/wishbook/thanks-back@2x.png") 2x);
}
#wishbook .wbf-text.bottom{
	margin-top: 10px;
}
#wishbook .wbf-text p{
	font-size: 2.03125em;
	line-height: 21px;
}
#wishbook .wbf-text p small{
	font-size: 69.2307692307692%;
}
#wishbook .nov-text {
	margin-bottom:-15px;
}
#wishbook .button {
	font-size: 20px;
	width: 220px;
	height: 40px;
	padding: 0;
	margin-top: 22px;
	border-radius: 20px;
}
#wishbook .next-button {
	margin-top:10px;
	width: 124px;
	height:40px;
}
#wishbook form{
    width: 425px;
    margin-top: 10.5px;
}
#wishbook .form-field {
    padding: 7.5px 8px;
    flex-basis: 50%;
    flex-grow: 1;
}
#wishbook .form-field input, 
#wishbook .form-field select{
    font-size: 18px;
    height: 43px;
    background-color: #fff;
    width: 100%;
    text-indent: 10px;
	letter-spacing: 0.01em;
	padding-top: 1px; 
	border-color:#a1a1a1;
}
#wishbook .form-field select{
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
	background-image: url(../../../images/23/nov/wishbook/down-arrow.png);
	background-image: -webkit-image-set(url("../../../images/23/nov/wishbook/down-arrow.png") 1x, url("../../../images/23/nov/wishbook/down-arrow@2x.png") 2x);
    background-size: 13px 9px;
}
#wishbook .form-field select.selected,
#wishbook .form-field input{
    color: var(--darker-gray);
}
#wishbook .form-field select,
#wishbook .form-field ::placeholder{
    opacity: 1;
    color: #414141;
}
#wishbook .form-action [type="submit"] {
	margin-top: 30px;
}
#wishbook .form-action [type="submit"].button[disabled]{
    opacity: 0.8;
    cursor: not-allowed;
}
#wishbook .field-label {
	font-size:20px;
	margin-top:20px;
}
#wishbook .wb-left{ 
	margin-top:211px;
}
@media screen and (max-width: 1199px){
	#wishbook .wb-right {
		transform:none;
	}
	#wishbook .button {
		font-size: 1.3em;
		width: 240px;
		height: 50px;
	}
	#wishbook .wb-left{
		width: 400px;
	}
	#wishbook .wb-right{
		margin-left: 40px;
	}
	#wishbook .wbf-text.bottom{
		margin-top: 0;
	}
	#wishbook .wbf-text p{
		font-size: 1.5em;
	}
	#wishbook .form-field input, 
	#wishbook .form-field select{
		height: 38px;
	}
}
@media screen and (max-width: 991px) {
	#wishbook {
		height:100%;
		padding-bottom:30px;
	}
	#wishbook .wb-inner{
		flex-direction: column;
		align-items: center;
		padding-top: 40px;
	}
	#wishbook .wb-left{
		align-self: center;
        padding-bottom: 0;
		margin-top:80px;
	}
	#wishbook .wb-left .main1{
		transform: translateX(-30px);
	}
	#wishbook .wb-right{
		margin-left: 0;
	}
	#wishbook .l3 span {
		transform:none;
	}
}

@media screen and (max-width: 991px) {
	#wishbook .wbf-default, #wishbook .wbf-thanks {
		width:500px;
	}
	
}

@media screen and (max-width: 567px) {
	#wishbook{
		padding-bottom:0;
	}
	#wishbook .l3 span {
		margin-top:0;
	}
	#wishbook.scene1{
		background-image: url(../../../images/23/nov/wishbook/back-m.webp);
	}
	#wishbook.scene2{
		background-image: url(../../../images/23/nov/wishbook/back2-m.webp);
	}
	#wishbook.scene3{
		background-image: url(../../../images/23/nov/wishbook/back3-m.webp);
	}
	#wishbook .wb-inner{
		padding-top: 92px;
		padding-bottom: 0;
		position:relative;
	}
	#wishbook .wb-left {
		margin-top:0;
	}
	#wishbook .wb-left .main1 {
		transform: none;
	}
	#wishbook .wb-left .button{
		width: 223px;
		height: 45px;
		margin-top: 42px;
		font-size: 17px;
	}
	#wishbook .wb-right{
		position: absolute;
		top: 90px;
		left: 0;
		height: 100%;
		align-items: flex-start;
		justify-content: center;
		width: 100%;
	}	
	#wishbook .wb-form{
		max-width: 100%;
	}
	#wishbook .wbf-default,
	#wishbook .wbf-thanks{
		width: 100%;
		height: 621px;
		margin-top: 0;
		padding:0 15px;
	}
	#wishbook .wbf-default{
		padding-top: 33px;
		background-image: url(../../../images/23/nov/wishbook/form-back-m.png);
		background-image: -webkit-image-set(url("../../../images/23/nov/wishbook/form-back-m.png") 1x, url("../../../images/23/nov/wishbook/form-back-m@2x.png") 2x);
	}
	#wishbook .wbf-thanks{
		padding: 0 15px;
		background-image: url(../../../images/23/nov/wishbook/thanks-back-m.png);
		background-image: -webkit-image-set(url("../../../images/23/nov/wishbook/thanks-back-m.png") 1x, url("../../../images/23/nov/wishbook/thanks-back-m@2x.png") 2x);
	}
	#wishbook .wbf-text.top p:before,
	#wishbook .wbf-text.top p:after{
		width: 36px;
		margin-top: 0.2em;
	}
	#wishbook .wbf-text.top p:before{
		left: -49px;
	}
	#wishbook .wbf-text.top p:after{
		right: -49px;
	}
	#wishbook form{
		margin-top: 16.5px;
	}
	#wishbook .form-row.flex{
		flex-direction: row;
	}
	#wishbook .form-field input, 
	#wishbook .form-field select{
		font-size: 0.875em;
		height: 36px;
		text-indent: 5px;
	}
	#wishbook .wb-right {
		transform:none;
	}
	#wishbook .wb-form,
	#wishbook .wb-thanks {
		margin-top:-16px;
	}
	#wishbook .field-label {
		font-size:16px;
		letter-spacing: -1px;
	}
	#wishbook .wbf-text .l1 {
		max-width:278px;
	}
	#wishbook .wbf-text .l1 br {
		display:none;
	}
	#wishbook .wbf-text .l2 {
		font-size: 29px;
	} 
	#wishbook form {
		margin-top:-66px;
	}
	#wishbook .form-field input, #wishbook .form-field select {
		height:32px;
		font-size:16px;
	}
	#wishbook .field-label.l4 {
		font-size:23px;
	}
	#wishbook .field-label.l5 {
		font-size: 16px;
		margin-top:5px;
	}
	#wishbook .button {
		font-size: 17px;
		width: 223px;
		height: 45px;
	}
	#wishbook .field-label.l6 {
		font-size: 20px;
	}
	#wishbook .field-label.l6 br {
		display:none;
	}
}