@font-face {
    font-family: gotham pro;
    font-style: normal;
    font-weight: 400;
    src: local('Gotham Pro'),url(/fonts/GothaProReg.woff) format('woff')
}

@font-face {
    font-family: gotham pro;
    font-style: normal;
    font-weight: 400;
    src: local('Gotham Pro'),url(/fonts/GothaProBla.woff) format('woff')
}

@font-face {
    font-family: gotham pro;
    font-style: normal;
    font-weight: 400;
    src: local('Gotham Pro'),url(/fonts/GothaProLig.woff) format('woff')
}

@font-face {
    font-family: gotham pro;
    font-style: normal;
    font-weight: 400;
    src: local('Gotham Pro'),url(/fonts/GothaProMed.woff) format('woff')
}

@font-face {
    font-family: gotham pro;
    font-style: italic;
    font-weight: 400;
    src: local('Gotham Pro'),url(/fonts/GothaProLigIta.woff) format('woff')
}

@font-face {
    font-family: gotham pro;
    font-style: normal;
    font-weight: 700;
    src: local('Gotham Pro'),url(/fonts/GothaProBol.woff) format('woff')
}

@font-face {
    font-family: gotham pro medium;
    font-style: italic;
    font-weight: 500;
    src: local('Gotham Pro Medium'),url(/fonts/GothamProMediumItalic.woff) format('woff')
}

html, body { padding: 0; margin:0; width: 100%; background-color: #fff; }
body, td { font-family: "gotham pro",Tahoma,Arial,Helvetica,sans-serif; }
html, body { font-size: 14pt; }
form { overflow: auto; position:relative; }
img { border-width: 0px; outline:0; }
a { outline:0 !important; color: #000 !important; }
a:visited { outline:0 !important; color: #000 !important; }
a:active { outline:0 !important; color: #000 !important; }
a:hover { outline:0 !important; color: #000 !important; }
a.pfancy { border-width: 0px; outline:0; }
div.image { border-width: 0px; outline:0; }
.lh12 { line-height: 1.2em; }
.lh15 { line-height: 1.5em; }
.small { font-size: 11pt !important; }
.xsmall { font-size: 9pt !important; }
.lsmall { font-size: 13pt !important; }
.large { font-size: 16.5pt !important; }
.xlarge { font-size: 21pt !important; }
.xxlarge { font-size: 28pt !important; }
    @media screen and (max-width: 1500px) { 
        html, body { font-size: 13pt; line-height: 1.4; } 
        .small { font-size: 10.4pt; }
        .xsmall { font-size: 8pt !important; }
        .lsmall { font-size: 12pt !important; }
        .large { font-size: 15pt !important; }
        .xlarge { font-size: 19pt !important; }
        .xxlarge { font-size: 26pt !important; }
    }
    @media screen and (max-width: 1300px) { 
        html, body { font-size: 12pt; line-height: 1.3; } 
        .small { font-size: 10pt !important; }
        .xsmall { font-size: 7.5pt !important; }
        .lsmall { font-size: 11pt !important; }
        .large { font-size: 14pt !important; }
        .xlarge { font-size: 18pt !important; }
        .xxlarge { font-size: 24pt !important; }
    }
    @media screen and (max-width: 1100px) { 
        html, body { font-size: 11pt; line-height: 1.2; } 
        .small { font-size: 8pt !important; }
        .xsmall { font-size: 7pt !important; }
        .lsmall { font-size: 10pt !important; }
        .large { font-size: 12pt !important; }
        .xlarge { font-size: 14pt !important; }
        .xxlarge { font-size: 20pt !important; }
    }
    @media screen and (max-width: 900px) { 
        html, body { font-size: 10pt; line-height: 1.1; } 
        .small { font-size: 7pt !important; }
        .xsmall { font-size: 6.5pt !important; }
        .lsmall { font-size: 9pt !important; }
        .large { font-size: 11pt !important; }
        .xlarge { font-size: 12pt !important; }
        .xxlarge { font-size: 15pt !important; }
    }
p { text-indent: 1cm; text-align: justify; }
p.noindent { text-indent: 0cm; }
h1 { /*font-family: ClearSans, Helvetica, Arial, sans-serif !important;*/ font-size: 175%; font-weight: 300; text-align: center; }
h2 { /*font-family: ClearSans, Helvetica, Arial, sans-serif !important;*/ font-size: 150%; font-weight: 300; text-align: center;  }
h3 { /*font-family: ClearSans, Helvetica, Arial, sans-serif !important;*/ font-size: 125%; font-weight: 300; text-align: center;  }
.lightheader1 { font-family: ClearSans, Helvetica, Arial, sans-serif !important; font-size: 72px; line-height: 76px;  font-weight: 300; text-transform: uppercase; }
.lightheader15 { font-family: ClearSans, Helvetica, Arial, sans-serif !important; font-size: 48px; line-height: 48px;  font-weight: 100; text-transform: uppercase; }
.lightheader18 { font-family: ClearSans, Helvetica, Arial, sans-serif !important; font-size: 36px; line-height: 48px;  font-weight: 100; text-transform: uppercase; }
.lightheader2 { font-family: ClearSans, Helvetica, Arial, sans-serif !important; font-size: 28px; line-height: 36px; font-weight: 300; text-transform: uppercase; }

.relative { position: relative; }
.bold { font-weight: bold; }
.light { font-weight: 100; }
.gray { color: #999; }
.strong { font-weight: bold; }
.cell { display: table-cell; padding:0; margin:0; vertical-align: middle; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
.margauto { margin: auto; }
.nomargin { margin: 0px; padding: 0px; }
.vw1 { font-size: 1vw; }
.white { color: #fff; }
.white-bg { background-color: #fff; }
.vam { vertical-align: middle !important; }
.upcase { text-transform: uppercase; }
.cdivider { clear: both; height: 30px; }

/*#page { width: 96%; max-width: 1260px; min-width: 860px; margin: auto; }*/
#page { width: 100%; xmin-width: 860px; position: relative; min-height: 100vh; overflow: hidden;  }
#pagec { overflow: hidden; padding-bottom: 370px; }
.content { width: 96%; margin: auto; }
@media screen and (max-width: 767px) {
    #pagec { padding-bottom: 540px; }
    .content { width: 90%; margin: auto; }
}
.content.thick { max-width: 1100px; }
.pair { clear:both; margin-bottom: 10px; width: 100%; overflow: auto; }
.pair.table { display: table; }

#topmenu { font-size: .7vw; font-family: Verdana, Arial, sans-serif; border-bottom: solid 1px #dadada; position: fixed; z-index: 7778; left: 0px; top: 0px; width:100%; background-color: #fff; }
@media screen and (max-width: 767px)  { #topmenu { border-bottom-width: 0px; } }
#topmenu nav .item { font-size: 32px !important; display: inline-flex; }
#topmenu nav .navbar-toggler-icon { height: 32px !important; }
#navbarMenu { z-index: 10001; overflow-y: auto; -webkit-overflow-scrolling:touch; max-height: 80vh !important; }
#navbarMenu li.nav-item.sub { background:url(../ii/rarr.png) 97% center no-repeat; }
#navbarMenu li.nav-item.sub.noarr { background:none !important; }
#navbarMenu li.nav-item { color: #000 !important; }
#navbarMenu li.nav-item a { color: #000 !important; }
@media screen and (max-width: 767px) {
    #topmenu { font-size: 12pt; }
}
#topmenu .item { text-transform: uppercase; padding: 3mm 0mm 4mm 0mm; text-align: center; transition: all .3s; }
#topmenu .item.icons { white-space: nowrap; }
#topmenu .item .sale { background-color: #b3974f; padding: 2px 8px; width: auto; display: inline-block; color: white; font-size: 70%; }
#topmenu .item .bsale { background-color: none; padding: 2px 8px; width: auto; display: inline-block; color: white; font-size: 70%; }
#logo { width:5vw;max-width:90px; transition: all .3s; }
.mobileBack2 { text-transform: none !important; }
.cityname { background-color: #f4f4f4; padding: 2px 10px; color: #ba9b4b; font-size: 11px; cursor: pointer; }
.desktop-menu .cityname { background-color:transparent; padding:0px; position: absolute; top:28px; right:18px; }
/*#top-logo { xwidth: 20%; }
#top-menu { xwidth: 72%; }*/
#topmenu .space { width: 10%; display: inline-block; }
#topmenu .icon { width: auto; text-align: center; display: inline-block; margin-right: 3mm; }
#topmenu .icon:last-child { margin-right: 0mm;}
#phonel { position: fixed; display: none; z-index:7779; border: solid 1px #ccc; box-shadow: 0px 0px 5px #ccc; background-color:#fff; padding: 10px; font-size: 70%; }
#searchl { position: fixed; display: none; z-index:7779; border: solid 1px #ccc; box-shadow: 0px 0px 5px #ccc; background-color:#fff; padding: 10px; font-size: 70%; }
#small-filter { cursor: pointer; }
#small-sort { cursor: pointer; }
#small-sort-items { position: absolute; top: 24px; left:0px; width:100%; z-index: 9999; background-color: #fff; padding: 20px; }
#small-sort-items > div { padding: 5px; width:90%; border-bottom: solid 1px #eee; }
#small-sort-items > div:last-child { border-bottom-width: 0px; }
#mobileNav { border-bottom: solid 1px #eee; }
ul.navbar-nav li { background-color: #fff; text-transform: uppercase; padding: 24px 30px; border-bottom: solid 1px #dee1e6; }
ul.navbar-nav li.nobr { border-bottom-width: 0px; }
.ddbt { position: fixed; z-index: 7777; padding: 10px; display: table; display: none; }
.ddbt .text { display: table-cell; vertical-align: middle; font-size: 75%; color: #666 !important; padding: 0cm 1cm; }
.ddbt .text a { color: #666 !important; display: block; line-height: 200% !important; }
.ddbt .image { display: table-cell; }
.ddbb { position: fixed; z-index: 7776; background-color: #eee; opacity: .95; left: 0px; width: 100%; display: none; }
.searchArt { cursor: pointer; }

.menu { display: flex; justify-content: space-between; width: 90%; height: 100%; margin: auto; }
.menu a { text-decoration: none !important; display:block; width: auto; text-align: center; padding: 5px; font-size: 15px; white-space: nowrap; }
    @media screen and (max-width: 1700px) { .menu a { font-size: 13px; } }
    @media screen and (max-width: 1550px) { .menu a { font-size: 12px; } }
    @media screen and (max-width: 1200px) { .menu a { font-size: 11px; } }
    @media screen and (max-width: 1100px) { .menu a { font-size: 10px; } }
    @media screen and (max-width: 1000px) { .menu a { font-size: 9px; } }
    @media screen and (max-width: 1000px) { .menu a { font-size: 8px; } }
/*.menu a:hover { background-color: #3f3630; color: #fff; }*/
#btm { clear:both; padding-top: 20px; height: 345px; background-color: #000; position: absolute; bottom: 0; width: 100%; }
@media screen and (max-width: 767px) { #btm { /*height: auto;*/ height:540px; } }
#bmenu { display: table; border-collapse: collapse; width: 96%; margin:auto;  }
#bmenu > * { margin: 0px; padding: 0px; display: table-cell; vertical-align: middle; }
/*#b-logo { width: 15%; }*/
#b-menu { width: 88%; }
/*.bmenu { display: flex; justify-content: space-between; width: 90%; height: 100%; margin: auto; }*/
.bmenu { display: table; width: 100%; }
.bmenu > div { display: table-cell; vertical-align: top; }
.bmenu > div a { text-decoration: none !important; display:block; text-align: left; padding: 0px 5px; font-size: 15px; color: #666 !important; }
.bmenu > div a.header { color: #fff !important; white-space:nowrap; font-size: 16px; padding: 5px; }
    @media screen and (max-width: 1500px) { .bmenu > div a { font-size: 11px; } .bmenu > div a.header { font-size: 12px; } }
    @media screen and (max-width: 1200px) { .bmenu > div a { font-size: 9px; } .bmenu > div a.header { font-size: 10px; } }
    @media screen and (max-width: 1000px) { .bmenu > div a { font-size: 8px; } .bmenu > div a.header { font-size: 9px; } }
.lbutton { display: inline-block; width: 140px; font-size: 70%; padding: 7px; border: solid 1px #000; color: #000 !important; text-align: center; text-transform: uppercase; text-decoration:none; margin-top: 15px; }
.lbutton.white { border: solid 1px #000 !important; color: #000 !important; background-color: #fff !important; }
.lbutton.white.trans { background-color: transparent !important; }
.lbutton.white.trans:hover { background-color: #fff !important; }
.lbutton.white.wtrans { background-color: transparent !important; color:#fff !important; border-color: #fff !important; }
.lbutton.bwhite { border: solid 1px #fff !important; color: #fff !important; background-color: #000 !important; }
.lbutton.bwhite.trans { background-color: transparent !important; }
.lbutton.golden { border: solid 1px #000 !important; color: #fff !important; background-color: #b3974f !important; }
#mobileBack { cursor: pointer;  }
#applyMenu { cursor: pointer; }
#b-links { width: 12%; text-align: right; vertical-align: top; }
#b-links div.table { width: auto !important; margin-bottom: 3mm; float: right; }
#bmmenu div { text-align:center; color:#fff;}
#bmmenu div a { text-decoration: none; color:#fff !important; }

.marg3r { margin-right: 3.5%; }
.w100 { width: 100%; }
.w95 { width: 95%; }
.w80 { width: 80%; }
.w70 { width: 70%; }
.w75 { width: 74.5%; }
.w516 { width: 51.6%; }
.w525 { width: 52.5%; }
.w592 { width: 59.2%; }
.w466 { width: 46.6%; }
.w475 { width: 47.5%; }
.w49 { width: 49%; }
.w10 { width: 10%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w29 { width: 29%; }
.w30 { width: 30%; }
.w31 { width: 31%; }
.w32 { width: 32%; }
.w33 { width: 32%; margin-right: 2%; margin-bottom: 5%; display: inline-block; float:left; vertical-align: top; }
.w33:nth-child(3n) { margin-right: 0%; }
.w33:nth-child(3n+1) { clear:both; }
.w33 .text { padding: 5mm; }
.w365 { width: 36.5%; }
.w37 { width: 37%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w59 { width: 59%; }
.w60 { width: 60%; }
.w61 { width: 61%; }

.search {
    xbackground-color: #f4f4f4;
    text-align: right;
}
#search { margin: 3px; padding:3px; font-size: 14px; background: url(../ii/zoom.png) right 3px no-repeat; }

.slides { width: 100%; position: relative; overflow: hidden; }
.slides .item { width: 100%; position: absolute; left:0px; top:0px;  }

.news .item { clear: both; margin-bottom: 15px; }
.news .title { font-family: ClearSans, Helvetica, Arial, sans-serif; font-size: 120%; font-weight: 500; }
.news .date { font-size: 90%; color: #777; }

table.xsltPager { color: Black; width: 100%; margin-bottom: 10px; border-collapse: collapse; }
table.xsltPager td {font-size: 12px; padding: 0px; margin:0px; line-height:20px; }
table.xsltPager td a { display: inline-block; width: 20px; vertical-align: middle; text-align: center; text-decoration: none; }
table.xsltPager td b.selected { display: inline-block; width: 20px; vertical-align: middle; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#eee; }

.dropdown { position: absolute; border: solid 1px #999; padding: 10px; background-color: #3f3630; box-shadow: 0px 0px 5px #999; z-index: 1020; border-radius: 10px; }
.dropdown a { display:block; line-height: 28px; width:200px; padding: 3px; font-size: 80%; color:#fff; text-decoration: none !important; }
.dropdown a:hover { background-color: #4f4640; }

.cbutton { display: inline-block; width: 250px; padding: 5px; font-size: 17px; background-color: #000; /*#3f3630*/; color:#fff; xborder: solid 2px #333; border-radius: 7px; text-align: center; margin-right: 20px; cursor: pointer; }
#shopfinder { display: inline-block; }
#shopfinder.mobile { display: block; }
#shoplist { width:250px; height:600px; overflow: auto; background-color: #f4f4f4; position:absolute; top: 0px; right:0px; }
#shoplist .item { width: 210px; padding: 10px; font-size: 80%; border-bottom: solid 1px #999; }
#shoplist .item:last-child { border-bottom: none; }
#shoplist.mobile { width:100%; height:auto; overflow: auto; background-color: #fff; position: static; }
#shoplist.mobile .item { width: 100%; font-size: 100%; }

.h-scroll:not(.h-mobile) { position: relative; overflow-x: hidden; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; text-align:center; width:100%; max-width: 100%; }
.h-scroll:not(.h-mobile) .h-scroll-body { margin-left:0px; box-sizing: border-box; white-space: nowrap; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; overflow-y: hidden; -webkit-overflow-scrolling: touch; text-align:center; }
.h-scroll:not(.h-mobile)::-webkit-scrollbar { display: none; }
.h-scroll:not(.h-mobile) .h-scroll-body::-webkit-scrollbar { display: none; }
.paddles { }
.paddle { position: absolute; /*top: 25px;*/ bottom: 0; width:50px; cursor: pointer; }
.paddle img { width: 20px; }
/*.selection .paddle { top: 18px; }*/
.left-paddle { left: 0; text-align: left; }
.right-paddle { right: 0; text-align: right; }
.hidden { display: none; }
/* after !!! */
@media screen and (max-width: 1000px) {
    .h-scroll { position: relative; overflow-x: scroll; overflow-y: hidden;-ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; text-align:center; width:100%; max-width: 100%; }
    .h-scroll .h-scroll-body { margin-left:/*15*/0px !important; box-sizing: border-box; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none;  text-align:center;}
    .h-scroll::-webkit-scrollbar { display: none; }
    .h-scroll-body::-webkit-scrollbar { display: none; }
    .paddle { /*width:15px;*/ display:none; }
    .paddle img { width: 10px; }
}

/* catalog */
@media screen and (min-width: 1061px) {
    #top-cats {
        margin: 20px 0px 35px 0;
        clear: both;
        width: 100%;
        display: table;
        table-layout: fixed;
        background-color: #EEEEEE;
    }
#top-cats .item { width: 100%; line-height: 50px; text-align: center; border-width: 0px; font-size: 12px; font-weight:bold; display: table-cell; }
#top-cats .item:hover, #top-cats .item.hover { background-color: #000; color:#fff; }
    #top-cats .item a {
        color: #333;
        text-decoration: none;
        display: block;
        text-transform: uppercase;
        font-weight:100;
    }
    #top-cats .item a:hover {
        color: #fff !important;
        text-decoration: none !important;
    }
}

@media screen and (max-width: 1060px) {
#cats {  }
    #top-cats {
        margin: 10px 0px;
        border-collapse: collapse;
        clear: both;
        width: 100%;
        background-color: #EEEEEE;
    }
#top-cats .item  { padding: 10px 15px; text-align: center; border-width: 0px; border-radius: 20px; font-size: 12px; display: inline-block; height: 100%; box-sizing: border-box; margin: 0px 10px; }
#top-cats .item:hover , #top-cats .item .hover { background-color: #ba9a4b; }
#top-cats .item  a { color: #fff; text-decoration: none;  }
}

.catalog { max-width: 1600px; margin: auto; }
div.table-row { display: table-row; }
#choose { float: right; cursor: pointer; }
div#catalog { display: table; width: 100%; font-size: 70%; }
div#selector { /*width: 210px; display:table-cell;*/ vertical-align:top; /*background-color:#fafafa;*/ background-color: #fff; overflow: auto; }
/*div.mobile#selector table.selector { width: 320px; }*/
table.selector { /*width: 210px;*/ width: 100%; }
div.mobile#selector table.selector td { vertical-align: top; padding: 2px; border-bottom: solid 1px #ddd; }
div.mobile#selector table.selector td.no-border { border-bottom-width: 0px; }
table.selector td td { padding: 1px; }
#certa { height: 105px; background: #1c1f24 url(/ii/certabg.png) right top no-repeat; text-decoration:none; overflow: auto; }
#certat { color:#fff; padding: 20px 0px 0px 15px; }
#certat span.golden { text-decoration:underline; display: inline-block; margin-top: 10px; }
div.selHead { padding: 5px; text-align: right; } 
div.selHead a { color: #000; text-decoration: none; }
div.selGroup { font-weight: bold; color:#000; padding: 2px 0px 2px 0px; margin: 7px 0px 2px 0px; overflow:hidden; cursor: pointer; }
div.selGroup .rarr2 { display: none; }
div.selGroup span.choosen { display: none; }
div.mobile#selector div.selGroup span.choosen { display: inline-block; padding-left: 7px; position:relative; top:2px; overflow: hidden; }
div.mobile#selector div.selGroup span.choosent { display: inline-block; color: #b3974f; font-size: 80%; font-weight:100; white-space: nowrap; }
div.selGroup img.grd { position: absolute; top:0; right: 0; }
div.mobile#selector div.selGroup { background-color: transparent !important; color:#000; padding: 15px; width: 100%; white-space: nowrap; }
div.mobile#selector .m-slt div.selGroup { position: relative; margin-left: 0px; }
div.mobile#selector .m-slt div.selGroup .rarr2 { display:block; position: absolute; top:0px; right:0px; z-index: 7777; }
div.selGroup.empty { padding: 0px !important; }
div.selTarget { border-bottom: solid 1px #bbb; padding-bottom: 4px; color:#666; overflow:auto; }
div.selTarget > div { margin-left: 4px; overflow-x: hidden; }
div.selTarget input[type=checkbox] { margin-right: 3px; position: relative; top: 2px; }
div.selTarget > div > label { display: inline; }
div.mobile#selector div.selTarget > div { height: auto; padding: 2px 0px;}
div.selTarget div label { margin: 0px !important; padding: 0px !important; padding-left: 8px; }
div.selTarget div.onethird { width: 33%; float: left; margin-left:0px; }
div.selTarget div.filtered { display: none; }
div.selTarget div.unfilter { font-weight: normal; font-style: italic; cursor: pointer; clear: both; color:#666; margin-left:48px; }
div.selTarget div.refilter { font-weight: normal; font-style: italic; cursor: pointer; clear: both; color:#666; margin-left:48px; }
div.cleanf { display: none; font-weight: normal; font-style: italic; color: #666; cursor: pointer; clear: both; }
div.selTarget.opened { display: block; }
div.selTarget.closed { display: none; }
div.selTarget .totalSale { background-color: #000; color: #ffd700; display: inline-block; padding: 2px 5px; margin-bottom: 2px; }
.zsp2018 { background-color: #000; color: #fff; display: inline-block; margin:0px; padding: 2px 5px; }

.cgr { font-weight: normal !important; }
div#selcid div.cgr { display: none; }
/*div#selikid div.cgr { display: none; }*/
div#selcoid div.cgr {display: none;}

a.icon { display: block; position: fixed; opacity: 1.0; z-index: 1010; right: 12px; width:73px; height:73px; }
a.icon:hover { opacity: 0.8; }
@media screen and (max-width: 1000px) { 
    a.icon { right: 2px; width:40px; height:40px; } 
    a.icon img { width:40px; height:40px; } 
}

.dropFilters {
    text-align: center;
    margin: 20px 5px;
    margin-top: 25px;
    padding: 15px 0 14px 0;
    display: block;
    text-decoration: none;
    border-radius: 8px;
    color: #fff;
    background: #000;
    text-transform: uppercase;
}
.dropFilters b{
    color:#fff;
    font-size:9pt;
}
.dropFilters:hover {
    opacity:0.8;
}
    #sortOrder {
    width: 150px;
    height: 28px;    
    border: solid 1px #999;
    color: #666;
    padding: 5px;
}
#art {
    width: 100%;    
    border: solid 1px #999;
    color: #666;
    padding: 3px;
    padding-left: 3px;
    padding-left: 5px;
}
table.pagerh { width: 100%; margin-bottom: 5px; border-collapse: collapse; }
table.pagerh td { padding: 0px; }
.pagerInfo { font-size: 14px; text-align: center; }
#pane { /*width: /*960px* / auto; padding-left: 20px; display:table-cell;*/ vertical-align:top; overflow: auto; }
#products { width: /*960px*/ 100%; vertical-align:top; overflow: auto; }
div.products { clear: both; overflow: auto; text-align: center; }
div.products.single { clear: both; overflow: auto; /*width:262px;*/ width: 100%; margin:0px; }
div.products.long { white-space: nowrap; xheight: 310px; width: auto; overflow: hidden;}
div.products .item { width: /*260px*/ 24%; min-width:220px; float: left; height: 290px; margin-bottom: 40px; border: solid 1px #fff; text-align: center;  overflow: hidden; position:relative; }
div.products .item .icons { position: absolute; top: 5px; right:0px; }
div.products .item .icons img.new { width:20px; height:20px; margin-right:5px; z-index: 100; }
div.products .item .icons img.hit { width:20px; height:20px; margin-right:5px; z-index: 100; }
div.products .item .icons div.discount { height:20px; margin-right:5px; z-index: 100; border: solid 1px red; border-radius:4px; line-height:20px; display:inline-block; font-size:10px; padding: 0px 3px 0px 3px; font-weight:bold; background-color:rgba(255,255,255,.5); }
div.products .item .icons div.picsubs { height:20px; margin-right:5px; z-index: 100; display:inline-block; font-size:18px; font-weight:700; font-family:serif; position:relative; top:4px; }
div.products .item .icons img.favtoggle { width:20px; height:20px; margin-right:5px; z-index: 100; cursor:pointer; }
div.products .item .icons img.favtoggle.gray { filter:grayscale(1.0); }

div.products.single .item { /*width: 260px;*/ width:100%; margin-bottom: 0px; height:auto; overflow: hidden; border: solid 1px #eee; border-radius: 0px !important; }
div.products.public .item { width: 25%; min-width:120px; height: auto; float: left; border: solid 1px #f4f4f4; margin-bottom: 0px; padding-bottom: 40px; }
@media screen and (max-width: 1000px) { div.products .item { width: 33% !important; min-width: 100px !important; height: 250px; } }
@media screen and (max-width: 700px) { div.products .item { width: 49.5% !important;  min-width: 100px !important;  height: 220px; } }
.cell.vam div.products .item { width: 100% !important; }

div.products.public.long .item { width: 15vw; height: 17vw; padding-bottom: 0px; margin-right: 10px; background-color:#fff; display: inline-block; float: none; }
div.products .item:hover { border: solid 1px #eee; }
div.products.public .item:hover { border: solid 1px #999; border-radius: 0px; }
/*div.products .item .image { text-align: center; width: 180px; height: 180px; background-repeat: no-repeat; }*/
div.products .item .image { text-align: center; width: 220px; height: 240px; margin:auto; background-repeat: no-repeat; background-position: center center; background-size: 220px 220px; }
div.products.single .item .image { width: 100%; height: auto; margin: 0px; }
@media screen and (max-width: 1000px) { div.products .item .image { width: 100%; height: auto; margin: 20px auto; } } 
div.products.public .item .image { width: 100%; /*height: auto;*/ height: 100%; overflow: hidden; }
div.products.public.long .item .image { width: 80%; height: auto; }
div.products .item .image img { width: 100%; height: auto; margin: 0px auto; }
div.products.public .item .image img { width: 80%; height: auto; margin: 0px auto; }
@media screen and (max-width: 1000px) { div.products .item .image img { width: 80%; height: auto; margin: 0px auto; } }
div.products.public.long .item .image img { width: 100%; height:auto; margin: 0px; }

div.products .item .articul { float: left; font-size: 12px; color: #666; }
div.products .item .priceblock { height:24px; }
div.products.single .item .priceblock { margin:10px 0px; }
div.products .item:hover .priceblock { display:none; }
div.products .item .fastorder { display:none; height:24px; }
div.products.single .item .fastorder { display:none; height:24px; margin:10px 0px; }
div.products .item:hover .fastorder { display:block; }
div.products .item div.price { text-align: center; font-size: 16px; color: #000; }
div.products .item .buy { visibility: hidden; }
div.products.public .item .hover { visibility: hidden; }
div.products.public .item:hover .hover { visibility: visible; }

/*div.sproducts { clear: both; margin: auto; width: 100%;  }*/
div.sproducts { clear: both; margin: auto; width: 1500px;  }
/*div.sproducts.col4 { width: 80%; }*/
/*div.sproducts.col4 { width: 1200px; }*/
div.sproducts .item { width: 250px; /*20%;*/ position: relative; float: left; margin: 0px 25px 15px 25px; }
div.sproducts.col4 .item { width: 300px; margin: 0px 37px 25px 38px; }
div.sproducts .item.large { width: 500px;  margin: 0px 50px 30px 50px; /*40%*/ }
div.sproducts .item.right { float: right !important; }
/*div.sproducts.col4 .item { width: 25%; }*/
div.sproducts .item img { width: 250px; height:250px; /*100%;*/ }
div.sproducts.col4 .item img { width: 300px; height:300px; /*100%;*/ }
div.sproducts .item.large img { width: 500px; height:500px; /*40%*/; }
div.sproducts .item .new { position: absolute; z-index: 7777; font-size: 14px; color: #999; right: 10px; top: 10px; }
div.srec.col { width: 20%; margin: 2%; display: inline-block; vertical-align: top; font-size: 80%;  }
div.srec.col p { text-align: justify; }
div.srec.col .head { text-align: center; font-size: 120%; color:#666; padding-bottom: 10px; background: url(../i/u/srech.jpg) no-repeat center bottom; }
div.sframe { position: absolute; z-index: 7777; padding: 29px; border:solid 1px #666; background-color: #fff; }
div.sframe .art { font-size: 80%; color: #999; margin-bottom: 15px; }
div.sframe .name { font-size: 120%; color: #000; padding-bottom: 15px; border-bottom: solid 1px #000; margin-bottom: 15px; }
div.sframe .data { font-size: 70%; color: #666; }
div.sframe .img { position: relative; }
/*div.sframe .img img.trans { transform: scale(1.1); transform-origin: center center; transition: all 1.5s 1.5s; }*/
div.sframe .img .dimgs { width: 100%; position: absolute; bottom: 0px; text-align: center; z-index: 7778; }
div.sframe .img .dimgs img { border: solid 1px #666; position:relative; top: 10px; margin-right: 10px; width: 32px; height: 32px; cursor: pointer; opacity: .8; }
div.sframe .img .dimgs img:last-child { margin-right: 0px; }

img.insertion { float: right; margin-left: 1cm; }

div#stones { width: 280px !important; display:table-cell; vertical-align:top; background-color:#f5ece4; font-size: 90%; overflow: auto; }
div.stones-arrow img { width:24px; height:19px; }
div#stones-up { text-align: center; margin: .5cm; cursor: pointer; }
div#stones-dn { text-align: center; margin: .5cm; cursor: pointer; }
div#stones-block { height: 300px; overflow:hidden; position:relative; }
div#stones-list { height: auto; position: absolute; }
div#stones-list > div { line-height: 20px; }

div#foo { background-color: #000; padding: 5px; padding-top: 15px; padding-bottom: 10px; color: #ccc; text-align: center; font-size: 80%;}
div#foo a { color: #eee; }

.image_carousel { padding: 0px; }
.image_carousel img { border: 1px solid #ccc; background-color: white; padding: 2px; margin: 3px; display: block; float: left; }

.product { padding: 20px; font-size: 80%; }
/*.product.shop { padding: 30px; }*/
.product .preview { cursor: pointer; }
.product .vpreview { cursor: pointer; }
@media screen and (max-width: 900px) { .product { padding: 10px !important; } }
@media screen and (max-width: 1000px) {.fancybox-slide { padding: 0px !important; } }
#imagesPane { display: none; }
#imagesPane img { margin-bottom:10px;}
@media screen and (min-width: 1001px)  { #imagesPane { display:inline-block;float:left;width:90px; } }
#imagePane { display:inline-block;float:left;width:400px; }
@media screen and (max-width: 1000px)  { #imagePane { float:none;width:auto;text-align:center; } }
img.zoom { position: absolute; left: 380px; top: 380px; }
@media screen and (max-width: 1000px) { img.zoom { display:none; } }
#zoomable { width:400px; height:400px; display: inline-block; background-size:cover; cursor: pointer; }
#imagesBottomPane { display: none; text-align: left; }
#imagePane div.picsubs {
    height: 20px;
    z-index: 100;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    font-family: serif;
    position: absolute;
    top: 5px;
    right: 5px;
}
@media screen and (max-width: 1000px)  { #imagesBottomPane { display: block; } }
#infoPane { display:inline-block;float:right;max-width:485px; }
@media screen and (max-width: 1000px) { 
    #zoomable { position: inherit; width: /*80%*/100%; height: auto; }
    .garn { display:none; }
    .cgarn img { width:48% !important; }
    /*.iiinfo.shop { display:none; }*/
    #infoPane { display:inline-block;float:none;max-width:100%;width:100%; }
    span.bull { display: none; }
    table.iiinfo tr td { border-width: 0px !important; vertical-align: top; }
    table.productinfo tr td { border-width: 0px !important; vertical-align: top; }
}
@media screen and (min-width: 1001px) {
    .mgarn  { display:none; }
}
#garnPane {
    clear: both;
    display: block;
    border-top: solid 1px #EEEEEE !important;
    margin-top: 20px;
}

#garnPane h3 { margin: 20px 0px;}

#garnPane img { width: 230px; height:230px; margin-bottom:20px; }

    div.floatTopLeft {
        margin-bottom: 10px;
    }

#samePane {
    clear: both;
    display: block;
    border-top: solid 1px #EEEEEE !important;
    margin-top:20px;
}

    #samePane h3 {
        margin: 20px 0px;
    }

    #samePane img {
        width: 230px;
        height: 230px;
        margin: 10px;
    }

    #samePane .paddle img {
        width: 20px;
        height: 23px;
        margin: 0px;
    }

div.floatTopLeft {
    margin-bottom: 10px;
}


div.selection { clear: both; }
div.selection h3 { margin: 0; padding: 0; margin-bottom: 5px; }
div.selection .item { display: inline-block; padding: 8px; font-size: 14px; border: solid 1px #fff; text-align: center; margin-right: 8px; margin-bottom: 5px; cursor: pointer; color:#737373; }
@media screen and (min-width: 768px) { div.selection .item { margin-right:0px; } }
div.selection .item.stocks { font-weight: bold; border: solid 1px #ccc; }
div.selection .item.absent { background: url(../ii/grbg.png); color: #aaa; }
div.selection .item.selected { color: #2c2c2c; background-color:#ebebeb; border: solid 1px #b7b7b7;  }
div.selection.size .item { width: 46px; text-align: center; }
div.selection.size .item.wide { width: 88px; }
div.ssize { width: 74px; display: inline-block; margin-right: 4px; }
    div.ssize div.size {
        width: 40px;
        display: inline-block;
        text-align: center;
        margin: 0px 4px 4px 0px;
    }
div.ssize input.inlinecart { width: 40px; }
#instance { padding: 5px 7px; height:30px; font-size: 90%; }

table.productinfo { float: right; max-width: 565px; border-collapse: collapse; }
table.productinfo tr.data td { border-bottom: solid #ddd 1px; padding: 5px; }
    table.productinfo tr.data:hover td {
        background-color: #EEEEEE;
        color: #000;
    }
table.productinfo td { padding:5px; margin: 0px; vertical-align: top; font-size: 85%; color:#737373; position:relative; }
table.productinfo td img.favtoggle { width:20px; height:20px; position:absolute; right:5px; top:5px; z-index: 100; cursor:pointer; }
table.productinfo td img.favtoggle.gray { filter:grayscale(1.0); }
@media screen and (max-width: 767px) { table.productinfo td { font-size:11pt !important; } }
table.productinfo td.qtybl { text-align: left; white-space: nowrap; }
#qty { line-height: 24px; text-align: center; }

table.orderinfo { clear:both; border-collapse:collapse; width:100%; }
table.orderinfo td { padding: 5px; border-width:0px; font-size: 90%; }

div.stockItems {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: auto;
}
table.stockItems {
    border-collapse: collapse;
    width: 100%;
    
}
table.stockItems th { background-color: #333; color: #fff; padding: 6px; text-align: center;}
    table.stockItems td {
        border: solid 1px #aaa;
        padding: 6px;
        text-align: center;
    }
table.spItems { border-collapse: collapse; width: 95%; }
table.spItems th { color: #000; border: solid 1px #aaa; padding: 3px; }
table.spItems td { border: solid 1px #aaa; padding: 3px; }

#cartctrl { padding: 10px; line-height:32px; overflow:auto; background-color: #f5f5f5; }

table.cart { width: 100%; border-collapse: collapse;  font-size:11pt; }
table.cart th { font-weight: bold; border: solid 1px #ddd; background-color: #fafafa; color: #000; padding: 5px; text-align: center;}
table.cart td { border: solid 1px #f4f4f4; padding: 5px; vertical-align: middle; }
table.cart td.qty { font-size: 20px; text-align: center; }
table.cart td.qty a { text-decoration: none; }
table.cart td input.qty { width: 28px; }
table.cart td.image { padding: 1px; }
table.cart td.image img { width: 100px; }
.cart .item { width: 45%; float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9; border: solid 1px #eee; border-radius: 10px; }
.cart .item .image { float: left; margin-right: 10px; border: solid 1px #eee; }
.cart .item .name { font-size: 140%; font-weight: bold; }
.cart .item .price { font-size: 120%; font-weight: bold; color: #1e4c89; }
.cart .item .remove { text-align: right; margin-right: 30px; line-height: 16px;}
.cart .item .remove a { color: #666 !important; font-style: italic; }
.cart .item .remove img { width: 16px; height: 16px; float: right; margin-left: 4px; }
.cart .removeCart { cursor: pointer; }
.cartinfo { padding: 5px 20px; margin: 10px 0px; font-style: italic; }
.cartinfo.select { xbackground-color: #eee; color: #666; xborder: solid 1px #aaa; }
.cartinfo.selected { xbackground-color: #f44; color: #eee; xborder: solid 1px #a00; display: none; }
#cancelSelection { border-bottom: dotted 1px #fff; cursor: pointer; }


table.orders { width: 100%; border-collapse: collapse; background-color: #f5f5f5; }
table.orders th { border-bottom: solid 1px #ccc; background-color: #f4f4f4; color: #68676b; padding: 20px 5px; text-align: center; text-transform: uppercase; }
table.orders td { padding: 10px 5px; vertical-align: middle; text-align: center; color: #68676b; }

table.ui { border-collapse: collapse; width: auto; }
table.ui td { padding: 3px; margin: 0px; vertical-align: top; }

div.pager { text-align: right; }
div.page { font-size: 12px; width: 32px; height: 24px; line-height: 24px; text-align: center; vertical-align: middle; display: inline-block; cursor: pointer; }
div.page.selected { background-color: #000; /*#3e3129;*/ color:#fff !important; border-radius:5px;}

a.button, a.button:active, a.button:visited, a.button:hover { color:#fff !important; }
.button {
    background-color: #EEEEEE;
    border-radius: 0px !important;
    display: inline-block;
    border-width: 0px;
    cursor: pointer;
    color: #000 !important;
    font-size: 14px;
    padding: 8px 24px;
    text-decoration: none;
}
.button.tall {
    padding: 12px 24px; 
}
.button:hover {
        background-color: #a7eaff;
    }

.button:active {
	position:relative;
	top:1px;
}

input.button:active { position: relative; top: 1px; }
#addCart { display: none; margin-top: 5px; }

.cart .item { width: 45%; float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9; border: solid 1px #eee; border-radius: 10px; }
.cart .item .image { float: left; margin-right: 10px; border: solid 1px #eee; }
.cart .item .name { font-size: 140%; font-weight: bold; }
.cart .item .price { font-size: 120%; font-weight: bold; color: #a13a9b; }
.cart .item .remove { text-align: right; margin-right: 30px; line-height: 16px;}
.cart .item .remove a { color: #666 !important; font-style: italic; }
.cart .item .remove img { width: 16px; height: 16px; float: right; margin-left: 4px; }

.shopcart { /*display: table; width: 100%; max-width: 1400px; margin: auto;*/ }
.shopcart .items { /*display: table-cell; width: 68%;*/ font-size: 14px; vertical-align: top; }
.shopcart .items .itemlist { /*display: table;*/ width: 100%;  }
.shopcart .items .itemlist .row { /*display: table-row;*/ }
.shopcart .items .itemlist .row .image { /*display: table-cell; width: 20%; padding: 10px;*/ }
.shopcart .items .itemlist .row .image img { width: 100%; }
.shopcart .items .itemlist .row .info { /*display: table-cell; width: 60%;  padding: 10px; border-top: solid 1px #eee; border-bottom: solid 1px #eee;*/ }
.shopcart .items .itemlist .row .qprice { /*display: table-cell; width: 20%;  padding: 10px; border-top: solid 1px #eee; border-bottom: solid 1px #eee;*/ }
.shopcart .items .itemlist .row .qprice .remove { text-align: right; color: #999; cursor: pointer; }
.shopcart .items .itemlist .row .qty { }
.shopcart .items .itemlist .row .qty .iqty { white-space: nowrap; }
.shopcart .items .itemlist .row .qty .gbox { display: inline-block; padding: 8px 5px; border-radius: 5px; color:#fff; margin: 0px 10px; background-color: #c1c1c1; cursor: pointer; }
.shopcart .items .itemlist .row .qty .number { width: 32px; text-align:center; }
.shopcart .items .itemlist .row .price { font-size: 140% !important; margin-top: 20px; }
/*.shopcart .space { display: table-cell; width: 2%; font-size: 16px; }*/
.shopcart .order { /*display: table-cell; width: 30%;*/ font-size: 16px; vertical-align: top; }
.shopcart .order .summary { background-color: #eee; padding: 30px; xtext-align: center; }
@media screen and (max-width: 767px) { .shopcart .order .summary { background-color: #fff !important; } }

.shopcart .order .summary .qty { font-size: 14px;  }
.shopcart .order .summary .summ { }
.shopcart .order .summary .order { xpadding-top: 30px; }
.shopcart .freedel { xmargin-top: 10px; border: solid 1px #eee; border-top-width:0px; color: #aaa; padding: 20px 0px; text-align: center; font-size: 14px; }
@media screen and (max-width: 767px) { .shopcart .freedel { display: none; } }
.shopcart .order .itemlist { border: solid 1px #fff; display: table; width: 100%; margin-bottom: 10px; }
.shopcart .order .itemlist .row { display: table-row; }
.shopcart .order .itemlist .row .image { display: table-cell; width: 30%; background-color: #fff; }
.shopcart .order .itemlist .row .image img { width: 100%; }
.shopcart .order .itemlist .row .kind { display: table-cell; width: 30%; text-align: center;}
.shopcart .order .itemlist .row .qty { display: table-cell; width: 10%; text-align: center; }
.shopcart .order .itemlist .row .price { display: table-cell; width: 30%; text-align: right; }

/*.shoporder { display: table; width: 100%; }
.shoporder tr td { padding: 0px 0px 10px 0px; vertical-align: top; }
.shoporder tr td.v1 { width: 15%; }
.shoporder tr td.v2 { width: 18.333%; }
.shoporder tr.tb td { border-top: solid 1px #eee; }
.shoporder tr td.rb { border-right: solid 1px #eee; }
.shoporder tr td.center { text-align: center; }*/

.shopcart.desktop { display: table; width: 100%; max-width: 1400px; margin: auto; }
.shopcart.desktop .items { display: table-cell; width: 68%; font-size: 14px; vertical-align: top; }
.shopcart.desktop .items .itemlist { display: table; width: 100%;  }
.shopcart.desktop .items .itemlist .row { display: table-row; }
.shopcart.desktop .items .itemlist .row .image { display: table-cell; width: 20%; padding: 10px; }
.shopcart.desktop .items .itemlist .row .image img { width: 100%; }
.shopcart.desktop .items .itemlist .row .info { display: table-cell; width: 60%;  padding: 10px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }
.shopcart.desktop .items .itemlist .row .qprice { display: table-cell; width: 20%;  padding: 10px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }
.shopcart.desktop .items .itemlist .row .qprice .remove { text-align: right; color: #999; cursor: pointer; }
.shopcart.desktop .items .itemlist .row .qprice .qty { }
.shopcart.desktop .items .itemlist .row .qprice .qty .iqty { white-space: nowrap; }
.shopcart.desktop .items .itemlist .row .qprice .qty .gbox { display: inline-block; padding: 5px; margin: 0px 10px; background-color: #eee; cursor: pointer; }
.shopcart.desktop .items .itemlist .row .qprice .price { font-size: 140% !important; margin-top: 20px; }
.shopcart.desktop .space { display: table-cell; width: 2%; font-size: 16px; }
.shopcart.desktop .order { display: table-cell; width: 30%; font-size: 16px; vertical-align: top; }
.shopcart.desktop .order .summary { background-color: #eee; padding: 30px; xtext-align: center; }
.shopcart.desktop .order .summary .qty { font-size: 14px;  }
.shopcart.desktop .order .summary .summ { }
.shopcart.desktop .order .summary .order { xpadding-top: 30px; }
.shopcart.desktop .freedel { margin-top: 10px; border: solid 1px #aaa; color: #aaa; padding: 30px 0px; text-align: center; font-size: 14px; }
.shopcart.desktop .order .itemlist { border: solid 1px #fff; display: table; width: 100%; margin-bottom: 10px; }
.shopcart.desktop .order .itemlist .row { display: table-row; }
.shopcart.desktop .order .itemlist .row .image { display: table-cell; width: 30%; background-color: #fff; }
.shopcart.desktop .order .itemlist .row .image img { width: 100%; }
.shopcart.desktop .order .itemlist .row .kind { display: table-cell; width: 30%; text-align: center;}
.shopcart.desktop .order .itemlist .row .qty { display: table-cell; width: 10%; text-align: center; }
.shopcart.desktop .order .itemlist .row .price { display: table-cell; width: 30%; text-align: right; }

.shoporder { display: table; width: 100%; }
.shoporder tr td { padding: 0px 0px 10px 0px; vertical-align: top; }
.shoporder tr td.v1 { width: 15%; }
.shoporder tr td.v2 { width: 18.333%; }
.shoporder tr td.v11 { width: 17%; }
.shoporder tr td.v21 { width: 16.333%; }
.shoporder tr.tb td { border-top: solid 1px #eee; }
.shoporder tr td.rb { border-right: solid 1px #eee; }
.shoporder tr td.center { text-align: center; }

.range-v { margin: 10px 0px; }
.range-v table tr td { border-bottom-width: 0px !important; }
.range-l { width: 100%; text-align: center; font-size: 12px; }
.range-r { width: 100%; text-align: center; font-size: 12px; }
#price-range, #carat-range { width:93%; clear: both; margin-left: 10px; height:6px; }
#price-range .ui-slider-range, #carat-range .ui-slider-range { background-color: #000 !important; background-image: none !important; }
.ui-slider-handle { width:12px !important; height:12px !important; border-radius: 4px !important; }
.ui-state-default { background-color: #000 !important; background-image: none !important; }

#divPH { background-color: #fff; clear: both; margin-top: 20px; }
#divPH h2 { font-size: 20px; margin:0px; padding:0px; }
#divPH .seen { text-align: center; white-space: nowrap; }
#divPH .seen img { width: 200px; height: auto; margin: 0px 20px; }
@media screen and (max-width: 767px) { #divPH .seen img { width: 100px; margin: 0px 10px; } }

.v-smi { display: table; width: 96%; margin: auto; border-collapse: collapse; }
.v-smi .row { display: table-row; }
.v-smi .row .cell { display: table-cell; width: 32%; padding: .5%; position: relative; border-bottom: solid 3vw #fff; }
.v-smi .row .cell.break { width: 2% !important; padding: 0px; background-color: #fff;  }
.v-smi .row .cell.black { background-color: #000; }
.v-smi .row .cell.pink { background-color: #ff5b78; }
.v-smi .row .cell img { width: 50%; }
.v-smi .row .cell .text { position: absolute; top: 50%; transform: translateY(-50%); left: 55%; width: 40%; color: White; text-align: center; }
.v-smi .row .cell .text .name { font-size: 2vw; text-transform: uppercase; text-align: center; margin-bottom: .5vw; }
.v-smi .row .cell .text .date { font-size: .9vw; text-align: center; margin-bottom: 1.5vw; }
.v-smi .row .cell .lbutton { display: inline-block; width:auto; padding: 7px 12px; font-size: .7vw; color:#fff !important; border: solid 1px #fff; text-align: center; text-transform: uppercase; }

/* collection slider */
.hoveropaque { opacity: .5; }
.hoveropaque:hover { opacity: 1; }
.cpointer { cursor: pointer; }
.pagerDot { color:#dbdbdb; }
.pagerDot.sel { color:#a6a6a6; }
.pagerDot.fav { color:#f44 !important; }
#dataPlate { position:relative; overflow:auto; background-image: url(../ii/coll/infinite-ease/grbg.jpg); background-size:cover; }
#pic2 { position:absolute; z-index:777; }
#picPlate { position: absolute;  z-index:776; xbackground-color: #fff; }
#picText { position: absolute; left: 58%; top: 5%; width:42%; }
.iiLarge { font-size: 2.5vw; line-height: 1; }
.iiLarge.large { font-size: 24pt; margin: 5mm 0cm; }
.iiStd { font-size: 1vw; }
.iiStd.large { font-size: 16pt; }
.iiStd.larger { font-size: 12pt; }
.iiSmall { font-size: .8vw; }
.iiSmall.large { font-size: 12pt; }
#close { float:right; cursor: pointer; }
.iiinfo { width: /*95%*/ 100%; border-collapse:collapse; /*margin: 1vw 0px;*/ margin: 0px; }
.iiinfo tr td { padding: 7px 3px; margin:0px; xborder-top: solid 1px #eee; xborder-bottom: solid 1px #eee; }
@media screen and (max-width: 767px) { .iiinfo tr td { font-size:11pt !important; } }
.iiinfo.shop tr td { border-width: 0px !important; }
.iiinfo.large tr td { padding: 0px; margin:0px; width: 5%; }
.iiinfo tr td.icon { text-align:center; font-size: .8vw; width: 18%; }
.iiinfo.large tr td.icon { font-size: 12pt; width: 30%; padding: 8mm 0mm; }
.iiinfo tr td.name { text-align:left; vertical-align:middle; font-size: 1vw; height: 2.5vw; width: 30%; font-weight: 100; }
.iiinfo.large tr td.name { font-size: 14pt; height: 40pt; }
.iiinfo tr td.val { text-align:left; vertical-align:middle; font-size: 1vw; height: 2.5vw; width: 70%; }
.iiinfo.large tr td.val { font-size: 14pt; height: 40pt; }
.iiinfo tr td img { display: block; margin: 0px auto 10px auto; cursor: pointer; }
.iiinfo tr td .head { margin: 30px 0px; }
.iiinfo tr td ul li { margin: 8px 0px; }
.topline { border-top: #666 solid 1px; }
.btmline { border-bottom: #666 solid 1px; }
#social { margin-top: 2vw; float: right; }
#social img { display: inline-block; margin-right: 10px; }

/* after .products !!! */
.table { display: table; overflow: auto; margin:0px; padding:0px; }
.table .row { display: table-row;  overflow: auto; margin:0px; padding:0px; }
.table .row .cell { display: table-cell; vertical-align: top; overflow: auto; }
.table.x2 .row .cell { width:50% !important; }
.table.x2 .row .cell .products .item { width:100% !important; }
.table.x2 .row .cell .products .item .image { margin: 0px !important; }
.table.x2 .row .cell .products .item .image img { margin: 7px 0px !important; /*width:80% !important;*/ }
.table.x4 .row .cell { width:25% !important; }
.black { background-color: #000; }
.middle { vertical-align: middle; }
.larger { font-size: 125%; }
.italic { font-style: italic; }
.bronzepipe { padding-left: 20px; border-left: solid 2px #cfba32; }
.golden { color:#ba9b4b !important; }
.graybg { background-color: #f3f2f0; }
.blackbg { background-color: #000; }

.wcontainer { width: 100%; max-width: 1400px; margin: auto; font-size: 80%; }
@media screen and (max-width: 1000px) { 
    .wcontainer { width: 94%; } 
    .ord-last { order: 13; }
}
.topl { border-top: solid 1px #ccc; }
.wcontainer .shmy-menu { padding: 15px 0px 15px 30px; border-bottom: solid 1px #ccc; background-position: 5px center; background-repeat: no-repeat; }
.wcontainer .shmy-menu:last-child { border-bottom-width: 0px; }
.wcontainer .shmy-menu .sel { background: url(../ii/rarr.png) right center no-repeat; background-size: 4px 6px; }
table.shorders { width: 100%; border-collapse: collapse; }
table.shorders td { border-top: solid 1px #eee; border-bottom: solid 1px #eee; padding: 10px; vertical-align: middle; }
.wcontainer input[type=text] { border: 2px solid #dee1e6; padding: 2px 7px; }
.wcontainer input[type=password] { border: 2px solid #dee1e6; padding: 2px 7px; }
@media screen and (max-width: 992px) {
    .wcontainer input[type=text] { border: 1px solid #666; padding: 5px; height: 40px; }
    .wcontainer input[type=password] { border: 1px solid #666; padding: 5px; height: 40px; }
}

.welcome10 { background-color: #000; color:#ccc; padding: 3px; font-size: 80%; }
#welcome10 { position: fixed; z-index: 9999; left:0px; top: 230px; }
#welcome10bnr { padding: 20px; }
#welcome10banner { width:800px; padding: 20px; overflow: auto; border: solid 1px #b29750; text-align: center;
                   background: url(/ii/welcome10banner.png) left top no-repeat; }
#welcome10bannerlink { border:solid 1px #b29750; text-decoration:none; }
#welcome10bannerlink span { color:#b29750;text-decoration:none; } 
#welcome10bannerlink span:hover { border-bottom:solid 1px #b29750; }

.header-catalog{
    margin-top:20px;
}

    .header-catalog a:hover, .header-catalog a{
        text-decoration: none;
    }

.logo-catalog{
    max-width:170px;
}

footer {
    margin: 20px 0;
}
footer a{
    text-decoration:none;
}

.foo-soc {
}

.foo-follow {
    font-weight: 600;
    font-size: 26px;
    line-height: 1.23;
    margin: 30px 0;
    color: #000000;
}

.foo-contacts {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.55;
    color: #000000;
}

.hr1 {
    background: url('/ii/hr1.jpg') center center no-repeat;
    height: 20px;
    margin: 20px 0 40px 0;
}

.btn-black {
    background: #333 !important;
    color: #fff !important;
    box-sizing: border-box !important;
    position: relative;
    padding: 10px 50px !important;
    border-radius: 30px !important;
    border: 1px solid transparent !important;
    font-size: 16px !important;
    -webkit-transition: background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out !important;
    -o-transition: background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out !important;
    transition: background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out !important;
    margin: 0 auto !important;
    display: flex !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.no-flex{
    display: inline !important;
}

.SendMe label {
    display: inline;
    padding-left: 5px;
}

div.selection .item0 {
    display: inline-block;
    padding: 8px;
    font-size: 13px;
    border: solid 1px #fff;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 5px;
    cursor: pointer;
    color: #737373;
}
@media screen and (min-width: 768px) {
    div.selection .item0 {
        margin-right: 0px;
    }
}
div.selection .item0.selected {
    color: #2c2c2c;
    background-color: #ebebeb;
    border: solid 1px #b7b7b7;
}

table .cart {
    width: 100%;
    margin-top: 30px;
}