html,body, form {height:100%;margin: 0;padding: 0;}
  
body {font-family:'PT Sans', Arial, Helvetica, sans-serif;color:#1e1e1e;}

@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/fa-solid-900.eot');
  src: url('../fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../fonts/fa-solid-900.woff') format('woff'), url('../fonts/fa-solid-900.ttf') format('truetype'), url('../fonts/fa-solid-900.svg#fontawesome-webfont') format('svg');
  font-weight: normal;
  font-style: normal;


  /*src: url('../fonts/fa-regular-400.eot');
  src: url('../fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../fonts/fa-regular-400.woff') format('woff'), url('../fonts/fa-regular-400.ttf') format('truetype'), url('../fonts/fa-regular-400.svg#fontawesome-webfont') format('svg');
  font-weight: normal;
  font-style: normal;*/

}

* {box-sizing: border-box;}

a {color:#0db5c9;text-decoration:none;}
a:hover {color:#e50051;cursor:pointer;}
.highlite {font-size:120%;}
a[href^="mailto"] {font-weight:700;/*color:#e50051*/}
a[href^="mailto"]:before {content: "\f0e0";font-family: 'font-awesome';display:inline-block;margin:0;padding:1px 5px 0 6px;/*color:#e50051;*/font-size:16px;}
input {font-family:'PT Sans', Arial, Helvetica, sans-serif;}
h2.choose {}
h2.choose em {color:mediumpurple}
.clear {display:block;clear:both;}
.date {font-size:80%;}
a.lnkBot {background-color:#e50051;font-weight:700;text-transform:uppercase;padding:6px 12px;color:#fff;border:none;border-radius:2px;margin:0 0 20px 8px;font-size:18px;cursor:pointer;}
a.lnkBot:hover {background-color:mediumpurple}
a.lnkBot span {font-size:80%;color:#dddddd;vertical-align:top;margin:0 8px 0 0}
ul {list-style:none;font-size:18px;line-height:28px;margin:15px 20px;padding:0}
ul li {margin:0;padding:0 0 12px 30px;position:relative;}
ul li:before {content: "\f005";font-family: 'font-awesome';display:inline-block;margin:0 8px 0 0;position:absolute;top:0;left:0;font-size:16px;}
img.circle {border-radius:50%;margin:0 auto;display:block;}
.data {font-size:16px;color:#877d7e;display:block;padding:0 0 12px 0;margin:0}
#productText p,
#productText ul li {font-size:18px;}
::selection { background-color:hotpink;color:#fff; }

header {position:relative;z-index:998;text-align:center;width:80%;margin:0 auto;text-align:left;}
header nav {margin:0 0 20px 20px;top:20px;right:0;position:absolute;text-align:right;}
header nav a {text-transform:uppercase;color:#fff;background-color:#0b91a1;padding:6px 12px;border-radius:15px;font-size:15px;text-decoration:none;margin:0 0 0 8px;display:inline-block;}
header nav a:nth-child(1) {background-color:mediumpurple}
header nav a:nth-child(2) {background-color:mediumpurple}
header nav a:nth-child(3) {background-color:#ed5c0c}
header nav a:nth-child(4) {background-color:#90009f}
header nav a:nth-child(5) {background-color:#6dceff}
header nav a:nth-child(6) {background-color:#e50051}
/*header nav a:nth-child(4) {background-color:darkturquoise}
header nav a:nth-child(5) {background-color:cornflowerblue}*/
/*header nav a:last-of-type {background-color:#e50051}*/
header nav a:nth-child(1):hover,
header nav a:nth-child(2):hover,
header nav a:nth-child(3):hover,
header nav a:nth-child(4):hover,
header nav a:nth-child(5):hover,
header nav a:nth-child(6):hover,
header nav a:last-of-type:hover,
header nav a:hover {background-color:#1e1e1e !important;color:#fff !important;}
header nav.topnav {overflow: hidden;}
header nav.topnav .icon {display: none;}
header .slogan {display:block;padding:15px 0 0 0;color:#3192a1;font-size:20px;font-style:italic; text-shadow: 1px 1px 1px #CBC5C7;}
header .slogan em {color:#e50051;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}
.home header .slogan {text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}
.home header nav {margin-top:15px}
header .shoppingCart {display:inline-block;clear:both;margin:20px 0 0 0;background-color:rgba(142,133,134,0.8);color:#fff;font-size:16px;padding:4px 12px;border-radius:16px;font-style:italic;}
header .shoppingCart:before {content: "\f290";font-family: 'font-awesome';display:inline-block;margin:0;padding:1px 5px 0 0;color:#fff;font-size:16px;font-style:normal;} 
header .shoppingCart.withthings {background-color:#e50051;padding:4px 4px 4px 12px;}
header .shoppingCart.withthings input,
header .shoppingCart.withthings a {background-color:#fff;color:#e50051;font-size:14px;border:none;padding:3px 8px;border-radius:12px;margin:0 0 0 3px;font-style:normal;font-weight:700}
header .shoppingCart.withthings input:hover,
header .shoppingCart.withthings a:hover {background-color:#90009f;color:#fff;}
header .logoHome {position:absolute;left:0;top:18px;}
header .logoHome a {display:block;margin:2px 0 0 2px;font-size:17px;font-style:italic;font-weight:400;/*color:#3d3d3d;*/color:#877d7e;text-decoration:none;}
header .logoHome a em {color:#e50051}
header .logoHome a:after {content: "\f138";font-family: 'font-awesome';display:inline-block;margin:0;padding:4px 0 0 6px;color:#877d7e;font-size:12px;font-style:normal;vertical-align:top;}
header .logoHome a:hover:after {color:#e50051}
header .logoHome a:hover {color:#fff;}
header .logo {width:150px;display:inline-block;margin:0 0 0 0;}

/*header .centerLayout .choose {display:inline-block;position:absolute;color:#fff;font-size:28px;top:20px;left:35%;}*/
.home {background-color:rgba(0,0,0,0.8);min-height:100%;}
.home .logo {width:200px;}
.listModels {display:block;width:25%;margin:0 0;min-height:320px;position:absolute;top:265px;left:0}
.listModels a {display:inline-block;margin:2px 0 0 14px;font-size:18px;font-style:italic;font-weight:400;color:#3d3d3d;text-decoration:none;/*position:absolute;bottom:0;*/}
.listModels a:hover {color:#877d7e}

/*div.form {position:absolute;bottom:0;left:0;right:0;z-index:9999;margin:30px;text-align:center;}
div.form div {width:550px;margin:0 auto;}*/

.inter {position:relative;min-height:100%;border-top:15px solid rgba(0,0,0,0.8);}
.inter header {width:80%;max-width:1500px;z-index:1}
.inter header .centerLayout {display:flex;width:100%;margin:0 auto;justify-content:space-between}
.inter header nav {position:static;margin:20px 0 0 0;}
.inter header .logo {position:static;}
.inter footer {height:160px;bottom:0;left:0;right:0;position:absolute;}

.inter main {width:80%;max-width:1500px;margin:0 auto;display:flex;padding-bottom:180px;flex-wrap:wrap;justify-content:space-between}
.inter main h1 {padding:0 0 5px 0;margin:0;font-size:38px;color:#585858;}
.inter main h2 {padding:15px 0 8px 0;margin:0;font-size:28px;color:#888;}
.inter main h3 {margin:0;padding:0;color:#e50051;font-size:24px;}
.inter main h2.choose {color:#585858;font-style:italic}
.inter main h2.choose em {color:#877d7e}
.inter main .titleColor {color:#e50051}
.inter main .sum {display:block;font-size:22px;color:#585858;font-weight:700;padding:30px 0 0 0;line-height:23px;}
.inter main .sum + h1 {padding:0 0 0 0}
.inter main h1 + .sum {padding:0 0 20px 0}
.inter main article {padding:30px 0 0 0;width:70%;}
.inter main article.full {width:100%;}
.inter main article p {font-size:18px;line-height:28px;margin:0;padding:0 0 12px 0}
.inter main article + aside {padding:30px 0 0 0;width:27%;margin:0 0 0 2.5%;line-height:26px;}
.inter main article + aside img {max-width:210px;height:auto;}
.inter main article + aside h2 {font-size:26px;padding:18px 30px 10px 30px;}
.inter main article + aside p {padding:0 30px 10px 30px;}
.inter main section {/*flex-grow:0*/width:56%;}
.inter main section + aside {/*flex-grow:2;*/width:40%;margin:0 0 0 3%;padding:110px 0 0 0;}
.inter main section + aside.table {/*flex-grow:2;*/width:40%;margin:0 0 0 3%;padding:0 0 0 0;}
.inter main section figure {margin:20px 0;padding:0;}
.inter main section figure img {width:100%;max-width:750px;height:auto;}
/*.inter main section figure.slider {background-color:yellow;}
.inter main section figure.slider img {border:1px solid red;}*/
.inter aside .gallery {padding:0 30px 10px 30px;}
.inter aside .gallery figure {width:45%;display:inline-block;margin:0 12px 18px  0;vertical-align:top;}
.inter aside .gallery figure figcaption {display:block;color:#877d7e;padding:4px 0 0 0;font-size:16px;font-style:italic;line-height:18px;}
.inter aside .gallery figure img {width:100%;display:block;}

.inter main .bottomList {align-self:stretch;flex-grow:2;margin:20px 0;width:100%;}
.inter main .bottomList h3 {font-size:20px;padding: 0 0 12px 0;text-transform:uppercase;}

.inter main .backToTop {border-top:2px dotted #dddddd;display:block;margin-bottom:20px;text-align:right;}
.inter main .backToTop a {color:#877d7e;font-size:13px;}
.inter main .backToTop a:hover {color:#e50051}

.cntResultArea {}
.cntResultArea figure {text-align:center;max-width:600px;width:100%;margin:10px auto 30px auto}
.cntResultArea figure img {max-width:600px;margin:0 auto;width:100%;}
.cntResultArea figure figcaption {text-align:left;font-style:italic;color:#877d7e}

/*images*/
article img[style='float: left;'] {margin:0 20px 20px 0;max-width:210px;/*max-height:210px;*/}
article img[style='float: right;'] {margin:0 0 20px 20px;max-width:210px;/*max-height:210px;*/}
/*article p img {border-radius:50%;margin:8px 8px 8px 0;max-width:180px;max-height:unset;height:auto}*/
article p img {margin:8px 8px 8px 0;max-width:230px;max-height:unset;height:auto}
article em img {border-radius:50%;max-width:210px;/*max-height:210px;*/}

/*form*/
label,
.pseudoLabel {font-weight:700;text-transform:uppercase;color:#7f7f7f;padding:0 0 4px 0;display:block;font-size:18px;}
label.tiny {color:#585858;text-transform:none;font-style:italic;font-weight:400;display:block;font-size:15px;}
input[type=text],
input[type=number],
select,
textarea {background-color:#f4f4f4;border:1px solid #a7a7a7;border-radius:2px;padding:6px 8px;font-family:'PT Sans', Arial, Helvetica, sans-serif;font-size:16px;}
textarea {width:100%;max-width:100%;min-height:180px;}
input[type=number] {width:80px;}
button,
input[type=button], 
input[type=submit] {background-color:#e50051;font-weight:700;text-transform:uppercase;padding:6px 12px;color:#fff;border:none;border-radius:2px;margin:0 0 20px 8px;font-size:18px;}
input[type=button].continue,
input[type=submit].continue {background-color:#877d7e;}
input[type=button],
input[type=submit]{font-family: 'PT Sans', font-awesome;}
input[disabled],
input[disabled]:hover {background-color:#a7a7a7 !important;cursor:default !important;}
button:hover,
input[type=button]:hover,
input[type=submit]:hover {background-color:#0b91a1;cursor:pointer;}
::placeholder {color:#877d7e;font-style:italic;}
.unitCm {/*display:inline-block;*/margin:0 0 0 -30px;}
.wrapBots {display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end;}
.wrapBots input {display:inline-block;}
div.select {background-color:#f4f4f4;border:1px solid #a7a7a7;border-radius:2px;overflow: hidden;font-size:16px;}
div.select .selected:before {content: "\f0dd";font-family: 'font-awesome';display:inline-block;margin:0 0 0 4px;padding:0;color:#585858;font-size:16px;font-style:normal;float:right;}
div.select.selectOn {background-color:#877d7e;color:#fff;font-weight:700}
div.select.selectOn:before {color:#fff;}
div.select.selectOn .selected:before {color:#fff;}
div.select:hover:before,
div.select .selected:hover:before {color:#fff;}
div/*.select*/.selectNoTouch {color:#a7a7a7;background-color:#877d7e;font-weight:700;border:1px solid #a7a7a7;border-radius:2px;overflow: hidden;padding:6px 8px;}
div/*.select*/.selectNoTouch:before {color:#a7a7a7;cursor:not-allowed}
div/*.select*/.selectNoTouch:hover {cursor:not-allowed;color:#a7a7a7;background-color:#877d7e;}
div.selectNoTouch .selectionOption {display:none;}
div.select .selected {/*display:block;*/padding:6px 8px;display:block;}
div.select:hover {background-color:#e50051;cursor:pointer;color:#fff;z-index: 999;}
/*div.wrapButtons {text-align:right;margin:0 0 30px 0}*/

div.select .selectionOption {display:none;position: absolute;left: 0;width: 100%;z-index:99;border:none;padding:0;}
.selectionOption span.ttl {text-transform:uppercase;display:block;padding:12px 0;color:#877d7e;font-weight:700}
.selectionOption .selectionBar {color:#585858;padding:12px;margin:0 0;background-color:#fff;position:static;border-bottom:2px solid #877d7e;border-top:2px solid #877d7e;text-align:center;}
.selectionBar ul {margin:0 auto;}
.selectionBar ul li {font-weight:400;vertical-align:top;margin:0 10px;line-height:20px;font-size:14px;}
.selectionBar ul li img {}
.selectionBar ul li img:hover {cursor:pointer;}
.selectionBar ul li span {display:block; font-weight:700;font-size:16px;padding:6px 6px}
.selectionBar .galFab {justify-content:center}
.selectionBar .galFab li:hover {color:#fff;background-color:#0b91a1}

.close {display:none;}
/*.showonclick {display:none;position:relative;}
.showonclick .selected {position: sticky;z-index:999;top:0;right:0;left:0;bottom:0}*/

.show div.select .selectionOption {display:block;}
.show div.select .selected {position: absolute;min-width:180px; position: sticky;position: -webkit-sticky;background-color:#877d7e;z-index:999;display:block;padding:7px 8px 6px 8px;border-radius:2px 2px 0 0;color:#fff;border:none;}
.show div.select .selected:after {display:none;/*content: "\f057";font-family: 'font-awesome';display:inline-block;margin:0;padding:0;color:#fff;font-size:16px;font-style:normal;float:right;*/}
.show div.select .selected .close {display:block;margin:0 0 0 0;background-color:#7a7071;padding:6px 10px;font-size:18px;font-weight:700;text-transform:uppercase;border-radius:2px;position:absolute;top:0;right:0}
.show div.select .selected .close:after {content: "\f057";font-family: 'font-awesome';display:inline-block;margin:0;padding:0;}
.select[style] {background-size:100%;background-repeat:no-repeat;}
.select[style] .selected {display:inline-block;background-color:rgba(0,0,0,0.6);color:#fff;font-size:0.8em;}
.select[style] .selected:after {display:none;}

/*.show div.select .selected {display:block;position:absolute;z-index:9999;left:0top:0;right:0;left:0;bottom:0}*/
.show .showonclick {display:block;}

div.show:before {content:"";background-color:rgba(0,0,0,0.8);display:block;position:absolute;left: 0;right:0;top:0;bottom:0;height:100%;width:100%;z-index:11;}

/*one solution*/
/*.select:hover .selectionOption {display: block;}*/

div.formWrap {display:flex;flex-wrap:wrap;justify-content:space-between}

div.formColumn {width:46%; display:inline-block;margin:0 0 30px 0;}
/*div.formColumn:nth-child(2n+2) {margin:0 0 30px 0;}*/
div.formColumnFull {width:100%;display:block;margin:0 0 30px 0;} 
div.formColumnFull div.formColumn {width:48%;margin:0 2.5% 10px 0;}
div.formColumnFull div.select {/*width:48%;display:inline-block;margin:0 2.5% 10px 0*/}
div.formColumnFull div.formColumn:nth-child(odd) {margin:0 0 10px 0;}
div.formColumnRight {width:100%;display:flex;justify-content:flex-end;margin:0 0 30px 0;align-items:flex-end}
div.formColumnRight .purchaseData {width:auto;display:inline-block;margin:0 0 0 15px}
div.formColumnGroup {width:46%;display:inline-block;margin:0 0 30px 0;vertical-align:top;}
/*div.formColumnGroup:nth-child(2n+1) {margin:0 0 30px 0;}*/
div.formColumnGroup div.formColumn {width:100%;margin:0 0 10px 0}
div.formColumnGroup div.select {/*width:48%;display:inline-block;margin:0 2.5% 10px 0*/}
.purchaseData {display:block;/*text-align:right;*/font-weight:700;color:#3c3c3c;margin:0 0 30px 0;}
.purchaseData em {font-size:15px;font-weight:400;margin:6px 8px;display:inline-block;vertical-align:top;}
.purchaseData label {margin:0}
.purchaseData label.tiny {display:inline-block;vertical-align:top;margin:0 4px;}
.purchaseData input{margin:0;vertical-align:top;}
.purchaseData strong {font-size:30px;}
.inlineColumns {display:flex;justify-content:space-between}
.inlineColumns  div.formColumn {margin:0 0 30px 0;width:48%;}
.inlineColumns.threeBlocks div {width:31%;}
div.formColumnFull input[type=text],
div.formColumnFull select,
div.formColumn input[type=text],
div.formColumn select {width:100%}
div.formWrap .clear {display:block;width:100%;}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: darkorange;vertical-align:middle;font-weight:700;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 180px;
  font-size: 17px;
}

.panelCookies {display:flex;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;justify-content:center;align-items:center;}
.panelCookies .notice {text-align:center;background-color:#0b91a1;color:#fff;padding:20px;position:relative;bottom:0;left:0;right:0;/**/z-index:9999;width:400px;/*height:800px;*/}
.panelCookies .notice input {margin:20px 0 20px 0}
.panelCookies .notice p {text-align:left;line-height:25px;}
.panelCookies .notice p a {color:#fff;text-decoration:underline}
.panelCookies .notice p a:hover {text-decoration:none}
.panelCookies .notice .ttl {font-weight:bold;font-size:28px;text-align:center;line-height:32px;}
.panelCookies .notice .ttl:before {content:"\f563";font-family: 'font-awesome';display:block;margin:0;padding:0;color:white;font-weight:400;font-size:30px;}

/*.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}*/

#privacy { width  : 80%;
    height : 600px;
    max-width  : 800px;
    max-height : 80%;
    padding: 20px;
    margin: 0;}
#privacy div.wrapBots {flex-direction:row;}

#snackbar:before {content:"\f290";font-family: 'font-awesome';display:inline-block;margin:0;padding:0;color:white;font-size:30px;vertical-align:bottom;margin:0 8px 0 0;font-weight:400;}

#snackbar.showSnack {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;} 
  to {top: 180px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 180px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from { opacity: 1;} 
  to { opacity: 0;}
}

@keyframes fadeout {
  from { opacity: 1;}
  to { opacity: 0;}
}

/*color bundle*/
.colorPalete {width:80%;display:block;margin:0 auto 20px auto;}
.colorPalete span {display:inline-block;width:60px;height:60px;cursor:pointer;margin:8px;color:#fff;font-weight:700}


span.selected[content='Orange (ref.l13)'] {background-color:orange}

.txtBox {padding:18px;background-color:#f4f4f4;margin:18px 0}

/*valid*/
.validSuccess {background-color:#cce3bf;padding:18px 18px 18px 80px;position:relative;margin:10px 0 20px 0}
.validSuccess span.ttl {display:block;font-size:28px;color:#376d18;font-weight:700;}
.validSuccess:before {content:"\f058";font-family: 'font-awesome';display:inline-block;margin:0;padding:0;color:rgba(55,109,24,0.2);font-size:70px;top:5px;left:5px;position:absolute;z-index:0}

.validAttention {background-color:#feb849;padding:18px 18px 18px 80px;position:relative;margin:10px 0 20px 0}
.validAttention span.ttl {display:block;font-size:28px;color:#376d18;font-weight:700;}
.validAttention:before {content:"\f06a";font-family: 'font-awesome';display:inline-block;margin:0;padding:0;color:#ffe26a;font-size:70px;top:5px;left:5px;position:absolute;z-index:0}
.validAttention ul li:before {color:#ffe26a;}
.validAttention ul li .pseudoLabel,
.validAttention ul li label {text-transform:none;font-weight:400;color:#1e1e1e;}

.validError {background-color:#af2f3c;padding:18px 18px 18px 80px;position:relative;color:#fff;margin:10px 0 20px 0}
.validError span.ttl {display:block;font-size:28px;color:#fff;font-weight:700;}
.validError:before {content:"\f057";font-family: 'font-awesome';display:inline-block;margin:0;padding:0;color:rgba(255,255,255,0.4);font-size:70px;top:5px;left:5px;position:absolute;z-index:0}

/*lists*/
.galFab {list-style:none;margin:0;padding:0;display:flex;/**/justify-content:center;/*flex-wrap:wrap;*/background-color:#f4f4f4;border-radius:6px;padding:20px 8px;flex-wrap:wrap}
.galFab li {padding:0;margin:0 8px 18px 8px;display:block;width:9.5%;/*min-width:60px;*/max-width:150px;}
.galFab li:before {content:"";display:none;}
.galFab li figure {margin:0;padding:0;height:100%;}
.galFab li figure a {background-color:#0b91a1;display:block;height:100%;color:#fff;}
.galFab li figure a:hover {color:#fff;background-color:#e50051;}
.galFab li img {width:100%;/*max-height:195px;*/display:block;}
.galFab li figure figcaption {display:block;/*text-transform:uppercase;*/text-align:left;padding:10px 12px;font-weight:700;font-size:16px;line-height:18px;}
/*.galFab:after {
  content: '';
  flex: auto;
}*/
.galFab li span {padding:6px 0}
#divAllColors .galFab {flex-wrap:wrap;}
#divAllColors .galFab li {width:9%}

.galFabList {list-style:none;margin:0 !important;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.galFabList li {padding:8px;margin:0 0 25px 0;display:inline-block;width:48%;vertical-align:top;}
.galFabList li:before {content:"";display:none;}
.galFabList li figure {margin:0;padding:0;}
.galFabList li figure img {width:40%;display:inline-block;vertical-align:top;}
.galFabList li figure figcaption {display:inline-block;padding:0;margin:0 0 0 3%;width:50%;vertical-align:top;}
.galFabList li figure figcaption .ttl {display:block;/*text-transform:uppercase;*/font-weight:700;font-size:28px;padding:0 0 8px 0;}
.galFabList li figure figcaption .ttl:hover {color:#585858}
.galFabList li figure figcaption p {padding:0 0 8px 0;line-height:22px;font-size:16px;}
.galFabList li figure figcaption ul {margin:0 0 10px 0;padding:0;line-height:22px;font-size:16px;}
.galFabList li figure figcaption ul li {display:block;margin:0;padding:0 32px 8px 0;width:auto;}
.galFabList li figure figcaption ul li:before {content: "\f005";font-family: 'font-awesome';display:inline-block;margin:0 4px 0 0;padding:0;color:#585858;font-size:14px;font-style:normal;position:static;}
.galFabList li figure figcaption .price {font-weight:700;font-size:20px;}
.galFabList li figure figcaption input[type=submit],
.galFabList li figure figcaption input[type=button] {display:none;border:none;border-radius:16px;background-color:#e50051;color:#fff;font-weight:700;padding:6px 16px;font-size:16px;margin:10px auto 0 auto;}
.galFabList li figure figcaption input[type=submit]:hover,
.galFabList li figure figcaption input[type=button]:hover {background-color:#0b91a1;color:#fff;cursor:pointer;}
.galFabList > li:hover {background-color:#e2e1e1}
.galFabList > li:hover figure figcaption input[type=submit],
.galFabList > li:hover figure figcaption input[type=button] {display:block;}

.listTestimony {list-style:none;margin:0 0 20px 0;padding:0}
.listTestimony li {padding:0 0 15px 20px;margin:0 0 8px 0;}
.listTestimony li:before {font-size:14px;color:#ed5c0c}
.listTestimony li:nth-child(even):before {color:orange}
.listTestimony li h3 {padding:0 0 10px 0}
.listTestimony li p:first-of-type {font-size:20px;}
.listTestimony li figure {/*float:left;*/max-width:350px;margin:0 auto 18px auto;display:block;}
.listTestimony li figure img {max-width:350px;display:block;max-height:450px;margin: 0 auto;}
.listTestimony li figure figcaption {display:block;font-size:13px;color:#877d7e;line-height:16px;padding:8px 0 0 0}
.listTestimony li .data {font-size:14px;margin:0;padding:4px 0 0 0}
aside .listTestimony {margin:0 30px;line-height:20px;font-size:16px;}

.inter main article ol.process {margin:10px 0 40px 0;padding:0;display:flex; counter-reset: process-counter;list-style: none;}
.inter main article ol.process li {margin:0 30px 0 0;padding:0;list-style-position:inside;counter-increment: process-counter;font-size:22px;color:#dddddd;font-style:italic;font-weight:700}
.inter main article ol.process li:before {content: counter(process-counter);margin:0 8px 0 0;display:inline-block;color:#fff;background-color:#dddddd;border-radius:50%;width:32px;height:32px;text-align:center;font-size:20px;line-height:30px;font-weight:700;font-family:'PT Sans', Arial, Helvetica, sans-serif;font-style:normal;}
.inter main article ol.process li.On {color:#585858;}
.inter main article ol.process li.On:before {color:#fff;background-color:#e50051;}
.inter main .nextDiv {background-color:#dddddd;padding:12px;display:block;text-align:right;width:100%;flex-grow:2}
.inter main .nextDiv a.lnkBot:after {content: "\f138";font-family: 'font-awesome';color:#fff;margin:0 0 0 8px;}

/*tables*/
table {}
table tr th {padding:24px 12px 6px 12px;text-transform:uppercase;text-align:right;font-weight:bold;border:1px solid #ebebeb}
table tr td {padding: 6px 12px;border:1px solid #ebebeb;}
/*table tr td strong {text-align:right;display:block;}*/
table tr:nth-child(even) td {background-color:#f4f4f4;}
table tr:nth-child(odd) td {background-color:#fff;}

.tableProduct {border-collapse:separate;border-spacing:0 15px;width:100%;color:#585858;}
.tableProduct tr td {border-top:2px dashed #dddddd;border-bottom:2px dashed #dddddd;border-right:none;border-left:none;padding:15px;vertical-align:top;}
.tableProduct tr td:first-child {border-left:2px dashed #dddddd;border-radius:16px 0 0 16px;color:#e50051;font-size:24px;font-weight:700;padding:15px 0 15px 15px;}
.tableProduct tr td:last-child {border-right:2px dashed #dddddd;border-radius: 0 16px 16px 0;text-align:right;}
.tableProduct tr td img {max-height:150px;display:inline-block;clear:both;}
.tableProduct tr td span.ttl {}
.tableProduct tr td strong {text-align:right;display:block;}
.tableProduct tr td span.descript {display:block;font-size:18px;padding:0 0 10px 0}
.tableProduct tr td span.purchaseData {font-size:25px;padding:10px 25px 20px 0;font-weight:700;display:inline-block;margin:0;}
.tableProduct tr td span.purchaseData LABEL {display:inline-block;margin: 0 5px 0 0}
.tableProduct tr td input[type=submit],
.tableProduct tr td input[type=button],
.tableProduct tr td .lnkBot {font-size:13px;color:#fff;background-color:#585858;padding:4px 8px;border-radius:18px;text-transform:none;margin:0 12px 5px 0;display:inline-block;line-height:normal;}
.tableProduct tr td .lnkBot:hover {background-color:#0b91a1}
.tableProduct tr td label {font-size:16px;text-transform:uppercase;color:#9c9c9c;display:block;}
.tableProduct tr td img + label {font-size:13px;padding:5px 0 0 0;} 
/*.tableProduct tr:nth-child(even) td {background-color:#fff;}
.tableProduct tr:nth-child(odd) td {background-color:#fff;}*/
.tableProduct tfoot tr td:first-child,
.tableProduct tfoot tr td:last-child,
.tableProduct tfoot tr td {border:none;text-align:right;}
.tableProduct tfoot tr td label {display:inline-block;}
.tableProduct tr td em {display:block;font-size:13px;font-weight:400;color:#585858}
aside .tableProduct tr td .lnkBot {display:inline-block;font-size:12px;padding:4px 8px;margin:0 5px 5px 0;}
aside .tableProduct tr td {font-size:14px;line-height:20px;padding:10px;}
aside .tableProduct tr td span.descript {display:block;font-size:14px;}
aside .tableProduct tr td span.purchaseData {font-size:18px;display:block;margin:0;padding:0 0 5px 0}
aside .tableProduct tr td:first-child {font-size:18px;padding:10px 0 0 8px}
aside .tableProduct tr td:last-child {padding:10px 10px 0 0 }
aside .tableProduct tr td label {font-size:13px;line-height:16px;}
.tableProduct tr td .wrapBots {justify-content:flex-start;align-items:flex-start}

/*icos*/
.back:before {content: "\f137";font-family: 'font-awesome';display:inline-block;margin:0 4px 0 -2px;padding:0;color:#fff;font-size:14px;font-style:normal;font-weight:700}
.remove:before {content: "\f057";font-family: 'font-awesome';display:inline-block;margin:0 4px 0 -2px;padding:0;color:#fff;font-size:14px;font-style:normal;font-weight:700}
.help {cursor:pointer;background-color:#e50051;color:#fff;font-size:14px;line-height:16px;padding:1px 2px 0 2px;height:18px;width:18px;display:inline-block;border-radius:50%;text-align:center;vertical-align:top;margin:2px 0 0 0;}
.help:hover {background-color:#0b91a1;color:#fff;}


footer {background-color:#323232;padding:20px;border-top:15px solid rgba(0,0,0,0.3);}
footer a,
footer p {color:beige;}
footer p {margin:0;padding:0 0 15px 0;}
footer p:last-of-type {font-size:13px;}
footer a {text-decoration:none;}
footer a:after {content: "\f192";font-family: 'font-awesome';display:inline-block;margin:6px 4px 0 8px;padding:0;color:#6e6e6e;font-size:10px;font-style:normal;font-weight:700;vertical-align:top;}
footer a:last-child:after {content: "";}
footer div.footerCnt {float:right;text-align:right;color:#fff;font-size:14px;}
footer div.footerCnt a[href^="mailto"] {font-weight:700;/*color:#e50051*/text-align:right;padding:0;margin:0}
footer div.footerCnt a[href^="mailto"]:before {/*content:"";*/display:none;visibility:hidden;padding:0}
footer div.footerCnt a[href^="mailto"]:after {display:none;visibility:hidden;padding:0}
footer div.footerCnt:before {content: "\f0e0";font-family: 'font-awesome';display:inline-block;margin:0;padding:0 8px 0 0;color:#6e6e6e;font-size:14px;/*position:absolute;top:6px;left:0*/}


@media only screen and (max-width: 1200px) {

    header {width:90%;}
    .home .logo {width:148px;}
    .listModels {top:210px;}
    
    .inter header,
    .inter main {width:95%;}

    .inter main article {width:61%;}
    .inter main article + aside {width:36%;}
    .inter main section {width:48%;}
    .inter main section + aside {width:50%;margin:0 0 0 2%;padding:100px 0 0 0;}
    .inter main section + aside.table {width:40%;margin:0 0 0 3%;padding:0 0 0 0;}

    .inter main aside table.tableProduct {}
    .inter main aside table.tableProduct tr {border:2px dashed #dddddd;display:block;margin:0 0 8px 0;border-radius:16px;}
    .inter main aside table.tableProduct tr td {display:block;border:none;border-radius:0;background-color:transparent}
    .inter main aside table.tableProduct tr td:first-child {text-align:center;}
    .inter main aside table.tableProduct tr td:last-child {text-align:center;}

    .inlineColumns {flex-wrap:wrap}
    .inlineColumns.threeBlocks div {width:48%;}


    .galFab {margin: 0 auto 20px auto;text-align:center;}
    .galFab li {display:inline-block;width:18%;font-size:15px;line-height:18px;margin:0 4px 15px 4px}

}


@media only screen and (max-width: 800px) {

    html,body, form {height:auto;margin: 0;padding: 0;}

    .home .logo {width:80px;/*max-height:84px;*/}
    .home header {width:100%;}    
    .home header nav {margin-top:0}
    header {position:relative;z-index:998;text-align:center;width:95%;margin:0 auto;text-align:left;/*max-height:84px;*/}
    header nav {margin:0 0 0 20px;top:12px;right:12px;position:absolute;}
    header .slogan {display:none;}
    header .shoppingCart {display:block;margin:10px 0 0 0;background-color:rgba(142,133,134,0.8);color:#fff;font-size:16px;padding:4px 12px;border-radius:16px;font-style:italic;}
    header .logoHome {position:static;left:auto;top:auto;}
    header .logoHome a {display:none;}
    header .logo {width:150px;display:inline-block;margin:12px;position:static;left:auto;top:auto}
    header .shoppingCart.withthings span {display:none;}
    
    header nav.topnav {/*transition: 0.5s;*/}
    header nav.topnav a {display: none;}
    header nav.topnav a.icon {/*float: right;*/display: inline-block;}
    header nav.topnav.responsive {position:fixed;top:0;bottom:0;right:0;background-color:#3d3d3d;z-index:9999;padding:12px 15px;/*transition: 0.5s;*/}
    header nav.topnav.responsive a {display: block;text-align: left;margin:8px 0 }
    header nav.topnav.responsive .icon {/*position: absolute; right: 0; top: 0;*/display: inline-block;margin:0}
    header nav.topnav.responsive .shoppingCart {margin:30px 0 0 0;}
    .inter header nav.topnav.responsive {padding-top:22px;}

    .listModels {width:auto;position:static;min-height:initial;top:auto;left:auto}
    .listModels a {margin:0 12px 14px 12px;font-size:16px;}
    
    .centerLayout {}
    header {}

    .inter {}
.inter header {width:100%;max-width:800px;padding:0 12px;}
.inter header .centerLayout {width:100%;margin:8px 0 0 0;align-items:flex-start}
.inter header nav {margin:0 ;}
.inter header .logo {width:80px;margin:0;padding:0}
.inter footer {position:static;}

.inter main {width:100%;max-width:800px;padding:0 18px;/*display:flex;padding-bottom:180px;flex-wrap:wrap;*/flex-direction:column}
.inter main h1 {font-size:30px;}
.inter main h2 {font-size:22px;}
.inter main h3 {font-size:18px;}
.inter main span.sum,
.inter main p.sum {font-size:20px;}
.inter main article {padding:18px 0 0 0;width:100%;}
.inter main article.full {width:100%;}
.inter main article p {font-size:16px;line-height:22px;padding:0 0 10px 0}
.inter main article + aside {padding:30px 0 0 0;width:100%;margin:0;line-height:26px;}
.inter main article + aside h2 {font-size:22px;padding:18px 0 10px 0;}
.inter main article + aside p {padding:0 0 10px 0;}
.inter main section {width:100%;}
.inter main section + aside {width:100%;margin:0;padding:0 }
.inter main section + aside.table {width:100%;margin:0;padding:0;}

.galFabList {flex-direction:column}
.galFabList li {margin:0 0 15px 0;display:block;width:100%;background-color:#e2e1e1}
.galFabList li figure img {width:40%;display:inline-block;vertical-align:top;}
.galFabList li figure figcaption {display:inline-block;padding:0;margin:0 0 0 2%;width:55%;vertical-align:top;}
.galFabList li figure figcaption .ttl {display:block;text-transform:uppercase;font-weight:700;font-size:20px;padding:0 0 8px 0;color:#585858}
.galFabList li figure figcaption .ttl:hover {color:#0b91a1}
.galFabList li figure figcaption p {padding:0 0 8px 0;line-height:22px;font-size:16px;}
.galFabList li figure figcaption ul {margin:0 0 10px 0;}
.galFabList li figure figcaption .price {font-weight:700;font-size:16px;}
.galFabList li figure figcaption input[type=submit],
.galFabList li figure figcaption input[type=button] {display:inline-block;margin:0 ;}

.galFab {margin: 0 auto 20px auto;text-align:center;}
.galFab li {display:inline-block;width:30%;font-size:14px;line-height:16px;}

.wrapBots {}
.wrapBots input[type=submit] {margin:0 0 12px 0;width:100%;white-space: normal;/*font-size:16px;*/}

div.formColumn {width:100%; display:block;margin:0 0 20px 0;}
div.formColumn:nth-child(2n+2) {margin:0 0 20px 0;}
div.formColumnFull div.formColumn,
div.formColumnGroup {width:100%;margin:0 0 10px 0;}

.inter main article ol.process {margin:10px 0 20px 0;flex-direction:column}
.inter main article ol.process li {margin:0 0 10px 0;font-size:18px;}
.inter main article ol.process li:before {width:28px;height:28px;text-align:center;font-size:16px;line-height:24px;}

.inter main .bottomList {align-self:stretch;flex-grow:2;width:100%;}
.inter main .bottomList h3 {font-size:20px;padding: 0 0 12px 0;text-transform:uppercase;}

/*div.formColumnFull div.formColumn {width:100%;margin:0 0 10px 0}*/
.inlineColumns {flex-direction:column}
.inlineColumns.threeBlocks div {width:100%;}



div.select .selectionOption {display:none;position: static;left: 0;}
.selectionOption span.ttl {}
.selectionOption .selectionBar {}


.show div.select {/*min-height:90vh;*/}
.show div.select .selectionOption {display:block;/*top:15px;bottom:15px;*/ }
.show div.select .selected {/*position: absolute; top:-10px;right:0;*/background-color:#877d7e;z-index:999;display:block;padding:7px 8px 6px 8px;border-radius:2px 2px 0 0;color:#fff;border:none;}
.show div.select .selected:after {display:none;}
.show div.select .selected .close {display:block;margin:-8px;background-color:#7a7071;padding:6px 10px;font-size:18px;font-weight:700;text-transform:uppercase;border-radius:2px;float:right;}
.show div.select .selected .close:after {content: "\f057";font-family: 'font-awesome';display:inline-block;margin:0;padding:0;}

.show .showonclick {display:block;}

div.show:before {display:none;}



/*valid*/
.validSuccess {padding:18px 18px 18px 45px;}
.validSuccess span.ttl {font-size:24px;}
.validSuccess:before {font-size:35px;}

.validAttention {padding:18px 18px 18px 45px;}
.validAttention span.ttl {font-size:24px;}
.validAttention:before {font-size:35px;}
.validAttention ul {margin:0}

.validError {padding:18px 18px 18px 45px;}
.validError span.ttl {font-size:24px;}
.validError:before {font-size:35px;}


}