/* @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); */

/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic'); */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
@font-face {
	font-family: 'baskerville-old-face';
	src: url('./baskerville-old-face.ttf.eot');
	src: local('baskerville-old-face'), url('./baskerville-old-face.ttf') format('truetype');
}
@font-face {
	font-family: 'NexaFreeBoldwebfont';
	src: url('./NexaFreeBoldwebfont.eot');
	src: local('NexaFreeBoldwebfont'),  url('./NexaFreeBoldwebfont.ttf') format('truetype');
}
@font-face {
    font-family: 'Raleway';
    src: url('./Raleway-VariableFont_wght.ttf');
    src: local('Raleway'),  url('./Raleway-VariableFont_wght.ttf') format('truetype');
}
/*

html:before ,
html:after ,
body:before ,
body:after {
  content: '';
  display: block;
  border-left: red solid 1px;
  position: fixed;
  top:0;
  left:50%;
  height: 100%;
  width: 1px;
  z-index: 1000000;
}
html:before { left:10%; border-color: lightblue; }
html:after { left: calc( 90% - 15px ) ; border-color: lightblue; }
body:before {}

*/

:root {
    --showroom-navigation-bg-color: white;
}

html {

  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  max-width: 100%;
	min-height: 100vh;
	height: 100vh;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
  font-family: baskerville-old-face;
  font-family: "baskerville-old-face";
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #ffffff;
	min-height: 100vh;
}
body.solbiatiFont{
    font-family: Raleway;
    font-family: "Raleway";
}

body.page-productDetails {
    line-height: normal;
}

body:not(.template-pages-layout-landingLayoutCustomAvailabilityPage) > main {
	padding: 50px 0 0 0;
}

body > main {
	margin: 0;
	padding: 0 0 250px 0;
	min-height: 100vh;
	position: relative;
	overflow:hidden;
    display: flex;
    flex-direction: column;
}

body > main > div[class="container"], body > main > div[class="container colorcardpage"] {
    /*flex: 1;*/
    width: 100%;
    position: relative;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*top: 80px;*/
}

body > main > div[class="container"] > *, body > main > div[class="container colorcardpage"] > * {
    width: 100%;
}

body > main > div[class="container"] > *.showroom-nav-bg, body > main > div[class="container colorcardpage"] > *.showroom-nav-bg {
    background-color: var(--showroom-navigation-bg-color);
    transition: background-color .1s ease;
}

@media screen and (min-width: 769px) {
    body:not(.template-pages-layout-landingLayoutCustomAvailabilityPage) > main {
        padding: 70px 0 0 0;
    }

    body > main > div[class="container colorcardpage"] {
        margin-top: var(--menu-desktop-height);
    }

    .page-orderConfirmationPage .container {
        margin-top: 30px;
    }
}

/* - - - - - - - - - -
 DEFAULT STYLE
 - - - - - - - - - -- */

.primaryBgColor{
    background: #8d320e;
}
body.solbiatiFont .primaryBgColor{
    background: #6c577e !important;
    color: white !important;
    fill: white !important;
}
body.solbiatiFont .primaryBgColor path{
    fill: white !important;
}

.primaryColor{
    color: #8d320e !important;
}
body.solbiatiFont .primaryColor{
    color: #6c577e !important;
}

.primaryBorderColor {
    border-color: #8d320e !important;
}
body.solbiatiFont .primaryBorderColor {
    border-color: #6c577e !important;
}

.primaryFillColor {
    fill: #8d320e !important;
}
body.solbiatiFont .primaryFillColor {
    fill: #6c577e !important;
}

 #top {
	 /*height: 50px;*/
	 width: 100%;
 }

@media (min-width:641px) and (max-width:1023px) {
	#top {
		height: 0;
	}
}
/*
Remove IE10's “clear field” X button on certain inputs?
http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs
*/
.min-height-container {
	min-height: 90vh;
    overflow: scroll;
}
/*
  Removing input background colour for Chrome autocomplete
  http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
*/

::-ms-clear {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
.form-control:-webkit-autofill,
.form-controlinput:-webkit-autofill:hover,
.form-controlinput:-webkit-autofill:focus,
.form-controlinput:-webkit-autofill:active {
    transition: background-color 999999999999999999999s ease-in-out 0s;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
  cursor:pointer;
  text-decoration: none;
  color: #666;
}

a:active,
a:hover {
  outline: 0;
}

a:hover {
  color: #662206;
  text-decoration: underline;
}
body.solbiatiFont a:hover {
    color: #6c577e;
    text-decoration: underline;
}

a:focus {
    color: #666;
	text-decoration: none;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}


figure {
  margin: 0;
}
img {
  vertical-align: middle;
}


hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {

  font-size: 1em;
}

input,
button,
select,
textarea {

  font-size: inherit;
  line-height: inherit;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
	line-height: 1em;
}

button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
/*input[type="image"],*/
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="ur"],
input[type="week"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
     border: 1px solid #ccc;
     background-color:white;
     box-shadow: none !important;
}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="image"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="ur"],
input[type="week"] {
/*     height: 55px; */
/*     line-height: 55px; */
    
    height: 46px;    
    line-height: 46px;
}



input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-moz-inner-spin-button,
input[type=number]::-moz-outer-spin-button {
	height: auto;
  -webkit-appearance: none;
   -moz-appearance: textfield;
   appearance: none;
}

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


fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*
select option[selected="selected"] {
	color: #999 !important;
}
*/

.menu-col {
	    z-index: 10000;
}

.typeArch {
    position:relative;
}

.typeArch p {
    position:absolute;
    top: calc( 50% - 0.4em );
    right:15px;
    height: em;
    font-size:0.9em;
    line-height: 1em;
	text-transform: lowercase !important;
}

.typeArch .yard-conversion {
    left: 41%;
    width: 5%;
}

.causality-conversion {
    right: 16% !important;
}

.typeArch input {
    padding-left: 15px !important;
    padding-right: 35px !important;
}

.add-to-cart-and-codeCausality-cell .typeArch p {
    margin-top: 0em;
		text-transform: lowercase !important;
}

.causalities-non-campione-cart .typeArch input {
    padding-right: 45px !important;
}