/*Font*/
@font-face {
  font-family:'BVFont';
  font-weight:normal;
  font-style:normal;
  src:url('https://bottega-veneta.dam.kering.com/m/55cf4e61caf17ff1/original/bottegaveneta-regular-webfont.eot');
  src:url('https://bottega-veneta.dam.kering.com/m/55cf4e61caf17ff1/original/bottegaveneta-regular-webfont?#iefix') format('embedded-opentype'),
  url('https://bottega-veneta.dam.kering.com/m/4f750bb984a11dbe/original/bottegaveneta-regular-webfont.woff') format("woff"),
  url('https://bottega-veneta.dam.kering.com/m/43d1a4b8adfd0f37/original/bottegaveneta-regular-webfont.ttf') format("truetype")
  }

  @font-face {
  font-family:'BVFont';
  font-weight:300;
  font-style:normal;
  src:url('https://bottega-veneta.dam.kering.com/m/7c23a072388bb67e/original/bottegaveneta-semibold-webfont.eot');
  src:url('https://bottega-veneta.dam.kering.com/m/7c23a072388bb67e/original/bottegaveneta-semibold-webfont?#iefix') format('embedded-opentype'),
  url('https://bottega-veneta.dam.kering.com/m/5dfbf135576717d0/original/bottegaveneta-semibold-webfont.woff') format("woff"),
  url('https://bottega-veneta.dam.kering.com/m/605f1745781bc6e9/original/bottegaveneta-semibold-webfont.ttf') format("truetype")
  }

  @font-face {
  font-family:'BVFont';
  font-weight:bold;
  font-style:normal;
  src:url('https://bottega-veneta.dam.kering.com/m/42acf9a33c0ae811/original/bottegaveneta-bold-webfont.eot');
  src:url('https://bottega-veneta.dam.kering.com/m/42acf9a33c0ae811/original/bottegaveneta-bold-webfont?#iefix') format('embedded-opentype'),
  url('https://bottega-veneta.dam.kering.com/m/46ecc0024a314e20/original/bottegaveneta-bold-webfont.woff') format("woff"),
  url('https://bottega-veneta.dam.kering.com/m/5761a5f6423d82d/original/bottegaveneta-bold-webfont.ttf') format("truetype")
  }

html, body {
height: 100%;
}

html { 

}

* {
margin: 0;
padding: 0;
}

#privacy-error{width:100%;margin-top:20px}
#marketing-error{width:100%}

select {

/* styling */
background-color: white;
border: thin solid blue;
border-radius: 4px;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;

/* reset */

margin: 0;      
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}


select.minimal {
display: block;
width: 100%;
font-size: 1.25rem;
height: 1.875rem;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNMSAxbDggMTIgOC0xMnoiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: auto;
border: none;
border-bottom: 1px solid #000;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
padding: 0 1.125rem 0.3125rem 0;
color: #000;
}



select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}


input,
textarea {
border: 1px solid #eeeeee;
box-sizing: border-box;
margin: 0;
outline: none;
padding: 10px;
}

input[type="button"] {
-webkit-appearance: button;
cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

.input-group {
clear: both;
margin: 15px 0;
position: relative;
}

.triangolo{

display: block;
width: 100%;
font-size: 1.25rem;
height: 1.875rem;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNMSAxbDggMTIgOC0xMnoiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: auto;
border: none;
border-bottom: 1px solid #000;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
padding: 0 1.125rem 0.3125rem 0;
color: #000;


}

.input-group input[type='button'] {
background-color: #eeeeee;
width: 38px;
transition: all 300ms ease;
}

.input-group .button-minus,
.input-group .button-plus {
font-weight: bold;
height: 38px;
padding: 0;
width: 38px;
position: relative;

}

.input-group .button-minus{margin-right:1px;}

label.error{
text-align:left;
width: 100%;
color:red;
}

.input-group .quantity-field {
position: relative;
height: 38px;
left: -6px;
text-align: center;
width: 62px;
display: inline-block;
font-size: 13px;
margin: 0 0 5px;
resize: vertical;
}

.button-plus {
left: -13px;
}

input[type="number"] {
-moz-appearance: textfield;
}


body {
background-color:#f5f5f3;
margin: 0;
overflow-x: hidden;
color:#0f0f0f;
font-size:14px; 
line-height:18px; 
font-family:BVFont,Helvetica,Arial,sans-serif
}

.bgpage {
background: url('https://image.email.bottegaveneta.com/lib/fe3d15707564047f701373/m/5/Large-W23_HOMEPAGE_3400x1700_2.jpg') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:focus {
outline-width: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}

*:focus {
outline: none;
}

input[type=text] {   
/* Remove First */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

/* Then Style */
border-radius: 0;
background: transparent;
outline: none;    
}

header {
background-color:#fff;
border-bottom:1px solid #e6e6e6;
text-align:center;
display:flex;
flex-direction:column;
}

.displayNone{display: none !important;}
.displayBlock{display: block !important;}

.logoimg {
width:100%;
max-width:150px;
}


.flex-container {
margin:0;
display: flex;
/* align-items: center;*/
justify-content: center;
align-items: start;
padding:0
margin-bottom:0;
}

.row {
width: 100%;
border: 1px solid #e6e6e6;
background-color: #fff;
padding: 5px;
text-align: center;
padding:55px 20px;
}

.content-privacy {
padding:15px 0;
}

.content-introduction {
text-align: left;
padding:20px 0;
font-family:BVFont,Helvetica,Arial,sans-serif
}

.content-introduction2 {
text-align: left;
padding:20px 0 5px 0;
font-family:BVFont,Helvetica,Arial,sans-serif
}

.content-consent{
text-align: left;
font-size:11px;

}

.flex-container img {
width:100%;
margin-bottom:0;
}

h2 {
color:#0f0f0f;
font-size:22px; 
font-family:BVFont,Helvetica,Arial,sans-serif;
margin-bottom:20px;
font-weight:normal;
}

.anyguest {
padding-top:20px;
}

p, 
.checkbox-container, 
.content-submit{
color:#555;
font-size:12px; 
line-height:21px; 
font-family:BVFont,Helvetica,Arial,sans-serif;
}

a:link,a:visited,a:hover,a:active {
color:#0f0f0f;
}

.checkbox-privacy-container {
margin-bottom:40px;
}

.content-checkboxes_2 {
display:block;
}

.content-checkboxes{
display:flex;
}

.checkbox-container {
display: block;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align:left;
padding:0 30px;
}

.checkbox-container .error {
position: absolute;
width: 170px;
color: #c00;
display: block;
top: 20px;
left: 0;
font-size: 12px;
z-index:9;
}

.content-checkboxes .checkbox-container .error {
white-space:nowrap;
}

.checkbox-privacy-container .error {
width: 100%;
top: 106px;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

.hideForm {
display:none;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #fff;
border:1px solid #0f0f0f;
}

.checkbox-container:hover input ~ .checkmark {
background-color: #fff;
}

.checkbox-container input:checked ~ .checkmark {
background-color: #fff;
}

.checkmark:after {
content: "";
position: absolute;
display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
display: block;
}

.checkbox-container .checkmark:after {
left: 5px;
top: 1px;
width: 3px;
height: 8px;
border: solid black;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}




.content-submit {  
position:relative;
display: flex;
flex-flow: row wrap;
flex-direction: column;
align-items: stretch;
}

.content-submit input{
vertical-align: middle;
margin: 0;
padding: 10px;
background-color: #fff;
border: 1px solid #0f0f0f;
height:28px;
line-height:28px;
flex-grow: 1;
}


.form-group {
position: relative;
margin-bottom: 25px;
width: 100%
}


.form-item input {
vertical-align: middle;
margin: 0;
height:28px;
line-height:28px;
flex-grow: 1;
display: block;
font-size: 12pt;
padding: 10px 0 0;
border: none;
border-bottom: 1px solid #000;
font-family:BVFont,Helvetica,Arial,sans-serif;
width:100%;
}


.form-item input:focus {
outline: none;
}

.form-item label.label-placeholder,
.form-item label.label-placeholder-select{
vertical-align: middle;
margin: 0;
height:28px;
line-height:28px;
flex-grow: 1;
position: absolute;
top: 0;
left: 0;
color: #0f0f0f;
font-size: 12px;
font-weight: normal;
pointer-events: none;
transition: all 0.2s ease;
cursor:pointer;
}

.textdemo {
cursor:pointer;
}

.mycalendar {
top: -20px !important;
font-size: 10px !important;
color: #0f0f0f;
}

.form-item input:focus ~ label.label-placeholder,
.form-item input ~ label.input-has-value {
top: -20px;
font-size: 10px;
color: #0f0f0f;
}
.form-item p.value-mycountry {
vertical-align: middle;
margin: 0;
height: 28px;
line-height: 28px;
flex-grow: 1;
display: block;
font-size: 12pt;
padding: 10px 0 0;
border: none;
border-bottom: 1px solid #ccc;
font-family: BVFont,Helvetica,Arial,sans-serif;
width: 100%;
}

.form-item p.label-mycountry {
vertical-align: middle;
margin: 0;
padding: 10px 0;
height:28px;
line-height:28px;
flex-grow: 1;
position: absolute;
top: -20px;
left: 0;
color: #0f0f0f;
font-size: 10px;
font-weight: normal;
pointer-events: none;
transition: all 0.2s ease;
cursor:pointer;
}

.form-item input ~ label#StateUs-error.input-has-value {
display:none;
}

/* input bar */

.bar {
display: block;
position: relative;
width: 100%;
}

.bar:before,
.bar:after {
content: "";
height: 1px;
width: 0;
bottom: 0;
position: absolute;
background: #0f0f0f;
transition: all 0s ease;
}

.bar:before {
left: 0;
}

.bar:after {
right: 0;
}

input:focus ~ .bar:before,
input:focus ~ .bar:after {
width: 100%;
}

/* */

.content-mobile {
display:flex;
}

.content-mobile .input-prefix {
flex-grow: 1; /* default 0 */
width:100%;
}

.content-mobile .input-mobile {
flex-grow: 4; /* default 0 */
}

.content-birthday {
display:flex;
}

.content-mobile .input-date {
flex-grow: 1; /* default 0 */
}

.form-item label.error,
input ~ label.error.input-has-value {
position: absolute;
top:40px;
left:0;
color:#c00;
font-size:12px;
z-index:4;
}

.form-item label#StateUs-error,
.main-step1 .form-item label.error {
top:30px;
}

.checkbox-container .error#ConsentPrivacy-error {
bottom:-20px;
top:inherit;
}

.content-submit label.error{
position: absolute;
top:95px;
left:0;
color:#c00;
font-size:12px;
}

form .content-submit .btn-next{
order:1;
}
form .content-submit .btn-back{
order:2;
}

form .content-submit .button,
.content-submit .button {
padding: 10px 0;
min-width:200px;
background-color: #fff;
border: 1px solid #0f0f0f;
color: #0f0f0f;
cursor: pointer;
flex-grow: .5;
text-transform:uppercase;
font-size:14px;
margin-bottom:20px;
text-decoration:none;
}

form .content-submit button {
padding: 5px 0;
min-width:140px;
background-color: #fff;
border: 1px solid #000;
color: #000;
cursor: pointer;
flex-grow: .5;
font-size:14px;
margin-bottom:20px;
}
/*
form .content-submit button:hover{
background-color: #000;
-webkit-transition: background-color 1ms linear;
-ms-transition: background-color 1ms linear;
transition: background-color 1ms linear;
}

form .content-submit .button:hover {
background-color: #fff;
-webkit-transition: background-color 10f0f0fms linear;
-ms-transition: background-color 1ms linear;
transition: background-color 1ms linear;
}
*/

.padding {
padding: 10rem !important;
margin-left: 200px
}

.br-theme-bars-square .br-widget {
height: 15px;
white-space: nowrap;
display: flex;
}
.br-theme-bars-square .br-widget a {
display: block;
width: 30px;
height: 30px;
float: left;
border: 1px solid #0f0f0f;
background-color: white;
margin: 1px;
text-decoration: none;
font-size: 14px;
line-height: 2;
text-align: center;
color: #0f0f0f;
}
.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
border: 1px solid #0f0f0f;
background-color:#0f0f0f;
color: #fff;
}
/*
.box-example-square .br-wrapper {
width: 170px;
position: absolute;
margin: 16px 0 0 -87px;
left: 50%
}*/

.box-example-square .br-wrapper {
width: auto;
margin: 16px 0;
}

.box select {
width: 120px;
margin: 10px auto 0 auto;
display: block;
font-size: 16px
}

.hideLanguage {
display:none !important;
}

.showLanguage {
display:flex !important;
}

@media (min-width:1025px) {


.logoimg {
max-width:200px;
}

.row {
width: 100%;
}

.flex-container {
margin:0;
padding:0;
}




.row {
padding:55px;
}

.content-submit{  
display: flex;
flex-flow: row wrap;
margin-top:15px;
}

.multiple-btns {
justify-content: space-evenly;
align-self:stretch;
}

form .content-submit .btn-next{
order:2;
}
form .content-submit .btn-back{
order:1;
}

.form-item {  
display: flex;
flex-flow: row wrap;
justify-content: center;
align-self:stretch;
}

.content-submit label.error {
top:55px;
left:0;
}

.form-item label.error,
input ~ label.error.input-has-value {
top:45px;
left:0;
}

.checkbox-privacy-container .error {
top: 40px;
}
.checkbox-privacy-container {
margin-bottom:30px;
}
}

@media only screen and (max-width: 600px) {
.form-control {
width:100%!important
}

.dropdown .dropdown-menu{
width:100%!important
}

.form-select{
width:100%!important
}

.form-group {
width: 100%
}

.form-item input{
width:100%!important
}

.content-submit {  
padding-top:10px!important
}

.formContainer {
justify-content: left!important;
}

.w40{width:100%!important;min-width:unset!important;}

#Title-error {
  position: absolute!important;
  left: 0px!important;
  top: 43px!important;
}

}

@media (max-width: 1024px) and (orientation: landscape) {

.row {
  width: 100%;
}

.flex-container {
align-items: flex-start;
margin-top:0;
}

}





span.msg,
span.choose {
color: #555;
padding: 5px 0 10px;
display: inherit
}

/*Styling Selectbox*/
.dropdown {
width: 100%;
display: inline-block;
transition: all .5s ease;
position: relative;
font-size: 12px;
color: #474747;
height: 38px;
line-height:48px;
text-align: left;
}
.dropdown .select {
cursor: pointer;
display: block;
}
.dropdown .select > i {
font-size: 13px;
color: #888;
cursor: pointer;
transition: all .3s ease-in-out;
float: right;
line-height: 20px
}
.dropdown.active:hover,
.dropdown.active {
border-color:#ccc;
}
.dropdown.active .select > i {
transform: rotate(-90deg)
}
.dropdown .dropdown-menu {
position: absolute;
background-color: #fff;
width: 100%;
border:1px solid #ccc;
border-top:none;
left: 0;
top:38px;
margin-top: 1px;
overflow: hidden;
display: none;
max-height: 144px;
overflow-y: auto;
z-index: 9
}
.dropdown .dropdown-menu li {
padding: 5px;
transition: all .2s ease-in-out;
line-height:14px;
cursor: pointer;
font-size:12px;
/*font-family:'Cormorant',Times,serif;*/
} 
.dropdown .select  {
font-size:12px;
/*font-family:'Cormorant',Times,serif;*/
}
.dropdown .dropdown-menu {
padding: 0;
list-style: none
}
.dropdown .dropdown-menu li:hover {
}
.dropdown .dropdown-menu li:active {
background-color: #e2e2e2
}

.formContainer {
display: flex;
justify-content: center;
width: 100%;
}

.w40{width:40%; max-width:600px;min-width:400px;}

#Title-error {
  position: absolute;
  left: 0px;
  top: 45px;
    color: #c00;
    font-size: 12px;
    z-index: 4;
}


.dob-datepicker__header,
.dob-datepicker__day__ordinal-number {display:none !important;