/*@font-face {
  font-family: 'Gotham Book';
  src: url("../fonts/gothambook/HomepageBaukasten-Book.woff2") format("woff2"),
       url("../fonts/gothambook/HomepageBaukasten-Book.woff") format("woff"),
       url('../fonts/gothambook/HomepageBaukasten-Book.ttf')  format('truetype'),
       url('../fonts/gothambook/HomepageBaukasten-Book.eot')  format('embedded-opentype'); 
}*/
@font-face {
  font-family: 'Butler Regular';
  src: url("../fonts/Butler_Regular.otf") format("opentype");
}
@font-face {
  font-family: 'Shadow Boxing Script One';
  src: url("../fonts/ShadowBoxing-ScriptOne.otf") format("opentype");
}
.sbs1 { font-family: 'Shadow Boxing Script One', serif; }
.butler-regular { font-family: 'Butler Regular', serif; }

.font-size-4x { font-size: 4em; }
.font-size-6x { font-size: 6em; }
.font-size-10x { font-size: 10em; }
.maroon, .red{ color: #610a2a; }
.red{ font-weight: 700; }

body{ font-family: 'PT Sans', sans-serif; }


header { background: #610a2a; }
.navbar-brand { padding-top: 5px; padding-bottom: 5px; }
img.logo-default { width: auto; height: 80px; }
img.mobile-logo-default{ width: 100%; height: auto; }
.social-icon.social-icon-lg { font-size: 25px; }

label { text-transform: uppercase; font-family: 'Butler Regular', serif; font-size: 18px; }

.cycler {
	position:relative;
	background-image: url(../../imgs/polaroid-big.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 500px 576px;
	width: 500px;
	height: 576px;
}
.cycler img { 
	position:absolute; 
	z-index:1;
	left: 32px;
	top: 32px;
	width: 436px;
	height: 395px;
}
.cycler img.active { z-index:3; }
#polaroid-big {
	/*background-image: url(../../imgs/polaroid-big.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 500px 576px;
	width: 500px;
	height: 576px;*/
	position: absolute; right: 100px; top:480px;
}
/*#polaroid-big img {
	left: 32px;
	top: 32px;
	width: 436px;
	height: 395px;
}*/

/*.cycler-medium {
	position:relative;
	background-image: url(../../imgs/polaroid-medium.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 470px 470px;
	width: 470px;
	height: 470px;
}
.cycler-medium img { 
	position:absolute; 
	z-index:1;
	left: 32px;
	top: 32px;
	width: 406px;
	height: 365px;
}
.cycler-medium img.active { z-index:3; }*/
#polaroid-medium {
	position: absolute; 
	left: 100px; 
	top:200px;
}
#polaroid-medium img {
	width: 640px;
	height: 640px;
}

/*.cycler-small {
	position:relative;
	background-image: url(../../imgs/polaroid-small.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 320px 320px;
	width: 320px;
	height: 320px;
}
.cycler-small img { 
	position:absolute; 
	z-index:1;
	left: 24px;
	top: 24px;
	width: 270px;
	height: 243px;
}
.cycler-small img.active { z-index:3; }*/
#polaroid-small {
	position: absolute; 
	right: 0px; 
	top:0px;

}
#polaroid-small img {
	width: 480px;
	height: 480px;
}

#listenonspotify{

}

/*#polaroid-big {
	background-image: url(../../imgs/polaroid-big.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 500px 576px;
	width: 500px;
	height: 576px;
}
#polaroid-big img {
	left: 32px;
	top: 32px;
	width: 436px;
	height: 395px;
}*/

/*#polaroid-medium {
	background-image: url(../../imgs/polaroid-medium.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 470px 470px;
	width: 470px;
	height: 470px;
}
#polaroid-medium img {
	left: 32px;
	top: 32px;
	width: 406px;
	height: 365px;
}*/

/*#polaroid-small {
	background-image: url(../../imgs/polaroid-small.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 320px 320px;
	width: 320px;
	height: 320px;
}
#polaroid-small img {
	left: 24px;
	top: 24px;
	width: 270px;
	height: 243px;
}*/
#main { border-top: 50px solid #610a2a; }
#wine-plug {
	margin-top: -150px; z-index: 70; position: relative;
	text-align: right;
}
#wine-glass {
	position: absolute; 
	top: -100px; 
	left: 0;
	z-index: 20;
}

#brands {
	/*background-image: url(../../imgs/wines-left.png), url(../../imgs/wines-right.png);
	background-position: left bottom, right bottom;
	background-repeat: no-repeat;
	background-size: 228px auto;*/
}

#footer-inner{ padding: 0; }

#fillmeout { margin-top: -80px; }

.submit{ 
	/*background-color: #610a2a !important;
	font-size: 20px;
	font-weight: 700;
	border: none !important;
	color: #ffffff;
	width: auto;
	height: auto;
	padding: 10px 15px 10px 17px !important;
	letter-spacing: 2px;
	outline: none;*/
	background-color: #610a2a !important;
	background-image: url(../../imgs/submit-button.jpg); background-size: 272px 70px; width: 272px !important; height: 70px !important; text-align: -9999px !important;
	border: none !important;
	outline: none;
}
button:focus {outline:0;}

@media (max-width: 2000px) {
	#polaroid-medium { top: 50px; left: 50px; }
	#polaroid-medium img { width: 470px; height: 470px; }
	#polaroid-small img { width: 320px; height: 320px; }
	#polaroid-big { right: 50px; top: 400px; }
	.submit { background-size: 200px 51px; width: 200px !important; height: 51px !important; }
}

@media (max-width: 1500px) {
	/*#polaroid-medium{ top: 50px; left: 0; }*/
	h3.font-size-10x{  font-size: 6em; }
	#brand-wine-left, #brand-wine-right { display: none; }
	#polaroid-big { position: absolute; right: 50px; top:480px; }
}

@media screen and (max-width: 1199px){
	[data-mobile-header-scheme=gray] .main-header .navbar-header { background-color: #610a2a; }
	.main-header .navbar-brand { padding-top: 5px; padding-bottom: 5px; width: 100%; height: auto; max-width: 100% !important; }
	.navbar-header > * { flex: 0 0 100%; }
	img.mobile-logo-default{ margin-left: -10px; }
	/*.navbar-header { padding-left: 0; padding-right: 0; }*/
}

@media (max-width: 768px) {
	.mobile-hide { display: none; }
	.mobile-show { display: inline-block !important; }
	#brands{ background-image: none; padding-top: 90px !important; }
	#main { border-top: 20px solid #610a2a; }
	#wine-plug{ margin-top: -30px; }
	#wine-plug img{ text-align: right; width: 30%; height: auto; }
	#fillmeout { margin-top: -10px; }
	h3.font-size-10x{  font-size: 4em; }
	.font-size-2x{  font-size: 1.5em; }
	.font-size-3x{ font-size: 2.5em; }
	/*#footer-inner .lqd-column{ padding: 0 15px; }*/
	.vc_row[class*=pt-] { padding-top: 0 !important; }
	#polaroids { height: 400px; padding-top: 0px; }
	#polaroids .p-5{ padding-left: 0 !important; padding-right: 0 !important; }
	#polaroid-big { position: relative !important; left: 0px; top: 0px; transform: rotate(0) !important; }
	.cycler {
		background-size: 360px 414px;
		width: 360px;
		height: 414px;
		margin: 0 auto;
	}
	.cycler img { 
		left: 22px;
		top: 22px;
		width: 316px;
		height: 284px;
	}
}



figure{ margin:0 !important; }
.star {
	display: block;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 48px;
	height: 48px;
	background: #fff;
	overflow: hidden;
	z-index: 0;
	animation: glitter 4.5s linear 0s infinite normal;
	-webkit-animation: glitter 4.5s linear 0s infinite normal;
	-moz-animation: glitter 4.5s linear 0s infinite normal;
	-ms-animation: glitter 4.5s linear 0s infinite normal;
	-o-animation: glitter 4.5s linear 0s infinite normal;
}
.star-top,.star-bottom{
	position: relative;
	display: block;
}
.star-top:before , 
.star-top:after ,
.star-bottom:before ,
.star-bottom:after{
	content: "";
	width: 48px;
	height: 48px;
	background: #eae9e7;
	border-radius: 25%;
	position: absolute;
}
/*CSS3 pseudo class for positioning curves*/
.star-top:before {
	top: -24px;
	left: -24px;
}
.star-top:after {
	bottom: -24px;
	left: 24px;
}
.star-bottom:before {
	top: 24px;
	left: -24px;
}
.star-bottom:after {
	top: 24px;
	left: 24px;
}
/*css3 keyframes for glittering effect*/
@-webkit-keyframes glitter {
	0%   { -webkit-transform: scale(1.0); opacity: 1; }
	25%  { -webkit-transform: scale(0.5); opacity: 0; }
	50%  { -webkit-transform: scale(1.0); opacity: 1; }
	75%  { -webkit-transform: scale(0.5); opacity: 0; }
	100% { -webkit-transform: scale(1.0); opacity: 1; }
}
@-moz-keyframes glitter {
	0%   { -moz-transform: scale(1.0); opacity: 1; }
	25%  { -moz-transform: scale(0.5); opacity: 0; }
	50%  { -moz-transform: scale(1.0); opacity: 1; }
	75%  { -moz-transform: scale(0.5); opacity: 0; }
	100% { -moz-transform: scale(1.0); opacity: 1; }
}

/*select */
.select2-container{
	width: 100% !important;
}
.select2-container .select2-selection--single, .contact-form input{
	height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
}

.select2-container--default .select2-selection--single{
	border:none !important;
	border-radius: 0;
}

.select2-container--default .select2-selection--single:focus{
	outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #303030;
}

.select2-container .select2-selection--single .select2-selection__rendered{
	padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: .375rem;
}
/* end select */

.form-group {
  position: relative;
  margin-bottom: 30px;
}
.hidden{ display: none !important; }

/* --- */
.contact-form input[type=radio], .contact-form input[type=checkbox]{
	width: 1rem;
	height: 1.25rem;
}
.checkbox-xl .custom-control-label::before, 
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85em;
  height: 1.85em;
}

.checkbox-xl .custom-control-label {
  padding-top: 19px;
  padding-left: 20px;
  border-color: red !important;
  width: 100%;
  /*display: inline-block;*/
}
/*.custom-control-input{ border-color: red; }*/
/*.custom-control{ padding-left: 0; }*/
.custom-control { min-height: 1.85em; }
.custom-control-input-blue{ border-color: red !important; }
.custom-control-input-blue:focus~.custom-control-label::before {
  border-color: #0d51a2 !important;
  /*box-shadow: 0 0 0 0.2rem rgba(13, 81, 162, 0.25) !important;*/
  box-shadow: none;
}

.custom-control-input-blue:checked~.custom-control-label::before {
  border-color: #610a2a !important;
  background-color: #610a2a !important;
}

.custom-control-input-blue:focus:not(:checked)~.custom-control-label::before {
  border-color: #0d51a2 !important;
}

.custom-control-input-blue:not(:disabled):active~.custom-control-label::before {
  background-color: #63a6f7 !important;
  border-color: #63a6f7 !important;
}

.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label{
	color: #4c4d50;
	/*border: 1px solid red;*/
}

.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-valid, .was-validated .form-control:valid{
	background-image: none;
}

#checkbox-error.invalid-tooltip{ top: 95px; }



#agegate {
  display: none;
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  /*background: transparent url(../images/transparant-background.png) repeat;*/
  background-color: rgba(0, 0, 0, 0.9);
  padding-bottom: 0px;
  margin: 0;
}
/*body.agegate-open{
  overflow: hidden;
  position: fixed;
  width: 100%;
}*/
#agegate_msg {
  /*-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;*/
  /* future proofing */
  /*-khtml-border-radius: 8px;*/
  /* for old Konqueror browsers */
  /*-moz-box-shadow: 0 0 20px #000000;
  -webkit-box-shadow: 0 0 20px #000000;
  box-shadow: 0 0 20px #000000;*/
  position: relative;
  z-index: 9999;
  display: block;
  width: 300px;
  height: 394px;
  background-size: 300px 394px;
  background-image: url(../../imgs/consent-box.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin: 150px auto 0;
  text-align: center;
}
#agegate a#agegate_button {
  display: block;
  width: 136px;
  height:36px;
  margin: 0 auto;
  position: relative;
  top: 290px;
  /*-webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;*/
  background-size: 136px 36px;
  background-image: url(../../imgs/consent-box-button.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999px;
}
/*#agegate a:link,
#agegate a:visited {
  color: #3d8709;
  text-decoration: none;
}*/
#agegate a#agegate_button:hover{
/*#agegate a:active */
  /*color: #990000;
  text-decoration: none;*/
  /*top: 277px;*/
  /*-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;*/
  /*background-position: right top !important;*/
  /*text-indent: -9999px;*/
}