@font-face {
    font-family: 'Chivas Priori';
    src: url('../fonts/ChivasPrioriLight.woff2') format('woff2'),
         url('../fonts/ChivasPrioriLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Chivas Priori';
    src: url('../fonts/ChivasPrioriLightItalic.woff2') format('woff2'),
         url('../fonts/ChivasPrioriLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

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

@font-face {
    font-family: 'Chivas Priori';
    src: url('../fonts/ChivasPrioriItalic.woff2') format('woff2'),
         url('../fonts/ChivasPrioriItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Chivas Priori';
    src: url('../fonts/ChivasPrioriBold.woff2') format('woff2'),
         url('../fonts/ChivasPrioriBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Chivas Priori';
    src: url('../fonts/ChivasPrioriBoldItalic.woff2') format('woff2'),
         url('../fonts/ChivasPrioriBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Chivas Priori';
    src: url('../fonts/ChivasPrioriBlack.woff2') format('woff2'),
         url('../fonts/ChivasPrioriBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-HvEx.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStd-HvEx.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}



html {
    width: 100%;
}
body {
    font-family: 'Chivas Priori';
    font-weight: 300;
	padding:0px;
	margin:0px;
	height: 100%;
	overflow-x: hidden;
	font-size:24px;
}
h1,h2,h3,h4,h5,h6,ul,p { padding:0px; margin:0px;}
ul { list-style:none; padding:0px; margin:0px;}
a { text-decoration:none;}
a:hover, a:focus { text-decoration:none; outline:none;}
a img { border:none;}
p a { color:#2daee4; text-decoration:underline;}
p a:hover { color:#1a8ebf; text-decoration:underline;}
strong { font-weight:700;}
.align-right { text-align:right;}
button:focus { outline:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
}
.hide { display:none;}
button { cursor:pointer; border:0;}
* { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
select { -webkit-appearance: none; border-radius: 0;}


header { float:left; width:100%; background:#000; position:fixed; z-index:50;}
.navbar .navbar-brand { float:left; padding:0 0 0 150px;}
.navbar .navbar-brand img { width:50px;}
.navbar .nav-item .nav-link { font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase; padding:10px 20px;}
.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link.active, .navbar .nav-item.active .nav-link { color:#f9b537;}
.social-icons { float:right; margin:0 0 0 10px;}
.social-icons a { float:left; font-size:30px; color:#f9b537; padding:5px 15px 0;}

.hero { float:left; width:100%; background:#000; position:relative;}
.hero .hero-caption { position:absolute; bottom:0; top:35%; width:100%; z-index:8; text-align:center;}
.hero .hero-caption h1 { font:80px 'Helvetica Neue LT Std'; color:#f9b537; text-transform:uppercase; margin:0 0 20px 0;}
.hero .hero-caption h2 { font:45px 'Helvetica Neue LT Std'; color:#000; text-shadow: -2px -2px 0 #f9b537, 2px -2px 0 #f9b537, -2px 2px 0 #f9b537, 2px 2px 0 #f9b537; text-transform:uppercase; margin:0 0 10px 0;}
.hero .hero-caption h3 { font:24px 'Helvetica Neue LT Std'; color:#f9b537; text-transform:uppercase; margin:0 0 100px 0;}
.hero .hero-caption a { margin:auto; display:table; font-size:24px; font-weight:bold; text-transform:uppercase; padding:20px 50px 15px; min-width:300px; border:2px solid #fff; color:#fff; text-align:center;}
.hero .hero-caption a:hover { background:#f9b537; color:#000; border-color:#f9b537;}
.hero .carousel { margin:70px 0 0 0;}
.hero .carousel-indicators { bottom:100px;}
.hero .carousel-indicators li { background:transparent; border:2px solid #886e4e; width:10px; height:10px; transform: rotate(-45deg); margin:0 5px; cursor:pointer;}
.hero .carousel-indicators .active { background:#886e4e;}

.gen-block { float:left; width:100%;}
.gen-block .col-md-6 { padding:0;}
.gen-img { float:left; width:100%;}
.gen-img img { width:100%;}
.gen-det { float:left; width:100%; padding:15% 25% 10%;}
.gen-det h2 { float:left; width:100%; margin:0 0 30px 0;}
.gen-det h3 { float:left; width:100%; font:24px 'Helvetica Neue LT Std'; color:#ecb144; margin:0 0 30px 0; text-transform:uppercase;}
.gen-det p { float:left; width:100%; margin:0 0 20px 0; font-size:30px; line-height:30px; font-weight:normal; color:#4b4c4c;}
.gen-det p strong { font-weight:bold;}
.gen-det a { float:left; font-size:20px; font-weight:bold; text-transform:uppercase; padding:15px 50px; min-width:300px; border:2px solid #111; color:#111; text-align:center;}
.gen-det a:hover { background:#000; color:#fff; border-color:000;}


.concept-block .gen-det h3 { color:#693f46;}
.concept-block a { color:#61353d; border-color:#61353d;}
.concept-block a:hover { background:#61353d; color:#fff; border-color:61353d;}

.secret-block .gen-det { padding:10% 20% 10%;}
.secret-block .gen-det h3 { color:#000;}
.secret-block .carousel-indicators { bottom:20px;}
.secret-block .carousel-indicators li { background:transparent; border:2px solid #fff; width:10px; height:10px; transform: rotate(-45deg); margin:0 5px; cursor:pointer;}
.secret-block .carousel-indicators .active { background:#fff;}

.blending-block .gen-det { padding:8% 20% 10%;}
.blending-block .carousel-indicators { bottom:20px;}
.blending-block .carousel-indicators li { background:transparent; border:2px solid #886e4e; width:10px; height:10px; transform: rotate(-45deg); margin:0 5px; cursor:pointer;}
.blending-block .carousel-indicators .active { background:#886e4e;}

.counts-area { float:left; width:100%; background:url(../img/chivas-counts.jpg) center center no-repeat; background-size:cover; padding:50px 100px;}
.counts-inner { float:left; width:100%; background:#63373d; border:7px solid #f9b83d; padding:100px;}
.counts-inner ul { float:left; width:100%; border-bottom:3px solid #be853b; margin:0 0 30px 0; padding:0 0 30px 0;}
.counts-inner ul:last-child { border-bottom:0; margin:0; padding:0;}
.counts-inner ul li { float:left; width:50%; text-transform:uppercase; text-align:center; padding:10px 0 20px 0; min-height:180px;}
.counts-inner ul li h3 { float:left; width:100%; font:80px 'Helvetica Neue LT Std'; color:#000; margin:0 0 10px 0;}
.counts-inner ul li span { float:left; width:100%; font:24px 'Helvetica Neue LT Std'; color:#000;}
.counts-inner ul li:first-child { border-right:3px solid #be853b;}
.counts-inner ul li:hover h3, .counts-inner ul li:hover span, .counts-inner ul li.active { color:#f9b83d;}

.inscription { float:left; width:100%; background:#000; padding:80px 0;}
.inscription-det { float:right; width:80%; padding:40px 0 0;}
.inscription-det h2 { float:left; width:100%; font:70px 'Helvetica Neue LT Std'; color:#f9b537; text-transform:uppercase; margin:0 0 30px 0;}
.inscription-det p { float:left; width:70%; font-size:30px; font-weight:normal; color:#fff; line-height:30px;}
.inscription-det p strong { font-weight:bold; text-transform:uppercase;}

.form-types { float:left; width:100%;}
.form-types ul { float:left; width:100%;}
.form-types ul li { float:right; width:100%; border:8px solid #f9b537; border-right:0; padding:40px; text-transform:uppercase; text-align:right; margin:0 0 30px 0; cursor:pointer;}
.form-types ul li h4 { float:left; width:100%; font:40px 'Helvetica Neue LT Std'; color:#000; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.form-types ul li h3 { float:left; width:100%; font:50px 'Helvetica Neue LT Std'; color:#fff;}
.form-types ul li h5 { float:left; width:100%; font:20px 'Helvetica Neue LT Std'; color:#fff;}
.form-types ul li:hover, .form-types ul li.active { background:#63373d;}
.form-types ul li:hover h4, .form-types ul li.active h4 { color:#63373d;}

.contact-area { float:left; width:100%;}
.contact-det { float:left; width:100%; padding:20% 20% 10%;}
.contact-det h2 { float:left; width:100%; font:80px 'Helvetica Neue LT Std'; color:#fff; text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000; text-transform:uppercase;}
.contact-det h3 { float:left; width:100%; font:60px 'Helvetica Neue LT Std'; color:#000; line-height:60px; margin:0 0 40px 0; text-transform:uppercase;}
.contact-det p { float:left; width:100%; font-size:35px; font-weight:normal; line-height:35px; color:#000; margin:0 0 80px 0;}
.contact-det p:last-child { margin:0;}
.contact-det span { float:left; width:100%; margin:0 0 30px 0;}
.contact-map { float:left; width:100%;}
.contact-map img { width:100%;}

.question-area { float:left; width:100%; padding:100px; background:#f9b537;}
.question-heading { float:left; width:100%; margin:70px 0 0 0;}
.question-heading div { float:left; width:50%;}
.question-heading h3 { float:left; width:100%; font:60px 'Helvetica Neue LT Std'; color:#f9b537; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; text-transform:uppercase; position:relative; line-height:60px;}
.question-heading h3::after { content:''; position:absolute; right:0; top:0; width:200px; height:5px; background:#000; margin:30px 0 0 0;}
.question-heading h2 { float:left; width:100%; font:60px 'Helvetica Neue LT Std'; color:#000; text-transform:uppercase;}
.question-heading span { float:left; width:20%; font:200px 'Helvetica Neue LT Std'; color:#f9b537; text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000; text-transform:uppercase; line-height:100px; padding:0 0 0 10px;}
.question-det { float:left; width:100%; padding:0 100px;}
.question-det h3 { float:left; width:100%; font:35px 'Helvetica Neue LT Std'; color:#000; margin:0 0 30px 0; text-transform:uppercase;}
.question-det p { float:left; width:100%; font-size:40px; font-weight:normal; line-height:40px; color:#000;}
.question-det p strong { font-weight:bold;}
.question-det p a { color:#000;}


footer { float:left; width:100%; background:#000; padding:100px 100px 200px 100px;}
.footer-text { float:left; width:100%; padding:0 100px 0 0; border-right:4px solid #fff; color:#fff;}
.footer-text p { float:left; width:100%; font-size:28px; font-weight:bold; color:#fff; text-transform:uppercase; margin:0 0 30px 0;}
.consign-seal { float:left; width:100%;}
.consign-seal img { float:left; margin:10px 20px 0 0;}
.consign-seal span { float:left; width:70%; font-size:28px; line-height:28px; font-weight:bold; color:#bdc1ce; text-transform:inherit;}
.consign-seal span a { color:#bdc1ce;  text-decoration:underline;}
footer .col-sm-6 { padding:0;}

.press-det { float:left; width:100%; padding:40px 0 0 100px; color:#fff;}
.press-logo { float:left; margin:20px 20px 0 0;}
.press-text { float:right; width:50%; color:#fff;}
.press-text h3 { float:left; width:100%; margin:0 0 20px 0; font-size:35px; font-weight:bold; text-transform:uppercase;}
.press-text p { float:left; width:100%; margin:0 0 20px 0; font-size:30px; line-height:30px; font-weight:normal;}
.press-text a { float:left; font-size:30px; font-weight:bold; color:#fff; text-decoration:underline;}
.press-text a:hover { color:#f9b537;}

.wizard { float:left; width:100%; display:none;}
.wizard.active { display:block;}
.forms-wrapper { float:left; width:100%;}
.form-area { float:left; width:100%; background:#000; padding:100px 0; display:none;}
.form-main { float:left; width:100%; padding:0 20%; color:#fff; text-align:center;}
.form-logo { float:left; width:100%; margin:0 0 30px 0;}
.form-main h2 { float:left; width:100%; font-size:75px; font-weight:bold; color:#f9b537; margin:0 0 30px 0; text-transform:uppercase;}
.form-main p { float:left; width:100%; font-size:35px; line-height:40px; color:#fff; margin:0 0 20px 0;}
.form-main h3 { float:left; width:100%; font-size:35px; color:#f9b537; margin:30px 0; text-transform:uppercase;}
.form-main .form-calendar { float:left; width:100%; margin:0 0 60px 0;}
.date-slots { float:left; width:100%; margin:0 0 60px 0; background:#1f1f1f; border-radius:100px; padding:50px 70px;}
.date-slots h4 { float:left; width:100%; font-size:30px; font-weight:bold; color:#fff; text-transform:uppercase; margin:0 0 10px 0;}
.date-slots p { font-size:30px;}
.date-slots ul { float:left; width:100%; margin:0;}
.date-slots ul li { float:left; width:70%; font-size:30px; line-height:36px; font-weight:bold; text-align:left; margin:0 0 0 25%;}
.date-slots ul li label  { float:left; width:100%; margin:0;}
.date-slots ul li em { font-style:italic;}
.date-slots ul li span { display:inline-block; width:30px;}
.date-slots ul li span input { float:left; margin:0 30px 0 0;}
.date-slots ul li.sold-out { color:#817f7f;}
.date-slots ul li.sold-out span input { display:none;}
.continue-btn { float:left; width:100%; margin:0 0 50px 0;}
.continue-btn button { float:left; width:100%; background:transparent; border:2px solid #fff; border-radius:200px; font-size:30px; font-weight:normal; padding:20px 0 15px; text-transform:uppercase; color:#fff;}
.continue-btn button:hover { background:#fff; color:#000;}

.form-fields { float:left; width:100%;}
.form-fields ul { float:left; width:100%;}
.form-fields ul li { float:left; width:100%; margin:0 0 30px 0; text-align:left; font-size:30px; font-weight:normal;}
.form-fields ul li.birth-date { float:left; width:100%;}
.form-fields ul li input[type="text"], .form-fields ul li select, .form-fields ul li textarea { float:left; width:100%; background:transparent; border:1px solid #fff; border-radius:200px; font-size:30px; font-weight:normal; padding:20px 30px 15px; text-transform:uppercase; color:#fff;}
.form-fields ul li label { float:left; width:100%; text-align:left; font-size:30px; font-weight:normal; text-transform:uppercase;}
.form-fields ul li label input[type="checkbox"] { margin:0 10px 0 0;}
.form-fields ul li.birth-date span { float:left; width:32%; font-size:30px; font-weight:normal; color:#fff; text-transform:uppercase; padding:20px 0; margin:0 5% 0 0; text-align:left;}
.form-fields ul li.birth-date input { float:left; width:17%; margin:0 2% 0 0; text-align:center;}
.form-fields ul li.birth-date input:last-child { float:left; width:25%; margin:0;}
.form-fields ul li.select-friends label { float:left; width:auto; margin:0 20px 0 0; padding:20px 0; font-size:30px; font-weight:normal; text-transform:uppercase;}
.form-fields ul li.select-friends select { float:left; width:auto;}
.bottle-choice { float:left; width:100%; margin:30px 0 60px;}
.select-bottle { float:left; width:46%; margin:0 2%; background:#1f1f1f; border-radius:40px; padding:40px 30px 30px; color:#bababa; border:3px solid #1f1f1f;}
.select-bottle h4 { float:left; width:100%; font-size:28px; font-weight:bold; text-transform:uppercase; line-height:30px; margin:0;}
.select-bottle .bottle-price { float:left; width:100%; font-size:70px; font-weight:bold; text-transform:uppercase; margin:0 0 20px 0;}
.select-bottle .bottle-price small { font-size:20px;}
.select-bottle h5 { float:left;  width:100%; font-size:30px; font-weight:bold; text-align:left; text-transform:uppercase; margin:0 0 10px 0;}
.select-bottle p { float:left;  width:100%; font-size:24px; font-weight:normal; padding:0 0 0 20px; text-align:left; line-height:24px; color:#bababa; margin:0 0 20px 0;}
.select-bottle:hover, .select-bottle.active { color:#f9b537; border:3px solid #f9b537; cursor:pointer;}

.form-disclaimer { float:left; width:100%; margin:0 0 30px 0;}
.form-disclaimer p { float:left; width:100%; font-size:24px; font-weight:normal; line-height:28px; text-align:left; color:#fff;}


.ticket-det { float:left; width:100%; text-transform:uppercase; text-align:left; padding:0 0 50px 0; border-bottom:3px solid #fff;}
.ticket-det h4 { float:left; width:100%; font-size:30px; font-weight:normal; line-height:30px; color:#f9b537;}
.ticket-det p { float:left; width:100%; font-size:30px; font-weight:normal; line-height:30px; color:#fff; margin:0 0 30px}
.ticket-det p:last-child { margin:0;}
.ticket-total { float:left; width:100%; padding:50px 0; border-bottom:3px solid #fff;}
.ticket-total ul { float:left; width:100%;}
.ticket-total ul li { float:left; width:100%; margin:0 0 30px 0;}
.ticket-total ul li:last-child { margin:0;}
.ticket-date { float:left; width:50%; font-size:30px; font-weight:normal; line-height:30px; text-align:left; text-transform:uppercase; padding:20px 0 0 0;}
.ticket-qty { float:left; width:12%; margin:0 3% 0 0; background:#f9b537; padding:20px; border-radius:30px; font-size:50px; font-weight:bold; text-align:center; color:#000; line-height:50px;}
.ticket-qty h6 { float:left; width:100%; font-size:20px; font-weight:bold; text-transform:uppercase; margin:0; line-height:20px;}
.ticket-price { float:left; width:35%; margin:0; background:#f9b537; padding:20px; border-radius:30px; font-size:50px; font-weight:bold; text-align:center; color:#000; line-height:50px;}
.ticket-price h6 { float:left; width:100%; font-size:20px; font-weight:bold; text-transform:uppercase; margin:0; line-height:20px;}
.discount-code { float:left; width:100%; padding:50px 0; border-bottom:3px solid #fff; margin:0 0 50px 0;}
.discount-code input { float:left; width:40%; background:transparent; border:1px solid #fff; border-radius:200px; font-size:20px; font-weight:normal; padding:20px 30px 15px; text-transform:uppercase; color:#fff;}
.discount-price { float:right; font-size:65px; font-weight:bold; line-height:65px; text-transform:uppercase;}
.discount-price h6 { float:left; font-size:22px; font-weight:bold; line-height:20px; margin:32px 10px 0 0;}
.final-total { float:left; width:100%; font-size:65px; font-weight:bold; line-height:65px; text-transform:uppercase; text-align:center; position:relative; margin:0 0 50px 0;}
.final-total h6 { display:inline-block; font-size:22px; font-weight:bold; line-height:20px; margin:32px 0 0 0;}
.final-total::before { content:''; position:absolute; left:0; bottom:22px; width:35%; height:3px; background:#fff;}
.final-total::after { content:''; position:absolute; right:0; bottom:22px; width:35%; height:3px; background:#fff;}

.card-select { float:left; width:100%;}
.card-select span { float:left; font-size:30px; font-weight:normal; color:#fff; text-transform:uppercase; padding:20px 0; margin:0 25px 0 0;}
.card-select .card-type { float:left; margin:0 30px 0 0; padding:17px 0;}
.card-select .card-type input { float:left; margin:16px 10px 0 0;}
.card-select .card-type:last-child { margin:0;}
.form-fields ul li.card-date span { float:left; font-size:30px; font-weight:normal; color:#fff; text-transform:uppercase; padding:20px 0; margin:0 5% 0 0; text-align:left;}
.form-fields ul li.card-date select { float:left; width:17%; margin:0 2% 0 0; text-align:center;}
.form-fields ul li.card-date selectlast-child { float:left; width:25%; margin:0;}
.form-fields ul li.crypto-pay span { float:left; font-size:30px; font-weight:normal; color:#fff; text-transform:uppercase; padding:20px 0; margin:0 5% 0 0; text-align:left;}
.form-fields ul li.crypto-pay input { float:left; width:17%; margin:0 2% 0 0; text-align:center;}
.form-fields ul li.crypto-pay h6 { float:left; font-size:16px; line-height:16px; margin:25px 0 0 0; text-transform:uppercase; text-align:left;}
.secure-pay { float:left; width:100%; margin:20px 0 40px; text-align:center;}

.payment-complete { float:left; width:100%; margin:20px 0 50px 0;}
.payment-complete h4 { float:left; width:100%; font-size:30px; font-weight:normal; text-transform:uppercase; color:#fff; margin:0 0 50px 0;}
.payment-complete .check-icon { float:left; width:100%; margin:0 0 50px 0;}
.payment-complete p { float:left; width:100%; font-size:30px; font-weight:normal; color:#fff;}
.payment-complete p:last-child { margin:0;}
.payment-complete .blending-img { float:left; width:100%; margin:40px 0;}
.social-share { float:left; width:100%;}
.social-share h3 { margin:0; font-weight:bold;}
.social-share p { margin:0; font-size:32px; font-weight:normal; line-height:32px;}
.icons-share { float:left; width:100%; margin:40px 0;}
.icons-share a { display:inline-block; font-size:35px; color:#f9b537; margin:0 10px;}


.form-upgrade .ticket-det { border:none;}

.sticky-footer { position:fixed; bottom:0px; left:0; width:100%; padding:5px 0 0; background:#fff; text-align:center; font-size:30px; font-weight:bold; text-transform:uppercase; color:#866d4f; z-index:26; letter-spacing:4px;}


.new-calendar { float:left; width:100%; background:#000; font-size:40px; font-weight:normal; color:#fff; text-align:center; margin:30px 0;}
.calendar-month { float:left; width:100%; background:#1f1f1f; padding:20px 0 10px; border-radius:50px; margin:0 0 20px 0; font-weight:bold; color:#f9b538; text-transform:uppercase;}
.calendar-days { float:left; width:100%;}
.calendar-days span { display:inline-block; width:110px; line-height:110px; color:#555; padding:5px; cursor:pointer; color:#f9b538; font-weight:bold;}
.calendar-dates { float:left; width:100%; margin:0 0 20px 0;}
.calendar-dates span { display:inline-block; width:110px; height:110px; line-height:110px; color:#555; padding:5px; cursor:pointer; margin:0 0 10px 0; cursor:no-drop;}
.calendar-dates span.active { color:#fff; font-weight:bold; cursor:pointer;}
.calendar-dates span.active:hover { color:#f9b538;}
.calendar-dates span.selected { color:#555; border-radius:100px; background:#f9b538; padding:5px; color:#fff;}
.calendar-dates span.selected:hover { color:#fff;}
.calendar-dates span input { display:none;}
.dates-row { float:left; width:100%;}