@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;800;900&display=swap');

body, textarea, input {
font-family: "Roboto", sans-serif;
}

html {
    margin: 0;
}
body {
    margin: 0px;
    padding: 0;
    background-color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #333333;
    min-width: 320px;
    width: calc( 100% );
    -webkit-text-size-adjust: 100%;
    -webkit-appearance: none;
}

textarea, input {
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #333333;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

*:focus {
outline: none;
}

a:link {
color: #cd5555;
text-decoration: none; 
border-bottom: 0;
}
a:active {
color: #55cdcd;
text-decoration: none;
}
a:visited {
color: #cd5555;
text-decoration: none;
border-bottom: 0;
}
a:hover {
color: #55cdcd;
text-decoration: none;
}

.b, b, strong {
font-weight: 600;
}
.CB {
clear: both;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 36px;
}

#AggregateOffer {
    display: none;
}

#SuperTop {
    z-index: 1200;
    position: relative;
    background-color: #faeeee;
    height: 40px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 40px;
    font-weight: 600;
    cursor: pointer;
}

#TopShops {
    background-color: beige;
    z-index: 1200;
    position: absolute;
    top: 60px;
    right: 20px;
    height: 40px;
}
#TopShopsOpen {
    z-index: 1200;
    position: absolute;
    top: 20px;
    right: 120px;
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.TopShopsOpen {
    color: #cd5555;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22400%22%20viewBox%3D%220%2C%200%2C%20300%2C%20400%22%3E%3Cpath%20d%3D%22M150.5%2C395.5%20C53.833%2C298%205.5%2C232.522%205.5%2C151.75%20C5.5%2C70.978%2070.419%2C5.5%20150.5%2C5.5%20C230.581%2C5.5%20295.5%2C70.978%20295.5%2C151.75%20C295.5%2C232.522%20247.167%2C298%20150.5%2C395.5%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M150.5%2C395.5%20C53.833%2C298%205.5%2C232.522%205.5%2C151.75%20C5.5%2C70.978%2070.419%2C5.5%20150.5%2C5.5%20C230.581%2C5.5%20295.5%2C70.978%20295.5%2C151.75%20C295.5%2C232.522%20247.167%2C298%20150.5%2C395.5%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M183%2C80.5%20C204.667%2C102.167%20215.5%2C132.5%20215.5%2C158.5%20C215.5%2C188.833%20193.833%2C210.5%20150.5%2C210.5%20C107.167%2C210.5%2085.5%2C188.833%2085.5%2C158.5%20C85.5%2C132.5%2096.333%2C102.167%20118%2C80.5%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M183%2C80.5%20C204.667%2C102.167%20215.5%2C132.5%20215.5%2C158.5%20C215.5%2C188.833%20193.833%2C210.5%20150.5%2C210.5%20C107.167%2C210.5%2085.5%2C188.833%2085.5%2C158.5%20C85.5%2C132.5%2096.333%2C102.167%20118%2C80.5%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E");
}
.TopShopsOpen:hover {
    color: #55cdcd;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22400%22%20viewBox%3D%220%2C%200%2C%20300%2C%20400%22%3E%3Cpath%20d%3D%22M150.5%2C395.5%20C53.833%2C298%205.5%2C232.522%205.5%2C151.75%20C5.5%2C70.978%2070.419%2C5.5%20150.5%2C5.5%20C230.581%2C5.5%20295.5%2C70.978%20295.5%2C151.75%20C295.5%2C232.522%20247.167%2C298%20150.5%2C395.5%20z%22%20fill%3D%22%2355cdcd%22%2F%3E%3Cpath%20d%3D%22M150.5%2C395.5%20C53.833%2C298%205.5%2C232.522%205.5%2C151.75%20C5.5%2C70.978%2070.419%2C5.5%20150.5%2C5.5%20C230.581%2C5.5%20295.5%2C70.978%20295.5%2C151.75%20C295.5%2C232.522%20247.167%2C298%20150.5%2C395.5%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M183%2C80.5%20C204.667%2C102.167%20215.5%2C132.5%20215.5%2C158.5%20C215.5%2C188.833%20193.833%2C210.5%20150.5%2C210.5%20C107.167%2C210.5%2085.5%2C188.833%2085.5%2C158.5%20C85.5%2C132.5%2096.333%2C102.167%20118%2C80.5%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M183%2C80.5%20C204.667%2C102.167%20215.5%2C132.5%20215.5%2C158.5%20C215.5%2C188.833%20193.833%2C210.5%20150.5%2C210.5%20C107.167%2C210.5%2085.5%2C188.833%2085.5%2C158.5%20C85.5%2C132.5%2096.333%2C102.167%20118%2C80.5%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E");
}
.TopShopsOpenOn, .TopShopsOpenOn:hover {
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22400%22%20viewBox%3D%220%2C%200%2C%20300%2C%20400%22%3E%3Cpath%20d%3D%22M150.5%2C395.5%20C53.833%2C298%205.5%2C232.522%205.5%2C151.75%20C5.5%2C70.978%2070.419%2C5.5%20150.5%2C5.5%20C230.581%2C5.5%20295.5%2C70.978%20295.5%2C151.75%20C295.5%2C232.522%20247.167%2C298%20150.5%2C395.5%20z%22%20fill%3D%22%23888888%22%2F%3E%3Cpath%20d%3D%22M150.5%2C395.5%20C53.833%2C298%205.5%2C232.522%205.5%2C151.75%20C5.5%2C70.978%2070.419%2C5.5%20150.5%2C5.5%20C230.581%2C5.5%20295.5%2C70.978%20295.5%2C151.75%20C295.5%2C232.522%20247.167%2C298%20150.5%2C395.5%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23888888%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M183%2C80.5%20C204.667%2C102.167%20215.5%2C132.5%20215.5%2C158.5%20C215.5%2C188.833%20193.833%2C210.5%20150.5%2C210.5%20C107.167%2C210.5%2085.5%2C188.833%2085.5%2C158.5%20C85.5%2C132.5%2096.333%2C102.167%20118%2C80.5%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M183%2C80.5%20C204.667%2C102.167%20215.5%2C132.5%20215.5%2C158.5%20C215.5%2C188.833%20193.833%2C210.5%20150.5%2C210.5%20C107.167%2C210.5%2085.5%2C188.833%2085.5%2C158.5%20C85.5%2C132.5%2096.333%2C102.167%20118%2C80.5%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E");
}
#TopShopsLine {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}
.TopShopsLine {
    display: none;
    z-index: 1200;
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-top: solid 1px #faeeee;
}
.TopShopsLine:first-of-type {
    border-top: none;
}
.TopShopsOn .TopShopsLine {
    display: block;
}
#TopShopsReturn {
    height: 40px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    color: #cd5555;
    padding: 0 10px 0 36px;
    background-position: 10px 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%2C%200%2C%20300%2C%20300%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22Gradient_1%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2275%22%20y1%3D%2220.096%22%20x2%3D%22225%22%20y2%3D%22279.904%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FF88AA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF2288%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Gradient_2%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22188.823%22%20y1%3D%22297.543%22%20x2%3D%22111.177%22%20y2%3D%22158.259%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355cdcd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cd5555%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M225%2C0%20C275%2C50%20300%2C120%20300%2C180%20C300%2C250%20250%2C300%20150%2C300%20C50%2C300%200%2C250%20-0%2C180%20C-0%2C120%2025%2C50%2075%2C-0%20z%22%20fill%3D%22url(%23Gradient_1)%22%2F%3E%3Cpath%20d%3D%22M300%2C180%20C300%2C250%20250%2C300%20150%2C300%20C50%2C300%200%2C250%200%2C180%20C150%2C100%20150%2C250%20300%2C180%20z%22%20fill%3D%22url(%23Gradient_2)%22%2F%3E%3C%2Fsvg%3E");
    cursor: pointer;
}

#OnChat {
    z-index: 1200;
    position: absolute;
    top: 60px;
    right: 20px;
}
.OnChat {
    top: 0;
    right: 10px;
    height: 40px;
}
.OnChatOn {
    top: 0px;
    right: 10px;
}
#OnChatOpen {
    position: absolute;
    top: 20px;
    right: 70px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.OnChatOpen {
    color: #cd5555;
    background-size: 20px 20px;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M120%2C240%20C186.27%2C240%20240%2C186.27%20240%2C120%20C240%2C53.73%20186.27%2C0%20120%2C0%20C53.73%2C0%200%2C53.73%200%2C120%20C0%2C186.27%2053.73%2C240%20120%2C240%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M128%2C112%20L30%2C150%20L0%2C240%20L90%2C210%20L128%2C112%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M76.447%2C48%20C79.111%2C48.668%2080.74%2C50.533%2082.18%2C52.752%20C87.868%2C61.575%2093.674%2C70.32%2099.382%2C79.117%20C101.561%2C82.469%20101.365%2C85.591%2098.57%2C88.445%20C96.862%2C90.16%2094.846%2C91.56%2092.935%2C93.053%20C91.377%2C94.257%2089.701%2C95.298%2088.169%2C96.535%20C84.026%2C99.919%2082.75%2C104.232%2084.209%2C109.377%20C85.551%2C114.155%2088.137%2C118.358%2090.735%2C122.521%20C99.356%2C136.299%20111.072%2C146.667%20125.511%2C153.965%20C127.409%2C154.875%20129.38%2C155.602%20131.409%2C156.145%20C135.644%2C157.33%20139.204%2C156.06%20141.927%2C152.676%20C143.479%2C150.745%20144.794%2C148.624%20146.241%2C146.595%20C147.223%2C145.109%20148.283%2C143.682%20149.415%2C142.308%20C152.753%2C138.55%20156.877%2C138.06%20161.119%2C140.835%20Q172.874%2C148.519%20184.597%2C156.236%20C185.494%2C156.832%20186.364%2C157.48%20187.307%2C158.01%20C189.578%2C159.293%20191.306%2C161.015%20192%2C163.633%20L192%2C167.285%20C191.921%2C167.396%20191.863%2C167.514%20191.817%2C167.645%20C190.468%2C174.322%20187.418%2C180.193%20183.367%2C185.56%20C181.75%2C187.694%20179.911%2C189.815%20177.103%2C190.24%20C172.154%2C190.973%20167.18%2C191.87%20162.205%2C191.981%20C144.84%2C192.348%20128.836%2C187.275%20113.821%2C178.982%20C93.622%2C167.815%2077.441%2C152.257%2064.985%2C132.83%20C56.948%2C120.328%2051.292%2C106.838%2049.015%2C92.077%20C48.602%2C89.492%2048.34%2C86.874%2048%2C84.282%20C48%2C81.192%2048%2C78.103%2048%2C75%20C48.072%2C74.588%2048.177%2C74.195%2048.242%2C73.789%20C48.635%2C70.87%2049.021%2C67.951%2049.42%2C65.038%20C49.8%2C62.23%2050.828%2C59.743%2053.073%2C57.982%20C55.2%2C56.215%2057.432%2C54.598%2059.756%2C53.119%20C63.879%2C50.684%2068.376%2C48.956%2073.063%2C48%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}
.OnChatOpen:hover {
    color: #55cdcd;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C40%20C31.045%2C40%2040%2C31.045%2040%2C20%20C40%2C8.955%2031.045%2C0%2020%2C-0%20C8.955%2C-0%20-0%2C8.955%20-0%2C20%20C-0%2C31.045%208.955%2C40%2020%2C40%20z%22%20fill%3D%22%2355cdcd%22%2F%3E%3Cpath%20d%3D%22M31%2C10%20L5%2C25%20L0%2C40%20L15%2C35%20L31%2C10%20z%22%20fill%3D%22%2355cdcd%22%2F%3E%3Cpath%20d%3D%22M13.346%2C9%20C13.753%2C9.102%2014.002%2C9.387%2014.222%2C9.726%20C15.091%2C11.074%2015.978%2C12.41%2016.85%2C13.754%20C17.183%2C14.266%2017.153%2C14.743%2016.726%2C15.179%20C16.465%2C15.441%2016.157%2C15.655%2015.865%2C15.883%20C15.627%2C16.067%2015.371%2C16.226%2015.137%2C16.415%20C14.504%2C16.932%2014.309%2C17.591%2014.532%2C18.377%20C14.737%2C19.107%2015.132%2C19.749%2015.529%2C20.385%20C16.846%2C22.49%2018.636%2C24.074%2020.842%2C25.189%20C21.132%2C25.328%2021.433%2C25.439%2021.743%2C25.522%20C22.39%2C25.703%2022.934%2C25.509%2023.35%2C24.992%20C23.587%2C24.697%2023.788%2C24.373%2024.009%2C24.063%20C24.159%2C23.836%2024.321%2C23.618%2024.494%2C23.408%20C25.004%2C22.834%2025.634%2C22.759%2026.282%2C23.183%20Q28.078%2C24.357%2029.869%2C25.536%20C30.006%2C25.627%2030.139%2C25.726%2030.283%2C25.807%20C30.63%2C26.003%2030.894%2C26.266%2031%2C26.666%20L31%2C27.224%20C30.988%2C27.241%2030.979%2C27.259%2030.972%2C27.279%20C30.766%2C28.299%2030.3%2C29.196%2029.681%2C30.016%20C29.434%2C30.342%2029.153%2C30.666%2028.724%2C30.731%20C27.968%2C30.843%2027.208%2C30.98%2026.448%2C30.997%20C23.795%2C31.053%2021.35%2C30.278%2019.056%2C29.011%20C15.97%2C27.305%2013.498%2C24.928%2011.595%2C21.96%20C10.367%2C20.05%209.503%2C17.989%209.155%2C15.734%20C9.092%2C15.339%209.052%2C14.939%209%2C14.543%20C9%2C14.071%209%2C13.599%209%2C13.125%20C9.011%2C13.062%209.027%2C13.002%209.037%2C12.94%20C9.097%2C12.494%209.156%2C12.048%209.217%2C11.603%20C9.275%2C11.174%209.432%2C10.794%209.775%2C10.525%20C10.1%2C10.255%2010.441%2C10.008%2010.796%2C9.782%20C11.426%2C9.41%2012.113%2C9.146%2012.829%2C9%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}
.OnChatOpenOn, .OnChatOpenOn:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C40%20C31.045%2C40%2040%2C31.045%2040%2C20%20C40%2C8.955%2031.045%2C0%2020%2C-0%20C8.955%2C-0%20-0%2C8.955%20-0%2C20%20C-0%2C31.045%208.955%2C40%2020%2C40%20z%22%20fill%3D%22%23888888%22%2F%3E%3Cpath%20d%3D%22M31%2C10%20L5%2C25%20L0%2C40%20L15%2C35%20L31%2C10%20z%22%20fill%3D%22%23888888%22%2F%3E%3Cpath%20d%3D%22M13.346%2C9%20C13.753%2C9.102%2014.002%2C9.387%2014.222%2C9.726%20C15.091%2C11.074%2015.978%2C12.41%2016.85%2C13.754%20C17.183%2C14.266%2017.153%2C14.743%2016.726%2C15.179%20C16.465%2C15.441%2016.157%2C15.655%2015.865%2C15.883%20C15.627%2C16.067%2015.371%2C16.226%2015.137%2C16.415%20C14.504%2C16.932%2014.309%2C17.591%2014.532%2C18.377%20C14.737%2C19.107%2015.132%2C19.749%2015.529%2C20.385%20C16.846%2C22.49%2018.636%2C24.074%2020.842%2C25.189%20C21.132%2C25.328%2021.433%2C25.439%2021.743%2C25.522%20C22.39%2C25.703%2022.934%2C25.509%2023.35%2C24.992%20C23.587%2C24.697%2023.788%2C24.373%2024.009%2C24.063%20C24.159%2C23.836%2024.321%2C23.618%2024.494%2C23.408%20C25.004%2C22.834%2025.634%2C22.759%2026.282%2C23.183%20Q28.078%2C24.357%2029.869%2C25.536%20C30.006%2C25.627%2030.139%2C25.726%2030.283%2C25.807%20C30.63%2C26.003%2030.894%2C26.266%2031%2C26.666%20L31%2C27.224%20C30.988%2C27.241%2030.979%2C27.259%2030.972%2C27.279%20C30.766%2C28.299%2030.3%2C29.196%2029.681%2C30.016%20C29.434%2C30.342%2029.153%2C30.666%2028.724%2C30.731%20C27.968%2C30.843%2027.208%2C30.98%2026.448%2C30.997%20C23.795%2C31.053%2021.35%2C30.278%2019.056%2C29.011%20C15.97%2C27.305%2013.498%2C24.928%2011.595%2C21.96%20C10.367%2C20.05%209.503%2C17.989%209.155%2C15.734%20C9.092%2C15.339%209.052%2C14.939%209%2C14.543%20C9%2C14.071%209%2C13.599%209%2C13.125%20C9.011%2C13.062%209.027%2C13.002%209.037%2C12.94%20C9.097%2C12.494%209.156%2C12.048%209.217%2C11.603%20C9.275%2C11.174%209.432%2C10.794%209.775%2C10.525%20C10.1%2C10.255%2010.441%2C10.008%2010.796%2C9.782%20C11.426%2C9.41%2012.113%2C9.146%2012.829%2C9%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}
#OnChatLine {
    z-index: 1200;
    position: relative;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.4 );
}
.OnChatLine {
    display: none;
    z-index: 1200;
    position: relative;
    padding: 5px 20px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 600;
    border-top: solid 1px #faeeee;
}
.OnChatLine:first-of-type {
    border-top: none;
}
.OnChatOn .OnChatLine {
    display: block;
}
#OnChatP {
    background-image: url( phone.svg );
    padding: 5px 20px 5px 50px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 20px 50%;
}
#OnChatWA {
    background-image: url( wa.svg );
    padding: 5px 20px 5px 50px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 20px 50%;
}
#OnChatWA a {
    color: #009D00;
}
#OnChatTG {
    background-image: url( tg.svg );
    padding: 5px 20px 5px 50px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 20px 50%;
}
#OnChatTG a {
    color: #1E96C8;
}
#OnChatM {
    background-image: url( mail.svg );
    padding: 5px 20px 5px 50px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 20px 50%;
}

#Top {
    position: relative;
    padding: 20px 0 0 0;
    background-color: #ffffff;
    text-align: center;
    border-bottom: solid 1px #f5f5f5;
}
#TopLogo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 150px;
    height: 40px;
}
.TopLogo {
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%2C%200%2C%20300%2C%20300%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22Gradient_1%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2275%22%20y1%3D%2220.096%22%20x2%3D%22225%22%20y2%3D%22279.904%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23E6AAAA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CD5555%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Gradient_2%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22188.823%22%20y1%3D%22297.543%22%20x2%3D%22111.177%22%20y2%3D%22158.259%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23CD5555%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237B3333%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%3E%3Cpath%20d%3D%22M225%2C0%20C275%2C50%20300%2C120%20300%2C180%20C300%2C250%20250%2C300%20150%2C300%20C50%2C300%200%2C250%20-0%2C180%20C-0%2C120%2025%2C50%2075%2C0%20z%22%20fill%3D%22url(%23Gradient_1)%22%2F%3E%3Cpath%20d%3D%22M300%2C180%20C300%2C250%20250%2C300%20150%2C300%20C50%2C300%200%2C250%200%2C180%20C150%2C100%20150%2C250%20300%2C180%20z%22%20fill%3D%22url(%23Gradient_2)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.TopLogo div {
    margin: 0 0 0 50px;
    width: 80px;
    line-height: 20px;
    font-weight: 900;
    font-size: 18px;
    color: #cd5555;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: left;
}
.TopLogoDivino {
    background-size: 72px 32px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("/wvc/image/map/divino/divino_logo.svg");
}
.TopLogoDivino div {
    display: none;
}
.TopLogoLavino {
    background-size: 120px 30px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("/wvc/image/map/lavino/lavino_logo.svg");
}
.TopLogoLavino div {
    display: none;
}
.TopLogoKupimvamvino {
    background-size: 120px 30px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("/wvc/image/map/kupimvamvino/kupimvamvino_logo.svg");
}
.TopLogoKupimvamvino div {
    display: none;
}
.TopLogoWild-barin {
    background-size: 120px 30px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("/wvc/image/map/wild-barin/wild-barin_logo.svg");
}
.TopLogoWild-barin div {
    display: none;
}
.TopLogoAssemblage {
    background-size: 120px 30px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("/wvc/image/map/assemblage/assemblage_logo.svg");
}
.TopLogoAssemblage div {
    display: none;
}
.TopLogoTwowines {
    background-size: 120px 30px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("/wvc/image/map/twowines/twowines_logo.svg");
}
.TopLogoTwowines div {
    display: none;
}

#MyProfile {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C16%20C31.046%2C16%2040%2C26.745%2040%2C40%20L40%2C40%20L0%2C40%20L0%2C40%20C-0%2C26.745%208.954%2C16%2020%2C16%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C16%20C31.046%2C16%2040%2C26.745%2040%2C40%20L0%2C40%20L0%2C40%20C-0%2C26.745%208.954%2C16%2020%2C16%20L20%2C16%20z%20M20.001%2C18%20L20%2C18%20C9.676%2C18.379%202.493%2C28.16%202.083%2C38%20L37.917%2C38%20C37.515%2C27.96%2030.308%2C18.637%2020.001%2C18%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M20%2C24%20C13.373%2C24%208%2C18.627%208%2C12%20C8%2C5.373%2013.373%2C0%2020%2C0%20C26.627%2C0%2032%2C5.373%2032%2C12%20C32%2C18.627%2026.627%2C24%2020%2C24%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C0%20C26.627%2C0%2032%2C5.373%2032%2C12%20C32%2C18.627%2026.627%2C24%2020%2C24%20C13.373%2C24%208%2C18.627%208%2C12%20C8%2C5.373%2013.373%2C0%2020%2C0%20z%20M20%2C2%20C14.477%2C2%2010%2C6.477%2010%2C12%20C10%2C17.523%2014.477%2C22%2020%2C22%20C25.523%2C22%2030%2C17.523%2030%2C12%20C30%2C6.477%2025.523%2C2%2020%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    cursor: pointer;
}
#MyProfile div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 40px;
    height: 40px;
}
#MyProfile:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C16%20C31.046%2C16%2040%2C26.745%2040%2C40%20L40%2C40%20L0%2C40%20L0%2C40%20C-0%2C26.745%208.954%2C16%2020%2C16%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C16%20C31.046%2C16%2040%2C26.745%2040%2C40%20L0%2C40%20L0%2C40%20C-0%2C26.745%208.954%2C16%2020%2C16%20L20%2C16%20z%20M20.001%2C18%20L20%2C18%20C9.676%2C18.379%202.493%2C28.16%202.083%2C38%20L37.917%2C38%20C37.515%2C27.96%2030.308%2C18.637%2020.001%2C18%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M20%2C24%20C13.373%2C24%208%2C18.627%208%2C12%20C8%2C5.373%2013.373%2C0%2020%2C0%20C26.627%2C0%2032%2C5.373%2032%2C12%20C32%2C18.627%2026.627%2C24%2020%2C24%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C0%20C26.627%2C0%2032%2C5.373%2032%2C12%20C32%2C18.627%2026.627%2C24%2020%2C24%20C13.373%2C24%208%2C18.627%208%2C12%20C8%2C5.373%2013.373%2C0%2020%2C0%20z%20M20%2C2%20C14.477%2C2%2010%2C6.477%2010%2C12%20C10%2C17.523%2014.477%2C22%2020%2C22%20C25.523%2C22%2030%2C17.523%2030%2C12%20C30%2C6.477%2025.523%2C2%2020%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
#MyExit {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M39.5%2C19.5%20L12.5%2C19.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M39.5%2C19.5%20L32.5%2C26.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M39.5%2C19.5%20L32.5%2C12.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M25.5%2C12.5%20L25.5%2C5.5%20C25.5%2C3.291%2023.709%2C1.5%2021.5%2C1.5%20L5.5%2C1.5%20C3.291%2C1.5%201.5%2C3.291%201.5%2C5.5%20L1.5%2C35.5%20C1.5%2C37.709%203.291%2C39.5%205.5%2C39.5%20L21.5%2C39.5%20C23.709%2C39.5%2025.5%2C37.709%2025.5%2C35.5%20L25.5%2C28.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    cursor: pointer;
}
#MyExit div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 40px;
    height: 40px;
}
#MyExit:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M39.5%2C19.5%20L12.5%2C19.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M39.5%2C19.5%20L32.5%2C26.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M39.5%2C19.5%20L32.5%2C12.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M25.5%2C12.5%20L25.5%2C5.5%20C25.5%2C3.291%2023.709%2C1.5%2021.5%2C1.5%20L5.5%2C1.5%20C3.291%2C1.5%201.5%2C3.291%201.5%2C5.5%20L1.5%2C35.5%20C1.5%2C37.709%203.291%2C39.5%205.5%2C39.5%20L21.5%2C39.5%20C23.709%2C39.5%2025.5%2C37.709%2025.5%2C35.5%20L25.5%2C28.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#TopCart {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 40px;
}
.TopCart {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20fill%3D%22%23000000%22%20fill-opacity%3D%220%22%2F%3E%3Cpath%20d%3D%22M96.667%2C12%20L143.333%2C12%20C153.643%2C12%20162%2C20.357%20162%2C30.667%20L162%2C77.333%20C162%2C87.643%20153.643%2C96%20143.333%2C96%20L96.667%2C96%20C86.357%2C96%2078%2C87.643%2078%2C77.333%20L78%2C30.667%20C78%2C20.357%2086.357%2C12%2096.667%2C12%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23CD5555%22%20stroke-width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M240%2C60%20L240%2C180%20C240%2C213.138%20213.138%2C240%20180%2C240%20L60%2C240%20C26.862%2C240%200%2C213.138%200%2C180%20L0%2C60%20L240%2C60%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3C%2Fsvg%3E");
}
.TopCart:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20fill%3D%22%23000000%22%20fill-opacity%3D%220%22%2F%3E%3Cpath%20d%3D%22M96.667%2C12%20L143.333%2C12%20C153.643%2C12%20162%2C20.357%20162%2C30.667%20L162%2C77.333%20C162%2C87.643%20153.643%2C96%20143.333%2C96%20L96.667%2C96%20C86.357%2C96%2078%2C87.643%2078%2C77.333%20L78%2C30.667%20C78%2C20.357%2086.357%2C12%2096.667%2C12%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355CDCD%22%20stroke-width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M240%2C60%20L240%2C180%20C240%2C213.138%20213.138%2C240%20180%2C240%20L60%2C240%20C26.862%2C240%200%2C213.138%200%2C180%20L0%2C60%20L240%2C60%20z%22%20fill%3D%22%2355CDCD%22%2F%3E%3C%2Fsvg%3E");
}
.TopCartCount {
    display: none;
    position: absolute;
    left: calc( 50% - 18px );
    bottom: calc( 50% - 18px );
    background-color: rgba( 255, 255, 255, 0.9 );
    font-size: 10px;
    font-weight: 600;
    height: 12px;
    padding: 2px 2px;
    line-height: 12px;
    min-width: 12px;
    border-radius: 40px;
    text-align: center;
    color: #cd5555;
    background-color: #faeeee;
}
.TopCartFull .TopCartCount {
    display: block;
}
#TopCart:hover .TopCartCount {
    color: #55cdcd;
}

#Menu {
    z-index: 1002;
    position: relative;
    display: block;
    margin: 10px 0 0 0;
    padding: 0;
    height: 60px;
    width: none;
    text-align: center;
    overflow: hidden;
}
#MenuBigMac {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    /* background-color: #f5f5f5; */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M0%2C0%20L32%2C0%20L32%2C4%20L0%2C4%20L0%2C0%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0%2C14%20L32%2C14%20L32%2C18%20L0%2C18%20L0%2C14%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0%2C28%20L32%2C28%20L32%2C32%20L0%2C32%20L0%2C28%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    cursor: pointer;
}
#MenuBigMac:hover {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M0%2C0%20L32%2C0%20L32%2C4%20L0%2C4%20L0%2C0%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0%2C14%20L32%2C14%20L32%2C18%20L0%2C18%20L0%2C14%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0%2C28%20L32%2C28%20L32%2C32%20L0%2C32%20L0%2C28%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
#MenuList {
    margin: 0;
    padding: 0 5px;
    height: 80px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
}
.MenuList {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 40px;
}
.MenuList div {
    margin: 0 0;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 16px;
    color: #cd5555;
    font-weight: 600;
}
.MenuList div:hover {
    color: #55cdcd;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.MenuListSale div {
    padding: 10px 15px 10px 33px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M63%2C198%20L171%2C27%22%20fill-opacity%3D%220%22%20stroke%3D%22%23CD5555%22%20stroke-width%3D%2224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M63%2C15%20C89.51%2C15%20111%2C36.49%20111%2C63%20C111%2C89.51%2089.51%2C111%2063%2C111%20L63%2C111%20C36.49%2C111%2015%2C89.51%2015%2C63%20C15%2C36.49%2036.49%2C15%2063%2C15%20z%20M63%2C39%20C49.745%2C39%2039%2C49.745%2039%2C63%20C39%2C76.255%2049.745%2C87%2063%2C87%20C76.255%2C87%2087%2C76.255%2087%2C63%20C87%2C49.745%2076.255%2C39%2063%2C39%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M177%2C114%20C203.51%2C114%20225%2C135.49%20225%2C162%20C225%2C188.51%20203.51%2C210%20177%2C210%20L177%2C210%20C150.49%2C210%20129%2C188.51%20129%2C162%20C129%2C135.49%20150.49%2C114%20177%2C114%20z%20M177%2C138%20C163.745%2C138%20153%2C148.745%20153%2C162%20C153%2C175.255%20163.745%2C186%20177%2C186%20C190.255%2C186%20201%2C175.255%20201%2C162%20C201%2C148.745%20190.255%2C138%20177%2C138%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3C%2Fsvg%3E");
}
.MenuListSale div:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M63%2C198%20L171%2C27%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%2224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M63%2C15%20C89.51%2C15%20111%2C36.49%20111%2C63%20C111%2C89.51%2089.51%2C111%2063%2C111%20L63%2C111%20C36.49%2C111%2015%2C89.51%2015%2C63%20C15%2C36.49%2036.49%2C15%2063%2C15%20z%20M63%2C39%20C49.745%2C39%2039%2C49.745%2039%2C63%20C39%2C76.255%2049.745%2C87%2063%2C87%20C76.255%2C87%2087%2C76.255%2087%2C63%20C87%2C49.745%2076.255%2C39%2063%2C39%20z%22%20fill%3D%22%2355cdcd%22%2F%3E%3Cpath%20d%3D%22M177%2C114%20C203.51%2C114%20225%2C135.49%20225%2C162%20C225%2C188.51%20203.51%2C210%20177%2C210%20L177%2C210%20C150.49%2C210%20129%2C188.51%20129%2C162%20C129%2C135.49%20150.49%2C114%20177%2C114%20z%20M177%2C138%20C163.745%2C138%20153%2C148.745%20153%2C162%20C153%2C175.255%20163.745%2C186%20177%2C186%20C190.255%2C186%20201%2C175.255%20201%2C162%20C201%2C148.745%20190.255%2C138%20177%2C138%20z%22%20fill%3D%22%2355cdcd%22%2F%3E%3C%2Fsvg%3E");
}
@media all and ( max-width: 768px ) {
    #Menu {
        height: 50px;
    }
    .MenuList div:hover {
        background-color: transparent;
    }
}
.MenuSubOn div {
    color: #ffffff;
    background-color: #cd5555;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 );
}
.MenuListHover div {
    color: #cd5555;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.MenuSubOn div:hover {
    color: #cd5555;
    background-color: #f5f5f5;
    text-shadow: 1px 1px 1px #ffffff;
    border-radius: 10px;
    padding: 10px 15px;
}
.MenuSubOn .MenuListHover div {
    color: #cd5555;
    background-color: #f5f5f5;
    text-shadow: 1px 1px 1px #ffffff;
    border-radius: 10px;
    padding: 10px 15px;
}
#MenuListH {
    display: none;
}
.MenuListHid {
    display: none;
}

#MenuSearch {
    /* display: none; */
    z-index: 1002;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 400px;
}
@media all and ( max-width: 768px ) {
    #MenuSearch {
        width: auto;
        margin: 50px 20px 0 20px;
    }
}
.MenuSearch {
    position: absolute;
    top: 0;
    left: 0;
    width: calc( 100% - 0px );
}
.MenuSearchOn {
    position: absolute;
    top: 0;
    right: 0;
    width: calc( 100% - 100px );
    border-radius: 0 10px 0 0;
}
#MenuSearchInput {
    margin: 0 0 0 0;
    background-color: #f6f6f6;
}
.MenuSearchInput {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: calc( 100% - 80px );
    padding: 0 40px 0 40px;
    border: none;
    border-radius: 5px ;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%2C%200%2C%2016%2C%2016%22%3E%3Cpath%20d%3D%22M15.536%2C15.536%20L12%2C12%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7%2C0%20C10.866%2C-0%2014%2C3.134%2014%2C7%20C14%2C10.866%2010.866%2C14%207%2C14%20C3.134%2C14%20-0%2C10.866%200%2C7%20C-0%2C3.134%203.134%2C-0%207%2C0%20z%20M7%2C2%20C4.239%2C2%202%2C4.239%202%2C7%20C2%2C9.761%204.239%2C12%207%2C12%20C9.761%2C12%2012%2C9.761%2012%2C7%20C12%2C4.239%209.761%2C2%207%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 12px 50%;
}
#MenuClose {
    z-index: 1005;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    background-size: 14px 14px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M2.5%2C2.5%20L30.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.5%2C30.5%20L30.5%2C2.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
#MenuClose:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M2.5%2C2.5%20L30.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.5%2C30.5%20L30.5%2C2.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.MenuClose {
    display: none;
}
.MenuCloseOn {
    display: block;
}
#MenuBack {
    display: none;
    z-index: 1005;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: #f5f5f5;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M22.293%2C0.293%20L23.707%2C1.707%20L9.414%2C16%20L23.707%2C30.293%20L22.293%2C31.707%20L7.293%2C16.707%20C6.902%2C16.317%206.902%2C15.683%207.293%2C15.293%20L22.293%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M23%2C2%20C22.448%2C2%2022%2C1.552%2022%2C1%20C22%2C0.448%2022.448%2C0%2023%2C0%20C23.552%2C0%2024%2C0.448%2024%2C1%20C24%2C1.552%2023.552%2C2%2023%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M23%2C32%20C22.448%2C32%2022%2C31.552%2022%2C31%20C22%2C30.448%2022.448%2C30%2023%2C30%20C23.552%2C30%2024%2C30.448%2024%2C31%20C24%2C31.552%2023.552%2C32%2023%2C32%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M8%2C17%20C7.448%2C17%207%2C16.552%207%2C16%20C7%2C15.448%207.448%2C15%208%2C15%20C8.552%2C15%209%2C15.448%209%2C16%20C9%2C16.552%208.552%2C17%208%2C17%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50px;
    cursor: pointer;
}
#MenuBack:hover {
    padding: 0;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M22.293%2C0.293%20L23.707%2C1.707%20L9.414%2C16%20L23.707%2C30.293%20L22.293%2C31.707%20L7.293%2C16.707%20C6.902%2C16.317%206.902%2C15.683%207.293%2C15.293%20L22.293%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M23%2C2%20C22.448%2C2%2022%2C1.552%2022%2C1%20C22%2C0.448%2022.448%2C0%2023%2C0%20C23.552%2C0%2024%2C0.448%2024%2C1%20C24%2C1.552%2023.552%2C2%2023%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M23%2C32%20C22.448%2C32%2022%2C31.552%2022%2C31%20C22%2C30.448%2022.448%2C30%2023%2C30%20C23.552%2C30%2024%2C30.448%2024%2C31%20C24%2C31.552%2023.552%2C32%2023%2C32%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M8%2C17%20C7.448%2C17%207%2C16.552%207%2C16%20C7%2C15.448%207.448%2C15%208%2C15%20C8.552%2C15%209%2C15.448%209%2C16%20C9%2C16.552%208.552%2C17%208%2C17%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}

#MenuSearchResult {
    display: none;
    position: absolute;
    z-index: 1002;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px 0 0;
    background-color: #ffffff;
    overflow: hidden;
}
@media all and ( max-width: 768px ) {
    #MenuSearchResult {
        top: 120px;
    }
}
@media all and ( max-width: 1024px ) {
    #MenuSearchResult {
        bottom: 61px;
    }
}
#MenuSearchResultItems {
    border-top: solid 1px #f5f5f5;
    background-color: #f5f5f5;
    padding: 0 40px 20px 0;
    width: 100%;
    max-height: 400px;
    max-height: calc( 100% - 20px );
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
}
.MenuSearchResultItem {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc( 100%/3 - 20px );
    margin: 20px 0 0 20px;
    height: 110px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 10px;
    background-color: #ffffff;
}
.MenuSearchResultItem:hover {
    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.1 );
}
.MenuSearchResultItem:hover a {
    color: #333333;
}
.MenuSearchResultItemImg {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 90px;
    background-image: url( searchbottle.svg );
    background-size: contain;
    background-position: 50% 0;
    background-repeat: no-repeat;
    cursor: pointer;
}
.MenuSearchResultItem:hover .MenuSearchResultItemImg {
    background-image: url( searchbottleact.svg );
}
.MenuSearchResultItemName {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 80px;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
}
.MenuSearchResultItemPrice {
    position: absolute;
    width: calc( 100% - 60px - 70px );
    bottom: 10px;
    left: 80px;
    height: 40px;
    display: table;
}
.MenuSearchResultItemPriceR {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    overflow: hidden;
}
.MenuSearchResultItemPriceR div {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
    white-space: nowrap;
}
.MenuSearchResultItemPriceR div:nth-of-type(2) {
    font-size: 12px;
    text-decoration: line-through;
}
a .MenuSearchResultItemName, a .MenuSearchResultItemPriceR div {
    color: #cd5555;
}
.MenuSearchResultItemCart {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #cd5555;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M20%2C0%20C22.209%2C0%2024%2C1.791%2024%2C4%20L24%2C9%20L22%2C9%20L22%2C4%20C22%2C2.895%2021.105%2C2%2020%2C2%20L12%2C2%20C10.895%2C2%2010%2C2.895%2010%2C4%20L10%2C9%20L8%2C9%20L8%2C4%20C8%2C1.791%209.791%2C0%2012%2C0%20L20%2C0%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M24%2C8%20C28.418%2C8%2028%2C8%2032%2C8%20L32%2C24%20C32%2C28.418%2028.418%2C32%2024%2C32%20L8%2C32%20C3.582%2C32%200%2C28.418%200%2C24%20L0%2C8%20C5%2C8%203.582%2C8%208%2C8%20L24%2C8%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
.MenuSearchResultItemCart:hover {
    background-color: #cd5555;
}
.MenuSearchResultItemCartOn {
    width: 38px;
    height: 38px;
    background-color: #ffffff;
    border: solid 1px #cd5555;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M20%2C0%20C22.209%2C0%2024%2C1.791%2024%2C4%20L24%2C9%20L22%2C9%20L22%2C4%20C22%2C2.895%2021.105%2C2%2020%2C2%20L12%2C2%20C10.895%2C2%2010%2C2.895%2010%2C4%20L10%2C9%20L8%2C9%20L8%2C4%20C8%2C1.791%209.791%2C0%2012%2C0%20L20%2C0%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M24%2C8%20C28.418%2C8%2028%2C8%2032%2C8%20L32%2C24%20C32%2C28.418%2028.418%2C32%2024%2C32%20L8%2C32%20C3.582%2C32%200%2C28.418%200%2C24%20L0%2C8%20C5%2C8%203.582%2C8%208%2C8%20L24%2C8%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.MenuSearchResultItemCartOn:hover {
    background-color: #ffffff;
    border: solid 1px #cd5555;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M20%2C0%20C22.209%2C0%2024%2C1.791%2024%2C4%20L24%2C9%20L22%2C9%20L22%2C4%20C22%2C2.895%2021.105%2C2%2020%2C2%20L12%2C2%20C10.895%2C2%2010%2C2.895%2010%2C4%20L10%2C9%20L8%2C9%20L8%2C4%20C8%2C1.791%209.791%2C0%2012%2C0%20L20%2C0%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M24%2C8%20C28.418%2C8%2028%2C8%2032%2C8%20L32%2C24%20C32%2C28.418%2028.418%2C32%2024%2C32%20L8%2C32%20C3.582%2C32%200%2C28.418%200%2C24%20L0%2C8%20C5%2C8%203.582%2C8%208%2C8%20L24%2C8%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.MenuSearchResultGroup .MenuSearchResultItemName {
    top: 30px;
    left: 10px;
    font-weight: 600;
}
.MenuSearchResultGroup .MenuSearchResultItemPrice {
    width: auto;
    right: 10px;
    bottom: 10px;
    left: 10px;
    height: 20px;
    display: block;
}
.MenuSearchResultGroup .MenuSearchResultItemPriceR {
    display: block;
    height: 20px;
}
.MenuSearchResultGroup .MenuSearchResultItemPriceR div {
    display: block;
    margin: 0;
}
.MenuSearchResultGroup .MenuSearchResultItemPriceR div {
    float: left;
}
.MenuSearchResultGroup .MenuSearchResultItemPriceR div:nth-of-type(2) {
    text-decoration: none;
    float: right;
    font-size: 14px;
}
.MenuSearchResultItemH {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
}
.MenuSearchResultAll {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc( 100%/3 - 20px );
    margin: 20px 0 0 20px;
    height: 110px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 10px;
    background-color: #ffffff;
}
.MenuSearchResultAll div {
    display: table;
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc( 100% - 40px );
    height: calc( 100% - 40px );
}
.MenuSearchResultAll div div {
    display: table-cell;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

#Items {
    margin: 20px 0 0 0;
    height: 600px;
    background-color: #f5f5f5;
}

.MenuListHidOn {
    display: inline-block;
    margin: 0;
    height: 50px;
}
#SubMenu {
    display: none;
    position: absolute;
    z-index: 1003;
    top: 131px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
    border-bottom: solid 1px #f5f5f5;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
}
@media all and ( max-width: 1024px ) {
    #SubMenu {
        top: 171px;
    }
}
.SubMenu {
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    text-align: left;
}
.SubMenuItems {
    margin: 0;
    padding: 10px;
}
.SubMenuItems li {
    display: block;
    margin: 0;
    padding: 10px;
    line-height: 20px;
    font-size: 16px;
}
.SubMenuName {
    margin: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
}
.SubMenuName a {
    font-size: 16px;
}
.SubMenuNameEmpty {
    height: 20px;
}

#Back {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
}

#BreadCrumbs {
    margin: 0;
    padding: 20px 15px 0 15px;
    min-height: 20px;
    text-align: center;
}
.BreadCrumbsShop {
    visibility: hidden;
}
#BreadCrumbs li {
    position: relative;
    margin: 0 5px;
    padding: 0 0 0 20px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    min-height: 20px;
    line-height: 20px;
    color: #cccccc;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%2C%200%2C%2020%2C%2020%22%3E%3Cpath%20d%3D%22M0%2C9%20L20%2C9%20L20%2C11%20L0%2C11%20L0%2C9%20z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E");
    background-position: 0 50%;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}
#BreadCrumbs li:first-of-type {
    padding: 0;
    background-image: none;
}
#BreadCrumbs li a {
    color: #cccccc;
}
#BreadCrumbs li a:hover {
    color: #55cdcd;
}
#BreadCrumbsBack {
    color: #cd5555;
}
#BreadCrumbs li div {
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%2C%200%2C%20200%2C%20200%22%3E%3Cpath%20d%3D%22M5%2C5%20L195%2C195%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cccccc%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M195%2C5%20L5%2C195%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cccccc%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}
#BreadCrumbs li div:hover {
    width: 8px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%2C%200%2C%20200%2C%20200%22%3E%3Cpath%20d%3D%22M5%2C5%20L195%2C195%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M195%2C5%20L5%2C195%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    border: solid 1px #55cdcd;
}

.HomeHeader {
    background-color: #f5f5f5;
    margin: 0;
    padding: 20px;
    min-height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.HomeHeader h1 {
    min-height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: 600;
}

#HomeList {
    background-color: #f5f5f5;
    margin: 0;
    padding: 0 20px 20px 0;
}
.HomeList {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0 20px;
    width: calc( 100%/3 - 20px );
    height: 240px;
    border-radius: 10px;
    background-position: 100% 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
#HomeListWine {
    background-image: url( /im/home_wine.jpg );
}
#HomeListChampagne {
    background-image: url( /im/home_champagne.jpg );
}
#HomeListWhisky {
    background-image: url( /im/home_whisky.jpg );
}
#HomeListCognac {
    background-image: url( /im/home_cognac.jpg );
}
#HomeListSpirits {
    background-image: url( /im/home_spirits.jpg );
}
.HomeListL {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 10px 20px 20px 0;
}
.HomeListL li {
    margin: 10px 0 0 20px;
}
.HomeListLI {
    line-height: 20px;
    font-size: 16px;
}
.HomeListH {
    line-height: 40px;
    font-size: 26px;
    font-weight: 600;
}

#Header {
    background-color: #ffffff;
    margin: 0;
    padding: 10px 20px 40px 20px;
    min-height: 40px;
}
#Header h1 {
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
}
#HeaderShopContacts {
    margin: 20px auto -20px auto;
    height: 40px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    box-shadow: 1px 1px 1px #ffffff;
}
#HeaderShopContactsShow {
    color: #cd5555;
    cursor: pointer;
}
#HeaderShopContactsShow:hover {
    color: #55cdcd;
}
.HeaderShopContacts {
    background-color: #f5f5f5;
    display: inline-block;
    margin: 0 0 0 1px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
}
.HeaderShopContacts:first-of-type {
    margin: 0;
}
.HeaderShopContactsTG {
    background-image: url(tgs.svg);
    padding: 0 10px 0 32px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.HeaderShopContactsTG:hover {
    background-image: url(tgs_a.svg);
}
.HeaderShopContactsTG:hover a {
    color: #55cdcd;
}
#CartHeaderW {
    background-color: #f5f5f5;
    margin: 0;
}
#CartHeader {
    margin: 0 auto;
    max-width: 1000px;
    padding: 20px;
    min-height: 40px;
}
#CartHeader h1 {
    float: left;
    min-height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: 600;
}
.CartHeader {
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background-color: #ffffff;
    border-radius: 10px;
}

#MainSlimW {
    background-color: #f5f5f5;
    margin: 0;
}
#MainSlim {
    margin: 0 auto;
    max-width: 1000px;
    padding: 1px 20px 40px 20px;
    min-height: 40px;
}
#MainSlim table {
    border-collapse: collapse;
    font-size: 14px;
    border-top: solid 1px #999999;
}
#MainSlim table td {
    padding: 10px;
    border-bottom: solid 1px #999999;
}
#MainSlim table td p {
    padding: 0;
    margin: 0;
}

#OrderCancel {
    float: right;
    color: #cd5555;
    background-color: #ffffff;
    text-shadow: none;
}
#OrderCancel:hover {
    color: #cd5555;
}
.UsIRequired {
    border: solid 1px #cd5555;
}
.CartError {
    color: #cd5555;
}

#PathSort {
    position: relative;
    margin: 0;
    padding: 20px 20px 0 20px;
    height: 40px;
    background-color: #f5f5f5;
}
#PathOpen {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 56px;
    padding: 0 12px 0 30px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #cd5555;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    background-position: 12px 50%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    border-radius: 10px;
    cursor: pointer;
}
.PathOpen {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%2C%200%2C%2012%2C%2012%22%3E%3Cpath%20d%3D%22M-0%2C11%20L12%2C11%20L12%2C12%20L-0%2C12%20L-0%2C11%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M-0%2C8%20L12%2C8%20L12%2C9%20L-0%2C9%20L-0%2C8%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M10%2C0%20C11.105%2C0%2012%2C0.895%2012%2C2%20L12%2C4%20C12%2C5.105%2011.105%2C6%2010%2C6%20L2%2C6%20C0.895%2C6%200%2C5.105%200%2C4%20L-0%2C2%20C0%2C0.895%200.895%2C0%202%2C0%20L10%2C0%20z%20M10%2C1%20L2%2C1%20C1.448%2C1%201%2C1.448%201%2C2%20L1%2C4%20C1%2C4.552%201.448%2C5%202%2C5%20L10%2C5%20C10.552%2C5%2011%2C4.552%2011%2C4%20L11%2C2%20C11%2C1.448%2010.552%2C1%2010%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.PathOpenOn {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%2C%200%2C%2024%2C%2024%22%3E%3Cpath%20d%3D%22M1%2C1%20L23%2C23%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M23%2C1%20L1%2C23%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#Sort {
    background-color: #ffffff;
    z-index: 1001;
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.SortOn {
    background-color: #ffffff;
    box-shadow: 0 0 12px rgba( 0, 0, 0, 0.2 );
}
.Sort {
    display: none;
    height: 40px;
    width: 98px;
    color: #cd5555;
    line-height: 40px;
    padding: 0 30px 0 12px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: calc( 100% - 12px ) 50%;
    cursor: pointer;
}
.SortAct {
    color: #cd5555;
    display: block;
}
.Sort:hover {
    color: #cd5555;
}
#SortRankD, #SortPriceD {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%2C%200%2C%2012%2C%2012%22%3E%3Cpath%20d%3D%22M7.5%2C9%20L6%2C12%20L4.5%2C9%20L5.618%2C9%20L6%2C9.764%20L6.382%2C9%20L7.5%2C9%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M9%2C6%20L8.5%2C7%20L3.5%2C7%20L3%2C6%20L9%2C6%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M10.5%2C3%20L10%2C4%20L2%2C4%20L1.5%2C3%20L10.5%2C3%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M12%2C0%20L11.5%2C1%20L0.5%2C1%20L0%2C0%20L12%2C0%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
#SortPriceA {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%2C%200%2C%2012%2C%2012%22%3E%3Cpath%20d%3D%22M7.5%2C3%20L6%2C0%20L4.5%2C3%20L5.618%2C3%20L6%2C2.236%20L6.382%2C3%20L7.5%2C3%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M9%2C6%20L8.5%2C5%20L3.5%2C5%20L3%2C6%20L9%2C6%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M10.5%2C9%20L10%2C8%20L2%2C8%20L1.5%2C9%20L10.5%2C9%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M12%2C12%20L11.5%2C11%20L0.5%2C11%20L0%2C12%20L12%2C12%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.Sort:first-of-type {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.Sort:last-of-type {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.SortOn .Sort {
    border-top: solid 1px #e9e9e9;
}
.SortOn .Sort:first-of-type {
border-top: 0;
}
.SortOn #SortRankD:hover, .SortOn #SortPriceD:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%2C%200%2C%2012%2C%2012%22%3E%3Cpath%20d%3D%22M7.5%2C9%20L6%2C12%20L4.5%2C9%20L5.618%2C9%20L6%2C9.764%20L6.382%2C9%20L7.5%2C9%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M9%2C6%20L8.5%2C7%20L3.5%2C7%20L3%2C6%20L9%2C6%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M10.5%2C3%20L10%2C4%20L2%2C4%20L1.5%2C3%20L10.5%2C3%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M12%2C0%20L11.5%2C1%20L0.5%2C1%20L0%2C0%20L12%2C0%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.SortOn #SortPriceA:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%2C%200%2C%2012%2C%2012%22%3E%3Cpath%20d%3D%22M7.5%2C3%20L6%2C0%20L4.5%2C3%20L5.618%2C3%20L6%2C2.236%20L6.382%2C3%20L7.5%2C3%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M9%2C6%20L8.5%2C5%20L3.5%2C5%20L3%2C6%20L9%2C6%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M10.5%2C9%20L10%2C8%20L2%2C8%20L1.5%2C9%20L10.5%2C9%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M12%2C12%20L11.5%2C11%20L0.5%2C11%20L0%2C12%20L12%2C12%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}

#Path {
    float: left;
    margin: 20px 0 0 20px;
    width: calc( 100%/4 - 20px );
    padding: 0;
}
#PathS {
    vertical-align: top;
    text-align: left;
}
#PathTop {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
.Path {
    display: block;
    padding: 0 0 20px 0;
}
.PathH {
    padding: 0 0 5px 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}
.PathL {
    margin: 0;
    padding: 0;
}
.PathI {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    font-size: 16px;
    border-radius: 10px;
    padding: 10px;
    margin: 0 5px 5px 0;
    background-color: #ffffff;
}
.PathIAct {
    color: #333333;
    background-color: transparent;
    border: solid 1px #ffffff;
    border-radius: 10px;
    padding: 9px;
}
.PathIAll {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    font-size: 16px;
    border-radius: 10px;
    padding: 9px;
    cursor: pointer;
    border: solid 1px #ffffff;
}
.PathIAct a:nth-of-type(1) {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%2C%200%2C%2024%2C%2024%22%3E%3Cpath%20d%3D%22M1%2C9%20L23%2C9%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1%2C21%20L23%2C21%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1%2C3%20L23%2C3%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1%2C15%20L23%2C15%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-size: 12px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.PathIAct a:nth-of-type(1):hover {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%2C%200%2C%2024%2C%2024%22%3E%3Cpath%20d%3D%22M1%2C9%20L23%2C9%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1%2C21%20L23%2C21%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1%2C3%20L23%2C3%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1%2C15%20L23%2C15%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.PathIActNo a:nth-of-type(1) {
    background-image: none;
    width: 0px;
}
.PathIActNo a:nth-of-type(1):hover {
    background-color: transparent;
    background-image: none;
}
.PathIAct a:nth-of-type(2) {
    padding: 0;
    margin: 0 9px;
    display: inline-block;
    background-color: transparent;
    color: #333333;
}
.PathIAct a:nth-of-type(2):hover {
    color: #333333;
    background-color: transparent;
}
.PathIAct a:nth-of-type(3) {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%2C%200%2C%2024%2C%2024%22%3E%3Cpath%20d%3D%22M1%2C1%20L23%2C23%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M23%2C1%20L1%2C23%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-size: 12px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.PathIAct a:nth-of-type(3):hover {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.PathIAct a:hover {
    color: #ffffff;
    background-color: #cd5555;
}
.PathIActPre {
    display: inline-block;
    margin: 5px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 3px;
    font-weight: 600;
    color: #cd5555;
}
.PathIAct a:hover {
    color: #ffffff;
    background-color: #cd5555;
}
.PathOn {
    display: none;
}
.PathOnOn {
    display: block;
}

#GoodsList {
    text-align: left;
    margin: 0;
    padding: 0 20px 20px 0;
    background-color: #f5f5f5;
}
#GoodsList h2 {
    margin: 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
#ItemSetGoodsList {
    text-align: center;
    margin: 0;
    padding: 0 20px 20px 0;
    background-color: #faeeee;
}
.GoodsList {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    margin: 20px 0 0 20px;
    width: calc( 100%/4 - 20px );
    height: 480px;
    border-radius: 10px;
    text-align: left;
}
.GoodsList:hover {
    z-index: 1;
    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2 );
}
.GoodsListHref {
    cursor: pointer;
}
.GoodsListRegion {
    position: absolute;
    top: 20px;
    right: 120px;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-position: 50%;
    border-radius: 20px;
    background-repeat: no-repeat;
    border: solid 1px #f5f5f5;
}
.GoodsListWineOrange, .GoodsListWineWhite, .GoodsListWineRed, .GoodsListWineRose {
    position: absolute;
    top: 20px;
    left: calc( 100% - 120px );
    height: 20px;
    padding: 0 10px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 20px;
    background-color: #f5f5f5;
}
.GoodsListWineOrange {
    background-color: rgba( 255, 165, 0, 0.8 );
    color: #ffffff;
}
.GoodsListWineWhite {
    background-color: rgba( 241, 242, 133, 0.8 );
    color: #666666;
}
.GoodsListWineRed {
    background-color: rgba( 128, 0, 32, 0.8 );
    color: #ffffff;
}
.GoodsListWineRose {
    background-color: rgba( 255,185,185, 0.8 );
    color: #666666;
}
.GoodsListImg {
    position: relative;
    margin: 20px 0 0 20px;
    width: calc( 100% - 120px - 40px - 20px );
    height: 300px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
@media all and ( max-width: 400px ) {
    .GoodsListImg {
        width: calc( 100% - 120px - 40px - 20px );
    }
}
.GoodsListImg img {
    position: relative;
    width: 100%;
    height: 300px;
    object-fit: contain;
}
.GoodsListImgZoom {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: rgba( 255, 255, 255, 0.8 );
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%2C%200%2C%2016%2C%2016%22%3E%3Cpath%20d%3D%22M16%2C0%20L16%2C8%20L15%2C8%20L15%2C1%20L8%2C1%20L8%2C0%20L16%2C0%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M1%2C8%20L1%2C15%20L8%2C15%20L8%2C16%20L0%2C16%20L0%2C8%20L1%2C8%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListImgZoom:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%2C%200%2C%2016%2C%2016%22%3E%3Cpath%20d%3D%22M16%2C0%20L16%2C8%20L15%2C8%20L15%2C1%20L8%2C1%20L8%2C0%20L16%2C0%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M1%2C8%20L1%2C15%20L8%2C15%20L8%2C16%20L0%2C16%20L0%2C8%20L1%2C8%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.GoodsListNav {
    position: absolute;
    left: 10px;
    top: 285px;
    width: 40px;
    height: 40px;
    text-align: center;
}
.GoodsListName {
    z-index: 2;
    position: absolute;
    top: 340px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    background-color: #ffffff;
    overflow: hidden;
}
.GoodsListNameOn {
    top: 20px;
    overflow: hidden;
}
.GoodsListNameOn .GoodsListNameWrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: calc( 100% );
    padding: 0 40px 40px 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.GoodsListNameRus {
    display: none;
    margin: 20px 0 0 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}
.GoodsListNameOn .GoodsListNameRus {
    display: block;
}
.GoodsListEng {
    position: relative;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
}
.GoodsListFeats {
    padding: 0;
    margin: 20px 0 0 0;
}
.GoodsListFeats li {
    list-style-type: none;
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: top;
    min-height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
}
.GoodsListFeats a {
    color: #686163;
    text-decoration: underline rgba( 104, 97, 99, 30% ) dotted;
}
.GoodsListFeats a:hover {
    color: #55cdcd;
}
.GoodsListNameOn .GoodsListFeats {
    margin: 20px 0 0 0;
    padding: 10px 20px 20px 20px;
    background-color: #fafafa;
    border-radius: 10px;
}
.GoodsListNameOn .GoodsListFeats li {
    margin: 10px 0 0 0;
    display: block;
}
.GoodsListMore {
    z-index: 3;
    position: absolute;
    right: 20px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    background-color: #faeeee;
    box-shadow: 0 0 20px #ffffff;
    border-radius: 40px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%2C%200%2C%2020%2C%2020%22%3E%3Cpath%20d%3D%22M10%2C11%20C9.448%2C11%209%2C10.552%209%2C10%20C9%2C9.448%209.448%2C9%2010%2C9%20C10.552%2C9%2011%2C9.448%2011%2C10%20C11%2C10.552%2010.552%2C11%2010%2C11%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M14%2C11%20C13.448%2C11%2013%2C10.552%2013%2C10%20C13%2C9.448%2013.448%2C9%2014%2C9%20C14.552%2C9%2015%2C9.448%2015%2C10%20C15%2C10.552%2014.552%2C11%2014%2C11%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M6%2C11%20C5.448%2C11%205%2C10.552%205%2C10%20C5%2C9.448%205.448%2C9%206%2C9%20C6.552%2C9%207%2C9.448%207%2C10%20C7%2C10.552%206.552%2C11%206%2C11%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListMoreClose {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M31.707%2C30.293%20L30.293%2C31.707%20L0.293%2C1.707%20L1.707%2C0.293%20L31.707%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C31.707%20C31.317%2C32.098%2030.683%2C32.098%2030.293%2C31.707%20C29.902%2C31.317%2029.902%2C30.683%2030.293%2C30.293%20C30.683%2C29.902%2031.317%2C29.902%2031.707%2C30.293%20C32.098%2C30.683%2032.098%2C31.317%2031.707%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C0.293%20C-0.098%2C0.683%20-0.098%2C1.317%200.293%2C1.707%20C0.683%2C2.098%201.317%2C2.098%201.707%2C1.707%20C2.098%2C1.317%202.098%2C0.683%201.707%2C0.293%20C1.317%2C-0.098%200.683%2C-0.098%200.293%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C30.293%20L1.707%2C31.707%20L31.707%2C1.707%20L30.293%2C0.293%20L0.293%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C31.707%20C0.683%2C32.098%201.317%2C32.098%201.707%2C31.707%20C2.098%2C31.317%202.098%2C30.683%201.707%2C30.293%20C1.317%2C29.902%200.683%2C29.902%200.293%2C30.293%20C-0.098%2C30.683%20-0.098%2C31.317%200.293%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C0.293%20C32.098%2C0.683%2032.098%2C1.317%2031.707%2C1.707%20C31.317%2C2.098%2030.683%2C2.098%2030.293%2C1.707%20C29.902%2C1.317%2029.902%2C0.683%2030.293%2C0.293%20C30.683%2C-0.098%2031.317%2C-0.098%2031.707%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-size: 10px 10px;
}
.GoodsListSimilar {
    float: left;
    position: absolute;
    bottom: 10px;
    right: 110px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%2C%200%2C%2020%2C%2016%22%3E%3Cpath%20d%3D%22M3%2C16%20C1.343%2C16%200%2C14.657%200%2C13%20L0%2C3%20C0%2C1.343%201.343%2C0%203%2C0%20L17%2C0%20C18.657%2C0%2020%2C1.343%2020%2C3%20L20%2C13%20C20%2C14.657%2018.657%2C16%2017%2C16%20L3%2C16%20z%20M11.773%2C2%20C12.018%2C2.582%2011.925%2C2.253%2012%2C3%20L12%2C13%20C11.925%2C13.747%2012.018%2C13.418%2011.773%2C14%20L13%2C14%20C13.552%2C14%2014%2C13.552%2014%2C13%20L14%2C3%20C14%2C2.448%2013.552%2C2%2013%2C2%20L11.773%2C2%20z%20M17%2C2%20L15.773%2C2%20C16.018%2C2.582%2015.925%2C2.253%2016%2C3%20L16%2C13%20C15.925%2C13.747%2016.018%2C13.418%2015.773%2C14%20L17%2C14%20C17.552%2C14%2018%2C13.552%2018%2C13%20L18%2C3%20C18%2C2.448%2017.552%2C2%2017%2C2%20z%20M3%2C2%20C2.448%2C2%202%2C2.448%202%2C3%20L2%2C13%20C2%2C13.552%202.448%2C14%203%2C14%20L9%2C14%20C9.552%2C14%2010%2C13.552%2010%2C13%20L10%2C3%20C10%2C2.448%209.552%2C2%209%2C2%20L3%2C2%20z%22%20fill%3D%22%233E3E3E%22%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListSimilar:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%2C%200%2C%2020%2C%2016%22%3E%3Cpath%20d%3D%22M3%2C16%20C1.343%2C16%200%2C14.657%200%2C13%20L0%2C3%20C0%2C1.343%201.343%2C0%203%2C0%20L17%2C0%20C18.657%2C0%2020%2C1.343%2020%2C3%20L20%2C13%20C20%2C14.657%2018.657%2C16%2017%2C16%20L3%2C16%20z%20M11.773%2C2%20C12.018%2C2.582%2011.925%2C2.253%2012%2C3%20L12%2C13%20C11.925%2C13.747%2012.018%2C13.418%2011.773%2C14%20L13%2C14%20C13.552%2C14%2014%2C13.552%2014%2C13%20L14%2C3%20C14%2C2.448%2013.552%2C2%2013%2C2%20L11.773%2C2%20z%20M17%2C2%20L15.773%2C2%20C16.018%2C2.582%2015.925%2C2.253%2016%2C3%20L16%2C13%20C15.925%2C13.747%2016.018%2C13.418%2015.773%2C14%20L17%2C14%20C17.552%2C14%2018%2C13.552%2018%2C13%20L18%2C3%20C18%2C2.448%2017.552%2C2%2017%2C2%20z%20M3%2C2%20C2.448%2C2%202%2C2.448%202%2C3%20L2%2C13%20C2%2C13.552%202.448%2C14%203%2C14%20L9%2C14%20C9.552%2C14%2010%2C13.552%2010%2C13%20L10%2C3%20C10%2C2.448%209.552%2C2%209%2C2%20L3%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.GoodsListPrice {
    position: absolute;
    top: 280px;
    right: 20px;
    width: 120px;
    height: 80px;
}
@media all and ( max-width: 400px ) {
    .GoodsListPrice {
        width: 120px;
    }
}
.GoodsListCartCount {
    display: none;
}
.GoodsListCart {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    /* text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 ); */
    background-color: #cd5555;
}
.GoodsListCart:hover {
    background-color: #cd5555;
}
.GoodsListCartText {
    cursor: pointer;
}
.GoodsListCartTextOff {
    display: none;
}
.GoodsListCartOn {
    color: #cd5555;
    background-color: #ffffff;
    text-shadow: 1px 1px 1px #ffffff;
}
.GoodsListCartOn:hover {
    color: #cd5555;
    background-color: #ffffff;
}
.GoodsListCartOn .GoodsListCartCount {
    display: none;
}
.GoodsListCartOn .GoodsListCartText {
    border: solid 1px #55cdcd;
    height: 38px;
    line-height: 38px;
    width: calc( 100% - 2px );
    color: #ffffff;
    border-radius: 10px;
    /* text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 ); */
    background-color: #55cdcd;
}
.GoodsListCartMP {
    height: 40px;
    display: none;
}
.GoodsListCartMPOn {
    display: block;
}
.GoodsListCartMinus {
    display: inline-block;
    vertical-align: top;
    background-color: #cd5555;
    width: 40px;
    height: 40px;
    border-radius: 10px 0 0 10px;
    background-size: 20px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%2C%200%2C%2020%2C%2020%22%3E%3Cpath%20d%3D%22M6%2C9%20L14%2C9%20C14.552%2C9%2015%2C9.448%2015%2C10%20L15%2C10%20C15%2C10.552%2014.552%2C11%2014%2C11%20L6%2C11%20C5.448%2C11%205%2C10.552%205%2C10%20L5%2C10%20C5%2C9.448%205.448%2C9%206%2C9%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListCartPlus {
    display: inline-block;
    vertical-align: top;
    background-color: #cd5555;
    width: 40px;
    height: 40px;
    border-radius: 0 10px 10px 0;
    background-size: 20px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%2C%200%2C%2020%2C%2020%22%3E%3Cpath%20d%3D%22M6%2C9%20L14%2C9%20C14.552%2C9%2015%2C9.448%2015%2C10%20L15%2C10%20C15%2C10.552%2014.552%2C11%2014%2C11%20L6%2C11%20C5.448%2C11%205%2C10.552%205%2C10%20L5%2C10%20C5%2C9.448%205.448%2C9%206%2C9%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M9%2C14%20L9%2C6%20C9%2C5.448%209.448%2C5%2010%2C5%20L10%2C5%20C10.552%2C5%2011%2C5.448%2011%2C6%20L11%2C14%20C11%2C14.552%2010.552%2C15%2010%2C15%20L10%2C15%20C9.448%2C15%209%2C14.552%209%2C14%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListCartQnt {
    display: inline-block;
    vertical-align: top;
    background-color: #f8f8f8;
    width: calc( 100% - 80px );
    height: 38px;
    border-top: solid 1px #cd5555;
    border-bottom: solid 1px #cd5555;
}
.GoodsListCartQnt input {
    border: none;
    height: 38px;
    padding: 0;
    margin: 0;
    width: calc( 100% );
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    font-weight: 600;
    color: #cd5555;
}
.GoodsListClickOrder {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: 600;
    color: #cd5555;
    text-shadow: 1px 1px 1px #ffffff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    background-color: #faeeee;
}
.GoodsListClickOrder:hover {
    color: #cd5555;
}
.GoodsListMailOut {
    position: absolute;
    top: 200px;
    right: 20px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-radius: 10px;
}
.GoodsListMailOthers {
    position: absolute;
    top: 240px;
    right: 20px;
    width: 120px;
    height: 28px;
    padding: 6px 0;
    line-height: 14px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background-color: #cd5555;
    color: #faeeee;
    border-radius: 10px;
    cursor: pointer;
}
.GoodsListMail {
    position: absolute;
    top: 280px;
    right: 20px;
    width: 120px;
    height: 28px;
    padding: 6px 0;
    line-height: 14px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background-color: #faeeee;
    color: #cd5555;
    border-radius: 10px;
    cursor: pointer;
}
.GoodsListCartIn {
    padding: 5px 8px;
    color: #cd5555;
    background-color: #ffffff;
    border: solid 1px #cd5555;
    text-shadow: none;
}
.GoodsListShop {
    float: left;
    margin: 13px 7px 0 7px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%2C%200%2C%2016%2C%2016%22%3E%3Cpath%20d%3D%22M0%2C0%20L16%2C0%20L16%2C16%20L0%2C16%20M15%2C5%20L1%2C5%20L1%2C15%20L2%2C15%20L2%2C6%20L7%2C6%20L7%2C15%20L15%2C15%20L15%2C5%20z%20M14%2C6%20L14%2C12%20L8%2C12%20L8%2C6%20L14%2C6%20z%20M13%2C7%20L9%2C7%20L9%2C11%20L13%2C11%20L13%2C7%20z%20M6%2C7%20L3%2C7%20L3%2C15%20L6%2C15%20L6%2C7%20z%20M15%2C1%20L1%2C1%20L1%2C4%20L15%2C4%20L15%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M3%2C1%20L4%2C1%20L4%2C4%20L3%2C4%20L3%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M6%2C1%20L7%2C1%20L7%2C4%20L6%2C4%20L6%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M9%2C1%20L10%2C1%20L10%2C4%20L9%2C4%20L9%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M12%2C1%20L13%2C1%20L13%2C4%20L12%2C4%20L12%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListShop:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%2C%200%2C%2016%2C%2016%22%3E%3Cpath%20d%3D%22M0%2C0%20L16%2C0%20L16%2C16%20L0%2C16%20M15%2C5%20L1%2C5%20L1%2C15%20L2%2C15%20L2%2C6%20L7%2C6%20L7%2C15%20L15%2C15%20L15%2C5%20z%20M14%2C6%20L14%2C12%20L8%2C12%20L8%2C6%20L14%2C6%20z%20M13%2C7%20L9%2C7%20L9%2C11%20L13%2C11%20L13%2C7%20z%20M6%2C7%20L3%2C7%20L3%2C15%20L6%2C15%20L6%2C7%20z%20M15%2C1%20L1%2C1%20L1%2C4%20L15%2C4%20L15%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M3%2C1%20L4%2C1%20L4%2C4%20L3%2C4%20L3%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M6%2C1%20L7%2C1%20L7%2C4%20L6%2C4%20L6%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M9%2C1%20L10%2C1%20L10%2C4%20L9%2C4%20L9%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M12%2C1%20L13%2C1%20L13%2C4%20L12%2C4%20L12%2C1%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.GoodsListCartIn:hover {
    color: #cd5555;
    background-color: #ffffff;
    border: solid 1px #cd5555;
}
.GoodsListSKU {
    position: relative;
    margin: 0;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    /* font-weight: 600; */
}
/* @media all and ( max-width: 400px ) {
    .GoodsListSKU {
        width: 120px;
    }
} */
.GoodsListVivino {
    position: absolute;
    top: 50px;
    left: calc( 100% - 120px - 20px );
    padding: 0 6px 0 16px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    /* background-color: #AA1329; */
    background-color: rgba( 170, 19, 41, 1 );
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%2C%200%2C%208%2C%2012%22%3E%3Cpath%20d%3D%22M4%2C12%20C4.552%2C12%205%2C11.552%205%2C11%20C5%2C10.448%204.552%2C10%204%2C10%20C3.448%2C10%203%2C10.448%203%2C11%20C3%2C11.552%203.448%2C12%204%2C12%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M2.5%2C10%20C3.052%2C10%203.5%2C9.552%203.5%2C9%20C3.5%2C8.448%203.052%2C8%202.5%2C8%20C1.948%2C8%201.5%2C8.448%201.5%2C9%20C1.5%2C9.552%201.948%2C10%202.5%2C10%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M1%2C8%20C1.552%2C8%202%2C7.552%202%2C7%20C2%2C6.448%201.552%2C6%201%2C6%20C0.448%2C6%200%2C6.448%200%2C7%20C0%2C7.552%200.448%2C8%201%2C8%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M5.5%2C10%20C4.948%2C10%204.5%2C9.552%204.5%2C9%20C4.5%2C8.448%204.948%2C8%205.5%2C8%20C6.052%2C8%206.5%2C8.448%206.5%2C9%20C6.5%2C9.552%206.052%2C10%205.5%2C10%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M7%2C8%20C6.448%2C8%206%2C7.552%206%2C7%20C6%2C6.448%206.448%2C6%207%2C6%20C7.552%2C6%208%2C6.448%208%2C7%20C8%2C7.552%207.552%2C8%207%2C8%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M4%2C8%20C4.552%2C8%205%2C7.552%205%2C7%20C5%2C6.448%204.552%2C6%204%2C6%20C3.448%2C6%203%2C6.448%203%2C7%20C3%2C7.552%203.448%2C8%204%2C8%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M4%2C2%20C4.552%2C2%205%2C2.448%205%2C3%20C5%2C3.552%204.552%2C4%204%2C4%20C3.448%2C4%203%2C3.552%203%2C3%20C3%2C2.448%203.448%2C2%204%2C2%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M2.5%2C4%20C3.052%2C4%203.5%2C4.448%203.5%2C5%20C3.5%2C5.552%203.052%2C6%202.5%2C6%20C1.948%2C6%201.5%2C5.552%201.5%2C5%20C1.5%2C4.448%201.948%2C4%202.5%2C4%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M5.5%2C4%20C4.948%2C4%204.5%2C4.448%204.5%2C5%20C4.5%2C5.552%204.948%2C6%205.5%2C6%20C6.052%2C6%206.5%2C5.552%206.5%2C5%20C6.5%2C4.448%206.052%2C4%205.5%2C4%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M5.5%2C-0%20C4.948%2C-0%204.5%2C0.448%204.5%2C1%20C4.5%2C1.552%204.948%2C2%205.5%2C2%20C6.052%2C2%206.5%2C1.552%206.5%2C1%20C6.5%2C0.448%206.052%2C-0%205.5%2C-0%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
    background-size: 8px 12px;
    background-repeat: no-repeat;
    background-position: 6px 50%;
    border-radius: 20px;
}
.GoodsListVivino {
    position: absolute;
    top: 50px;
    left: calc( 100% - 120px - 20px );
    padding: 0 6px 0 16px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #AA1329;
    background-color: rgba( 170, 19, 41, 0.1 );
    background-color: #f7f3f0;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%2C%200%2C%208%2C%2012%22%3E%3Cpath%20d%3D%22M4%2C12%20C4.552%2C12%205%2C11.552%205%2C11%20C5%2C10.448%204.552%2C10%204%2C10%20C3.448%2C10%203%2C10.448%203%2C11%20C3%2C11.552%203.448%2C12%204%2C12%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M2.5%2C10%20C3.052%2C10%203.5%2C9.552%203.5%2C9%20C3.5%2C8.448%203.052%2C8%202.5%2C8%20C1.948%2C8%201.5%2C8.448%201.5%2C9%20C1.5%2C9.552%201.948%2C10%202.5%2C10%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M1%2C8%20C1.552%2C8%202%2C7.552%202%2C7%20C2%2C6.448%201.552%2C6%201%2C6%20C0.448%2C6%200%2C6.448%200%2C7%20C0%2C7.552%200.448%2C8%201%2C8%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M5.5%2C10%20C4.948%2C10%204.5%2C9.552%204.5%2C9%20C4.5%2C8.448%204.948%2C8%205.5%2C8%20C6.052%2C8%206.5%2C8.448%206.5%2C9%20C6.5%2C9.552%206.052%2C10%205.5%2C10%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M7%2C8%20C6.448%2C8%206%2C7.552%206%2C7%20C6%2C6.448%206.448%2C6%207%2C6%20C7.552%2C6%208%2C6.448%208%2C7%20C8%2C7.552%207.552%2C8%207%2C8%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M4%2C8%20C4.552%2C8%205%2C7.552%205%2C7%20C5%2C6.448%204.552%2C6%204%2C6%20C3.448%2C6%203%2C6.448%203%2C7%20C3%2C7.552%203.448%2C8%204%2C8%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M4%2C2%20C4.552%2C2%205%2C2.448%205%2C3%20C5%2C3.552%204.552%2C4%204%2C4%20C3.448%2C4%203%2C3.552%203%2C3%20C3%2C2.448%203.448%2C2%204%2C2%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M2.5%2C4%20C3.052%2C4%203.5%2C4.448%203.5%2C5%20C3.5%2C5.552%203.052%2C6%202.5%2C6%20C1.948%2C6%201.5%2C5.552%201.5%2C5%20C1.5%2C4.448%201.948%2C4%202.5%2C4%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M5.5%2C4%20C4.948%2C4%204.5%2C4.448%204.5%2C5%20C4.5%2C5.552%204.948%2C6%205.5%2C6%20C6.052%2C6%206.5%2C5.552%206.5%2C5%20C6.5%2C4.448%206.052%2C4%205.5%2C4%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3Cpath%20d%3D%22M5.5%2C-0%20C4.948%2C-0%204.5%2C0.448%204.5%2C1%20C4.5%2C1.552%204.948%2C2%205.5%2C2%20C6.052%2C2%206.5%2C1.552%206.5%2C1%20C6.5%2C0.448%206.052%2C-0%205.5%2C-0%20z%22%20fill%3D%22%23AA1329%22%2F%3E%3C%2Fsvg%3E");
    background-size: 8px 12px;
    background-repeat: no-repeat;
    background-position: 6px 50%;
    border-radius: 20px;
}
.GoodsListVolRub {
    position: absolute;
    top: 140px;
    right: 20px;
    bottom: 210px;
    width: 120px;
}
.GoodsListVolRubCell {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.GoodsListVol {
    width: 100%;
    margin: 0;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #cd5555;
}
.GoodsListRub {
    width: 100%;
    min-height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 800;
    color: #cd5555;
    white-space: nowrap;
}
.GoodsListSaleSum {
    width: 100%;
    min-height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #cd5555;
    white-space: nowrap;
    opacity: 0.5;
    text-decoration: line-through;
}
.GoodsListSaleDiscount {
    position: absolute;
    bottom: 300px;
    right: 20px;
    width: 40px;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    color: #ffffff;
    background-color: #cd5555;
    text-align: center;
    transform: rotate(-5deg);
}
@media all and ( max-width: 400px ) {
    .GoodsListVolRub {
        width: 120px;
    }
    .GoodsListRub {
        font-size: 20px;
    }
}
.GoodsListRubMail {
    min-height: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    white-space: normal;
}
.GoodsListNewPrice {
    color: #cd5555;
}
.GoodsListOldPrice {
    position: absolute;
    top: 50px;
    left: 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-decoration: line-through;
}
.GoodsListText {
    float: left;
    margin: 11px 0 0 0;
    height: 12px;
    padding: 5px 8px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #cd5555;
    border: solid 1px #e9e9e9;
    border-radius: 24px;
    cursor: pointer;
}
.GoodsListText:hover {
    color: #cd5555;
    border: solid 1px #cd5555;
}
.GoodsListPrices {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba( 255, 255, 255, 0.98 );
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-shadow: 1px 1px 1px #ffffff;
    border-radius: 10px;
}
.GoodsListPricesClose {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 80px;
    border-top: solid 1px #cd5555;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M31.707%2C30.293%20L30.293%2C31.707%20L0.293%2C1.707%20L1.707%2C0.293%20L31.707%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C31.707%20C31.317%2C32.098%2030.683%2C32.098%2030.293%2C31.707%20C29.902%2C31.317%2029.902%2C30.683%2030.293%2C30.293%20C30.683%2C29.902%2031.317%2C29.902%2031.707%2C30.293%20C32.098%2C30.683%2032.098%2C31.317%2031.707%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C0.293%20C-0.098%2C0.683%20-0.098%2C1.317%200.293%2C1.707%20C0.683%2C2.098%201.317%2C2.098%201.707%2C1.707%20C2.098%2C1.317%202.098%2C0.683%201.707%2C0.293%20C1.317%2C-0.098%200.683%2C-0.098%200.293%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C30.293%20L1.707%2C31.707%20L31.707%2C1.707%20L30.293%2C0.293%20L0.293%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C31.707%20C0.683%2C32.098%201.317%2C32.098%201.707%2C31.707%20C2.098%2C31.317%202.098%2C30.683%201.707%2C30.293%20C1.317%2C29.902%200.683%2C29.902%200.293%2C30.293%20C-0.098%2C30.683%20-0.098%2C31.317%200.293%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C0.293%20C32.098%2C0.683%2032.098%2C1.317%2031.707%2C1.707%20C31.317%2C2.098%2030.683%2C2.098%2030.293%2C1.707%20C29.902%2C1.317%2029.902%2C0.683%2030.293%2C0.293%20C30.683%2C-0.098%2031.317%2C-0.098%2031.707%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListPricesClose:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M31.707%2C30.293%20L30.293%2C31.707%20L0.293%2C1.707%20L1.707%2C0.293%20L31.707%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C31.707%20C31.317%2C32.098%2030.683%2C32.098%2030.293%2C31.707%20C29.902%2C31.317%2029.902%2C30.683%2030.293%2C30.293%20C30.683%2C29.902%2031.317%2C29.902%2031.707%2C30.293%20C32.098%2C30.683%2032.098%2C31.317%2031.707%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C0.293%20C-0.098%2C0.683%20-0.098%2C1.317%200.293%2C1.707%20C0.683%2C2.098%201.317%2C2.098%201.707%2C1.707%20C2.098%2C1.317%202.098%2C0.683%201.707%2C0.293%20C1.317%2C-0.098%200.683%2C-0.098%200.293%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C30.293%20L1.707%2C31.707%20L31.707%2C1.707%20L30.293%2C0.293%20L0.293%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C31.707%20C0.683%2C32.098%201.317%2C32.098%201.707%2C31.707%20C2.098%2C31.317%202.098%2C30.683%201.707%2C30.293%20C1.317%2C29.902%200.683%2C29.902%200.293%2C30.293%20C-0.098%2C30.683%20-0.098%2C31.317%200.293%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C0.293%20C32.098%2C0.683%2032.098%2C1.317%2031.707%2C1.707%20C31.317%2C2.098%2030.683%2C2.098%2030.293%2C1.707%20C29.902%2C1.317%2029.902%2C0.683%2030.293%2C0.293%20C30.683%2C-0.098%2031.317%2C-0.098%2031.707%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.GoodsListPricesWrap {
    margin: 0 auto 80px auto;
    max-width: 260px;
    width: calc( 100% - 40px );
    height: calc( 100% - 80px );
    overflow: hidden;
}
.GoodsListPricesList {
    max-height: calc( 100% - 15px );
    width: calc( 100% );
    padding: 10px 40px 15px 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.GoodsListPricesYear {
    clear: both;
    font-weight: 600;
    margin: 0 0 0 0;
    padding: 20px 0 10px 0;
    border-bottom: solid 1px #e9e9e9;
}
.GoodsListPricesVol {
    clear: both;
    float: left;
    margin: 20px 10px 0 0;
    height: 20px;
}
.GoodsListPricesListRub {
    float: right;
    margin: 20px 10px 0 0;
    font-weight: 600;
}
.GoodsListPricesListRubNew {
    color: #cd5555;
}
.GoodsListPricesListRub div {
    margin: 0;
    color: #3E3E3E;
    text-decoration: line-through;
    font-weight: 400;
}
.GoodsListPricesListRub div:first-of-type {
    margin: 0;
    color: #cd5555;
    font-weight: 600;
    text-decoration: none;
}
.GoodsListPricesListCart {
    float: right;
    margin: 10px 0 0 0;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    background-color: #cd5555;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M20%2C0%20C22.209%2C0%2024%2C1.791%2024%2C4%20L24%2C9%20L22%2C9%20L22%2C4%20C22%2C2.895%2021.105%2C2%2020%2C2%20L12%2C2%20C10.895%2C2%2010%2C2.895%2010%2C4%20L10%2C9%20L8%2C9%20L8%2C4%20C8%2C1.791%209.791%2C0%2012%2C0%20L20%2C0%20z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M24%2C8%20C28.418%2C8%2028%2C8%2032%2C8%20L32%2C24%20C32%2C28.418%2028.418%2C32%2024%2C32%20L8%2C32%20C3.582%2C32%200%2C28.418%200%2C24%20L0%2C8%20C5%2C8%203.582%2C8%208%2C8%20L24%2C8%20z%20M24%2C10%20L8%2C10%20C4.686%2C10%206%2C10%202%2C10%20L2%2C24%20C2%2C27.314%204.686%2C30%208%2C30%20L24%2C30%20C27.314%2C30%2030%2C27.314%2030%2C24%20L30%2C10%20C28%2C10%2027.314%2C10%2024%2C10%20z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListPricesListCart:hover {
    background-color: #cd5555;
}
.GoodsListDesc {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba( 255, 255, 255, 0.98 );
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-shadow: 1px 1px 1px #ffffff;
    border-radius: 10px;
}
.GoodsListDescClose {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 80px;
    border-top: solid 1px #cd5555;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M31.707%2C30.293%20L30.293%2C31.707%20L0.293%2C1.707%20L1.707%2C0.293%20L31.707%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C31.707%20C31.317%2C32.098%2030.683%2C32.098%2030.293%2C31.707%20C29.902%2C31.317%2029.902%2C30.683%2030.293%2C30.293%20C30.683%2C29.902%2031.317%2C29.902%2031.707%2C30.293%20C32.098%2C30.683%2032.098%2C31.317%2031.707%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C0.293%20C-0.098%2C0.683%20-0.098%2C1.317%200.293%2C1.707%20C0.683%2C2.098%201.317%2C2.098%201.707%2C1.707%20C2.098%2C1.317%202.098%2C0.683%201.707%2C0.293%20C1.317%2C-0.098%200.683%2C-0.098%200.293%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C30.293%20L1.707%2C31.707%20L31.707%2C1.707%20L30.293%2C0.293%20L0.293%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C31.707%20C0.683%2C32.098%201.317%2C32.098%201.707%2C31.707%20C2.098%2C31.317%202.098%2C30.683%201.707%2C30.293%20C1.317%2C29.902%200.683%2C29.902%200.293%2C30.293%20C-0.098%2C30.683%20-0.098%2C31.317%200.293%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C0.293%20C32.098%2C0.683%2032.098%2C1.317%2031.707%2C1.707%20C31.317%2C2.098%2030.683%2C2.098%2030.293%2C1.707%20C29.902%2C1.317%2029.902%2C0.683%2030.293%2C0.293%20C30.683%2C-0.098%2031.317%2C-0.098%2031.707%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.GoodsListDescClose:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M31.707%2C30.293%20L30.293%2C31.707%20L0.293%2C1.707%20L1.707%2C0.293%20L31.707%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C31.707%20C31.317%2C32.098%2030.683%2C32.098%2030.293%2C31.707%20C29.902%2C31.317%2029.902%2C30.683%2030.293%2C30.293%20C30.683%2C29.902%2031.317%2C29.902%2031.707%2C30.293%20C32.098%2C30.683%2032.098%2C31.317%2031.707%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C0.293%20C-0.098%2C0.683%20-0.098%2C1.317%200.293%2C1.707%20C0.683%2C2.098%201.317%2C2.098%201.707%2C1.707%20C2.098%2C1.317%202.098%2C0.683%201.707%2C0.293%20C1.317%2C-0.098%200.683%2C-0.098%200.293%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C30.293%20L1.707%2C31.707%20L31.707%2C1.707%20L30.293%2C0.293%20L0.293%2C30.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M0.293%2C31.707%20C0.683%2C32.098%201.317%2C32.098%201.707%2C31.707%20C2.098%2C31.317%202.098%2C30.683%201.707%2C30.293%20C1.317%2C29.902%200.683%2C29.902%200.293%2C30.293%20C-0.098%2C30.683%20-0.098%2C31.317%200.293%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C0.293%20C32.098%2C0.683%2032.098%2C1.317%2031.707%2C1.707%20C31.317%2C2.098%2030.683%2C2.098%2030.293%2C1.707%20C29.902%2C1.317%2029.902%2C0.683%2030.293%2C0.293%20C30.683%2C-0.098%2031.317%2C-0.098%2031.707%2C0.293%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.GoodsListDescWrap {
    margin: 20px auto 80px auto;
    max-width: 260px;
    width: calc( 100% - 40px );
    height: calc( 100% - 100px );
    overflow: hidden;
}
.GoodsListDescText {
    display: none;
    line-height: 20px;
    font-size: 14px;
}
.GoodsListNameOn .GoodsListDescText {
    display: block;
}

.Pages {
    margin: 20px auto;
    padding: 0 0 20px 0;
    border-collapse: collapse;
    border: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    height: 40px;
    text-align: center;
}
.Pages td {
    border: 0px;
}
.PagesNum {
    border-radius: 10px;
    min-width: 50px;
}
.PagesLeft {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M27%2C1%20L5%2C16%20L27%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M26%2C1%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 10px;
    cursor: pointer;
}
.PagesLeft:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M27%2C1%20L5%2C16%20L27%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M26%2C1%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.PagesRight {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M5%2C1%20L27%2C16%20L5%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%2C1%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 10px;
    cursor: pointer;
}
.PagesRight:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M5%2C1%20L27%2C16%20L5%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%2C1%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

#FullFilterBack {
    display: none;
    position: fixed;
    z-index: 1123;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba( 255, 255, 255, 0.8 );
}
#FullFilter {
    position: absolute;
    z-index: 1125;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #f5f5f5;
    text-shadow: 1px 1px 1px #ffffff;
    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2 );
    overflow: hidden;
}
#FullFilterD {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 100px 40px 40px 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
}
.FullFilter {
    display: none;
}
.FullFilterX li, .FullFilterY li, #FullPreFilter li {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    margin: 0;
    width: calc( 100% - 40px );
    list-style-type: none;
}
.FullFilterX ul, .FullFilterY ul, #FullPreFilter ul {
    padding: 0;
    margin: 0;
}
#FullFilterTop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 79px;
    background-color: #f5f5f5;
    border-bottom: solid 1px #999999;
}
#FullFilterClose {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-position: 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    cursor: pointer;
}
#FullFilterClose:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#FullFilterInput {
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc( 100% - 152px );
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 12px 0 40px;
    border: none;
    border-radius: 10px;
    background-color: #ffffff;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M20.45%2C19.035%20L31.707%2C30.293%20L30.293%2C31.707%20L19.035%2C20.45%20L20.45%2C19.035%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M31.707%2C31.707%20C31.317%2C32.098%2030.683%2C32.098%2030.293%2C31.707%20C29.902%2C31.317%2029.902%2C30.683%2030.293%2C30.293%20C30.683%2C29.902%2031.317%2C29.902%2031.707%2C30.293%20C32.098%2C30.683%2032.098%2C31.317%2031.707%2C31.707%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M12%2C-0%20C18.627%2C-0%2024%2C5.373%2024%2C12%20C24%2C18.627%2018.627%2C24%2012%2C24%20C5.373%2C24%200%2C18.627%200%2C12%20C0%2C5.373%205.373%2C0%2012%2C-0%20z%20M12%2C2%20C6.477%2C2%202%2C6.477%202%2C12%20C2%2C17.523%206.477%2C22%2012%2C22%20C17.523%2C22%2022%2C17.523%2022%2C12%20C22%2C6.477%2017.523%2C2%2012%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 12px 50%;
}
.ShowFilter {
    cursor: pointer;
}

#SingleGoodPath {
    margin: 20px 10px 0 10px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}
#SingleGoodPath li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}
#SingleGoodPath a {
    color: #cccccc;
}
#SingleGoodText {
    margin: 40px 90px;
}
#SingleGoodD {
    margin: 0;
    padding: 20px 20px 40px 20px;
    min-height: 30px;
    background-color: #ffffff;
}
#SingleGoodDName {
    float: right;
    margin: 20px 0 0 0;
    width: calc( 100% - 400px - 20px );
}
#SingleGoodDH1 {
    padding: 40px 20px;
}
#SingleGoodDName h1 {
    position: relative;
    display: block;
    min-height: 40px;
    margin: 0;
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
}
#SingleGoodDName div {
    margin: 10px 0 0 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
}
#SingleGoodN {
    margin: 0;
    padding: 20px 10px;
    min-height: 20px;
    border: solid 1px #f5f5f5;
    border-radius: 5px 5px 0 0;
}
#SingleGoodN div, #SingleGoodN h2 {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    width: calc( 50% - 20px );
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}
#SingleGoodN div {
    text-align: right;
}
#SingleGoodDFeats {
    position: relative;
    display: block;
    float: right;
    width: calc( 100% - 400px - 20px );
    margin: 20px 0 0 0;
}
#SingleGoodDFeatsH {
    background-color: #faeeee;
    border-radius: 5px;
}
.SingleGoodDFeatsH {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #cd5555;
    cursor: pointer;
}
.SingleGoodDFeatsH:hover {
    color: #55cdcd;
}
.SingleGoodDFeatsHOn {
    margin: 6px;
    width: calc( 50% - 12px );
    height: 48px;
    line-height: 48px;
    color: #333333;
    border-radius: 5px;
    background-color: #ffffff;
    cursor: auto;
}
.SingleGoodDFeatsHOn:hover {
    color: #333333;
}
#SingleGoodDFeatsFeats {
    position: relative;
    display: block;
    float: left;
    width: calc( 50% - 20px );
    margin: 20px 0 0 0;
}
#SingleGoodDFeatsFeats h2 {
    margin: 0 0 10px 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}
#SingleGoodDDesc {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
}
#SingleGoodDDesc h2 {
    margin: 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}
#SingleGoodDDesc p {
    margin: 20px 0 0 0;
    padding: 0;
}
.SingleGoodDDesc {
    clear: both;
    margin: 20px 0 0 0;
    width: calc( 100% );
}
.SingleGoodDDescOn {
    clear: both;
    margin: 20px 0 0 0;
    width: calc( 50% - 20px );
}
#ItemFeatures {
    padding: 0;
    margin: 0;
    border: solid 0px #000000;
    border-collapse: collapse;
}
#ItemFeatures th {
    text-align: left;
}
#ItemFeatures td {
    display: block;
}
#ItemFeatures tr td:nth-of-type(1) {
    list-style-type: none;
    margin: 0 0 0 0;
    display: block;
    clear: both;
    min-height: 20px;
    line-height: 20px;
    font-size: 12px;
}
#ItemFeatures tr td:nth-of-type(2) {
    padding: 0 0 20px 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
}
#ItemFeatures tr:last-of-type td:nth-of-type(2) {
    padding: 0 0 0 0;
}
#ItemFeaturesLVivino {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px 0 16px;
    margin: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    background-color: rgba( 170, 19, 41, 1 );
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%2C%200%2C%208%2C%2012%22%3E%3Cpath%20d%3D%22M4%2C12%20C4.552%2C12%205%2C11.552%205%2C11%20C5%2C10.448%204.552%2C10%204%2C10%20C3.448%2C10%203%2C10.448%203%2C11%20C3%2C11.552%203.448%2C12%204%2C12%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M2.5%2C10%20C3.052%2C10%203.5%2C9.552%203.5%2C9%20C3.5%2C8.448%203.052%2C8%202.5%2C8%20C1.948%2C8%201.5%2C8.448%201.5%2C9%20C1.5%2C9.552%201.948%2C10%202.5%2C10%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M1%2C8%20C1.552%2C8%202%2C7.552%202%2C7%20C2%2C6.448%201.552%2C6%201%2C6%20C0.448%2C6%200%2C6.448%200%2C7%20C0%2C7.552%200.448%2C8%201%2C8%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M5.5%2C10%20C4.948%2C10%204.5%2C9.552%204.5%2C9%20C4.5%2C8.448%204.948%2C8%205.5%2C8%20C6.052%2C8%206.5%2C8.448%206.5%2C9%20C6.5%2C9.552%206.052%2C10%205.5%2C10%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M7%2C8%20C6.448%2C8%206%2C7.552%206%2C7%20C6%2C6.448%206.448%2C6%207%2C6%20C7.552%2C6%208%2C6.448%208%2C7%20C8%2C7.552%207.552%2C8%207%2C8%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M4%2C8%20C4.552%2C8%205%2C7.552%205%2C7%20C5%2C6.448%204.552%2C6%204%2C6%20C3.448%2C6%203%2C6.448%203%2C7%20C3%2C7.552%203.448%2C8%204%2C8%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M4%2C2%20C4.552%2C2%205%2C2.448%205%2C3%20C5%2C3.552%204.552%2C4%204%2C4%20C3.448%2C4%203%2C3.552%203%2C3%20C3%2C2.448%203.448%2C2%204%2C2%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M2.5%2C4%20C3.052%2C4%203.5%2C4.448%203.5%2C5%20C3.5%2C5.552%203.052%2C6%202.5%2C6%20C1.948%2C6%201.5%2C5.552%201.5%2C5%20C1.5%2C4.448%201.948%2C4%202.5%2C4%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M5.5%2C4%20C4.948%2C4%204.5%2C4.448%204.5%2C5%20C4.5%2C5.552%204.948%2C6%205.5%2C6%20C6.052%2C6%206.5%2C5.552%206.5%2C5%20C6.5%2C4.448%206.052%2C4%205.5%2C4%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M5.5%2C-0%20C4.948%2C-0%204.5%2C0.448%204.5%2C1%20C4.5%2C1.552%204.948%2C2%205.5%2C2%20C6.052%2C2%206.5%2C1.552%206.5%2C1%20C6.5%2C0.448%206.052%2C-0%205.5%2C-0%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
    background-size: 8px 12px;
    background-repeat: no-repeat;
    background-position: 6px 50%;
    border-radius: 20px;
}
#ItemFeaturesLRegion {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-position: 50%;
    border-radius: 20px;
    background-repeat: no-repeat;
    border: solid 1px #f5f5f5;
}
.ItemFeaturesL a {
    color: #cd5555;
}
.ItemFeaturesL a:hover {
    color: #55cdcd;
}
#ItemFeatures td ul {
    padding: 0;
    margin: 0;
}
#ItemFeatures td li {
    list-style-type: none;
    margin: 0 0.25em 0 0;
    display: inline-block;
}
#ItemPrices {
    position: relative;
    margin: 0;
    padding: 0 0 20px 0;
    color: #cd5555;
    background-color: #faeeee;
    border-radius: 0 0 5px 5px;
}
#ItemPricesVolRubW {
    overflow: hidden;
    border: solid 1px #f5f5f5;
}
.ItemPricesVolRubW {
    height: 110px;
}
.ItemPricesVolRubWS {
    height: 150px;
}
#ItemPricesVolRub {
    padding: 0 20px 40px 20px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
}
.ItemPricesVolRub {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    padding: 20px 0;
    margin: 0;
    border-radius: 10px;
}
.ItemPricesVolRubS {
    height: 70px;
    padding: 20px 20px;
    margin: 20px 0;
    cursor: pointer;
}
.ItemPricesVolRubS:hover {
    color: #55cdcd;
}
.ItemPricesVolRubSOn {
    cursor: auto;
    background-color: #ffffff;
}
.ItemPricesVolRubSOn:hover {
    color: #cd5555;
}
.ItemPricesVol {
    margin: 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
}
.ItemPricesRub {
    float: left;
    margin: 10px 0 0 0;
    min-height: 40px;
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
}
.ItemPricesDiscount {
    float: left;
    margin: 0 0 0 0;
    width: 40px;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    color: #ffffff;
    background-color: #cd5555;
    text-align: center;
    transform: rotate(-5deg);
}
.ItemPricesRubOrig {
    float: left;
    margin: 10px 0 0 10px;
    min-height: 40px;
    line-height: 40px;
    font-size: 36px;
    font-weight: 400;
    opacity: 0.6;
    text-decoration: line-through;
}
.ItemPricesCartCount {
    display: none;
}
.ItemPricesCart {
    float: left;
    margin: 0 0 0 20px;
    width: calc( 55% - 20px );
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    background-color: #cd5555;
    border-radius: 10px;
}
.ItemPricesCartMP {
    height: 60px;
    display: none;
}
.ItemPricesCartMPOn {
    display: block;
}
.ItemPricesCartMinus {
    display: inline-block;
    vertical-align: top;
    background-color: #cd5555;
    width: 60px;
    height: 60px;
    border-radius: 10px 0 0 10px;
    background-size: 20px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%2C%200%2C%2020%2C%2020%22%3E%3Cpath%20d%3D%22M6%2C9%20L14%2C9%20C14.552%2C9%2015%2C9.448%2015%2C10%20L15%2C10%20C15%2C10.552%2014.552%2C11%2014%2C11%20L6%2C11%20C5.448%2C11%205%2C10.552%205%2C10%20L5%2C10%20C5%2C9.448%205.448%2C9%206%2C9%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.ItemPricesCartPlus {
    display: inline-block;
    vertical-align: top;
    background-color: #cd5555;
    width: 60px;
    height: 60px;
    border-radius: 0 10px 10px 0;
    background-size: 20px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%2C%200%2C%2020%2C%2020%22%3E%3Cpath%20d%3D%22M6%2C9%20L14%2C9%20C14.552%2C9%2015%2C9.448%2015%2C10%20L15%2C10%20C15%2C10.552%2014.552%2C11%2014%2C11%20L6%2C11%20C5.448%2C11%205%2C10.552%205%2C10%20L5%2C10%20C5%2C9.448%205.448%2C9%206%2C9%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M9%2C14%20L9%2C6%20C9%2C5.448%209.448%2C5%2010%2C5%20L10%2C5%20C10.552%2C5%2011%2C5.448%2011%2C6%20L11%2C14%20C11%2C14.552%2010.552%2C15%2010%2C15%20L10%2C15%20C9.448%2C15%209%2C14.552%209%2C14%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.ItemPricesCartQnt {
    display: inline-block;
    vertical-align: top;
    background-color: #f8f8f8;
    width: calc( 100% - 120px );
    height: 58px;
    border-top: solid 1px #cd5555;
    border-bottom: solid 1px #cd5555;
}
.ItemPricesCartQnt input {
    display: block;
    border: none;
    height: 58px;
    padding: 0;
    margin: 0;
    width: calc( 100% );
    text-align: center;
    line-height: 58px;
    font-size: 16px;
    font-weight: 600;
    color: #cd5555;
}
.ItemPricesCartText {
    margin: 0;
    width: calc( 100% );
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 );
}
.ItemPricesCartText:hover {
    background-color: #cd5555;
}
.ItemPricesCartTextOff {
    display: none;
}
.ItemPricesCartOn {
    height: 58px;
    width: calc( 55% - 20px - 2px );
    line-height: 58px;
    border: solid 1px #55cdcd;
    color: #ffffff;
    background-color: #55cdcd;
    text-shadow: none;
}
.ItemPricesCartOn:hover {
    color: #ffffff;
    background-color: #55cdcd;
}
.ItemPricesCartOn .ItemPricesCartText {
    width: calc( 100% );
}
.ItemPricesCartOn:hover .ItemPricesCartText {
    color: #ffffff;
    background-color: #55cdcd;
}
.ItemPricesCartOn .ItemPricesCartCount {
    display: none;
}
.ItemClickOrder {
    float: right;
    margin: 0 20px 0 0;
    width: calc( 45% - 20px - 20px );
    border-radius: 10px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    color: #cd5555;
    background-color: #ffffff;
    cursor: pointer;
}
.ItemClickOrder:hover {
    color: #cd5555;
}
#ItemPricesMail {
    position: relative;
    margin: 0;
    padding: 10px;
    color: #cd5555;
    background-color: #faeeee;
    border-radius: 0 0 5px 5px;
}
.ItemPricesMail {
    margin: 10px;
    line-height: 20px;
    font-size: 16px;
    color: #cd5555;
}
.ItemPricesMail:nth-of-type(2) {
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
    background-color: #cd5555;
    cursor: pointer;
}
.ItemPricesMail:nth-of-type(3) {
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    color: #cd5555;
    background-color: #ffffff;
    cursor: pointer;
}
#ItemPricesShops {
    margin: 20px 0 -20px 0;
    padding: 0;
    font-size: 16px;
    color: #333333;
    border: solid 1px #f5f5f5;
    border-radius: 5px;
}
#ItemPricesShops a {
    color: #cd5555;
}
#ItemPricesShops a:hover {
    color: #55cdcd;
}
#ItemPricesShopsH {
    cursor: pointer;
    font-weight: 400;
}
.ItemPricesShopsH {
    padding: 20px 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    background-color: #ffffff;
}
.ItemPricesShopsHOn {
    display: block;
}
.ItemPricesShopsHOff {
    display: none;
}
.ItemPricesShops {
    border-radius: 5px;
    padding: 0;
}
.ItemPricesShopsL {
    padding: 20px;
    line-height: 20px;
    min-height: 20px;
    border-top: solid 1px #f5f5f5;
    background-color: #ffffff;
}
.ItemPricesShopsL:last-of-type {
    border-radius: 0 0 5px 5px;
}
.ItemPricesShopsCheck {
    float: left;
    margin: 3px 0;
    width: 12px;
    height: 12px;
    border: solid 1px #333333;
    border-radius: 20px;
    cursor: pointer;
}
.ItemPricesShopsCheckOn div {
    margin: 1px;
    width: 10px;
    height: 10px;
    background-color: #333333;
    border-radius: 20px;
}
.ItemPricesShopsN {
    float: left;
    margin: 0 0 0 20px;
}
.ItemPricesShopsPlace {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #cd5555;
    padding-left: 12px;
    background-repeat: no-repeat;
    background-size: 7px 10px;
    background-position: 0 50%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22420%22%20height%3D%22600%22%20viewBox%3D%220%2C%200%2C%20420%2C%20600%22%3E%3Cpath%20d%3D%22M211.299%2C146.613%20C257.525%2C146.613%20294.669%2C182.039%20294.669%2C229.148%20C294.669%2C274.371%20257.525%2C312.07%20211.299%2C312.07%20C164.717%2C312.07%20127.55%2C274.371%20127.55%2C229.148%20C127.55%2C182.039%20164.717%2C146.613%20211.299%2C146.613%20z%20M420%2C208.043%20C420%2C92.332%20327.261%2C0%20211.299%2C0%20C95.188%2C0%200%2C92.332%200%2C208.043%20L0%2C224.625%20C0%2C338.074%20211.299%2C600%20211.299%2C600%20C211.299%2C600%20420%2C338.074%20420%2C224.625%20L420%2C224.625%20L420%2C208.043%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
    cursor: pointer;
}
.ItemPricesShopsPlace:hover {
    color: #55cdcd;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22420%22%20height%3D%22600%22%20viewBox%3D%220%2C%200%2C%20420%2C%20600%22%3E%3Cpath%20d%3D%22M211.299%2C146.613%20C257.525%2C146.613%20294.669%2C182.039%20294.669%2C229.148%20C294.669%2C274.371%20257.525%2C312.07%20211.299%2C312.07%20C164.717%2C312.07%20127.55%2C274.371%20127.55%2C229.148%20C127.55%2C182.039%20164.717%2C146.613%20211.299%2C146.613%20z%20M420%2C208.043%20C420%2C92.332%20327.261%2C0%20211.299%2C0%20C95.188%2C0%200%2C92.332%200%2C208.043%20L0%2C224.625%20C0%2C338.074%20211.299%2C600%20211.299%2C600%20C211.299%2C600%20420%2C338.074%20420%2C224.625%20L420%2C224.625%20L420%2C208.043%20z%22%20fill%3D%22%2355cdcd%22%2F%3E%3C%2Fsvg%3E");
}
.ItemPricesShopsSite {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    padding-left: 12px;
}
.ItemPricesShopsN div:nth-of-type(2), .ItemPricesShopsP div:nth-of-type(2){
    font-size: 12px;
}
.ItemPricesShopsP {
    float: right;
    text-align: right;
}
#ItemPricesShopsList {
}
.ItemPricesShopsListOn {
    display: block;
}
.ItemPricesShopsListOff {
    display: none;
}
#ItemPricesOutOfStock {
    position: relative;
    margin: 0;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 0;
}
#ItemPricesOutOfStock .ItemPricesRub {
    float: left;
    margin: 0;
    min-height: 30px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
}

#SingleGoodDImage {
    position: relative;
    display: block;
    float: left;
    width: 400px;
    margin: 20px 0 0 0;
    border-radius: 10px;
}
#SingleGoodDImage .FancyImg img {
    margin: 0px 10px 0 10px;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    object-fit: contain;
}
#SingleGoodDImage .FancyImg:first-of-type {
    width: 400px;
    height: 600px;
}
#SingleGoodDImage .FancyImg:first-of-type img {
    margin: 0;
    width: 400px;
    height: 600px;
    border: 0;
    padding: 0;
    object-fit: contain;
}
#SingleGoodDImage .FancyImg:first-of-type {
    display: block;
    margin: 0 auto;
}
#SingleGoodDPrices {
    position: relative;
    display: block;
    float: right;
    width: calc( 50% );
    margin: 20px 0 0 20px;
}
#SingleGoodN .GoodsListFavorites {
    float: right;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 0 0 20px;
    border-radius: 0;
}

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

    #SingleGoodDPrices, #SingleGoodDFeatsFeats, .SingleGoodDDesc, .SingleGoodDDescOn {
        float: none;
        width: calc( 100% );
        margin: 20px 0 0 0;
    }

}
@media all and ( max-width: 1023px ) {

    #SingleGoodDName h1 {
        min-height: 30px;
        line-height: 30px;
        font-size: 24px;
    }
    #SingleGoodDName div {
        margin: 0;
        font-size: 14px;
    }
    #SingleGoodN div {
        font-size: 14px;
    }
    #SingleGoodDImage {
        width: 300px;
    }
    #SingleGoodDName, #SingleGoodDFeats {
        width: calc( 100% - 300px - 20px );
    }
    #SingleGoodDImage .FancyImg:first-of-type, #SingleGoodDImage .FancyImg:first-of-type img {
        width: 300px;
        height: 540px;
    }
    .ItemPricesVolRubW {
        height: 90px;
    }
    .ItemPricesVolRubWS {
        height: 130px;
    }
    .ItemPricesVolRub {
        height: 30px;
    }
    .ItemPricesVolRubS {
        height: 50px;
    }
    .ItemPricesVol {
        font-size: 14px;
    }
    .ItemPricesRub {
        margin: 0;
        min-height: 30px;
        line-height: 30px;
        font-size: 24px;
    }
    .ItemPricesDiscount {
        width: 30px;
        min-height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .ItemPricesRubOrig {
        margin: 0 0 0 10px;
        min-height: 30px;
        line-height: 30px;
        font-size: 24px;
    }
    .ItemPricesCartCount {
        height: 40px;
        width: 59px;
        font-size: 14px;
        line-height: 40px;
    }
    .ItemPricesCartCountOn {
        height: 38px;
        width: 58px;
    }
    .ItemPricesCart {
        width: calc( 55% - 20px );
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .ItemPricesCartText {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .ItemPricesCartOn {
        height: 38px;
        line-height: 38px;
    }
    .ItemPricesCartMP, .ItemPricesCartMinus, .ItemPricesCartPlus {
        height: 40px;
    }
    .ItemPricesCartMinus, .ItemPricesCartPlus {
        width: 40px;
    }
    .ItemPricesCartQnt {
        width: calc( 100% - 80px );
        height: 38px;
    }
    .ItemPricesCartQnt input {
        height: 38px;
        font-size: 14px;
    }
    .ItemClickOrder, .ItemPricesMail {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .ItemPricesMail:nth-of-type(2), .ItemPricesMail:nth-of-type(3) {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    #ItemPricesShops {
        font-size: 14px;
    }
    .ItemPricesShopsH {
        font-size: 14px;
    }
    .ItemFeaturesL {
        min-height: 20px;
        line-height: 20px;
        font-size: 16px;
    }
    .ItemFeaturesLVivino {
        font-size: 12px;
    }

}
@media all and ( max-width: 799px ) {

    #SingleGoodDName, #SingleGoodDFeats {
        float: both;
        width: 100%;
        margin: 0;
    }
    #SingleGoodDName {
        text-align: center;
    }
    #SingleGoodDImage {
        width: 100%;
    }
    #SingleGoodDImage .FancyImg:first-of-type, #SingleGoodDImage .FancyImg:first-of-type img {
        height: 400px;
    }

}
@media all and ( max-width: 359px ) {

    .ItemPricesCart {
        clear: both;
        float: none;
        margin: 0 0 0 20px;
        width: calc( 100% - 20px - 20px );
    }
    .ItemPricesCartOn {
        width: calc( 100% - 20px - 20px - 2px );
    }
    .ItemClickOrder, .ItemPricesMail {
        clear: both;
        float: none;
        margin: 10px 0 0 20px;
        width: calc( 100% - 20px - 20px );
    }
    .ItemPricesShopsP {
        clear: left;
        float: left;
        margin: 0 0 0 34px;
        text-align: left;
    }
    .ItemPricesShopsP div {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 0 0;
        font-size: 12px;
    }

}

#Bottom {
    background-color: #cd5555;
    margin: 0;
    padding: 0 10px 80px 10px;
    border-top: solid 1px #f5f5f5;
}
#Bottom a {
    color: #ffffff;
}
#Bottom a:hover {
    color: #FFFFFF;
}
.Bottom {
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px 0 10px;
    width: calc( 25% - 20px );
}
.BottomLine {
    width: calc( 100% - 20px );
    margin-top: 30px;
    padding: 20px 0 0 0;
    border-top: solid 1px #ffffff;
}
.BottomD {
    display: block;
    margin: 10px 10px 0 10px;
    line-height: 20px;
    font-size: 14px;
}
.BottomLine .BottomD {
    float: left;
}
.BottomDB {
    font-weight: 600;
}
@media all and ( max-width: 768px ) {
    .Bottom:nth-of-type(2) {
        width: calc( 100% - 20px );
        padding: 0 0 30px 0;
        margin-bottom: 10px;
        border-bottom: solid 1px #AAAAAA;
    }
    .Bottom {
        width: calc( 100%/3 - 20px );
    }
    .BottomLine {
        width: calc( 100% - 20px );
    }
}
@media all and ( max-width: 460px ) {
    .Bottom {
        width: calc( 100% - 20px );
    }
}
#BottomLogo {
margin: 20px 10px 0 10px;
width: 120px;
height: 40px;
background-size: 120px 40px;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22960%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20960%2C%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22Gradient_1%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2260%22%20y1%3D%2216.077%22%20x2%3D%22180%22%20y2%3D%22223.923%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FAEEEE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EBBBBB%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Gradient_2%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22151.058%22%20y1%3D%22238.035%22%20x2%3D%2288.942%22%20y2%3D%22126.607%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23E19999%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D77676%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M280%2C11.014%20L309.662%2C11.014%20L330.066%2C60.736%20L331.094%2C60.736%20L351.498%2C11.014%20L381.16%2C11.014%20L381.16%2C98.8%20L357.842%2C98.8%20L357.842%2C48.048%20L357.156%2C48.048%20L337.61%2C98.114%20L323.55%2C98.114%20L304.004%2C47.706%20L303.318%2C47.706%20L303.318%2C98.8%20L280%2C98.8%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M477.519%2C54.907%20Q477.519%2C69.566%20471.818%2C79.618%20Q466.117%2C89.67%20456.43%2C94.835%20Q446.742%2C100%20434.826%2C100%20Q422.824%2C100%20413.158%2C94.792%20Q403.492%2C89.584%20397.813%2C79.532%20Q392.133%2C69.481%20392.133%2C54.907%20Q392.133%2C40.247%20397.813%2C30.195%20Q403.492%2C20.144%20413.158%2C14.979%20Q422.824%2C9.813%20434.826%2C9.813%20Q446.742%2C9.813%20456.43%2C14.979%20Q466.117%2C20.144%20471.818%2C30.195%20Q477.519%2C40.247%20477.519%2C54.907%20z%20M453%2C54.907%20Q453%2C47.02%20450.922%2C41.597%20Q448.843%2C36.175%20444.792%2C33.367%20Q440.741%2C30.56%20434.826%2C30.56%20Q428.911%2C30.56%20424.86%2C33.367%20Q420.809%2C36.175%20418.73%2C41.597%20Q416.652%2C47.02%20416.652%2C54.907%20Q416.652%2C62.794%20418.73%2C68.216%20Q420.809%2C73.638%20424.86%2C76.446%20Q428.911%2C79.254%20434.826%2C79.254%20Q440.741%2C79.254%20444.792%2C76.446%20Q448.843%2C73.638%20450.922%2C68.216%20Q453%2C62.794%20453%2C54.907%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M488.492%2C11.014%20L512.325%2C11.014%20L512.325%2C56.964%20L513.011%2C56.964%20L544.216%2C11.014%20L564.448%2C11.014%20L564.448%2C98.8%20L540.615%2C98.8%20L540.615%2C52.678%20L540.101%2C52.678%20L508.381%2C98.8%20L488.492%2C98.8%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M280%2C228.986%20L280%2C141.2%20L318.064%2C141.2%20Q328.094%2C141.2%20334.931%2C143.901%20Q341.768%2C146.601%20345.261%2C151.53%20Q348.754%2C156.46%20348.754%2C163.147%20Q348.754%2C167.99%20346.633%2C171.977%20Q344.511%2C175.963%20340.696%2C178.642%20Q336.881%2C181.321%20331.78%2C182.35%20L331.78%2C183.207%20Q337.438%2C183.422%20342.068%2C186.058%20Q346.697%2C188.694%20349.44%2C193.302%20Q352.184%2C197.91%20352.184%2C204.125%20Q352.184%2C211.326%20348.433%2C216.941%20Q344.682%2C222.557%20337.781%2C225.772%20Q330.88%2C228.986%20321.321%2C228.986%20z%20M303.833%2C209.955%20L314.977%2C209.955%20Q320.978%2C209.955%20323.979%2C207.704%20Q326.979%2C205.454%20326.979%2C201.039%20Q326.979%2C197.953%20325.565%2C195.809%20Q324.15%2C193.666%20321.557%2C192.552%20Q318.964%2C191.437%20315.32%2C191.437%20L303.833%2C191.437%20z%20M303.833%2C176.692%20L313.606%2C176.692%20Q316.735%2C176.692%20319.135%2C175.706%20Q321.536%2C174.72%20322.886%2C172.855%20Q324.236%2C170.991%20324.236%2C168.29%20Q324.236%2C164.218%20321.321%2C162.054%20Q318.406%2C159.889%20313.949%2C159.889%20L303.833%2C159.889%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M360.585%2C141.2%20L384.418%2C141.2%20L384.418%2C187.151%20L385.103%2C187.151%20L416.309%2C141.2%20L436.541%2C141.2%20L436.541%2C228.986%20L412.708%2C228.986%20L412.708%2C182.864%20L412.194%2C182.864%20L380.474%2C228.986%20L360.585%2C228.986%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M447.857%2C228.986%20L447.857%2C141.2%20L471.689%2C141.2%20L471.689%2C175.492%20L503.238%2C175.492%20L503.238%2C141.2%20L527.07%2C141.2%20L527.07%2C228.986%20L503.238%2C228.986%20L503.238%2C194.695%20L471.689%2C194.695%20L471.689%2C228.986%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M623.429%2C185.093%20Q623.429%2C199.753%20617.728%2C209.805%20Q612.027%2C219.856%20602.34%2C225.021%20Q592.653%2C230.187%20580.736%2C230.187%20Q568.734%2C230.187%20559.068%2C224.979%20Q549.402%2C219.771%20543.723%2C209.719%20Q538.043%2C199.667%20538.043%2C185.093%20Q538.043%2C170.434%20543.723%2C160.382%20Q549.402%2C150.33%20559.068%2C145.165%20Q568.734%2C140%20580.736%2C140%20Q592.653%2C140%20602.34%2C145.165%20Q612.027%2C150.33%20617.728%2C160.382%20Q623.429%2C170.434%20623.429%2C185.093%20z%20M598.911%2C185.093%20Q598.911%2C177.206%20596.832%2C171.784%20Q594.753%2C166.362%20590.702%2C163.554%20Q586.652%2C160.746%20580.736%2C160.746%20Q574.821%2C160.746%20570.77%2C163.554%20Q566.72%2C166.362%20564.641%2C171.784%20Q562.562%2C177.206%20562.562%2C185.093%20Q562.562%2C192.98%20564.641%2C198.403%20Q566.72%2C203.825%20570.77%2C206.633%20Q574.821%2C209.44%20580.736%2C209.44%20Q586.652%2C209.44%20590.702%2C206.633%20Q594.753%2C203.825%20596.832%2C198.403%20Q598.911%2C192.98%20598.911%2C185.093%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M627.887%2C160.403%20L627.887%2C141.2%20L704.186%2C141.2%20L704.186%2C160.403%20L677.781%2C160.403%20L677.781%2C228.986%20L654.291%2C228.986%20L654.291%2C160.403%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M713.101%2C228.986%20L713.101%2C141.2%20L776.369%2C141.2%20L776.369%2C160.403%20L736.934%2C160.403%20L736.934%2C175.492%20L773.111%2C175.492%20L773.111%2C194.695%20L736.934%2C194.695%20L736.934%2C209.783%20L776.198%2C209.783%20L776.198%2C228.986%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M841.694%2C228.986%20L814.261%2C193.495%20L812.032%2C193.495%20L812.032%2C228.986%20L788.2%2C228.986%20L788.2%2C141.2%20L812.032%2C141.2%20L812.032%2C174.291%20L816.147%2C174.291%20L846.324%2C141.2%20L877.7%2C141.2%20L837.408%2C185.265%20L871.871%2C228.986%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M884.044%2C141.2%20L907.877%2C141.2%20L907.877%2C187.151%20L908.563%2C187.151%20L939.768%2C141.2%20L960%2C141.2%20L960%2C228.986%20L936.167%2C228.986%20L936.167%2C182.864%20L935.653%2C182.864%20L903.933%2C228.986%20L884.044%2C228.986%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M180%2C0%20C220%2C40%20240%2C96%20240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C-0%2C96%2020%2C40%2060%2C0%20z%22%20fill%3D%22url(%23Gradient_1)%22%2F%3E%3Cpath%20d%3D%22M240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C120%2C80%20120%2C200%20240%2C144%20z%22%20fill%3D%22url(%23Gradient_2)%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 0 0;
}

#CallBackF {
    display: none;
    position: fixed;
    z-index: 3000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba( 255, 255, 255, 0.8 );
}
#CallBackD {
    display: none;
    position: fixed;
    z-index: 3001;
    margin: 20px auto;
    padding: 20px;
    top: calc( 50% - 290px );
    right: 20px;
    left: 20px;
    bottom: 0;
    max-width: 400px;
    max-height: 500px;
    background-color: #f5f5f5;
    font-size: 16px;
    line-height: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2 );
    overflow: hidden;
    overflow-y: auto;
}
#CallBackH {
    margin: 20px 20px 0 20px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
}
#CallBack div {
    margin: 20px 20px 0 20px;
    line-height: 20px;
    min-height: 20px;
    font-size: 14px;
}
#CallBack div:nth-of-type(2), #CallBack div:nth-of-type(4), #CallBack div:nth-of-type(6), #CallBack div:nth-of-type(8) {
    margin: 0 20px;
}
#CallBack div div, #CallBack div div:nth-of-type(2), #CallBack div div:nth-of-type(4), #CallBack div div:nth-of-type(6), #CallBack div div:nth-of-type(8) {
    margin: auto;
    min-height: auto;
}
#CallBack div input {
    display: block;
    padding: 0 20px;
    width: calc( 100% - 42px );
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    border-radius: 10px;
}
#CallBack div textarea {
    display: block;
    margin: 0;
    padding: 9px 20px;
    width: calc( 100% - 42px );
    height: 80px;
    line-height: 20px;
    font-size: 14px;
    border-radius: 10px;
    border: solid 1px #ffffff;
}
.CallBackInput {
    border: solid 1px #ffffff;
}
.CallBackPass {
    border: solid 1px #cd5555;
}
#CallBack #CallBackSend {
    float: right;
    padding: 0 20px;
    height: 40px;
    color: #ffffff;
    background-color: #cd5555;
    font-size: 14px;
    line-height: 40px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}
#CallBack #CallBackSend:hover {
    background-color: #cd5555;
}
#CallBackClose {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-position: 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    cursor: pointer;
}
#CallBackClose:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#CallBackD #CallBackResult {
    display: none;
    margin: 40px 20px 0 20px;
    font-size: 16px;
    line-height: 20px;
}
#CallBackStarsD {
    display: none;
    float: right;
    width: 75px;
    height: 20px;
}
.CallBackStars {
    margin: 0 0 0 5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2230%22%20height%3D%2215%22%20viewBox%3D%220%2C%200%2C%2030%2C%2015%22%3E%3Cpath%20d%3D%22M7.5%2C0%20L9.354%2C5.608%20L15%2C5.729%20L10.5%2C9.317%20L12.135%2C15%20L7.5%2C11.609%20L2.865%2C15%20L4.5%2C9.317%20L0%2C5.729%20L5.646%2C5.608%20L7.5%2C0%20z%22%20fill%3D%22%23FF5522%22%2F%3E%3Cpath%20d%3D%22M22.5%2C0%20L24.354%2C5.608%20L30%2C5.729%20L25.5%2C9.317%20L27.135%2C15%20L22.5%2C11.609%20L17.865%2C15%20L19.5%2C9.317%20L15%2C5.729%20L20.646%2C5.608%20L22.5%2C0%20z%20M22.5%2C2.939%20L21.303%2C6.559%20L17.658%2C6.638%20L20.563%2C8.953%20L19.507%2C12.623%20L22.5%2C10.433%20L25.493%2C12.623%20L24.437%2C8.953%20L27.342%2C6.638%20L23.697%2C6.559%20L22.5%2C2.939%20z%22%20fill%3D%22%23FF5522%22%2F%3E%3C%2Fsvg%3E");
    background-size: 30px 15px;
    background-position: -15px 0;
    background-repeat: no-repeat;
    cursor: pointer;
}
.CallBackStarsOn {
    background-position: 0 0;
}
.CallBackStars0 {
    margin: 0;
    width: 0px;
    height: 25px;
}
.CallBackStars1 {
    margin: 0;
    width: 15px;
    height: 25px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%2C%200%2C%2015%2C%2015%22%3E%3Cpath%20d%3D%22M7.5%2C0%20L9.354%2C5.608%20L15%2C5.729%20L10.5%2C9.317%20L12.135%2C15%20L7.5%2C11.609%20L2.865%2C15%20L4.5%2C9.317%20L0%2C5.729%20L5.646%2C5.608%20L7.5%2C0%20z%22%20fill%3D%22%23FF5522%22%2F%3E%3C%2Fsvg%3E");
    background-size: 15px 15px;
    background-position: 0 50%;
    background-repeat: repeat-x;
}
.CallBackStars2 {
    margin: 0;
    width: 30px;
    height: 25px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%2C%200%2C%2015%2C%2015%22%3E%3Cpath%20d%3D%22M7.5%2C0%20L9.354%2C5.608%20L15%2C5.729%20L10.5%2C9.317%20L12.135%2C15%20L7.5%2C11.609%20L2.865%2C15%20L4.5%2C9.317%20L0%2C5.729%20L5.646%2C5.608%20L7.5%2C0%20z%22%20fill%3D%22%23FF5522%22%2F%3E%3C%2Fsvg%3E");
    background-size: 15px 15px;
    background-position: 0 50%;
    background-repeat: repeat-x;
}
.CallBackStars3 {
    margin: 0;
    width: 45px;
    height: 25px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%2C%200%2C%2015%2C%2015%22%3E%3Cpath%20d%3D%22M7.5%2C0%20L9.354%2C5.608%20L15%2C5.729%20L10.5%2C9.317%20L12.135%2C15%20L7.5%2C11.609%20L2.865%2C15%20L4.5%2C9.317%20L0%2C5.729%20L5.646%2C5.608%20L7.5%2C0%20z%22%20fill%3D%22%23FF5522%22%2F%3E%3C%2Fsvg%3E");
    background-size: 15px 15px;
    background-position: 0 50%;
    background-repeat: repeat-x;
}
.CallBackStars4 {
    margin: 0;
    width: 60px;
    height: 25px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%2C%200%2C%2015%2C%2015%22%3E%3Cpath%20d%3D%22M7.5%2C0%20L9.354%2C5.608%20L15%2C5.729%20L10.5%2C9.317%20L12.135%2C15%20L7.5%2C11.609%20L2.865%2C15%20L4.5%2C9.317%20L0%2C5.729%20L5.646%2C5.608%20L7.5%2C0%20z%22%20fill%3D%22%23FF5522%22%2F%3E%3C%2Fsvg%3E");
    background-size: 15px 15px;
    background-position: 0 50%;
    background-repeat: repeat-x;
}
.CallBackStars5 {
    margin: 0;
    width: 75px;
    height: 25px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%2C%200%2C%2015%2C%2015%22%3E%3Cpath%20d%3D%22M7.5%2C0%20L9.354%2C5.608%20L15%2C5.729%20L10.5%2C9.317%20L12.135%2C15%20L7.5%2C11.609%20L2.865%2C15%20L4.5%2C9.317%20L0%2C5.729%20L5.646%2C5.608%20L7.5%2C0%20z%22%20fill%3D%22%23FF5522%22%2F%3E%3C%2Fsvg%3E");
    background-size: 15px 15px;
    background-position: 0 50%;
    background-repeat: repeat-x;
}

#OrderIcons {
    text-align: center;
}
.OrderIcons {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 160px;
    margin: 5px;
    padding: 10px 0;
    border-radius: 3px;
}
.OrderIcons img {
    width: 40px;
    height: 40px;
}
.OrderIcons div {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}
.OrderIcons div:first-of-type {
    height: 20px;
    line-height: 20px;
}
.OrderIconsOn {
    width: 158px;
    padding: 9px 0;
    background-color: transparent;
    border: solid 1px #ffffff;
}

.MyOrdersT {
    border-collapse: collapse;
    width: 100%;
}
.MyOrdersT td:nth-of-type(2n) {
    text-align: right;
}
.MyOrdersT td {
    border-bottom: solid 1px #d0d0d0;
    padding: 10px;
}

#MyCart {
    position: relative;
}
.MyCart {
    position: relative;
    background-color: #ffffff;
    border-top: solid 1px #999999;
    min-height: 100px;
    line-height: 60px;
    padding: 10px 60px 10px 110px;
    text-align: right;
}
.MyCartClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.MyCartClose:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.MyCart:first-of-type {
    border-top: none;
    border-radius: 10px 10px 0 0;
}
.MyCart:last-of-type {
    border-radius: 0 0 10px 10px;
}
.MyCartImg {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 80px;
    bottom: 20px;
}
.MyCartImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.MyCartName {
    padding: 10px;
    line-height: 20px;
    font-size: 16px;
    text-align: left;
}
.MyCartPriceSum {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    padding: 10px;
    line-height: 40px;
    font-size: 16px;
    text-align: right;
}
.OrderPriceSum {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    padding: 30px 10px 10px 10px;
    line-height: 20px;
    font-size: 16px;
    text-align: right;
}
.MyCartPriceDiv {
    display: inline-block;
    vertical-align: top;
}
.OrderPriceDiv {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 60px;
}
.OrderPriceDiv div {
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
}
.OrderPriceDiv div:nth-of-type(2) {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
}
.OrderPriceDiv input {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    margin: 0;
    padding: 9px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    border: solid 1px #999999;
    border-radius: 10px;
}
.OrderPrice {
    display: inline-block;
    vertical-align: top;
}
.OrderPrice div {
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
}
.OrderPrice div:nth-of-type(2) {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
}
.OrderPrice input {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    margin: 0;
    padding: 9px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    border: solid 1px #999999;
    border-radius: 10px;
}
.MyCartPriceCount {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    margin: 10px 0;
    padding: 9px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    border: solid 1px #999999;
}
.OrderPriceCount {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    margin: 10px 0;
    padding: 9px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    border: solid 1px #999999;
    border-radius: 10px;
}
.OrderReady {
    background-color: #ffffff;
    display: block;
    width: 100px;
    margin: 10px 0;
    padding: 9px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    border: solid 1px #999999;
    border-radius: 10px;
}
.MyCartPriceMinus {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    border: solid 1px #999999;
    border-right: none;
    width: 39px;
    height: 38px;
    margin: 10px 0;
    border-radius: 40px 0 0 40px;
    background-size: 19px 19px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%2C%200%2C%2038%2C%2038%22%3E%3Cpath%20d%3D%22M1%2C19%20L37%2C19%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.MyCartPriceMinus:hover {
    background-color: #cd5555;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%2C%200%2C%2038%2C%2038%22%3E%3Cpath%20d%3D%22M1%2C19%20L37%2C19%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.MyCartPricePlus {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    border: solid 1px #999999;
    border-left: none;
    width: 39px;
    height: 38px;
    margin: 10px 0;
    border-radius: 0 40px 40px 0;
    background-size: 19px 19px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%2C%200%2C%2038%2C%2038%22%3E%3Cpath%20d%3D%22M1%2C19%20L37%2C19%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19%2C37%20L19%2C1%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.MyCartPricePlus:hover {
    background-color: #cd5555;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%2C%200%2C%2038%2C%2038%22%3E%3Cpath%20d%3D%22M1%2C19%20L37%2C19%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19%2C37%20L19%2C1%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.MyCartPrice {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    padding: 10px;
    line-height: 40px;
    font-size: 16px;
    text-align: right;
}
.MyCartTotal {
    background-color: #ffffff;
    position: relative;
    border-top: solid 1px #999999;
    min-height: 20px;
    padding: 10px 60px 10px 110px;
    text-align: right;
    border-radius: 0 0 10px 10px;
}
.MyCartTotalName {
    float: left;
    position: relative;
    padding: 10px;
    min-height: 20px;
}
.MyCartTotalSum {
    float: right;
    position: relative;
    padding: 10px;
    min-height: 20px;
    text-align: right;
}
#OrderMsgW {
    display: none;
    background-color: #f5f5f5;
    margin: 0;
    padding: 20px;
    min-height: 20px;
}
#OrderMsg {
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 998px;
    min-height: 18px;
    line-height: 20px;
    font-size: 16px;
    border-radius: 10px;
    border: solid 1px #22BB55;
}
.OrderMsg {
    padding: 20px;
    color: #22BB55;
}
.OrderUD {
    position: relative;
    padding: 0 0 20px 30px;
    line-height: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.OrderUD0 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C40%20C8.954%2C40%200%2C31.046%200%2C20%20C0%2C8.954%208.954%2C0%2020%2C0%20C31.046%2C0%2040%2C8.954%2040%2C20%20C40%2C31.046%2031.046%2C40%2020%2C40%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C0%20C31.046%2C0%2040%2C8.954%2040%2C20%20C40%2C31.046%2031.046%2C40%2020%2C40%20C8.954%2C40%200%2C31.046%200%2C20%20C0%2C8.954%208.954%2C0%2020%2C0%20z%20M20%2C2%20C10.059%2C2%202%2C10.059%202%2C20%20C2%2C29.941%2010.059%2C38%2020%2C38%20C29.941%2C38%2038%2C29.941%2038%2C20%20C38%2C10.059%2029.941%2C2%2020%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
.OrderUD30 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C40%20C8.954%2C40%200%2C31.046%200%2C20%20C0%2C8.954%208.954%2C0%2020%2C0%20C31.046%2C0%2040%2C8.954%2040%2C20%20C40%2C31.046%2031.046%2C40%2020%2C40%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C0%20C31.046%2C0%2040%2C8.954%2040%2C20%20C40%2C31.046%2031.046%2C40%2020%2C40%20C8.954%2C40%200%2C31.046%200%2C20%20C0%2C8.954%208.954%2C0%2020%2C0%20z%20M20%2C2%20C10.059%2C2%202%2C10.059%202%2C20%20C2%2C29.941%2010.059%2C38%2020%2C38%20C29.941%2C38%2038%2C29.941%2038%2C20%20C38%2C10.059%2029.941%2C2%2020%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M10.5%2C20.5%20L17.5%2C27.5%20L30.5%2C14.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%224%2C4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.OrderUD40 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C40%20C8.954%2C40%200%2C31.046%200%2C20%20C0%2C8.954%208.954%2C0%2020%2C0%20C31.046%2C0%2040%2C8.954%2040%2C20%20C40%2C31.046%2031.046%2C40%2020%2C40%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C0%20C31.046%2C0%2040%2C8.954%2040%2C20%20C40%2C31.046%2031.046%2C40%2020%2C40%20C8.954%2C40%200%2C31.046%200%2C20%20C0%2C8.954%208.954%2C0%2020%2C0%20z%20M20%2C2%20C10.059%2C2%202%2C10.059%202%2C20%20C2%2C29.941%2010.059%2C38%2020%2C38%20C29.941%2C38%2038%2C29.941%2038%2C20%20C38%2C10.059%2029.941%2C2%2020%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M10.5%2C20.5%20L17.5%2C27.5%20L30.5%2C14.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.OrderUD50 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C40%20C8.954%2C40%200%2C31.046%200%2C20%20C0%2C8.954%208.954%2C0%2020%2C0%20C31.046%2C0%2040%2C8.954%2040%2C20%20C40%2C31.046%2031.046%2C40%2020%2C40%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C0%20C31.046%2C0%2040%2C8.954%2040%2C20%20C40%2C31.046%2031.046%2C40%2020%2C40%20C8.954%2C40%200%2C31.046%200%2C20%20C0%2C8.954%208.954%2C0%2020%2C0%20z%20M20%2C2%20C10.059%2C2%202%2C10.059%202%2C20%20C2%2C29.941%2010.059%2C38%2020%2C38%20C29.941%2C38%2038%2C29.941%2038%2C20%20C38%2C10.059%2029.941%2C2%2020%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M11.5%2C29.5%20L29.5%2C11.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.5%2C29.5%20L11.5%2C11.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#OrderUDUser {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M20%2C16%20C31.046%2C16%2040%2C26.745%2040%2C40%20L40%2C40%20L0%2C40%20L0%2C40%20C-0%2C26.745%208.954%2C16%2020%2C16%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C16%20C31.046%2C16%2040%2C26.745%2040%2C40%20L0%2C40%20L0%2C40%20C-0%2C26.745%208.954%2C16%2020%2C16%20L20%2C16%20z%20M20.001%2C18%20L20%2C18%20C9.676%2C18.379%202.493%2C28.16%202.083%2C38%20L37.917%2C38%20C37.515%2C27.96%2030.308%2C18.637%2020.001%2C18%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3Cpath%20d%3D%22M20%2C24%20C13.373%2C24%208%2C18.627%208%2C12%20C8%2C5.373%2013.373%2C0%2020%2C0%20C26.627%2C0%2032%2C5.373%2032%2C12%20C32%2C18.627%2026.627%2C24%2020%2C24%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M20%2C0%20C26.627%2C0%2032%2C5.373%2032%2C12%20C32%2C18.627%2026.627%2C24%2020%2C24%20C13.373%2C24%208%2C18.627%208%2C12%20C8%2C5.373%2013.373%2C0%2020%2C0%20z%20M20%2C2%20C14.477%2C2%2010%2C6.477%2010%2C12%20C10%2C17.523%2014.477%2C22%2020%2C22%20C25.523%2C22%2030%2C17.523%2030%2C12%20C30%2C6.477%2025.523%2C2%2020%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
#OrderUDDate {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M4%2C0%20L36%2C0%20C38.209%2C0%2040%2C1.791%2040%2C4%20L40%2C36%20C40%2C38.209%2038.209%2C40%2036%2C40%20L4%2C40%20C1.791%2C40%200%2C38.209%200%2C36%20L0%2C4%20C0%2C1.791%201.791%2C0%204%2C0%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M36%2C0%20C38.209%2C0%2040%2C1.791%2040%2C4%20L40%2C36%20C40%2C38.209%2038.209%2C40%2036%2C40%20L4%2C40%20C1.791%2C40%200%2C38.209%200%2C36%20L0%2C4%20C0%2C1.791%201.791%2C0%204%2C0%20L36%2C0%20z%20M36%2C2%20L4%2C2%20C2.895%2C2%202%2C2.895%202%2C4%20L2%2C36%20C2%2C37.105%202.895%2C38%204%2C38%20L36%2C38%20C37.105%2C38%2038%2C37.105%2038%2C36%20L38%2C4%20C38%2C2.895%2037.105%2C2%2036%2C2%20z%22%20fill%3D%22%23cd5555%22%2F%3E%3C%2Fsvg%3E");
}
#OrderUDDateDay {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    text-align: center;
}
#OrderUDDateDay div {
    height: 10px;
    line-height: 10px;
    font-size: 10px;
}
#OrderUDDateDay div:first-of-type {
    margin: 1px 0 0 0;
    height: 8px;
    line-height: 8px;
    font-size: 8px;
}

#MyOs {
    background-color: #ffffff;
    border-radius: 10px;
}
#MyOs a .MyOs {
    padding: 10px;
    border-top: solid 1px #999999;
    color: #333333;
}
#MyOs a:hover .MyOs {
    color: #cd5555;
}
#MyOs a:first-of-type .MyOs {
    border-top: none;
    border-radius: 10px 10px 0 0;
}
#MyOs a:last-of-type .MyOs {
    border-radius: 0 0 10px 10px;
}
.MyOsN {
    float: left;
    width: 180px;
    padding: 10px;
    line-height: 20px;
    font-size: 16px;
}
.MyOsU {
    float: left;
    width: 240px;
    padding: 10px;
    line-height: 20px;
    font-size: 16px;
}
.MyOsD {
    float: left;
    width: 100px;
    padding: 10px;
    line-height: 20px;
    font-size: 16px;
}
.MyOsS {
    float: right;
    width: 100px;
    padding: 10px;
    line-height: 20px;
    font-size: 16px;
    text-align: right;
}
#MyOrders {
    float: right;
    line-height: 20px;
    padding: 10px;
    border-radius: 10px;
    color: #ffffff;
    background-color: #cd5555;
}
#MyOrders:hover {
    background-color: #cd5555;
}
#MyOsSta {
    text-align: center;
    margin: -10px 0 0 0;
    padding: 0 0 20px 0;
}
.MyOsSta {
    position: relative;
    color: #333333;
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    border: solid 1px #ffffff;
    padding: 9px 14px;
    margin: 0px;
    border-radius: 10px;
}
.MyOsStaCount {
    position: absolute;
    color: #ffffff;
    background-color: #cd5555;
    top: 3px;
    right: 3px;
    height: 14px;
    min-width: 10px;
    padding: 0 2px;
    line-height: 14px;
    font-size: 10px;
    border-radius: 20px;
    text-align: center;
}
.MyOsSta:hover {
    color: #cd5555;
}
.MyOsSta:hover .MyOsStaCount {
    background-color: #cd5555;
}
.MyOsStaOn {
    background-color: transparent;
    border: solid 1px #cd5555;
    padding: 9px 14px;
}
.MyOsStaOn:hover {
    border: solid 1px #cd5555;
}

#MyAgeF {
    position: fixed;
    z-index: 3000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba( 255, 255, 255, 0.8 );
}
#MyAgeD {
    position: absolute;
    z-index: 3001;
    margin: 20px auto;
    top: calc( 50% - 220px );
    right: 20px;
    left: 20px;
    bottom: 0;
    max-width: 480px;
    max-height: 360px;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2 );
}
#MyAgeT {
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    bottom: 80px;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
    border-radius: 2px;
}
#MyAgeLogo {
    padding: 20px;
    height: 30px;
    background-size: 120px 30px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22960%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20960%2C%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22Gradient_1%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2260%22%20y1%3D%2216.077%22%20x2%3D%22180%22%20y2%3D%22223.923%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e19999%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CD5555%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Gradient_2%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22151.058%22%20y1%3D%22238.035%22%20x2%3D%2288.942%22%20y2%3D%22126.607%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23CD5555%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237B3333%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M280%2C11.014%20L309.662%2C11.014%20L330.066%2C60.736%20L331.094%2C60.736%20L351.498%2C11.014%20L381.16%2C11.014%20L381.16%2C98.8%20L357.842%2C98.8%20L357.842%2C48.048%20L357.156%2C48.048%20L337.61%2C98.114%20L323.55%2C98.114%20L304.004%2C47.706%20L303.318%2C47.706%20L303.318%2C98.8%20L280%2C98.8%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M477.519%2C54.907%20Q477.519%2C69.566%20471.818%2C79.618%20Q466.117%2C89.67%20456.43%2C94.835%20Q446.742%2C100%20434.826%2C100%20Q422.824%2C100%20413.158%2C94.792%20Q403.492%2C89.584%20397.813%2C79.532%20Q392.133%2C69.481%20392.133%2C54.907%20Q392.133%2C40.247%20397.813%2C30.195%20Q403.492%2C20.144%20413.158%2C14.979%20Q422.824%2C9.813%20434.826%2C9.813%20Q446.742%2C9.813%20456.43%2C14.979%20Q466.117%2C20.144%20471.818%2C30.195%20Q477.519%2C40.247%20477.519%2C54.907%20z%20M453%2C54.907%20Q453%2C47.02%20450.922%2C41.597%20Q448.843%2C36.175%20444.792%2C33.367%20Q440.741%2C30.56%20434.826%2C30.56%20Q428.911%2C30.56%20424.86%2C33.367%20Q420.809%2C36.175%20418.73%2C41.597%20Q416.652%2C47.02%20416.652%2C54.907%20Q416.652%2C62.794%20418.73%2C68.216%20Q420.809%2C73.638%20424.86%2C76.446%20Q428.911%2C79.254%20434.826%2C79.254%20Q440.741%2C79.254%20444.792%2C76.446%20Q448.843%2C73.638%20450.922%2C68.216%20Q453%2C62.794%20453%2C54.907%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M488.492%2C11.014%20L512.325%2C11.014%20L512.325%2C56.964%20L513.011%2C56.964%20L544.216%2C11.014%20L564.448%2C11.014%20L564.448%2C98.8%20L540.615%2C98.8%20L540.615%2C52.678%20L540.101%2C52.678%20L508.381%2C98.8%20L488.492%2C98.8%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M280%2C228.986%20L280%2C141.2%20L318.064%2C141.2%20Q328.094%2C141.2%20334.931%2C143.901%20Q341.768%2C146.601%20345.261%2C151.53%20Q348.754%2C156.46%20348.754%2C163.147%20Q348.754%2C167.99%20346.633%2C171.977%20Q344.511%2C175.963%20340.696%2C178.642%20Q336.881%2C181.321%20331.78%2C182.35%20L331.78%2C183.207%20Q337.438%2C183.422%20342.068%2C186.058%20Q346.697%2C188.694%20349.44%2C193.302%20Q352.184%2C197.91%20352.184%2C204.125%20Q352.184%2C211.326%20348.433%2C216.941%20Q344.682%2C222.557%20337.781%2C225.772%20Q330.88%2C228.986%20321.321%2C228.986%20z%20M303.833%2C209.955%20L314.977%2C209.955%20Q320.978%2C209.955%20323.979%2C207.704%20Q326.979%2C205.454%20326.979%2C201.039%20Q326.979%2C197.953%20325.565%2C195.809%20Q324.15%2C193.666%20321.557%2C192.552%20Q318.964%2C191.437%20315.32%2C191.437%20L303.833%2C191.437%20z%20M303.833%2C176.692%20L313.606%2C176.692%20Q316.735%2C176.692%20319.135%2C175.706%20Q321.536%2C174.72%20322.886%2C172.855%20Q324.236%2C170.991%20324.236%2C168.29%20Q324.236%2C164.218%20321.321%2C162.054%20Q318.406%2C159.889%20313.949%2C159.889%20L303.833%2C159.889%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M360.585%2C141.2%20L384.418%2C141.2%20L384.418%2C187.151%20L385.103%2C187.151%20L416.309%2C141.2%20L436.541%2C141.2%20L436.541%2C228.986%20L412.708%2C228.986%20L412.708%2C182.864%20L412.194%2C182.864%20L380.474%2C228.986%20L360.585%2C228.986%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M447.857%2C228.986%20L447.857%2C141.2%20L471.689%2C141.2%20L471.689%2C175.492%20L503.238%2C175.492%20L503.238%2C141.2%20L527.07%2C141.2%20L527.07%2C228.986%20L503.238%2C228.986%20L503.238%2C194.695%20L471.689%2C194.695%20L471.689%2C228.986%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M623.429%2C185.093%20Q623.429%2C199.753%20617.728%2C209.805%20Q612.027%2C219.856%20602.34%2C225.021%20Q592.653%2C230.187%20580.736%2C230.187%20Q568.734%2C230.187%20559.068%2C224.979%20Q549.402%2C219.771%20543.723%2C209.719%20Q538.043%2C199.667%20538.043%2C185.093%20Q538.043%2C170.434%20543.723%2C160.382%20Q549.402%2C150.33%20559.068%2C145.165%20Q568.734%2C140%20580.736%2C140%20Q592.653%2C140%20602.34%2C145.165%20Q612.027%2C150.33%20617.728%2C160.382%20Q623.429%2C170.434%20623.429%2C185.093%20z%20M598.911%2C185.093%20Q598.911%2C177.206%20596.832%2C171.784%20Q594.753%2C166.362%20590.702%2C163.554%20Q586.652%2C160.746%20580.736%2C160.746%20Q574.821%2C160.746%20570.77%2C163.554%20Q566.72%2C166.362%20564.641%2C171.784%20Q562.562%2C177.206%20562.562%2C185.093%20Q562.562%2C192.98%20564.641%2C198.403%20Q566.72%2C203.825%20570.77%2C206.633%20Q574.821%2C209.44%20580.736%2C209.44%20Q586.652%2C209.44%20590.702%2C206.633%20Q594.753%2C203.825%20596.832%2C198.403%20Q598.911%2C192.98%20598.911%2C185.093%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M627.887%2C160.403%20L627.887%2C141.2%20L704.186%2C141.2%20L704.186%2C160.403%20L677.781%2C160.403%20L677.781%2C228.986%20L654.291%2C228.986%20L654.291%2C160.403%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M713.101%2C228.986%20L713.101%2C141.2%20L776.369%2C141.2%20L776.369%2C160.403%20L736.934%2C160.403%20L736.934%2C175.492%20L773.111%2C175.492%20L773.111%2C194.695%20L736.934%2C194.695%20L736.934%2C209.783%20L776.198%2C209.783%20L776.198%2C228.986%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M841.694%2C228.986%20L814.261%2C193.495%20L812.032%2C193.495%20L812.032%2C228.986%20L788.2%2C228.986%20L788.2%2C141.2%20L812.032%2C141.2%20L812.032%2C174.291%20L816.147%2C174.291%20L846.324%2C141.2%20L877.7%2C141.2%20L837.408%2C185.265%20L871.871%2C228.986%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M884.044%2C141.2%20L907.877%2C141.2%20L907.877%2C187.151%20L908.563%2C187.151%20L939.768%2C141.2%20L960%2C141.2%20L960%2C228.986%20L936.167%2C228.986%20L936.167%2C182.864%20L935.653%2C182.864%20L903.933%2C228.986%20L884.044%2C228.986%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M180%2C0%20C220%2C40%20240%2C96%20240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C-0%2C96%2020%2C40%2060%2C-0%20z%22%20fill%3D%22url(%23Gradient_1)%22%2F%3E%3Cpath%20d%3D%22M240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C120%2C80%20120%2C200%20240%2C144%20z%22%20fill%3D%22url(%23Gradient_2)%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 20px 20px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    text-align: right;
}
#MyAgeAge {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background-color: #cd5555;
    border-radius: 40px;
}
#MyAgeText {
    padding: 10px;
}
#MyAgeText p {
    margin: 0;
    padding: 10px;
    line-height: 20px;
    font-size: 16px;
    text-align: justify;
}
#MyAgeText p:nth-of-type(1), #MyAgeText p:nth-of-type(2) {
    font-size: 16px;
}
#MyAgeText a {
    color: #333333;
}
#MyAgeText a:hover {
    text-decoration: underline;
}
#MyAgeButtonD {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 79px;
    background-color: #ffffff;
    border-top: solid 1px #ffffff;
    border-radius: 0 0 5px 5px;
}
#MyAgeButton {
    width: 160px;
    margin: 20px auto;
    padding: 10px 10px;
    height: 20px;
    color: #ffffff;
    background-color: #cd5555;
    font-size: 16px;
    line-height: 20px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}
#MyAgeButton:hover {
    background-color: #55cdcd;
}

.ExtraFilter {
	float: left;
	background-color: #fcfcfc;
	padding: 3px;
	margin: 0 0 3px 0;
	border-radius: 3px;
}
.ExtraFilter input {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	padding: 0 5px;
	height: 24px;
	font-size: 14px;
    line-height: 24px;
	border: solid 1px #cccccc;
	border-radius: 3px;
}
.ExtraFilterT {
	display: inline-block;
	vertical-align: top;
	height: 26px;
	padding: 0 5px;
    line-height: 26px;
}
.ExtraFilterOK {
	display: inline-block;
	vertical-align: top;
	height: 26px;
	padding: 0 10px;
    line-height: 26px;
	color: #ffffff;
	background-color: #cd5555;
	border-radius: 3px;
	cursor: pointer;
}
.ExtraFilterOK:hover {
	background-color: #cd5555;
}
.PathL {
	clear: both;
}

#ShopsAddresses {
    padding: 40px 20px;
    background-color: #ffffff;
}
#ShopsAddresses h1 {
    position: relative;
    display: block;
    min-height: 40px;
    margin: 0;
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
}

#ShopsMap {
    background-color: #ffffff;
    height: 440px;
}
.ShopsMapD {
    color: #cd5555;    
}
#Shops {
}
.Shops {
    background-color: #ffffff;
    margin: 20px 0 0 0;
    padding: 10px;
    border-radius: 5px;
}
.ShopsImg {
    float: left;
    padding: 10px;
    width: 160px;
    height: 40px;
}
.ShopsImg img {
    display: block;
    width: 160px;
    height: 40px;
    object-fit: contain;
    object-position: 0 0;
}
.ShopsAbouts {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.ShopsAbout {
    display: block;
}
@media all and ( max-width: 660px ) {
    .ShopsAbouts {
        flex-direction: column;
    }
}
.ShopsAboutD {
    padding: 10px 10px 0 10px;
    line-height: 20px;
    font-size: 14px;
    color: #999999;
}
.ShopsAboutD:nth-of-type(2) {
    padding: 0 10px 10px 10px;
    font-size: 16px;
    color: #333333;
}
.ShopsPhoto {
    display: inline-block;
    vertical-align: top;
    width: calc( 100%/6 - 20px );
    height: 80px;
    padding: 10px;
    border-radius: 5px;
}
@media all and ( max-width: 660px ) {
    .ShopsPhoto {
        width: calc( 100%/3 - 20px );
    }
}
.ShopsPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.ShopsName {
    float: left;
    padding: 10px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
    color: #333333;
}
.ShopsName:nth-of-type(2) {
    float: right;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
}
@media all and ( max-width: 660px ) {
    .ShopsName, .ShopsName:nth-of-type(2) {
        float: none;
    }
}
.ShopsMenu {
    display: inline-block;
    vertical-align: top;
    background-color: #f5f5f5;
    margin: 0 0 0 1px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #ffffff;
}
.ShopsMenu:first-of-type {
    margin: 0;
}
.ShopsMenuTG {
    background-image: url(tgs.svg);
    padding: 0 10px 0 32px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.ShopsMenuTG:hover {
    background-image: url(tgs_a.svg);
    color: #55cdcd;
}
.ShopsMenuTG:hover a {
    color: #55cdcd;
}
.ShopsBalloon {
    padding: 5px 5px 10px 5px;
}
.ShopsBalloon div {
    background-color: #f5f5f5;
    margin: 1px 5px 0 5px;
    padding: 0 10px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #ffffff;
}
.ShopsBalloon div:first-of-type {
    background-color: transparent;
    padding: 0 0 0 0;
    line-height: 30px;
    font-size: 24px;
    font-size: 600;
}
.ShopsBalloon div:nth-of-type(2) {
    background-color: transparent;
    padding: 0 0 9px 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
}

/* @media all and ( max-width: 1919px ) { */
@media all and ( max-width: 1919px ) {
    .GoodsList, #Path {
        width: calc( 100%/4 - 20px );
    }
}
/* @media all and ( max-width: 1919px ) { */

/* @media all and ( max-width: 1440px ) { */
@media all and ( max-width: 1439px ) {
    .GoodsList, #Path {
        width: calc( 100%/3 - 20px );
    }
}
/* @media all and ( max-width: 1400px ) { */
/* @media all and ( max-width: 1024px ) { */
@media all and ( max-width: 1023px ) {
    .GoodsList, #Path {
        width: calc( 100%/2 - 20px );
    }
}
/* @media all and ( max-width: 1024px ) { */

/* @media all and ( max-width: 767px ) { */
@media all and ( max-width: 767px ) {

    .MenuSearchResultItem, .MenuSearchResultAll {
        width: calc( 100%/2 - 20px );
    }
    .SubMenu {
        flex-direction: column;
    }
    .SubMenuNameEmpty {
        height: 0;
        padding: 0 10px;
    }
    .SubMenuItems li {
        display: inline-block;
    }
    .GoodsList, #Path {
        width: calc( 100% - 20px );
    }
    #Path {
        padding: 19px 0 0 0;
    }
    .HomeList {
        width: calc( 100%/2 - 20px );
    }
    .TableI {
        width: calc( 100% - 40px );
    }
    .MyOsU {
        clear: left;
    }
    
}
/* @media all and ( max-width: 767px ) { */

/* @media all and ( max-width: 640px ) { */
@media all and ( max-width: 640px ) {

    .MyCart {
        padding: 10px 10px 10px 110px;
    }
    .MyCartName {
        margin: 0 50px 0 0;
    }
    .MyCartPriceCount, .MyCartPriceMinus, .MyCartPricePlus {
        margin: 0;
    }
    .MyCartPriceDiv, .OrderPriceDiv, .OrderPrice {
        width: calc( 100% );
        text-align: right;
    }
    .MyCartPrice, .MyCartPriceSum {
        width: calc( 100% - 20px );
        display: block;
        text-align: right;
        line-height: 20px;
    }
    .OrderPrice div, .OrderPriceDiv div {
        float: right;
        clear: both;
    }
    .OrderPriceDivNul div, .OrderPriceDivNul div {
        height: 0px;
    }
    .OrderPrice div:first-of-type, .OrderPriceDiv div:first-of-type {
        padding: 0 10px;
        width: 40px;
    }
    .OrderPrice div:first-of-type {
        width: 80px;
    }
    .OrderPriceSum {
        width: calc( 100% - 20px );
        display: block;
        text-align: right;
        padding: 10px;
        line-height: 20px;
    }
    .MyCartTotal {
        padding: 10px;
    }
    #MyOrders {
        float: left;
    }
    #CartHeader h1 {
        clear: left;
    }

}
/* @media all and ( max-width: 640px ) { */

/* @media all and ( max-width: 568px ) { */
@media all and ( max-width: 568px ) {
 
    .MenuSearchResultItem, .MenuSearchResultAll {
        width: calc( 100% - 20px );
    }
    .HomeList {
        width: calc( 100% - 20px );
    }

}
/* @media all and ( max-width: 568px ) { */

/* @media all and ( max-width: 399px ) { */
@media all and ( max-width: 399px ) {

    /* #TopLogo {
        width: 50px;
        background-size: 50px 50px;
        background-image: url( moivinoteki.svg );
    }
    #TopLogo:hover {
        background-image: url( moivinoteki_on.svg );
    } */
    h1, h2, h3, h4, h5, h6 {
        font-size: 16px;
        line-height: 20px;
        min-height: 20px;
    }
    .MyOsN, .MyOsU, .MyOsD, .MyOsS {
        float: none;
        width: auto;
        text-align: left;
    }
    #MyOs a:hover {
        text-decoration: none;
    }
    
}
/* @media all and ( max-width: 399px ) { */

/* @media all and ( max-width: 359px ) { */
@media all and ( max-width: 359px ) {

    .GoodsListMail {
        width: calc( 100% - 40px );
    }
    #BreadCrumbs li {
        font-size: 12px;
    }
    
}
/* @media all and ( max-width: 359px ) { */

.PageText {
    /* background-color: #f5f5f5; */
    clear: both;
    margin: 0;
    padding: 10px 20px;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
}
.PageText p {
    margin: 0;
    padding: 10px 0;
}
.PageText:first-of-type p {
    margin: 0;
    padding: 0;
}
.PageText a {
    color: #cd5555;
}
.PageText a:hover {
    color: #55cdcd;
}
#TextBefore {
    position: relative;
    margin: -20px auto 20px auto;
    padding: 0 20px;
    max-width: 960px;
    max-height: 40px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
}
#TextBefore p {
    margin: 0;
    padding: 0;
}
#TextBeforeOpen {
    display: none;
    background-color: #ffffff;
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%2C%200%2C%2012%2C%208%22%3E%3Cpath%20d%3D%22M1.5%2C1.5%20L6.5%2C7.5%20L11.5%2C1.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-size: 12px 8px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
#TextBeforeOpen:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%2C%200%2C%2012%2C%208%22%3E%3Cpath%20d%3D%22M1.5%2C1.5%20L6.5%2C7.5%20L11.5%2C1.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#TextMore {
    overflow: hidden;
    position: relative;
    margin: 20px 0;
    height: 120px;
    padding: 40px 20px 20px 20px;
    font-size: 14px;
    background-color: #ffffff;
}
#TextMore p {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 0 20px 0;
}
/* @media all and ( max-width: 1440px ) {
    #TextMore {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
@media all and ( max-width: 1023px ) {
    #TextMore {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media all and ( max-width: 767px ) {
    #TextMore {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
} */
#TextMoreOpen {
    /* display: none; */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background-size: 40px 40px, 80px 80px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%2C%200%2C%2080%2C%2080%22%3E%3Cpath%20d%3D%22M40%2C80%20C17.909%2C80%200%2C62.091%200%2C40%20C0%2C17.909%2017.909%2C0%2040%2C0%20C62.091%2C0%2080%2C17.909%2080%2C40%20C80%2C62.091%2062.091%2C80%2040%2C80%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M22.5%2C32.5%20L40.5%2C48.5%20L58.5%2C32.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%2C%200%2C%2080%2C%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22Gradient_1%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2240%22%20y1%3D%2280%22%20x2%3D%2240%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220.249%22%20stop-color%3D%22%23FFFFFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFFFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cpath%20d%3D%22M0%2C0%20L80%2C0%20L80%2C80%20L0%2C80%20L0%2C0%20z%22%20fill%3D%22url(%23Gradient_1)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat, repeat-x;
    background-position: 50% 50%, 50% 50%;
    cursor: pointer;
}
#TextMoreOpen:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%2C%200%2C%2080%2C%2080%22%3E%3Cpath%20d%3D%22M40%2C80%20C17.909%2C80%200%2C62.091%200%2C40%20C0%2C17.909%2017.909%2C0%2040%2C0%20C62.091%2C0%2080%2C17.909%2080%2C40%20C80%2C62.091%2062.091%2C80%2040%2C80%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M22.5%2C32.5%20L40.5%2C48.5%20L58.5%2C32.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%2C%200%2C%2060%2C%2060%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22Gradient_1%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2230%22%20y1%3D%2260%22%20x2%3D%2230%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220.295%22%20stop-color%3D%22%23FFFFFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFFFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cpath%20d%3D%22M0%2C0%20L60%2C0%20L60%2C60%20L0%2C60%20L0%2C0%20z%22%20fill%3D%22url(%23Gradient_1)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}


#NotesW {
    background-color: #f5f5f5;
    height: 220px;
    overflow: hidden;
}
#Notes {
    clear: both;
    margin: 0;
    height: 200px;
    padding: 0 10px 60px 10px;
    /* background-color: #f5f555; */
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
}
.NotesW {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    margin: 20px 10px 0 10px;
    width: calc( 100%/4 - 40px - 20px );
    height: 160px;
    padding: 10px 10px 10px 10px;
    text-align: left;
    white-space: normal;
    border-radius: 10px;
    overflow: hidden;
}
.Notes {
    position: relative;
    width: 100%;
    padding: 0 50px 0 0;
    line-height: 20px;
    font-size: 14px;
    height: 150px;
    overflow: hidden;
    overflow-y: auto;
}
.NotesH, .NotesT {
    padding: 10px;
}
.NotesH {
    font-weight: 600;
}
.NotesT p {
    margin: 0;
    padding: 0;
}
@media all and ( max-width: 1400px ) {
    .NotesW {
        width: calc( 100%/3 - 40px );
    }
}
@media all and ( max-width: 1023px ) {
    .NotesW {
        width: calc( 100%/2 - 40px );
    }
}
@media all and ( max-width: 767px ) {
    .NotesW {
        width: calc( 100% - 40px );
        height: auto;
    }
    .Notes {
        height: auto;
    }
}

#CartHeader #BreadCrumbs {
    margin: 0 -20px;
}

#MyLaw {
    position: relative;
    background-color: #f5f5f5;
    margin: 0;
}
#MyLawD {
    position: relative;
    color: #ffffff;
    background-color: #B1CECF;
    padding: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
}
#MyLawD a:link, #MyLawD a:visited {
    color: #cd5555;
}
#MyLawD a:active, #MyLawD a:hover {
    color: #cd5555;
}
#MyLawHide {
    display: none;
    position: relative;
    float: right;
    margin: -10px -10px 10px 10px;
    width: 40px;
    height: 40px;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50px;
    cursor: pointer;
}
#MyLawHide:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M1%2C1%20L31%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2C1%20L1%2C31%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.MainName {
    margin: 0;
    padding: 40px 20px 20px 20px;
    min-height: 40px;
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
}
.MainName h2 {
    margin: 0;
    padding: 0;
    min-height: 30px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
}

.GoodsListNote {
    overflow: hidden;
    height: 240px;
    padding: 0 0 20px 0;
    position: relative;
    line-height: 20px;
}
.GoodsListNoteD {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    line-height: 20px;
    overflow: hidden;
}
.GoodsListNoteName {
    line-height: 20px;
    font-weight: 600;
}
.GoodsListNoteText {
    line-height: 20px;
}

#ClickOrderW {
    display: none;
    position: fixed;
    z-index: 3000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #333333;
    background-color: rgba( 255, 255, 255, 0.8 );
}
#ClickOrder {
background-color: #f5f5f5;
position: fixed;
z-index: 1103;
top: calc( 50% - 190px );
left: 0;
right: 0;
margin: 0 auto;
max-width: 400px;
height: 300px;
padding: 40px;
border-radius: 3px;
box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2 );
}
.ClickOrderT {
font-weight: 600;
}
#ClickOrderA {
display: none;
clear: both;
}
#ClickOrderF {
clear: both;
}
.ClickOrderH {
clear: both;
margin: 20px 0 0 0 ;
height: 20px;
line-height: 20px;
font-size: 14px;
text-align: left;
}
.ClickOrderInput {
clear: both;
margin: 5px 0 0 0 ;
border-radius: 5px;
height: 38px;
line-height: 38px;
padding: 0 14px;
width: calc( 100% - 30px );
border: solid 1px #ffffff;
}
.ClickOrderInputStop {
border: solid 1px #669955;
}
#ClickOrderN {
    margin: 20px 0;
    height: 40px;
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
}
#ClickOrderBY {
float: right;
margin: 20px auto 0 auto;
color: #ffffff;
background-color: #cd5555;
border-radius: 5px;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 20px;
cursor: pointer;
}
#ClickOrderBY:hover {
background-color: #cd5555;
}
#ClickOrderClose {
position: absolute;
top: 30px;
right: 30px;
width: 40px;
height: 40px;
border-radius: 40px;
background-size: 16px 16px;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M2.5%2C2.5%20L30.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23333333%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M30.5%2C2.5%20L2.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23333333%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer;
}
#ClickOrderClose:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M2.5%2C2.5%20L30.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M30.5%2C2.5%20L2.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

#ShopContactsPopUpW {
    display: none;
    background-color: rgba( 255, 255, 255, 0.8 );
    position: fixed;
    z-index: 3000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}
#ShopContactsPopUpD {
    display: none;
    position: fixed;
    z-index: 3001;
    top: 0;
    right: calc( 50% - 320px );
    bottom: 0;
    left: alc( 50% - 320px );
    width: 640px;
    height: 100%;
    overflow: hidden;
}
#ShopContactsPopUpS {
    width: 640px;
    height: 100%;
    padding: 0 40px 0 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
}
#ShopContactsPopUp {
    background-color: #ffffff;
    position: relative;
    display: block;
    margin: 20px;
    width: 600px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2 );
}
#ShopContactsPopUpH {
    float: left;
    padding: 40px;
    width: calc( 100% - 200px );
    min-height: 40px;
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
}
#ShopContactsPopUpH img {
    display: block;
    height: 40px;
    width: 160px;
    object-fit: contain;
    object-position: 0 0;
}
#ShopContactsPopUpClose {
    float: right;
    width: 120px;
    height: 120px;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M2.5%2C2.5%20L30.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.5%2C30.5%20L30.5%2C2.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 60px;
    cursor: pointer;
}
#ShopContactsPopUpClose:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%2C%200%2C%2032%2C%2032%22%3E%3Cpath%20d%3D%22M2.5%2C2.5%20L30.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.5%2C30.5%20L30.5%2C2.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%2355cdcd%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#ShopContactsPopUpMenu {
    clear: both;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
}
.ShopContactsPopUpMenu {
    display: inline-block;
    vertical-align: top;
    color: #cd5555;
    background-color: #ffffff;
    margin: 0 0 0 1px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer;
}
.ShopContactsPopUpMenu:hover {
    color: #55cdcd;
}
.ShopContactsPopUpMenu:first-of-type {
    margin: 0;
}
.ShopContactsPopUpMenuOn {
    cursor: auto;
    color: #333333;
    background-color: transparent;
}
.ShopContactsPopUpMenuOn a, .ShopContactsPopUpMenuOn:hover {
    color: #333333;
}
#ShopContactsPopUpMap {
    clear: both;
    width: 100%;
    height: 300px;
}
#ShopContactsPopUpHT {
    padding: 30px;
}
.ShopContactsPopUpH {
    clear: both;
    float: left;
    margin: 10px;
    color: #999999;
}
.ShopContactsPopUpT {
    float: right;
    margin: 10px;
}
#ShopContactsPopUpPhotos {
    padding: 10px;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
}
.ShopContactsPopUpPhotos {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width: calc( 100%/3 - 20px );
    height: 150px;
    border-radius: 5px;
}
.ShopContactsPopUpPhotos img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}
.ShopContactsPopUpTab {
    display: none;
}
.ShopContactsPopUpTab:first-of-type {
    display: block;
}
#ShopContactsPopUpBalloon {
    padding: 10px 5px;
    line-height: 20px;
    font-size: 16px;
}
#ShopContactsPopUpBalloon div {
    background-color: #f5f5f5;
    margin: 1px 5px 0 5px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #ffffff;
}
#ShopContactsPopUpBalloon div:first-of-type {
    background-color: transparent;
    padding: 0 0 10px 0;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
}
@media all and ( max-width: 640px ) {
    #ShopContactsPopUpH {
        padding: 20px;
        width: calc( 100% - 140px );
        font-size: 24px;
    }
    #ShopContactsPopUpClose {
        width: 80px;
        height: 80px;
    }
    #ShopContactsPopUpD {
        right: 0;
        left: 0;
        width: 100%;
    }
    #ShopContactsPopUpS {
        width: calc( 100% - 40px );
    }
    #ShopContactsPopUp {
        width: 100%;
    }
    #ShopContactsPopUpHT {
        padding: 5px 15px 15px 15px;
    }
    .ShopContactsPopUpH {
        margin: 15px 5px 5px 5px;
    }
    .ShopContactsPopUpT {
        clear: both;
        float: left;
        margin: 5px;
    }
}
@media all and ( max-width: 570px ) {
    .ShopContactsPopUpPhotos {
        width: calc( 100%/2 - 20px );
        height: 150px;
    }
}
@media all and ( max-width: 400px ) {
    .ShopContactsPopUpPhotos {
        width: calc( 100% - 20px );
        height: 150px;
    }
}



#Blog {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    background-color: #f5f5f5;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}
.BlogW {
    position: relative;
    display: block;
    background-color: #ffffff;
    margin: 20px 0 0 20px;
    height: 230px;
    padding: 10px 10px 10px 10px;
    text-align: left;
    border-radius: 5px;
    overflow: hidden;
}
.Blog {
    position: relative;
    width: 100%;
    padding: 0 50px 0 0;
    height: 230px;
    overflow: hidden;
    overflow-y: auto;
}
.BlogH, .BlogT {
    padding: 10px;
}
.BlogH {
    font-weight: 600;
}
.BlogT p {
    margin: 0;
    padding: 0;
}
.HomeBlogAll {
    margin: 20px auto 0 auto;
    width: 160px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background-color: #ffffff;
}
.HomeBlogSwyper {
    position: relative;
    padding: 0;
}
.HomeBlogSwyper .swiper-wrapper {
    padding: 0 10px;
}
.HomeBlogSwyper .swiper-slide {
	width: calc( 100%/4 - 10px );
}
@media all and ( max-width: 1024px ) {
    .HomeBlogSwyper .swiper-slide {
        width: calc( 100%/3 - 10px );
    }
}
@media all and ( max-width: 768px ) {
    .HomeBlogSwyper .swiper-slide {
        width: calc( 100%/2 - 20px );
    } 
}
@media all and ( max-width: 640px ) {
    .HomeBlogSwyper .swiper-slide {
        width: calc( 100% - 40px );
    } 
}
/* .HomeBlogSwyper .swiper-pagination {
} */
.HomeBlogSwyper .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 20px;
    background-color: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	color: #cd5555;
}
.HomeBlogSwyper .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 20px;
    background-color: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	color: #cd5555;
}
.HomeBlogSwyper .swiper-button-prev:hover, .HomeBlogSwyper .swiper-button-next:hover {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 20px;
    background-color: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	color: #55cdcd;
}
.HomeBlogSwyper .swiper-button-prev:after, .HomeBlogSwyper .swiper-button-next:after {
	font-size: 14px;
    font-weight: 600;
}
.HomeBlogSwyper .swiper-horizontal>.swiper-pagination-bullets, .HomeBlogSwyper .swiper-pagination-bullets.swiper-pagination-horizontal, .HomeBlogSwyper .swiper-pagination-custom, .HomeBlogSwyper .swiper-pagination-fraction {
    bottom: 20px;
}
.HomeBlogSwyper .swiper-pagination-bullet {
    background-color: #3E3E3E;
}

#TableUL {
    float: left;
    width: calc( 50% );
}
#TableUR {
    float: left;
    width: calc( 50% - 20px );
    margin: 0 0 0 20px;
}
.TableH {
    line-height: 20px;
    font-size: 14px;
    padding: 20px 0 0 0;
}
.TableI {
    display: block;
    margin: 0 0 0 0;
    padding: 0 19px;
    width: calc( 100% - 40px );
    height: 38px;
    line-height: 38px;
    border: solid 1px #ffffff;
    border-radius: 5px;
}
.TableB {
    margin: 20px 0 0 0;
    padding: 0 20px;
    height: 38px;
    border: solid 1px #cd5555;
    color: #ffffff;
    background-color: #cd5555;
    border-radius: 5px;
    cursor: pointer;
    -webkit-appearance: none;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.1 );
}
.TableB:hover {
    border: solid 1px #cd5555;
    background-color: #cd5555;
}
.TableT {
    display: block;
    margin: 0 0 0 0;
    padding: 19px;
    width: calc( 100% - 38px );
    height: 160px;
    line-height: 20px;
    border: solid 1px #ffffff;
    border-radius: 5px;
}
@media all and ( max-width: 640px ) {
    #TableUL {
        float: none;
        width: calc( 100% );
    }
    #TableUR {
        float: none;
        width: calc( 100% );
        margin: 0;
    }
}

#CartHowL {
    float: left;
    width: calc( 50% );
    margin: 20px 0 0 0;
}
#CartHowR {
    float: left;
    width: calc( 50% - 20px );
    margin: 20px 0 0 20px;
}
.CartHow {
    min-height: 38px;
    border-radius: 5px;
    border: solid 1px #ffffff;
    padding: 20px 20px 20px 100px;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}
.CartHowOn {
    background-color: #ffffff;
}
.CartHow div {
    margin: 0 0 0 0;
}
.CartHow div:first-of-type {
    font-weight: 600;
}
.CartHowShop {
    margin: 20px 0 0 0;
    min-height: 38px;
    border-radius: 5px;
    border: solid 1px #ffffff;
    padding: 20px 20px 20px 100px;
    font-size: 16px;
    line-height: 20px;
    background-color: #ffffff;
}
.CartHowShop div {
    margin: 0 0 0 0;
}
.CartHowShop div:first-of-type {
    font-weight: 600;
}
.CartHowShop div:nth-of-type(2) {
    color: #cd5555;
    cursor: pointer;
}
#CartHowCar {
    background-size: 60px 40px;
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-image: url( cart_how_car.svg );
}
#CartHowShop {
    background-size: 60px 40px;
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-image: url( cart_how_shop.svg );
}
@media all and ( max-width: 720px ) {
    #CartHowL {
        float: none;
        width: calc( 100% );
    }
    #CartHowR {
        float: none;
        width: calc( 100% );
        margin: 0;
    }
}

#BMenu, #BMenuCD, #BMenuMD {
    display: none;
}
@media all and ( max-width: 1024px ) {

    #TopShopsOpen, #OnChatOpen, #MenuListSale {
        display: none;
    }

    #Bottom {
        padding-bottom: calc( 80px + 40px );
    }

    #BMenu {
        background-color: #cd5555;
        position: fixed;
        z-index: 2000;
        display: block;
        left: 0;
        right: 0;
        bottom: 0;
        height: 60px;
        border-top: solid 1px #faeeee;
    }
    .BMenu {
        position: relative;
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        width: calc( 25% );
        height: 20px;
        padding: 36px 0 10px 0;
        line-height: 14px;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        color: #faeeee;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: 50% 10px;
    }
    .BMenuSale {
        width: calc( 20% );
    }
    .BMenuH {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M180%2C0%20C220%2C40%20240%2C96%20240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C0%2C96%2020%2C40%2060%2C0%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M180%2C0%20C220%2C40%20240%2C96%20240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C0%2C96%2020%2C40%2060%2C0%20L180%2C0%20z%20M169.58%2C24%20L70.42%2C24%20C41.199%2C56.7%2024.593%2C100.232%2024%2C144%20C24%2C165.556%2031.353%2C182.651%2045.543%2C194.713%20C61.508%2C208.283%2086.535%2C216%20120%2C216%20C153.465%2C216%20178.492%2C208.283%20194.456%2C194.713%20C208.647%2C182.651%20216%2C165.556%20216%2C144%20C215.463%2C100.326%20198.821%2C56.572%20169.58%2C24%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C120%2C80%20120%2C200%20240%2C144%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuHOn {
        color: #e19999;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M180%2C0%20C220%2C40%20240%2C96%20240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C0%2C96%2020%2C40%2060%2C0%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M180%2C0%20C220%2C40%20240%2C96%20240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C0%2C96%2020%2C40%2060%2C0%20L180%2C0%20z%20M169.58%2C24%20L70.42%2C24%20C41.199%2C56.7%2024.593%2C100.232%2024%2C144%20C24%2C165.556%2031.353%2C182.651%2045.543%2C194.713%20C61.508%2C208.283%2086.535%2C216%20120%2C216%20C153.465%2C216%20178.492%2C208.283%20194.456%2C194.713%20C208.647%2C182.651%20216%2C165.556%20216%2C144%20C215.463%2C100.326%20198.821%2C56.572%20169.58%2C24%20z%22%20fill%3D%22%23e19999%22%2F%3E%3Cpath%20d%3D%22M240%2C144%20C240%2C200%20200%2C240%20120%2C240%20C40%2C240%200%2C200%200%2C144%20C120%2C80%20120%2C200%20240%2C144%20z%22%20fill%3D%22%23e19999%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuS {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M36%2C228%20L204%2C12%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FAEEEE%22%20stroke-width%3D%2224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M54%2C-0%20C83.823%2C-0%20108%2C24.177%20108%2C54%20C108%2C83.823%2083.823%2C108%2054%2C108%20C24.177%2C108%20-0%2C83.823%20-0%2C54%20C-0%2C24.177%2024.177%2C0%2054%2C-0%20z%20M54%2C24%20C37.431%2C24%2024%2C37.431%2024%2C54%20C24%2C70.569%2037.431%2C84%2054%2C84%20C70.569%2C84%2084%2C70.569%2084%2C54%20C84%2C37.431%2070.569%2C24%2054%2C24%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M186%2C132%20C215.823%2C132%20240%2C156.177%20240%2C186%20C240%2C215.823%20215.823%2C240%20186%2C240%20C156.177%2C240%20132%2C215.823%20132%2C186%20C132%2C156.177%20156.177%2C132%20186%2C132%20z%20M186%2C156%20C169.431%2C156%20156%2C169.431%20156%2C186%20C156%2C202.569%20169.431%2C216%20186%2C216%20C202.569%2C216%20216%2C202.569%20216%2C186%20C216%2C169.431%20202.569%2C156%20186%2C156%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuS {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M54%2C228%20L186%2C12%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FAEEEE%22%20stroke-width%3D%2224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M54%2C-0%20C83.823%2C-0%20108%2C24.177%20108%2C54%20C108%2C83.823%2083.823%2C108%2054%2C108%20C24.177%2C108%20-0%2C83.823%20-0%2C54%20C-0%2C24.177%2024.177%2C0%2054%2C-0%20z%20M54%2C24%20C37.431%2C24%2024%2C37.431%2024%2C54%20C24%2C70.569%2037.431%2C84%2054%2C84%20C70.569%2C84%2084%2C70.569%2084%2C54%20C84%2C37.431%2070.569%2C24%2054%2C24%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M186%2C132%20C215.823%2C132%20240%2C156.177%20240%2C186%20C240%2C215.823%20215.823%2C240%20186%2C240%20C156.177%2C240%20132%2C215.823%20132%2C186%20C132%2C156.177%20156.177%2C132%20186%2C132%20z%20M186%2C156%20C169.431%2C156%20156%2C169.431%20156%2C186%20C156%2C202.569%20169.431%2C216%20186%2C216%20C202.569%2C216%20216%2C202.569%20216%2C186%20C216%2C169.431%20202.569%2C156%20186%2C156%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuM {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M24%2C0%20L84%2C0%20C97.255%2C0%20108%2C10.745%20108%2C24%20L108%2C84%20C108%2C97.255%2097.255%2C108%2084%2C108%20L24%2C108%20C10.745%2C108%200%2C97.255%200%2C84%20L0%2C24%20C0%2C10.745%2010.745%2C0%2024%2C0%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M162.667%2C12%20L209.333%2C12%20C219.643%2C12%20228%2C20.357%20228%2C30.667%20L228%2C77.333%20C228%2C87.643%20219.643%2C96%20209.333%2C96%20L162.667%2C96%20C152.357%2C96%20144%2C87.643%20144%2C77.333%20L144%2C30.667%20C144%2C20.357%20152.357%2C12%20162.667%2C12%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FAEEEE%22%20stroke-width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M30.667%2C144%20L77.333%2C144%20C87.643%2C144%2096%2C152.357%2096%2C162.667%20L96%2C209.333%20C96%2C219.643%2087.643%2C228%2077.333%2C228%20L30.667%2C228%20C20.357%2C228%2012%2C219.643%2012%2C209.333%20L12%2C162.667%20C12%2C152.357%2020.357%2C144%2030.667%2C144%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FAEEEE%22%20stroke-width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M162.667%2C144%20L209.333%2C144%20C219.643%2C144%20228%2C152.357%20228%2C162.667%20L228%2C209.333%20C228%2C219.643%20219.643%2C228%20209.333%2C228%20L162.667%2C228%20C152.357%2C228%20144%2C219.643%20144%2C209.333%20L144%2C162.667%20C144%2C152.357%20152.357%2C144%20162.667%2C144%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FAEEEE%22%20stroke-width%3D%2224%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuMOn {
        color: #e19999;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M24%2C0%20L84%2C0%20C97.255%2C0%20108%2C10.745%20108%2C24%20L108%2C84%20C108%2C97.255%2097.255%2C108%2084%2C108%20L24%2C108%20C10.745%2C108%200%2C97.255%200%2C84%20L0%2C24%20C0%2C10.745%2010.745%2C0%2024%2C0%20z%22%20fill%3D%22%23e19999%22%2F%3E%3Cpath%20d%3D%22M162.667%2C12%20L209.333%2C12%20C219.643%2C12%20228%2C20.357%20228%2C30.667%20L228%2C77.333%20C228%2C87.643%20219.643%2C96%20209.333%2C96%20L162.667%2C96%20C152.357%2C96%20144%2C87.643%20144%2C77.333%20L144%2C30.667%20C144%2C20.357%20152.357%2C12%20162.667%2C12%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23e19999%22%20stroke-width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M30.667%2C144%20L77.333%2C144%20C87.643%2C144%2096%2C152.357%2096%2C162.667%20L96%2C209.333%20C96%2C219.643%2087.643%2C228%2077.333%2C228%20L30.667%2C228%20C20.357%2C228%2012%2C219.643%2012%2C209.333%20L12%2C162.667%20C12%2C152.357%2020.357%2C144%2030.667%2C144%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23e19999%22%20stroke-width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M162.667%2C144%20L209.333%2C144%20C219.643%2C144%20228%2C152.357%20228%2C162.667%20L228%2C209.333%20C228%2C219.643%20219.643%2C228%20209.333%2C228%20L162.667%2C228%20C152.357%2C228%20144%2C219.643%20144%2C209.333%20L144%2C162.667%20C144%2C152.357%20152.357%2C144%20162.667%2C144%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23e19999%22%20stroke-width%3D%2224%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuP {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M120%2C240%20C186.27%2C240%20240%2C186.27%20240%2C120%20C240%2C53.73%20186.27%2C0%20120%2C0%20C53.73%2C0%200%2C53.73%200%2C120%20C0%2C186.27%2053.73%2C240%20120%2C240%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M152%2C88%20L54%2C126%20L24%2C216%20L114%2C186%20L152%2C88%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M152.317%2C63.943%20C169.413%2C64.963%20180.01%2C80.377%20174.377%2C96.677%20L136.377%2C194.677%20C133.792%2C201.342%20128.371%2C206.508%20121.589%2C208.768%20L31.589%2C238.768%20C12.827%2C245.022%20-5.022%2C227.173%201.232%2C208.411%20L31.232%2C118.41%20C33.492%2C111.629%2038.658%2C106.208%2045.323%2C103.623%20L143.323%2C65.623%20C146.342%2C64.338%20149.109%2C64.161%20152.317%2C63.943%20z%20M152%2C88%20L54%2C126%20L24%2C216%20L114%2C186%20L152%2C88%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3Cpath%20d%3D%22M120%2C216%20C173.016%2C216%20216%2C173.016%20216%2C120%20C216%2C66.984%20173.016%2C24%20120%2C24%20C66.984%2C24%2024%2C66.984%2024%2C120%20C24%2C173.016%2066.984%2C216%20120%2C216%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M83.705%2C60%20C85.925%2C60.556%2087.284%2C62.111%2088.484%2C63.96%20C93.224%2C71.313%2098.062%2C78.6%20102.818%2C85.931%20C104.635%2C88.724%20104.471%2C91.326%20102.142%2C93.704%20C100.718%2C95.133%2099.038%2C96.3%2097.445%2C97.544%20C96.147%2C98.548%2094.751%2C99.415%2093.475%2C100.446%20C90.022%2C103.266%2088.958%2C106.86%2090.175%2C111.148%20C91.293%2C115.129%2093.447%2C118.631%2095.613%2C122.1%20C102.796%2C133.582%20112.56%2C142.222%20124.593%2C148.304%20C126.175%2C149.062%20127.816%2C149.668%20129.507%2C150.121%20C133.036%2C151.108%20136.004%2C150.05%20138.273%2C147.23%20C139.565%2C145.621%20140.662%2C143.853%20141.867%2C142.162%20C142.685%2C140.924%20143.569%2C139.735%20144.513%2C138.59%20C147.295%2C135.459%20150.731%2C135.05%20154.265%2C137.362%20Q164.062%2C143.766%20173.831%2C150.197%20C174.578%2C150.693%20175.304%2C151.233%20176.089%2C151.675%20C177.982%2C152.744%20179.422%2C154.179%20180%2C156.361%20L180%2C159.404%20C179.935%2C159.497%20179.885%2C159.595%20179.847%2C159.704%20C178.724%2C165.268%20176.182%2C170.161%20172.805%2C174.634%20C171.458%2C176.412%20169.925%2C178.179%20167.585%2C178.534%20C163.462%2C179.144%20159.316%2C179.892%20155.171%2C179.984%20C140.7%2C180.29%20127.364%2C176.063%20114.851%2C169.152%20C98.018%2C159.846%2084.535%2C146.881%2074.155%2C130.691%20C67.456%2C120.273%2062.744%2C109.031%2060.845%2C96.731%20C60.502%2C94.577%2060.284%2C92.395%2060%2C90.235%20C60%2C87.66%2060%2C85.086%2060%2C82.5%20C60.06%2C82.157%2060.147%2C81.829%2060.202%2C81.491%20C60.529%2C79.058%2060.851%2C76.626%2061.184%2C74.198%20C61.5%2C71.858%2062.356%2C69.786%2064.227%2C68.318%20C66%2C66.846%2067.86%2C65.498%2069.796%2C64.265%20C73.233%2C62.236%2076.98%2C60.796%2080.885%2C60%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuPOn {
        color: #e19999;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M120%2C240%20C186.27%2C240%20240%2C186.27%20240%2C120%20C240%2C53.73%20186.27%2C0%20120%2C0%20C53.73%2C0%200%2C53.73%200%2C120%20C0%2C186.27%2053.73%2C240%20120%2C240%20z%22%20fill%3D%22%23e19999%22%2F%3E%3Cpath%20d%3D%22M152%2C88%20L54%2C126%20L24%2C216%20L114%2C186%20L152%2C88%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M152.317%2C63.943%20C169.413%2C64.963%20180.01%2C80.377%20174.377%2C96.677%20L136.377%2C194.677%20C133.792%2C201.342%20128.371%2C206.508%20121.589%2C208.768%20L31.589%2C238.768%20C12.827%2C245.022%20-5.022%2C227.173%201.232%2C208.411%20L31.232%2C118.41%20C33.492%2C111.629%2038.658%2C106.208%2045.323%2C103.623%20L143.323%2C65.623%20C146.342%2C64.338%20149.109%2C64.161%20152.317%2C63.943%20z%20M152%2C88%20L54%2C126%20L24%2C216%20L114%2C186%20L152%2C88%20z%22%20fill%3D%22%23e19999%22%2F%3E%3Cpath%20d%3D%22M120%2C216%20C173.016%2C216%20216%2C173.016%20216%2C120%20C216%2C66.984%20173.016%2C24%20120%2C24%20C66.984%2C24%2024%2C66.984%2024%2C120%20C24%2C173.016%2066.984%2C216%20120%2C216%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M83.705%2C60%20C85.925%2C60.556%2087.284%2C62.111%2088.484%2C63.96%20C93.224%2C71.313%2098.062%2C78.6%20102.818%2C85.931%20C104.635%2C88.724%20104.471%2C91.326%20102.142%2C93.704%20C100.718%2C95.133%2099.038%2C96.3%2097.445%2C97.544%20C96.147%2C98.548%2094.751%2C99.415%2093.475%2C100.446%20C90.022%2C103.266%2088.958%2C106.86%2090.175%2C111.148%20C91.293%2C115.129%2093.447%2C118.631%2095.613%2C122.1%20C102.796%2C133.582%20112.56%2C142.222%20124.593%2C148.304%20C126.175%2C149.062%20127.816%2C149.668%20129.507%2C150.121%20C133.036%2C151.108%20136.004%2C150.05%20138.273%2C147.23%20C139.565%2C145.621%20140.662%2C143.853%20141.867%2C142.162%20C142.685%2C140.924%20143.569%2C139.735%20144.513%2C138.59%20C147.295%2C135.459%20150.731%2C135.05%20154.265%2C137.362%20Q164.062%2C143.766%20173.831%2C150.197%20C174.578%2C150.693%20175.304%2C151.233%20176.089%2C151.675%20C177.982%2C152.744%20179.422%2C154.179%20180%2C156.361%20L180%2C159.404%20C179.935%2C159.497%20179.885%2C159.595%20179.847%2C159.704%20C178.724%2C165.268%20176.182%2C170.161%20172.805%2C174.634%20C171.458%2C176.412%20169.925%2C178.179%20167.585%2C178.534%20C163.462%2C179.144%20159.316%2C179.892%20155.171%2C179.984%20C140.7%2C180.29%20127.364%2C176.063%20114.851%2C169.152%20C98.018%2C159.846%2084.535%2C146.881%2074.155%2C130.691%20C67.456%2C120.273%2062.744%2C109.031%2060.845%2C96.731%20C60.502%2C94.577%2060.284%2C92.395%2060%2C90.235%20C60%2C87.66%2060%2C85.086%2060%2C82.5%20C60.06%2C82.157%2060.147%2C81.829%2060.202%2C81.491%20C60.529%2C79.058%2060.851%2C76.626%2061.184%2C74.198%20C61.5%2C71.858%2062.356%2C69.786%2064.227%2C68.318%20C66%2C66.846%2067.86%2C65.498%2069.796%2C64.265%20C73.233%2C62.236%2076.98%2C60.796%2080.885%2C60%20z%22%20fill%3D%22%23e19999%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuC {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M96.667%2C12%20L143.333%2C12%20C153.643%2C12%20162%2C20.357%20162%2C30.667%20L162%2C77.333%20C162%2C87.643%20153.643%2C96%20143.333%2C96%20L96.667%2C96%20C86.357%2C96%2078%2C87.643%2078%2C77.333%20L78%2C30.667%20C78%2C20.357%2086.357%2C12%2096.667%2C12%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FAEEEE%22%20stroke-width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M240%2C60%20L240%2C180%20C240%2C213.138%20213.138%2C240%20180%2C240%20L60%2C240%20C26.862%2C240%200%2C213.138%200%2C180%20L0%2C60%20L240%2C60%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M240%2C60%20L240%2C180%20C240%2C213.138%20213.138%2C240%20180%2C240%20L60%2C240%20C26.862%2C240%200%2C213.138%200%2C180%20L0%2C60%20L240%2C60%20z%20M216%2C84%20L24%2C84%20L24%2C180%20C24%2C199.883%2040.117%2C216%2060%2C216%20L180%2C216%20C199.883%2C216%20216%2C199.883%20216%2C180%20L216%2C84%20z%22%20fill%3D%22%23FAEEEE%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuCOn {
        color: #e19999;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%2C%200%2C%20240%2C%20240%22%3E%3Cpath%20d%3D%22M96.667%2C12%20L143.333%2C12%20C153.643%2C12%20162%2C20.357%20162%2C30.667%20L162%2C77.333%20C162%2C87.643%20153.643%2C96%20143.333%2C96%20L96.667%2C96%20C86.357%2C96%2078%2C87.643%2078%2C77.333%20L78%2C30.667%20C78%2C20.357%2086.357%2C12%2096.667%2C12%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23e19999%22%20stroke-width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M240%2C60%20L240%2C180%20C240%2C213.138%20213.138%2C240%20180%2C240%20L60%2C240%20C26.862%2C240%200%2C213.138%200%2C180%20L0%2C60%20L240%2C60%20z%22%20fill%3D%22%23CD5555%22%2F%3E%3Cpath%20d%3D%22M240%2C60%20L240%2C180%20C240%2C213.138%20213.138%2C240%20180%2C240%20L60%2C240%20C26.862%2C240%200%2C213.138%200%2C180%20L0%2C60%20L240%2C60%20z%20M216%2C84%20L24%2C84%20L24%2C180%20C24%2C199.883%2040.117%2C216%2060%2C216%20L180%2C216%20C199.883%2C216%20216%2C199.883%20216%2C180%20L216%2C84%20z%22%20fill%3D%22%23e19999%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenu .TopCartCount {
        display: none;
        position: absolute;
        right: calc( 50% - 18px );
        left: auto;
        top: 5px;
        bottom: auto;
    }
    .TopCartFull .TopCartCount {
        display: block;
    }

    #BMenuPD {
        background-color: #ffffff;
        position: fixed;
        z-index: 1999;
        display: none;
        top: 0;
        right: 0;
        bottom: 61px;
        left: 0;
        overflow: hidden;
    }
    #BMenuPDT {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 20px;
        white-space: nowrap;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    #BMenuPDT .OnChatLine {
        position: relative;
        display: block;
        border-top: none;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: 600;
    }

    #BMenuShops {
        min-height: 60px;
    }
    #BMenuShopsH {
        float: left;
        height: 60px;
        line-height: 60px;
        font-size: 12px;
        color: #999999;
        /* font-weight: 600; */
        padding: 0 10px 0 36px;
        background-size: 15px 20px;
        background-repeat: no-repeat;
        background-position: 10px 50%;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22400%22%20viewBox%3D%220%2C%200%2C%20300%2C%20400%22%3E%3Cpath%20d%3D%22M150.5%2C395.5%20C53.833%2C298%205.5%2C232.522%205.5%2C151.75%20C5.5%2C70.978%2070.419%2C5.5%20150.5%2C5.5%20C230.581%2C5.5%20295.5%2C70.978%20295.5%2C151.75%20C295.5%2C232.522%20247.167%2C298%20150.5%2C395.5%20z%22%20fill%3D%22%23999999%22%2F%3E%3Cpath%20d%3D%22M150.5%2C395.5%20C53.833%2C298%205.5%2C232.522%205.5%2C151.75%20C5.5%2C70.978%2070.419%2C5.5%20150.5%2C5.5%20C230.581%2C5.5%20295.5%2C70.978%20295.5%2C151.75%20C295.5%2C232.522%20247.167%2C298%20150.5%2C395.5%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23999999%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M183%2C80.5%20C204.667%2C102.167%20215.5%2C132.5%20215.5%2C158.5%20C215.5%2C188.833%20193.833%2C210.5%20150.5%2C210.5%20C107.167%2C210.5%2085.5%2C188.833%2085.5%2C158.5%20C85.5%2C132.5%2096.333%2C102.167%20118%2C80.5%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M183%2C80.5%20C204.667%2C102.167%20215.5%2C132.5%20215.5%2C158.5%20C215.5%2C188.833%20193.833%2C210.5%20150.5%2C210.5%20C107.167%2C210.5%2085.5%2C188.833%2085.5%2C158.5%20C85.5%2C132.5%2096.333%2C102.167%20118%2C80.5%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuShopsOpen {
        float: right;
        width: 60px;
        height: 60px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M2.5%2C10.5%20L20.5%2C30.5%20L38.5%2C10.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23999999%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuShopsOpenOn {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M2.5%2C30.5%20L20.5%2C10.5%20L38.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23999999%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    }
    #BMenuShopsL {
        clear: both;
        display: none;
        padding: 0 0 10px 0;
    }
    .BMenuShopsL {
        padding: 0 10px 10px 36px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    #BMenuMD {
        background-color: #ffffff;
        position: fixed;
        z-index: 1999;
        display: none;
        top: 0;
        right: 0;
        bottom: 61px;
        left: 0;
        overflow: hidden;
    }
    #BMenuMDT {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 20px;
        white-space: nowrap;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .BMenuMDT {
        padding: 10px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        font-weight: 600;
        border-top: solid 1px #f5f5f5;
    }
    .BMenuMDT:first-of-type {
        border-top: none;
    }
    .BMenuMDTName {
        float: left;
        height: 40px;
        line-height: 40px;
    }
    .BMenuMDTOpen {
        float: right;
        width: 40px;
        height: 40px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M2.5%2C10.5%20L20.5%2C30.5%20L38.5%2C10.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuMDTOpenOn {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%2C%200%2C%2040%2C%2040%22%3E%3Cpath%20d%3D%22M2.5%2C30.5%20L20.5%2C10.5%20L38.5%2C30.5%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cd5555%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    }
    .BMenuMDTL {
        padding: 0 0 20px 0;
        display: none;
    }
    .BMenuMDTL .SubMenuItems {
        margin: 0;
        padding: 0 0;
        white-space: normal;
    }
    .BMenuMDTL .SubMenuItems li {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 10px;
        line-height: 20px;
        font-size: 14px;
        white-space: normal;
    }
    .BMenuMDTL .SubMenuName {
        margin: 0;
        padding: 10px;
        font-size: 12px;
        font-weight: 600;
    }
    .BMenuMDTL .SubMenuName a {
        font-size: 14px;
    }
    .BMenuMDTL .SubMenuNameEmpty {
        display: none;
    }
    .BMenuMDTL a {
        font-size: 14px;
    }

}

#WoWineSearchFor div {
    background-color: #f6f6f6;
    position: absolute;
    top: 0;
    right: 0px;
    width: 40px;
    height: 40px;
    background-image: url( "data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22160%22%20height%3D%22160%22%20viewBox%3D%220%2C%200%2C%20160%2C%20160%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22Gradient_1%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22100.705%22%20y1%3D%222.726%22%20x2%3D%2259.294%22%20y2%3D%22157.274%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355cdcd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cd5555%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M95%2C-0%20C107.761%2C0%20120%2C12.239%20120%2C25%20L120%2C30%20L130%2C30%20C147.761%2C30%20160%2C42.239%20160%2C60%20L160%2C130%20C160%2C147.761%20147.761%2C160%20130%2C160%20L30%2C160%20C12.239%2C160%20-0%2C147.761%200%2C130%20L0%2C60%20C-0%2C42.239%2012.239%2C30%2030%2C30%20L40%2C30%20L40%2C25%20C40%2C12.239%2052.239%2C-0%2065%2C-0%20L95%2C-0%20z%22%20fill%3D%22url(%23Gradient_1)%22%2F%3E%3Cpath%20d%3D%22M80%2C125%20C60.67%2C125%2045%2C109.33%2045%2C90%20C45%2C70.67%2060.67%2C55%2080%2C55%20C99.33%2C55%20115%2C70.67%20115%2C90%20C115%2C109.33%2099.33%2C125%2080%2C125%20z%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2220%22%2F%3E%3Cpath%20d%3D%22M105%2C120%20L135%2C150%22%20fill-opacity%3D%220%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2220%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
}
#WoWineSearchTip {
    background-color: #cd5555;
    position: absolute;
    top: 5px;
    width: 120px;
    right: 35px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 );
    /* box-shadow: 0 0 5px rgba( 0, 0, 0, 0.2 ); */
}
#WoWineSearchTip::after {
    position: absolute;
    top: 10px;
    right: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #cd5555;
    width: 0;
    height: 0;
    content: "";
    display: block;
}
#WoWineSearchLoader {
    display: none;
}

.HomeGoodsH {
    background-color: #f5f5f5;
    margin: 0;
    padding: 20px 20px 0 20px;
    min-height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.HomeGoodsH h2 {
    min-height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: 600;
}
.HomeGoodsW {
    padding: 0 0 20px 0;
	background-color: #f5f5f5;
}
.HomeGoodsSwyper {
	width: calc( 100% - 0px );
    height: 560px;
    padding: 0;
}
.HomeGoodsSwyper .swiper-wrapper {
    padding: 0 0px;
}
.HomeGoodsSwyper .swiper-slide {
	width: calc( 100%/4 - 20px );
}
@media all and ( max-width: 1919px ) {
    .HomeGoodsSwyper .swiper-slide {
        width: calc( 100%/4 - 20px );
    }
}
@media all and ( max-width: 1439px ) {
    .HomeGoodsSwyper .swiper-slide {
        width: calc( 100%/3 - 20px );
    }
}
@media all and ( max-width: 1023px ) {
    .HomeGoodsSwyper .swiper-slide {
        width: calc( 100%/2 - 20px );
    } 
}
@media all and ( max-width: 767px ) {
    .HomeGoodsSwyper .swiper-slide {
        width: calc( 100% - 20px );
    } 
}
.HomeGoodsSwyper .swiper-slide .GoodsList {
	width: calc( 100% - 20px );
}
/* .HomeGoodsSwyper .swiper-pagination {
} */
.HomeGoodsSwyper .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 20px;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #cd5555;
}
.HomeGoodsSwyper .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 20px;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #cd5555;
}
.HomeGoodsSwyper .swiper-button-prev:after, .HomeGoodsSwyper .swiper-button-next:after {
	font-size: 14px;
}
.HomeGoodsSwyper .swiper-horizontal>.swiper-pagination-bullets, .HomeGoodsSwyper .swiper-pagination-bullets.swiper-pagination-horizontal, .HomeGoodsSwyper .swiper-pagination-custom, .HomeGoodsSwyper .swiper-pagination-fraction {
    bottom: 20px;
}
.HomeGoodsSwyper .swiper-pagination-bullet {
    background-color: #3E3E3E;
}
.HomeGoodsSwyperAll {
    background-color: #ffffff;
    position: absolute;
    z-index: 11;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 120px;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
}
.HomeGoodsSwyperAll:hover {
    color: #cd5555;
}

.FastTags {
    position: relative;
    height: 40px;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.FastTags a {
    color: #cd5555;
}
.FastTagsHome {
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
    background-color: #f5f5f5;
}
.FastTagsUL {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    height: 40px;
    margin: 0;
    padding: 0 20px 40px 0;
    text-align: center;
}
.FastTagsUL li {
    position: relative;
    background-color: #faeeee;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px;
    text-shadow: 1px 1px 1px #ffffff;
}
.FastTagsHome .FastTagsUL li {
    background-color: #ffffff;
}
.FastTagsUL li:first-of-type {
    margin: 0 0 0 20px;
}
.FastTagsC {
    background-color: #ffffff;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px 3px;
    line-height: 8px;
    font-size: 8px;
    border-radius: 40px;
    text-shadow: none;
}
.FastTagsUL li.FastTagsRegion {
    padding: 10px 15px 10px 35px;
    background-size: 16px 16px, 20px 20px;
    background-position: 12px 50%, 10px 50%;
    background-repeat: no-repeat;
}
.FastTagsUL li.FastTagsGrape {
    padding: 10px 15px 10px 35px;
    background-size: 16px 16px, 20px 20px;
    background-position: 12px 50%, 10px 50%;
    background-repeat: no-repeat;
}
.FastTagsUL li.FastTagsColor {
    padding: 10px 15px 10px 35px;
    background-size: 16px 16px, 20px 20px;
    background-position: 12px 50%, 10px 50%;
    background-repeat: no-repeat;
}
.FastTagsUL li.FastTagsSugar {
    padding: 10px 15px 10px 35px;
    background-size: 16px 16px, 20px 20px;
    background-position: 12px 50%, 10px 50%;
    background-repeat: no-repeat;
}

/* .ShowMoreItems {
    margin: 40px 0 20px 20px;
    min-height: 40px;
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
} */
.ShowMoreItems {
    background-color: #f5f5f5;
    position: relative;
    display: block;
    margin: 20px 0 0 20px;
    padding: 15px;
    width: calc( 100% - 20px - 30px );
    height: auto;
    border-radius: 10px;
    text-align: center;
}
.ShowMoreItemsH {
    margin: 5px;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
}
.ShowMoreItemsB {
    background-color: #cd5555;
    color: #ffffff;
    margin: 15px auto;
    width: 120px;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 );
    cursor: pointer;
}
.ShowMoreItemsB:hover {
    background-color: #55cdcd;
}
#ShowMoreItemsFirstTime {
    display: none;
}
.ShowMoreItemsT {
    /* display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; */
}
.ShowMoreItemsC {
    /* position: relative;
    display: table-cell;
    vertical-align: middle; */
    padding: 15px;
}
.ShowMoreItemsV {
    position: relative;
    background-color: #ffffff;
    display: inline-block;
    margin: 5px;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 14px;
    border-radius: 10px;
    text-shadow: 1px 1px 1px #ffffff;
}
#ShowOneMore {
    position: relative;
    height: 40px;
}
#ShowOneMoreButton {
    position: relative;
    background-color: #cd5555;
    color: #ffffff;
    display: inline-block;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 );
    cursor: pointer;
}
#ShowOneMoreButton:hover {
    background-color: #55cdcd;
}
#ShowOneMoreLoader {
    display: none;
}
/* @media all and ( max-width: 1440px ) {
    .ShowMoreItems {
        width: calc( 100%/3 - 20px );
    }
}
@media all and ( max-width: 1023px ) {
    .ShowMoreItems {
        width: calc( 100%/2 - 20px );
    }
} */
@media all and ( max-width: 767px ) {
    /* .ShowMoreItems {
        width: calc( 100% - 20px );
        height: auto;
    } */
    .ShowMoreItemsT, .ShowMoreItemsC {
        display: block;
        position: relative;
    }
}
.ShowMoreItemsOneMoreWide {
    width: calc( 100% - 20px - 30px );
    height: 80px;
}
#ShowMoreItemsSMO {
    position: relative;
}
.ShowMoreItemsSMO {
    overflow: hidden;
}
.ShowMoreItemsSMOOpen {
    overflow: auto;
}
#ShowMoreItemsSMOB {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;
    left: 20px;
    display: block;
    padding: 0 0 40px 0;
    background-color: rgb( 245, 245, 245, 0.75 );
    box-shadow: 0 0 20px rgba( 245, 245, 245, 1 );
}
#ShowMoreItemsSMOBC {
    background-color: #cd5555;
    color: #ffffff;
    display: block;
    width: 160px;
    margin: 20px auto 0 auto;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 );
    box-shadow: 0 0 10px rgba( 245, 245, 245, 1 );
    cursor: pointer;
}
#ShowMoreItemsSMOBC:hover {
    background-color: #55cdcd;
}

.SubmitLoader {
    display: block;
    position: absolute;
    top: 0;
    left: calc( 50% - 25px );
    width: 50px;
    height: 40px;
}
.SubmitLoader div {
  position: absolute;
  top: 15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cd5555;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.SubmitLoader div:nth-child(1) {
    left: 0px;
    animation: lds-ellipsis1 0.6s infinite;
}
.SubmitLoader div:nth-child(2) {
    left: 0px;
    animation: lds-ellipsis2 0.6s infinite;
}
.SubmitLoader div:nth-child(3) {
    left: 20px;
    animation: lds-ellipsis2 0.6s infinite;
}
.SubmitLoader div:nth-child(4) {
    left: 40px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(20px, 0);
    }
}

#HomeTelegram {
    position: relative;
    margin: 0;
    padding: 20px 0;
	background-color: #ffffff;
    text-align: center;
}
#HomeTelegramText {
    position: relative;
    display: block;
}
#HomeTelegramLink {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 20px;
    left: 0;
    display: block;
    width: 100px;
    margin: 0 auto;
    padding: 0 24px 0 40px;
    font-size: 16px;
    line-height: 38px;
    color: #0088cc;
    background-color: #ffffff;
    background-image: url( tg_click_2.svg );
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 12px 50%;
    border-radius: 40px;
    border: solid 1px #0088cc;
}
#HomeTelegram h2 {
    display: inline-block;
    background-image: url( tg.svg );
    margin: 0 20px 10px 20px;
    padding: 0 0 0 30px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 0px 50%;
    color: #0088cc;
}
.HomeTelegramSwyper {
    position: relative;
	width: calc( 100% - 0px );
    height: 620px;
    padding: 0;
}
.HomeTelegramSwyper .swiper-wrapper {
    padding: 0 10px;
}
.HomeTelegramSwyper .swiper-slide {
    padding: 0;
    margin: 10px;
    background-color: #f5f5f5;
    position: relative;
    height: 560px;
	width: calc( 100%/5 - 40px );
    border-radius: 10px;
}
@media all and ( max-width: 1600px ) {
    .HomeTelegramSwyper .swiper-slide {
        width: calc( 100%/4 - 40px );
    }
}
@media all and ( max-width: 1360px ) {
    .HomeTelegramSwyper .swiper-slide {
        width: calc( 100%/3 - 40px );
    }
}
@media all and ( max-width: 979px ) {
    .HomeTelegramSwyper .swiper-slide {
        width: calc( 100%/2 - 40px );
    } 
}
@media all and ( max-width: 766px ) {
    .HomeTelegramSwyper .swiper-slide {
        width: calc( 100% - 40px );
    } 
}
.HomeTelegramSwyper .swiper-slide .GoodsList {
	width: calc( 100% - 20px );
}
/* .HomeTelegramSwyper .swiper-pagination {
} */
.HomeTelegramSwyper .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 20px;
    background-color: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	color: #0088cc;
}
.HomeTelegramSwyper .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 20px;
    background-color: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	color: #0088cc;
}
.HomeTelegramSwyper .swiper-button-prev:after, .HomeTelegramSwyper .swiper-button-next:after {
	font-size: 20px;
}
.HomeTelegramSwyper .swiper-horizontal>.swiper-pagination-bullets, .HomeTelegramSwyper .swiper-pagination-bullets.swiper-pagination-horizontal, .HomeTelegramSwyper .swiper-pagination-custom, .HomeTelegramSwyper .swiper-pagination-fraction {
    bottom: 20px;
}
.HomeTelegramSwyper .swiper-pagination-bullet {
    background-color: #0088cc;
}
.HomeTelegram {
    position: relative;
    background-color: #ffffff;
    height: 400px;
    border-radius: 5px 5px 0 0;
    background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
    text-align: left;
}
.HomeTelegramText {
    background-color: rgba( 240, 240, 240, 0.9 );
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 0 5px 5px;
    padding: 20px 20px 60px 20px;
    color: #333333;
    text-shadow: 1px 1px 1px #ffffff;
    text-align: left;
}
.HomeTelegramText div {
    padding: 0;
    line-height: 20px;
    font-size: 12px;
}
.HomeTelegramText div:first-of-type {
    font-size: 14px;
    max-height: 60px;
    overflow: hidden;
    cursor: pointer;
}
.HomeTelegramTextOn {
    border-radius: 5px;
}
.HomeTelegramTextOn div:first-of-type {
    max-height: 360px;
    width: calc( 100% );
    padding: 0 60px 0 0;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 0 0 5px 5px;
}
.HomeTelegramText div span {
    opacity: 0.5;
}
.HomeTelegramText div span:first-of-type {
    padding-right: 16px;
    background-position: calc( 100% - 2px ) 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8%200c2.8897625%200%205.2230958%201.66666667%207%205-1.7769042%203.33333333-4.1102375%205-7%205-2.88976248%200-5.22309581-1.66666667-7-5%201.77690419-3.33333333%204.11023752-5%207-5zm0%201.48148148c-1.98523978%200-3.59459459%201.5752944-3.59459459%203.51851852s1.60935481%203.51851852%203.59459459%203.51851852%203.5945946-1.5752944%203.5945946-3.51851852-1.60935482-3.51851852-3.5945946-3.51851852zm0%201.85185185c.94037674%200%201.7027027.74619209%201.7027027%201.66666667s-.76232596%201.66666667-1.7027027%201.66666667-1.7027027-.74619209-1.7027027-1.66666667.76232596-1.66666667%201.7027027-1.66666667z%22%20fill%3D%22%23333333%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
}
.HomeTelegramOpen {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    background-color: #0088cc;
    background-image: url( tg_click.svg );
    background-position: 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 0 0 0 5px;
}
.HomeTelegramOpen2 {
    right: calc( 50% );
}
.HomeTelegramBuy {
    position: absolute;
    right: 0;
    bottom: 0;
    left: calc( 50% );
    height: 40px;
    line-height: 40px;
    background-color: #cd5555;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 0 0 5px 0;
}
.HomeTelegramBuy:hover {
    background-color: #55cdcd;
}

#SiteMapItems {
    background-color: #f5f5f5;
    border-top: solid 1px #d9d9d9;
    padding: 35px;
}
.SiteMapItem {
    padding: 5px;
}
#SiteMapPages {
    background-color: #f5f5f5;
    border-top: solid 1px #d9d9d9;
    padding: 35px;
}
.SiteMapPage {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}
.SiteMapPageOn {
    background-color: #ffffff;
    border-radius: 5px;
}
@media all and ( max-width: 959px ) {
    #SiteMapItems, #SiteMapPages {
        padding: 15px;
    }
}

#JSMyCartCountList {
    display: none;
}

.OneItemInSets {
    position: relative;
    background-color: #fff9e3;
    margin: 20px 0 -20px 0;
    padding: 20px;
}
.OneItemInSetsH {
    padding: 0 0 10px 0;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}
.OneItemInSet {
    position: relative;
    margin: 10px 0 0 0;
    background-color: #ffffff;
    padding: 0 0 10px 70px;
    border-radius: 10px;
    cursor: pointer;
}
.OneItemInSetImg {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    width: 60px;
    border-radius: 10px 0 0 10px;
}
.OneItemInSetImg img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: contain;
}
.OneItemInSetName {
    float: left;
    margin: 10px 10px 0 10px;
    width: calc( 100% - 20px );
    font-weight: 600;
    vertical-align: top;
    color: #333333;
}
.OneItemInSetPrice, .OneItemInSetDiscount, .OneItemInSetPriceOrig {
    float: left;
    margin: 10px 0 0 10px;
    font-weight: 600;
    vertical-align: top;
    color: #cd5555;
}
.OneItemInSetDiscount {
    margin: 5px 0 0 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    color: #ffffff;
    background-color: #cd5555;
    text-align: center;
    transform: rotate(-5deg);
    border-radius: 30px;
}
.OneItemInSetPriceOrig {
    opacity: 0.6;
    text-decoration: line-through;
}

#StructureFlavorMain {
    background-color: #f5f5f5;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-radius: 10px;
}
#StructureFlavorMain h2 {
    margin: 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
#FlavorMain {
    position: relative;
    margin: 0 0 0 0;
    padding: 10px;
    width: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.FlavorMain {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    height: auto;
    width: 80px;
}
@media all and ( max-width: 860px ) {
    .FlavorMain {
        width: 60px;
    }
}
@media all and ( max-width: 380px ) {
    .FlavorMain {
        width: 40px;
    }
}
.FlavorMainCircle {
    position: relative;
    border-radius: 600px;
    background-color: #ffffff;
    height: 100px;
    width: 100px;
}
.FlavorMainSubCircle {
    background-color: #cd5555;
    position: absolute;
    margin: 0 auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    /* border: solid 1px #ffffff; */
    border-radius: 600px;
}
.FlavorMainSubCircleBlackFruit {
    background-color: #2f2d48;
}
.FlavorMainSubCircleRedFruit {
    background-color: #b23535;
}
.FlavorMainSubCircleOak {
    background-color: #c99b7d;
}
.FlavorMainSubCircleEarth {
    background-color: #5e492f;
}
.FlavorMainSubCircleDriedFruit {
    background-color: #8b3a2c;
}
.FlavorMainSubCircleNonOak {
    background-color: #d8c4b2;
}
.FlavorMainSubCircleCitrusFruit {
    background-color: #ffdc6f;
}
.FlavorMainSubCircleTreeFruit {
    background-color: #f98c13;
}
.FlavorMainSubCircleVegetal {
    background-color: #abbd83;
}
.FlavorMainSubCircleMicrobio {
    background-color: #d4ffbc;
}
.FlavorMainSubCircleTropicalFruit {
    background-color: #ffc100;
}
.FlavorMainSubCircleFloral {
    background-color: #ef4566;
}
.FlavorMainSubCircleSpices {
    background-color: #9c4a35;
}
.FlavorMainName {
    position: relative;
    padding: 10px 0 0 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
@media all and ( max-width: 520px ) {
    .FlavorMainName {
        font-size: 10px;
    }
}

#StructureMain {
    position: relative;
    clear: both;
    padding: 20px;
    width: auto;
    text-align: center;
}
.StructureMain {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 10px;
    width: calc( 100% / 4 - 20px );
}
@media all and ( max-width: 520px ) {
    .StructureMain {
        width: calc( 100% - 20px );
    }
}
.StructureMainCircle {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    height: 10px;
    border-radius: 5px;
}
.StructureMainSubCircle {
    opacity: 0.5;
    background-color: #cd5555;
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 10px;
    border-radius: 5px;
}
.StructureMainName {
    position: relative;
    padding: 0 0 10px 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    word-wrap: break-word;
}
@media all and ( max-width: 520px ) {
    .StructureMainName {
        padding: 0 0 0 0;
        font-size: 10px;
    }
}

.GoodsListFlavor {
    display: none;
    margin: 10px 0 0 0;
    padding: 15px;
    background-color: #fafafa;
    border-radius: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #686163;
    text-align: center;
}
.GoodsListNameOn .GoodsListFlavor {
    display: block;
}
.GoodsListFlavorCircle {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: calc( 100% / 4 - 10px );
}
.GoodsListFlavorCircle div:first-of-type {
    margin: 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 40px;
}
.GoodsListFlavorCircleBlackFruit {
    background-color: #2f2d48;
}
.GoodsListFlavorCircleRedFruit {
    background-color: #b23535;
}
.GoodsListFlavorCircleOak {
    background-color: #c99b7d;
}
.GoodsListFlavorCircleEarth {
    background-color: #5e492f;
}
.GoodsListFlavorCircleDriedFruit {
    background-color: #8b3a2c;
}
.GoodsListFlavorCircleNonOak {
    background-color: #d8c4b2;
}
.GoodsListFlavorCircleCitrusFruit {
    background-color: #ffdc6f;
}
.GoodsListFlavorCircleTreeFruit {
    background-color: #f98c13;
}
.GoodsListFlavorCircleVegetal {
    background-color: #abbd83;
}
.GoodsListFlavorCircleMicrobio {
    background-color: #d4ffbc;
}
.GoodsListFlavorCircleTropicalFruit {
    background-color: #ffc100;
}
.GoodsListFlavorCircleFloral {
    background-color: #ef4566;
}
.GoodsListFlavorCircleSpices {
    background-color: #9c4a35;
}
.GoodsListFlavorName {
    margin: 5px 0 0 0;
}

.GoodsListStructure {
    display: none;
    padding: 10px 10px 0 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #686163;
    text-align: center;
}
.GoodsListNameOn .GoodsListStructure {
    display: block;
}
.GoodsListStructureLine {
    margin: 5px 10px;
    width: calc( 100% / 2 - 20px );
    display: inline-block;
    vertical-align: top;
}
.GoodsListStructureLine div:nth-of-type(2) {
    margin: 5px 0;
    height: 5px;
    border-radius: 10px;
    background-color: #fafafa;
}
.GoodsListStructureLine div:nth-of-type(2) div {
    opacity: 0.5;
    background-color: #cd5555;
    height: 5px;
    border-radius: 10px;
    width: 50%;
}
.GoodsListStructureName {
    margin: 5px 0 0 0;
}

.GoodsListFlavorAbs {
    position: absolute;
    top: 73px;
    right: 20px;
    width: 120px;
    line-height: 12px;
    font-size: 12px;
}
@media all and ( max-width: 400px ) {
    .GoodsListFlavorAbs {
        width: 120px;
    }
}
.GoodsListFlavorAbs .GoodsListFlavorCircle {
    display: block;
    margin: 3px 0 0 0;
    width: auto;
}
.GoodsListFlavorAbs .GoodsListFlavorCircle div:first-of-type {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 40px;
}
.GoodsListFlavorAbs .GoodsListFlavorName {
    float: left;
    margin: 0 0 0 3px;
    width: calc( 100% - 15px );
    min-height: 12px;
}

#ItemCollections {
    text-align: left;
    padding: 0;
    overflow: hidden;
}
#ItemCollections h2 {
    margin: 0 0 20px 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
#ItemCollections ul {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    text-align: center;
}
#ItemCollections li {
    background-color: #f5f5f5;
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0px 20px;
    width: 100px;
    padding: 10px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
    border-radius: 10px;
}
#ItemCollections li:last-of-type {
    margin: 0px 20px 0px 20px;
}