* { outline: none; box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; }

HTML { scroll-behavior: smooth; }
BODY { padding: 0; margin: 0; font-family: 'Prompt', sans-serif; background-color: #000000; color: #FFFFFF; }

H1 { font-size: 36px; line-height: 1.2; font-weight: 700; text-transform: uppercase; color: #FFFFFF; }
H2 { font-size: 28px; line-height: 1.2; font-weight: 700; text-transform: uppercase; color: #FFFFFF; }
H3 { font-size: 28px; line-height: 1.2; font-weight: 400; color: #FFFFFF; }
H4 { font-size: 32px; line-height: 1.2; font-weight: 700; color: #FFFFFF; }
H5 { font-size: 20px; line-height: 1.2; font-weight: 400; color: #FFFFFF; }
H6 {}

H1 A, H2 A, H3 A, H4 A, H5 A, H6 A { text-decoration: none; }

IMG { border: none; }
HR { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

.clr { clear:both; }

.width { position: relative; width: 1160px; margin: 0 auto 0 auto; }

.full-width-image { width: 100%; height: auto; display: block; }
.full-width-iframe { display: block; }

.image-bg { background-image: url(../img/sample-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #EEEEEE; height: auto; }

.bg-grey { background-color: #EEEEEE; }

/* ********************************************************************* */
/*	COLUMNS
/* ********************************************************************* */

.row { padding: 20px 0 20px 0; position: relative; z-index: 997; min-height: 1px; }
.row.first { margin: 100px 0 0 0; }
.container { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -20px 0 -20px; min-height: 1px; }
.item { box-sizing: border-box; padding: 0; margin: 20px; display: flex; flex-direction: column; min-height: 1px; }
.row.no-gutter .item { margin: 0; }

.item > DIV { min-height: 1px; }

.item-vtop { justify-content: flex-start; }
.item-vcenter { justify-content: center; }
.item-vend { justify-content: flex-end; }

.item-hstart { justify-content: flex-start; }
.item-hcenter { justify-content: center; }
.item-hend { justify-content: flex-end; }
.item-hbetween { justify-content: space-between; }
.item-haround { justify-content: space-around; }
.item-hevenly { justify-content: space-evenly; }

.item-1-1 				{ width: calc(100% - 40px); }
.no-gutter .item-1-1 	{ width: 100%; }

.item-1-2 				{ width: calc(50% - 40px); }
.no-gutter .item-1-2  	{ width: 50%; }

.item-1-3 				{ width: calc(33.3333% - 40px); }
.item-2-3 				{ width: calc(66.6666% - 40px); }
.no-gutter .item-1-3  	{ width: 33.3333%; }
.no-gutter .item-2-3  	{ width: 66.6666%; }

.item-1-4 				{ width: calc(25% - 40px); }
.item-3-4 				{ width: calc(75% - 40px); }
.no-gutter .item-1-4  	{ width: 25%; }
.no-gutter .item-3-4  	{ width: 75%; }

.item-1-5 				{ width: calc(20% - 40px); }
.item-2-5 				{ width: calc(40% - 40px); }
.item-3-5 				{ width: calc(60% - 40px); }
.item-4-5 				{ width: calc(80% - 40px); }
.no-gutter .item-1-5  	{ width: 20%; }
.no-gutter .item-2-5  	{ width: 40%; }
.no-gutter .item-3-5  	{ width: 60%; }
.no-gutter .item-4-5 	{ width: 80%; }

/* ********************************************************************* */
/*	HEAD
/* ********************************************************************* */

#head { position: fixed; z-index: 999; top: 0; left: 0; right: 0; height: 120px; background-color: #000000; }

#head #menutab { position: fixed; z-index: 910; top: 25px; right: 20px; transition: all 0.3s ease-in-out; }

.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger:hover { opacity: 0.7; }
.hamburger.is-active:hover { opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after { background-color: #FFFFFF; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #FFFFFF; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }

.hamburger--slider .hamburger-inner { top: 2px; }
.hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after { top: 20px; }
.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); }

#head .logo { position: absolute; top: 20px; left: 30px; width: 204px; transition: all 0.3s ease-in-out; }
#head .logo IMG { width: 100%; height: auto; display: block; }

#head.scrolled .logo {}
#head.scrolled #menu {}

#head #menu { position: fixed; z-index: 900; top: 0; bottom: 0; right: -30%; width: 30%; font-size: 18px; line-height: 1; font-weight: 400; background-color: #000000; visibility: hidden; transition: all 0.6s ease-in-out; }
#head #menu.is-active { visibility: visible; right: 0; }
#head #menu UL { position: relative; margin: 0; padding: 100px 0 0 0; }
#head #menu UL LI { display: block; margin: 0 0 15px 0; padding: 0; background-color: #000000; transition: all 1s ease-in-out; }
#head #menu UL LI A { display: block; color: #FFFFFF; margin: 0; padding: 12px 30px; text-decoration: none; transition: all 0.3s ease-in-out; }
#head #menu UL LI A:HOVER {}
/*
#head #menu UL LI:nth-of-type(1) A:HOVER { background-color: #e9632a; }
#head #menu UL LI:nth-of-type(2) A:HOVER { background-color: #8ab643; }
#head #menu UL LI:nth-of-type(3) A:HOVER { background-color: #e3117f; }
#head #menu UL LI:nth-of-type(4) A:HOVER { background-color: #8b65a1; }
*/

/* ********************************************************************* */
/*	PAGE
/* ********************************************************************* */

#page { padding: 0 0 0 0; position: relative; z-index: 980; }
#page .wrapper-inner { min-height: 100vh; display: flex; flex-direction: row; justify-content: center; }

#page P { font-size: 15px; line-height: 1.4; font-weight: 400; color: #FFFFFF; }

#page UL LI { font-size: 15px; line-height: 1.4; font-weight: 400; color: #FFFFFF; padding: 3px 0 3px 0; }
#page OL LI { font-size: 15px; line-height: 1.4; font-weight: 400; color: #FFFFFF; }

#page A { color: #FFFFFF; text-decoration: none; }
#page A:HOVER {}

#page .purple { color: #8c63a3; }
#page .pink { color: #e60e7e; }
#page .orange { color: #e9632a; }

#page P A { text-decoration: underline; }

#page A.button { display: inline-block; margin: 0; padding: 10px 25px; background-color: #FFFFFF; color: #000000; text-decoration: none; transition: all 0.3s ease-in-out; }
#page A.button:HOVER { background-color: #CCCCCC; }

#page A.button-2 { display: inline-block; color: #FFFFFF; border: solid 1px #FFFFFF; background-color: #000000; margin: 0; padding: 10px 35px; text-decoration: none; text-align: center; transition: all 0.3s ease-in-out; font-size: 16px; line-height: 1; text-transform: uppercase; }
/* #page A.button-2:HOVER { background-color: #e9632a; border: solid 1px #e9632a; } */

#page .home-block { display: flex; z-index: 900; flex-direction: column; justify-content: center; text-align: center; padding: 0 20px 0 20px; }

#page .home-links {}
#page .home-links UL { display: block; margin: 0; padding: 0; text-align: center; }
#page .home-links UL LI { display: inline-block; margin: 0 0 20px 0; padding: 0 20px 0 20px; width: 250px; height: 50px; transition: all 1s ease-in-out; }
#page .home-links UL LI A { display: block; color: #FFFFFF; border: solid 1px #FFFFFF; background-color: #000000; margin: 0; padding: 10px 5px; text-decoration: none; text-align: center; transition: all 0.3s ease-in-out; font-size: 18px; line-height: 1; }
#page .home-links UL LI A:HOVER {}
/*
#page .home-links UL LI:nth-of-type(1) A:HOVER { background-color: #e9632a; border: solid 1px #e9632a; }
#page .home-links UL LI:nth-of-type(2) A:HOVER { background-color: #8ab643; border: solid 1px #8ab643; }
#page .home-links UL LI:nth-of-type(3) A:HOVER { background-color: #e3117f; border: solid 1px #e3117f; }
#page .home-links UL LI:nth-of-type(4) A:HOVER { background-color: #8b65a1; border: solid 1px #8b65a1; }
*/

#page .heads { position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; text-align: center; }
#page .heads IMG { display: block; width: 70%; height: auto; margin: 0 auto 0 auto; }

/* ********************************************************************* */
/*	FOOTER
/* ********************************************************************* */

#foot { padding: 0 0 0 0; }

#foot P { font-size: 15px; line-height: 19px; font-weight: 400; color: #FFFFFF; }
#foot A { color: #FFFFFF; }

#foot .social { position: fixed; z-index: 999; bottom: 15px; right: 15px; transition: all 0.3s ease-in-out; font-size: 0;  }
#foot .social A { display: inline-block; font-size: 26px; line-height: 56px; width: 56px; height: 56px; text-align: center; margin: 3px; background-color: #000000; border-radius: 50%; color: #FFFFFF; text-decoration: none; }
#foot .social A:HOVER { background-color: #111111; }

.side { position: fixed; z-index: 0; top: 0; bottom: 0; }
.side.left { left: 0; }
.side.right { right: 0; }

.side IMG { height: 100%; width: auto; display: block; }

.over18 { position: fixed; z-index: 999; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.45); backdrop-filter: blur(8px); display: flex; flex-direction: column; justify-content: center; }
.over18 .content { background-image: url(../img/overlay.png); background-repeat: no-repeat; background-position: center center; width: 768px; height: 655px; margin: auto; display: flex; flex-direction: column; justify-content: center; }
.over18 .content H6 { margin: 5px auto 5px auto; width: 470px; font-size: 22px; line-height: 1.2; font-weight: 700; color: #FFFFFF; text-align: center; }
.over18 .button { display: inline-block; border: none; background-color: #000000; color: #FFFFFF; padding: 10px 30px; text-decoration: none; font-family: 'Prompt', sans-serif; cursor: pointer; font-weight: 400; font-size: 18px; }
.over18 {}


.qnty { border: solid 1px #ffffff; font-size: 18px; line-height: 38px; color: #ffffff; background-color: #000000; width: 90px; padding: 0; text-align: center; }
.qnty::-webkit-inner-spin-button, 
.qnty::-webkit-outer-spin-button {
  opacity: 1;
}


/* ********************************************************************* */
/* ***** RESPONSIVE **************************************************** */
/* ********************************************************************* */

@media screen and (max-width: 1160px) {
	
	.width { width: 960px; }
	
	#head {}
	#head.scrolled {}
	
}

@media screen and (max-width: 980px) {
	
	.width { width: 100%; }
	
	.container { margin: 0 0 0 0; }
	
}

@media screen and (max-width: 780px) {
	
    .item-1-1 				{ width: calc(100%); }
    .no-gutter .item-1-1 	{ width: 100%; }

    .item-1-2 				{ width: 100%; }
    .no-gutter .item-1-2  	{ width: 100%; }

    .item-1-3 				{ width: calc(50% - 40px); }
    .item-2-3 				{ width: 100%; }
    .no-gutter .item-1-3  	{ width: 50%; }
    .no-gutter .item-2-3  	{ width: 100%; }

    .item-1-4 				{ width: calc(50% - 40px); }
    .item-3-4 				{ width: 100%; }
    .no-gutter .item-1-4  	{ width: 50%; }
    .no-gutter .item-3-4  	{ width: 100%; }

    .item-1-5 				{ width: calc(33.3333% - 40px); }
    .item-2-5 				{ width: calc(33.3333% - 40px); }
    .item-3-5 				{ width: calc(60% - 40px); }
    .item-4-5 				{ width: calc(80% - 40px); }
    .no-gutter .item-1-5  	{ width: 33.3333%; }
    .no-gutter .item-2-5  	{ width: 33.3333%; }
    .no-gutter .item-3-5  	{ width: 60%; }
    .no-gutter .item-4-5 	{ width: 80%; }
    
    #head #menu { right: -50%; width: 50%; }
    
    #page .home-block {}
    #page .home-block IMG { width: 100%; height: auto; }
    
    .side { opacity: 0.3; }
    
    .over18 .content { width: 100%; height: 655px; }
	
}

@media screen and (max-width: 600px) {
	
    .item-1-1 				{ width: 100%; }
    .no-gutter .item-1-1 	{ width: 100%; }

    .item-1-2 				{ width: 100%; }
    .no-gutter .item-1-2  	{ width: 100%; }

    .item-1-3 				{ width: 100%; }
    .item-2-3 				{ width: 100%; }
    .no-gutter .item-1-3  	{ width: 100%; }
    .no-gutter .item-2-3  	{ width: 100%; }

    .item-1-4 				{ width: calc(100% - 40px); }
    .item-3-4 				{ width: 100%; }
    .no-gutter .item-1-4  	{ width: 100%; }
    .no-gutter .item-3-4  	{ width: 100%; }

    .item-1-5 				{ width: calc(50% - 40px); }
    .item-2-5 				{ width: calc(50% - 40px); }
    .item-3-5 				{ width: 100%; }
    .item-4-5 				{ width: 100%; }
    .no-gutter .item-1-5  	{ width: 50%; }
    .no-gutter .item-2-5  	{ width: 50%; }
    .no-gutter .item-3-5  	{ width: 100%; }
    .no-gutter .item-4-5 	{ width: 100%; }
    
    #head #menu { right: -100%; width: 100%; }
	
}

@media screen and (max-width: 480px) {
    
    .over18 .content H6 { width: 90%; }
    
}