/* line 5, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*                                                                             
                  ,,               ,,                      
`7MMM.     ,MMF'  db               db                      
  MMMb    dPMM                                             
  M YM   ,M MM  `7MM  `7M'   `MF'`7MM  `7MMpMMMb.  ,pP"Ybd 
  M  Mb  M' MM    MM    `VA ,V'    MM    MM    MM  8I   `" 
  M  YM.P'  MM    MM      XMX      MM    MM    MM  `YMMMa. 
  M  `YM'   MM    MM    ,V' VA.    MM    MM    MM  L.   I8 
.JML. `'  .JMML..JMML..AM.   .MA..JMML..JMML  JMML.M9mmmP'                                                                                                                       
*/
/* line 2, ../sass/_grid.scss */
.grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/* line 83, ../sass/_mixin.scss */
.grid:after {
  content: '';
  display: table;
  clear: both;
}
/* line 9, ../sass/_grid.scss */
.grid.wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 14, ../sass/_grid.scss */
.grid > .g-cell {
  max-width: 100%;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 20, ../sass/_grid.scss */
.grid .g-cell.t-left {
  text-align: left;
}
/* line 21, ../sass/_grid.scss */
.grid .g-cell.t-center {
  text-align: center;
}
/* line 22, ../sass/_grid.scss */
.grid .g-cell.t-right {
  text-align: right;
}
/* line 24, ../sass/_grid.scss */
.grid .g-cell.v-top {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
/* line 25, ../sass/_grid.scss */
.grid .g-cell.v-middle {
  -webkit-align-self: center;
  align-self: center;
}
/* line 26, ../sass/_grid.scss */
.grid .g-cell.v-bottom {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
/* line 28, ../sass/_grid.scss */
.grid .g-cell.no-grow {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
/* line 34, ../sass/_grid.scss */
.grid.t-left {
  text-align: left;
}
/* line 35, ../sass/_grid.scss */
.grid.t-center {
  text-align: center;
}
/* line 36, ../sass/_grid.scss */
.grid.t-right {
  text-align: right;
}

@media only screen and (max-width: 1000px) {
  /* line 3, ../sass/_offcanvasmenu.scss */
  .burger-icon {
    position: absolute;
    top: 27px;
    left: 20px;
    z-index: 1000;
    min-width: 20px;
    height: 24px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all .5s;
    moz-transition: all .5s;
    transition: all .5s;
    vertical-align: top;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 999px) {
  /* line 3, ../sass/_offcanvasmenu.scss */
  .burger-icon {
    display: block;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 19, ../sass/_offcanvasmenu.scss */
  .burger-icon:hover .meat,
  .burger-icon:hover .meat::after,
  .burger-icon:hover .meat::before {
    background-color: #ED4148;
  }
  /* line 27, ../sass/_offcanvasmenu.scss */
  .burger-icon .meat {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 3px;
    margin: 10px 0;
    background-color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  /* line 38, ../sass/_offcanvasmenu.scss */
  .burger-icon .meat::after {
    position: absolute;
    top: -8px;
    left: 0;
    display: block;
    width: 28px;
    height: 3px;
    content: '';
    background-color: #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: top 0.3s, transform 0.3s;
    -moz-transition: top 0.3s, transform 0.3s;
    transition: top 0.3s, transform 0.3s;
  }
  /* line 53, ../sass/_offcanvasmenu.scss */
  .burger-icon .meat::before {
    position: absolute;
    bottom: -8px;
    left: 0;
    display: block;
    width: 28px;
    height: 3px;
    content: '';
    background-color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: bottom 0.3s, transform 0.3s;
    -moz-transition: bottom 0.3s, transform 0.3s;
    transition: bottom 0.3s, transform 0.3s;
  }
  /* line 70, ../sass/_offcanvasmenu.scss */
  .show-menu .burger-icon .meat {
    background-color: transparent;
  }
  /* line 73, ../sass/_offcanvasmenu.scss */
  .show-menu .burger-icon .meat::after {
    top: 0;
    background-color: #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 0.3s, transform 0.3s;
    -moz-transition: top 0.3s, transform 0.3s;
    transition: top 0.3s, transform 0.3s;
  }
  /* line 86, ../sass/_offcanvasmenu.scss */
  .show-menu .burger-icon .meat::before {
    bottom: 0;
    background-color: #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 0.3s, transform 0.3s;
    -moz-transition: bottom 0.3s, transform 0.3s;
    transition: bottom 0.3s, transform 0.3s;
  }

  /* line 103, ../sass/_offcanvasmenu.scss */
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }
}
/* line 114, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu {
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 1001;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 280px;
  min-height: 100vh;
  background-color: #eee;
  -webkit-transition: all 0.5s;
  moz-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 127, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu .icon-clear {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 34px;
  color: #fff;
  cursor: pointer;
}
/* line 136, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu .inner {
  width: 100%;
  height: 100vh;
  overflow-y: auto;
}
/* line 141, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu .inner form {
  position: relative;
  padding: 5px;
}
/* line 145, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu .inner form input[type=text] {
  width: 270px;
  padding: 15px 85px 15px 15px;
  font-size: 1rem;
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 153, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu .inner form input[type=submit] {
  position: absolute;
  top: 9px;
  left: 200px;
  padding: 12px;
  width: 70px;
  font-size: .8rem;
  color: #fff;
  font-weight: 700;
  background-color: #ED4148;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
/* line 169, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul {
  display: block;
  width: 100%;
}
/* line 172, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul li {
  display: block;
  border-bottom: solid 1px #ccc;
}
/* line 176, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul li.txt {
  padding: 19px 15px;
  font-size: 16px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  color: #666;
  background-color: #ccc;
}
/* line 185, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul li a {
  display: block;
  padding: 15px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 300;
  color: #000;
  text-decoration: none;
}
/* line 194, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul li a:hover {
  color: #ED4148;
}
/* line 199, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul li a span {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
/* line 207, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul li ul {
  padding-left: 15px;
}
/* line 210, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul li ul li a {
  font-size: 0.825rem;
}
/* line 214, ../sass/_offcanvasmenu.scss */
#OffCanvasMenu ul li ul li:last-child {
  border: none;
}

/* line 222, ../sass/_offcanvasmenu.scss */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 233, ../sass/_offcanvasmenu.scss */
.show-menu {
  height: 100vh;
  overflow: hidden;
}
/* line 238, ../sass/_offcanvasmenu.scss */
.show-menu #overlay {
  display: block;
}
/* line 243, ../sass/_offcanvasmenu.scss */
.show-menu #OffCanvasMenu {
  left: 0;
}
/* line 247, ../sass/_offcanvasmenu.scss */
.show-menu .burger-icon {
  position: absolute;
  left: 290px;
}

/* line 255, ../sass/_offcanvasmenu.scss */
.csstransforms .show-menu #OffCanvasMenu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
/* line 260, ../sass/_offcanvasmenu.scss */
.csstransforms .show-menu .burger-icon {
  -webkit-transform: translateX(-60px);
  transform: translateX(-60px);
}

/* line 269, ../sass/_offcanvasmenu.scss */
.csstransforms .show-menu nav {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* line 12, ../sass/screen.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
}

/* line 19, ../sass/screen.scss */
body {
  font-family: 'Roboto', sans-serif;
  font-style: 16px;
  color: #000;
  line-height: 1.3rem;
}
/* line 25, ../sass/screen.scss */
body a {
  color: #ED4148;
  text-decoration: underline;
}
/* line 29, ../sass/screen.scss */
body a:hover {
  color: #000;
  text-decoration: none;
}
/* line 35, ../sass/screen.scss */
body h1 {
  margin: 15px 0;
  font-size: 2.1rem;
  line-height: 2.1rem;
  font-weight: 700;
}
/* line 42, ../sass/screen.scss */
body h2 {
  margin: 15px 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 700;
}
/* line 49, ../sass/screen.scss */
body h3 {
  margin: 10px 0;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
}
/* line 56, ../sass/screen.scss */
body b {
  font-weight: 700;
}
/* line 60, ../sass/screen.scss */
body .center {
  padding: 15px;
  text-align: center;
}
/* line 65, ../sass/screen.scss */
body .homepage h2 {
  margin-left: 10px;
}
/* line 70, ../sass/screen.scss */
body .btn_secondary {
  padding: 10px 20px;
  border: solid 2px #ED4148;
  color: #ED4148;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 77, ../sass/screen.scss */
body .btn_secondary:hover {
  color: #000;
  border-color: #000;
}
/* line 82, ../sass/screen.scss */
body .btn_secondary.small {
  padding: 5px 10px;
  font-size: .875rem;
}
/* line 88, ../sass/screen.scss */
body .btn_primary {
  padding: 10px 20px;
  border: solid 2px #ED4148;
  background-color: #ED4148;
  color: #ffff;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 96, ../sass/screen.scss */
body .btn_primary:hover {
  color: #000;
}
/* line 100, ../sass/screen.scss */
body .btn_primary.big {
  display: inline-block;
  margin: 10px 0;
  padding: 15px 30px;
  font-size: 1.3rem;
}
/* line 109, ../sass/screen.scss */
body form input[type="text"],
body form input[type="password"] {
  padding: 15px;
  width: 300px;
  border: solid 2px #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 1rem;
}
/* line 118, ../sass/screen.scss */
body form textarea {
  display: block;
  padding: 15px;
  margin-bottom: 20px;
  width: 450px;
  height: 180px;
  border: solid 2px #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 1rem;
}
/* line 129, ../sass/screen.scss */
body form input[type="submit"] {
  padding: 15px;
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: solid 2px #ED4148;
  font-size: 1rem;
  color: #ED4148;
  cursor: pointer;
}
/* line 139, ../sass/screen.scss */
body form select {
  width: 300px;
  padding: 10px;
  border: solid 2px #ccc;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1rem;
  background-image: url(../images/select_down.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* line 154, ../sass/screen.scss */
body .total {
  padding: 15px;
  font-size: 2rem;
}
@media only screen and (max-width: 520px) {
  /* line 154, ../sass/screen.scss */
  body .total {
    font-size: 1.5rem;
  }
}

/* line 164, ../sass/screen.scss */
#page {
  margin: 0 auto;
  padding: 30px 0;
  max-width: 1100px;
  align-items: flex-start;
}
@media only screen and (max-width: 1000px) {
  /* line 164, ../sass/screen.scss */
  #page {
    padding: 10px;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 164, ../sass/screen.scss */
  #page {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 181, ../sass/screen.scss */
  #page.s2 .steps, #page.s3 .steps {
    display: none;
  }
}
/* line 187, ../sass/screen.scss */
#page .left-menu {
  -webkit-box-flex: 0 0 235px;
  -moz-box-flex: 0 0 235px;
  -webkit-flex: 0 0 235px;
  -ms-flex: 0 0 235px;
  flex: 0 0 235px;
  background-color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 1000px) {
  /* line 187, ../sass/screen.scss */
  #page .left-menu {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
    padding: 15px;
    height: 80px;
    overflow: hidden;
  }
  /* line 199, ../sass/screen.scss */
  #page .left-menu.active {
    height: auto;
  }
}
/* line 204, ../sass/screen.scss */
#page .left-menu .trigger-menu {
  display: none;
  background-color: #eee;
  background-image: url(../images/down.png);
  background-position: 98% 50%;
  background-repeat: no-repeat;
  padding: 15px;
  margin-bottom: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
@media only screen and (max-width: 1000px) {
  /* line 204, ../sass/screen.scss */
  #page .left-menu .trigger-menu {
    display: block;
  }
}
/* line 219, ../sass/screen.scss */
#page .left-menu lia {
  padding: 0 15px;
}
/* line 222, ../sass/screen.scss */
#page .left-menu li a {
  display: block;
  padding: 20px 15px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  border-bottom: solid 1px #eee;
}

#page .left-menu li li a {
  padding-left: 20px;
}

#page .left-menu li li li a {
  padding-left: 25px;
}

#page .left-menu .active>a {
  background-color: #FDECEC;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
/* line 231, ../sass/screen.scss */
#page .left-menu li a:hover {
  color: #ED4148;
}
/* line 236, ../sass/screen.scss */
#page .left-menu li:last-child a {
  border-bottom: none;
}
/* line 240, ../sass/screen.scss */
#page .left-menu li ul {
  padding-left: 5px;
}
/* line 243, ../sass/screen.scss */
#page .left-menu li ul li a {
  font-weight: 400;
}
/* line 252, ../sass/screen.scss */
#page .cart_menu {
  -webkit-box-flex: 0 0 235px;
  -moz-box-flex: 0 0 235px;
  -webkit-flex: 0 0 235px;
  -ms-flex: 0 0 235px;
  flex: 0 0 235px;
  background-color: #fff;
  padding: 0px;
  font-size: .875rem;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
}
@media only screen and (max-width: 1000px) {
  /* line 252, ../sass/screen.scss */
  #page .cart_menu {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 262, ../sass/screen.scss */
#page .cart_menu .box {
  padding: 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 267, ../sass/screen.scss */
#page .cart_menu .box .center {
  padding: 25px;
}
/* line 272, ../sass/screen.scss */
#page .cart_menu .grid {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 279, ../sass/screen.scss */
#page .cart_menu .cart_item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #eee;
}
/* line 285, ../sass/screen.scss */
#page .cart_menu .goods {
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  font-weight: 700;
}
/* line 290, ../sass/screen.scss */
#page .cart_menu .price {
  text-align: right;
}
/* line 294, ../sass/screen.scss */
#page .cart_menu .sum {
  text-align: right;
  font-weight: 700;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
/* line 302, ../sass/screen.scss */
#page .content {
  padding: 5px 20px;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media only screen and (max-width: 1000px) {
  /* line 302, ../sass/screen.scss */
  #page .content {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  /* line 302, ../sass/screen.scss */
  #page .content {
    padding: 5px 10px;
  }
}
/* line 314, ../sass/screen.scss */
#page .content.confirmation h2 {
  margin-top: 30px;
}
@media only screen and (max-width: 500px) {
  /* line 318, ../sass/screen.scss */
  #page .content.confirmation .payment,
  #page .content.confirmation .transport {
    padding: 20px;
  }
}
/* line 324, ../sass/screen.scss */
#page .content.confirmation .payment label,
#page .content.confirmation .transport label {
  padding: 10px  0 10px 55px;
}
/* line 328, ../sass/screen.scss */
#page .content.confirmation .payment label span,
#page .content.confirmation .transport label span {
  font-weight: 700;
}
/* line 333, ../sass/screen.scss */
#page .content.confirmation .payment img,
#page .content.confirmation .transport img {
  top: -5px;
  left: 0;
}
/* line 340, ../sass/screen.scss */
#page .content .path {
  padding: 0;
  color: #666;
  font-size: .875rem;
  font-weight: 300;
}
/* line 347, ../sass/screen.scss */
#page .content p {
  margin: 5px 0 30px;
  line-height: 1.5rem;
}
/* line 352, ../sass/screen.scss */
#page .content b, #page .content strong {
  font-weight: 700;
}
/* line 356, ../sass/screen.scss */
#page .content ul {
  margin: 10px 0 15px;
  padding-left: 10px;
}
/* line 360, ../sass/screen.scss */
#page .content ul li {
  margin: 5px 0;
}
@media only screen and (max-width: 768px) {
  /* line 367, ../sass/screen.scss */
  #page .content.detail .grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 373, ../sass/screen.scss */
#page .content.detail .path {
  padding: 0 10px;
}
/* line 374, ../sass/screen.scss */
#page .content.detail .g-cell {
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  /* line 374, ../sass/screen.scss */
  #page .content.detail .g-cell {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 381, ../sass/screen.scss */
#page .content.detail .right-menu {
  -webkit-box-flex: 0 0 250px;
  -moz-box-flex: 0 0 250px;
  -webkit-flex: 0 0 250px;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
}
@media only screen and (max-width: 768px) {
  /* line 381, ../sass/screen.scss */
  #page .content.detail .right-menu {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 387, ../sass/screen.scss */
#page .content.detail .right-menu h4 {
  padding: 15px;
  font-size: 1.2rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  /* line 393, ../sass/screen.scss */
  #page .content.detail .right-menu .items {
    text-align: center;
  }
}
/* line 398, ../sass/screen.scss */
#page .content.detail .right-menu .item {
  padding: 0;
  text-align: center;
}

#page .content.detail .right-menu .items .item a {
 font-size: 1.1rem;
}

/* line 402, ../sass/screen.scss */
#page .content.detail .right-menu .item img {
  margin: 0 auto;
}
/* line 402, ../sass/screen.scss */
#page .content.detail .right-menu .item button {
  margin: 10px auto;
  font-size: 1rem;
  padding: 10px;
  width: auto;
  padding-right: 30px;
}
/* line 406, ../sass/screen.scss */
#page .content.detail .right-menu .item p {
  margin: 0;
}
/* line 411, ../sass/screen.scss */
#page .content.detail .right-menu .params {
  padding-top: 10px;
  background-color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 30px;
}
/* line 418, ../sass/screen.scss */
#page .content.detail .right-menu .params p {
  padding: 15px;
  margin: 5px;
}
/* line 424, ../sass/screen.scss */
#page .content.detail .right-menu .params form label {
  display: block;
  padding: 15px;
  border-bottom: solid 1px #eee;
  cursor: pointer;
}

#page .content.detail .right-menu .params form label .clear {
  clear: both;
  visibility: hidden;
  margin: 0;
}
/* line 430, ../sass/screen.scss */
#page .content.detail .right-menu .params form label input[type=radio] {
  margin-right: 5px;
  vertical-align: top;
}
/* line 435, ../sass/screen.scss */
#page .content.detail .right-menu .params form label .price {
  color: #ED4148;
  float: right;
  font-weight: 700;
}

#page .content.detail .right-menu .params form label .price .line-through {
  display: block;
  text-align: right;
  color: #666;
  font-weight: normal;
  text-decoration: line-through;
}
/* line 442, ../sass/screen.scss */
#page .content.detail .right-menu .params form .btn {
  padding: 15px;
  background-color: #eee;
}
/* line 447, ../sass/screen.scss */
#page .content.detail .right-menu .params form button {
  vertical-align: bottom;
  display: block;
  width: 100%;
  padding: 15px;
  margin-top: 15px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ED4148;
  text-align: left;
  border: solid 3px #ED4148;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url(../images/primary_cart.png);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-color: #fff;
}
/* line 472, ../sass/screen.scss */
#page .content .items {
  margin-bottom: 20px;
}
/* line 475, ../sass/screen.scss */
#page .content .items .item {
  position: relative;
  padding: 15px;
  margin-bottom: 25px;
  max-width: 275px;
  -webkit-box-flex: 1 1 33%;
  -moz-box-flex: 1 1 33%;
  -webkit-flex: 1 1 33%;
  -ms-flex: 1 1 33%;
  flex: 1 1 33%;
  align-items: flex-end;
  align-content: flex-end;
  cursor: pointer;
}
@media only screen and (max-width: 1000px) {
  #page .content .items .item {
    max-width: 350px;
  }
}
/* line 484, ../sass/screen.scss */
#page .content .items .item:hover {
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
}
/* line 488, ../sass/screen.scss */
#page .content .items .item .grid {
  height: 100%;
  flex-direction: column;
}
/* line 492, ../sass/screen.scss */
#page .content .items .item .grid .btn {
  max-height: 57px;
}
/* line 497, ../sass/screen.scss */
#page .content .items .item .label {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 505, ../sass/screen.scss */
#page .content .items .item .label.action {
  background-color: #15B800;
}
/* line 509, ../sass/screen.scss */
#page .content .items .item .label.sale {
  background-color: #FFB600;
}
/* line 513, ../sass/screen.scss */
#page .content .items .item .label.new {
  background-color: #ED4148;
}
/* line 519, ../sass/screen.scss */
#page .content .items .item a {
  display: block;
  padding: 10px 0;
  font-size: 1.3rem;
  line-height: 1.5rem;
  text-decoration: none;
  color: #000;
}
/* line 527, ../sass/screen.scss */
#page .content .items .item a:hover {
  color: #ED4148;
}
/* line 532, ../sass/screen.scss */
#page .content .items .item p {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4rem;
}
/* line 538, ../sass/screen.scss */
#page .content .items .item button {
  vertical-align: bottom;
  display: block;
  width: 100%;
  padding: 15px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ED4148;
  text-align: left;
  border: solid 2px #ED4148;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url(../images/primary_cart.png);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-color: #fff;
}
/* line 555, ../sass/screen.scss */
#page .content .items .item img {
  display: block;
  margin: 15px auto;
  text-align: center;
  max-height: 240px;
}
#page .content .items.category .item {
  text-align: center;
}

#page .content .items.category .item a {
  padding: 15px 10px;
  color: #ED4148;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  border: solid 2px #ED4148;
}
/* line 565, ../sass/screen.scss */
#page .content .cart_item {
  margin: 10px 0;
  padding: 15px;
  background-color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  /* line 572, ../sass/screen.scss */
  #page .content .cart_item .grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 578, ../sass/screen.scss */
#page .content .cart_item .pic {
  -webkit-box-flex: 0 0 95px;
  -moz-box-flex: 0 0 95px;
  -webkit-flex: 0 0 95px;
  -ms-flex: 0 0 95px;
  flex: 0 0 95px;
}
@media only screen and (max-width: 768px) {
  /* line 578, ../sass/screen.scss */
  #page .content .cart_item .pic {
    display: none;
  }
}
/* line 584, ../sass/screen.scss */
#page .content .cart_item .pic img {
  max-width: 80px;
}
@media only screen and (max-width: 768px) {
  /* line 591, ../sass/screen.scss */
  #page .content .cart_item .goods {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 598, ../sass/screen.scss */
#page .content .cart_item a {
  display: block;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  padding-right: 10px;
}
/* line 605, ../sass/screen.scss */
#page .content .cart_item a:hover {
  color: #ED4148;
  text-decoration: underline;
}
/* line 611, ../sass/screen.scss */
#page .content .cart_item p {
  margin: 0;
  font-size: .875rem;
  color: #666;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  /* line 619, ../sass/screen.scss */
  #page .content .cart_item .price {
    text-align: right;
  }
}
/* line 624, ../sass/screen.scss */
#page .content .cart_item .sum {
  text-align: right;
  font-weight: 700;
}
/* line 629, ../sass/screen.scss */
#page .content .cart_item .edit {
  float: right;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_edit.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
}
@media only screen and (max-width: 768px) {
  /* line 629, ../sass/screen.scss */
  #page .content .cart_item .edit {
    margin-top: 10px;
    width: 50px;
    height: 50px;
  }
}
/* line 646, ../sass/screen.scss */
#page .content .cart_item .delete {
  float: right;
  display: inline-block;
  margin-left: 20px;
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_delete.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
}
@media only screen and (max-width: 768px) {
  /* line 646, ../sass/screen.scss */
  #page .content .cart_item .delete {
    margin-top: 10px;
    width: 50px;
    height: 50px;
  }
}
/* line 666, ../sass/screen.scss */
#page .content .delete_all {
  float: right;
}
@media only screen and (max-width: 768px) {
  /* line 666, ../sass/screen.scss */
  #page .content .delete_all {
    float: none;
  }
}
/* line 673, ../sass/screen.scss */
#page .content .sale {
  margin: 10px 0;
  padding: 15px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  /* line 679, ../sass/screen.scss */
  #page .content .sale input[type="text"] {
    padding: 10px;
  }
  /* line 682, ../sass/screen.scss */
  #page .content .sale input[type="submit"] {
    padding: 10px;
  }
}
@media only screen and (max-width: 520px) {
  /* line 673, ../sass/screen.scss */
  #page .content .sale {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 690, ../sass/screen.scss */
  #page .content .sale .t-right {
    padding-top: 20px;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 697, ../sass/screen.scss */
#page .content .login {
  margin: 20px 0 30px;
  padding: 15px;
  background-color: #fafafa;
  border: solid 1px #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 704, ../sass/screen.scss */
#page .content .login p {
  margin: 5px 0;
}
/* line 708, ../sass/screen.scss */
#page .content .login a {
  margin: 10px;
  float: right;
}
@media only screen and (max-width: 768px) {
  /* line 708, ../sass/screen.scss */
  #page .content .login a {
    float: none;
    display: inline-block;
    margin: 10px 0;
  }
}
/* line 718, ../sass/screen.scss */
#page .content .white {
  margin-bottom: 20px;
  padding: 0 35px 20px;
  background-color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 500px) {
  /* line 718, ../sass/screen.scss */
  #page .content .white {
    padding: 0 20px 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 728, ../sass/screen.scss */
  #page .content .white .grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 734, ../sass/screen.scss */
#page .content .white p {
  margin: 15px 0;
}
/* line 738, ../sass/screen.scss */
#page .content .white h4 {
  margin-top: 30px;
  font-weight: 700;
  font-size: 1.2rem;
  color: #666;
}
/* line 746, ../sass/screen.scss */
#page .content .white label {
  display: block;
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 700;
}
/* line 752, ../sass/screen.scss */
#page .content .white input[type="text"],
#page .content .white input[type="password"] {
  padding: 10px;
}
@media only screen and (max-width: 500px) {
  /* line 752, ../sass/screen.scss */
  #page .content .white input[type="text"],
  #page .content .white input[type="password"] {
    width: 240px;
  }
}
@media only screen and (max-width: 500px) {
  /* line 761, ../sass/screen.scss */
  #page .content .white select, #page .content .white textarea {
    width: 240px;
  }
}
/* line 767, ../sass/screen.scss */
#page .content .white .checkbox {
  vertical-align: top;
  line-height: 2rem;
  font-weight: 400;
  cursor: pointer;
}
/* line 774, ../sass/screen.scss */
#page .content .white .address {
  display: none;
}
/* line 777, ../sass/screen.scss */
#page .content .white .address.active {
  display: block;
}
/* line 784, ../sass/screen.scss */
#page .content .customer {
  margin-bottom: 20px;
  padding: 0 35px 20px;
  background-color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 500px) {
  /* line 784, ../sass/screen.scss */
  #page .content .customer {
    padding: 0 20px 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 794, ../sass/screen.scss */
  #page .content .customer .grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 800, ../sass/screen.scss */
#page .content .customer h4 {
  margin-top: 30px;
  font-weight: 700;
  font-size: 1.2rem;
  color: #666;
}
/* line 808, ../sass/screen.scss */
#page .content .customer label {
  display: block;
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 700;
}
/* line 814, ../sass/screen.scss */
#page .content .customer input[type="text"] {
  padding: 10px;
}
@media only screen and (max-width: 500px) {
  /* line 814, ../sass/screen.scss */
  #page .content .customer input[type="text"] {
    width: 240px;
  }
}
@media only screen and (max-width: 500px) {
  /* line 822, ../sass/screen.scss */
  #page .content .customer select, #page .content .customer textarea {
    width: 240px;
  }
}
/* line 828, ../sass/screen.scss */
#page .content .customer .checkbox {
  vertical-align: top;
  line-height: 2rem;
  font-weight: 400;
  cursor: pointer;
}
/* line 835, ../sass/screen.scss */
#page .content .customer .address {
  display: none;
}
/* line 838, ../sass/screen.scss */
#page .content .customer .address.active {
  display: block;
}
/* line 845, ../sass/screen.scss */
#page .content .payment, #page .content .transport {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 500px) {
  /* line 845, ../sass/screen.scss */
  #page .content .payment, #page .content .transport {
    padding: 0 20px 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 855, ../sass/screen.scss */
  #page .content .payment .grid, #page .content .transport .grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 863, ../sass/screen.scss */
#page .content .payment label, #page .content .transport label {
  position: relative;
  display: block;
  padding: 20px 0;
  border-bottom: solid 1px #eee;
  cursor: pointer;
}
/* line 870, ../sass/screen.scss */
#page .content .payment label span, #page .content .transport label span {
  float: right;
  font-weight: 700;
}
/* line 875, ../sass/screen.scss */
#page .content .payment label img, #page .content .transport label img {
  position: absolute;
  top: 2px;
  left: 25px;
}
/* line 881, ../sass/screen.scss */
#page .content .payment label:last-child, #page .content .transport label:last-child {
  border: none;
}
/* line 887, ../sass/screen.scss */
#page .content .payment input[type=radio], #page .content .transport input[type=radio] {
  margin-right: 70px;
  vertical-align: top;
}
/* line 893, ../sass/screen.scss */
#page .content .steps {
  margin: 0 0 30px;
  background-color: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: solid 2px #eee;
}
@media only screen and (max-width: 768px) {
  /* line 893, ../sass/screen.scss */
  #page .content .steps {
    display: none;
  }
}
/* line 902, ../sass/screen.scss */
#page .content .steps div.g-cell {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 0 0 25%;
  -moz-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 15px;
  text-align: center;
}
/* line 910, ../sass/screen.scss */
#page .content .steps div.g-cell a {
  color: #000;
  text-decoration: none;
}
/* line 914, ../sass/screen.scss */
#page .content .steps div.g-cell a:hover {
  color: #ED4148;
  text-decoration: underline;
}
/* line 920, ../sass/screen.scss */
#page .content .steps div.g-cell:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 10px;
  border-color: transparent transparent transparent #ccc;
  background-color: #eee;
}
/* line 935, ../sass/screen.scss */
#page .content .steps div.g-cell:before {
  position: absolute;
  content: '';
  top: 0;
  right: 2px;
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 10px;
  border-color: transparent transparent transparent #eee;
}
/* line 950, ../sass/screen.scss */
#page .content .steps div.g-cell:last-child:before, #page .content .steps div.g-cell:last-child:after {
  display: none;
}
/* line 955, ../sass/screen.scss */
#page .content .steps div.g-cell.active {
  background-color: #fff;
}
/* line 958, ../sass/screen.scss */
#page .content .steps div.g-cell.active:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 10px;
  border-color: transparent transparent transparent #ffffff;
  background-color: #eee;
}
/* line 971, ../sass/screen.scss */
#page .content .steps div.g-cell.active:before {
  display: none;
}
/* line 976, ../sass/screen.scss */
#page .content .steps div.g-cell.done {
  background-color: #fff;
}
/* line 979, ../sass/screen.scss */
#page .content .steps div.g-cell.done:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 10px;
  border-color: transparent transparent transparent #ccc;
  background-color: #fff;
}
/* line 994, ../sass/screen.scss */
#page .content .steps div.g-cell.done:before {
  position: absolute;
  content: '';
  top: 0;
  right: 2px;
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 10px;
  border-color: transparent transparent transparent #fff;
}
/* line 1012, ../sass/screen.scss */
#page .content .pagination {
  text-align: center;
}
/* line 1015, ../sass/screen.scss */
#page .content .pagination a {
  display: inline-block;
  margin: 10px;
  width: 30px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
}
/* line 1024, ../sass/screen.scss */
#page .content .pagination a.prev {
  text-indent: -9999em;
  background-image: url(../images/left.png);
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* line 1032, ../sass/screen.scss */
#page .content .pagination a.next {
  text-indent: -9999em;
  background-image: url(../images/right.png);
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* line 1041, ../sass/screen.scss */
#page .content .pagination span {
  display: inline-block;
  margin: 10px;
  width: 30px;
  height: 30px;
  line-height: 32px;
  text-align: center;
}

/* line 1053, ../sass/screen.scss */
#news {
  max-width: 1100px;
  margin: 30px auto;
}
@media only screen and (max-width: 1000px) {
  /* line 1053, ../sass/screen.scss */
  #news {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1061, ../sass/screen.scss */
  #news .grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 1069, ../sass/screen.scss */
#news .g-cell {
  position: relative;
  height: 240px;
  -webkit-box-flex: 1 1 50%;
  -moz-box-flex: 1 1 50%;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  background-size: 100% auto;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  /* line 1069, ../sass/screen.scss */
  #news .g-cell {
    -webkit-box-flex: 1 1 100%;
    -moz-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}
/* line 1081, ../sass/screen.scss */
#news .g-cell:hover .txt h3 a {
  color: #ED4148;
}
/* line 1085, ../sass/screen.scss */
#news .g-cell.odd {
  max-width: 30px;
  box-shadow: none;
  cursor: auto;
}
@media only screen and (max-width: 768px) {
  /* line 1085, ../sass/screen.scss */
  #news .g-cell.odd {
    max-height: 20px;
  }
}
/* line 1094, ../sass/screen.scss */
#news .g-cell .txt {
  position: absolute;
  bottom: 20px;
  right: 20px;
  max-width: 80%;
  padding: 15px;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 1103, ../sass/screen.scss */
#news .g-cell .txt h3 {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
/* line 1108, ../sass/screen.scss */
#news .g-cell .txt h3 a {
  text-decoration: none;
  color: #000;
}
/* line 1114, ../sass/screen.scss */
#news .g-cell .txt p {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4rem;
}

/* line 1126, ../sass/screen.scss */
#benefits {
  padding: 20px 0;
  background-color: #eee;
}
/* line 1130, ../sass/screen.scss */
#benefits .grid {
  max-width: 1100px;
  margin: 20px auto;
}
@media only screen and (max-width: 768px) {
  /* line 1130, ../sass/screen.scss */
  #benefits .grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 1138, ../sass/screen.scss */
#benefits .grid .g-cell {
  -webkit-box-flex: 0 0 25%;
  -moz-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 70px 15px 0;
  text-align: center;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  /* line 1138, ../sass/screen.scss */
  #benefits .grid .g-cell {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 60px 15px;
  }
}
/* line 1149, ../sass/screen.scss */
#benefits .grid .g-cell.ben1 {
  background-image: url(../images/ben_1.png);
}
/* line 1152, ../sass/screen.scss */
#benefits .grid .g-cell.ben2 {
  background-image: url(../images/ben_2.png);
}
/* line 1155, ../sass/screen.scss */
#benefits .grid .g-cell.ben3 {
  background-image: url(../images/ben_3.png);
}
/* line 1158, ../sass/screen.scss */
#benefits .grid .g-cell.ben4 {
  background-image: url(../images/ben_4.png);
}
/* line 1163, ../sass/screen.scss */
#benefits .grid h3 {
  margin: 15px 0;
  font-size: 1.125rem;
  font-weight: 700;
}
/* line 1168, ../sass/screen.scss */
#benefits .grid p {
  font-size: 0.875rem;
  font-weight: 300;
}

/* line 1177, ../sass/screen.scss */
#topmenu .active .submen {
  display: block;
}

/* line 1178, ../sass/screen.scss */
#topmenu.active #search {
  display: block;
}

/* line 1179, ../sass/screen.scss */
#topmenu.active .language,
#topmenu.active .currency,
#topmenu.active .profil {
  display: none;
}

/* line 1185, ../sass/screen.scss */
header {
  display: block;
  width: 100%;
  height: 102px;
  background-color: #ccc;
}
@media only screen and (max-width: 1000px) {
  /* line 1185, ../sass/screen.scss */
  header {
    background-color: #fff;
    height: 80px;
  }
}
/* line 1195, ../sass/screen.scss */
header .header-inner {
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
  height: 56px;
}
/* line 1201, ../sass/screen.scss */
header .header-inner #search {
  display: none;
  position: absolute;
  top: 0;
  left: 250px;
  padding: 4px;
  z-index: 100;
  background-color: #ccc;
}
/* line 1210, ../sass/screen.scss */
header .header-inner #search .inner {
  position: relative;
  width: 440px;
}
/* line 1215, ../sass/screen.scss */
header .header-inner #search input[type=text] {
  width: 320px;
  padding: 15px 85px 15px 15px;
  font-size: 1rem;
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 1223, ../sass/screen.scss */
header .header-inner #search input[type=submit] {
  position: absolute;
  top: 3px;
  left: 227px;
  padding: 12px;
  width: 90px;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  background-color: #ED4148;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}
/* line 1238, ../sass/screen.scss */
header .header-inner #search .close-search {
  position: absolute;
  left: 350px;
  top: 13px;
  display: block;
  width: 24px;
  height: 24px;
  padding-left: 32px;
  line-height: 25px;
  cursor: pointer;
  background-image: url(../images/close.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* line 1256, ../sass/screen.scss */
header .header-inner #logo {
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  width: 235px;
  height: 120px;
  background-color: #fff;
  background-image: url(../images/logo.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 1000px) {
  /* line 1256, ../sass/screen.scss */
  header .header-inner #logo {
    width: 140px;
    height: 70px;
    top: 5px;
    left: 50%;
    margin-left: -70px;
    background-size: 100% auto;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
  }
}
/* line 1284, ../sass/screen.scss */
header .header-inner .grid {
  padding-left: 260px;
  padding-top: 0px;
  align-items: center;
  align-content: center;
}
/* line 1290, ../sass/screen.scss */
header .header-inner .grid .g-cell {
  position: relative;
  text-align: left;
}
/* line 1295, ../sass/screen.scss */
header .header-inner .grid .g-cell ul {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  background-color: #fff;
  padding: 0px;
  margin: 0px;
  min-width: 150px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  z-index: 100;
}
/* line 1308, ../sass/screen.scss */
header .header-inner .grid .g-cell ul a {
  display: block;
  padding: 10px 20px;
  color: #000;
  margin: 0;
  min-width: 120px;
  border-bottom: solid 1px #ddd;
}
/* line 1318, ../sass/screen.scss */
header .header-inner .grid .g-cell.active ul.submenu {
  display: block !important;
}
/* line 1323, ../sass/screen.scss */
header .header-inner .grid .g-cell.t-right {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: right;
}
/* line 1331, ../sass/screen.scss */
header .header-inner .grid a {
  display: inline-block;
  padding-left: 40px;
  line-height: 30px;
  color: #fff;
  background-repeat: no-repeat;
  text-decoration: none;
}
/* line 1339, ../sass/screen.scss */
header .header-inner .grid a.search {
  position: relative;
  padding-left: 36px;
  background-image: url(../images/icon_search.png);
}
/* line 1345, ../sass/screen.scss */
header .header-inner .grid a.language {
  position: relative;
  padding-right: 20px;
  background-image: url(../images/icon_language.png);
}
/* line 1350, ../sass/screen.scss */
header .header-inner .grid a.language:after {
  position: absolute;
  top: 10px;
  right: 0;
  content: '';
  display: block;
  width: 15px;
  height: 10px;
  background-image: url(../images/down_white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* line 1364, ../sass/screen.scss */
header .header-inner .grid a.currency {
  position: relative;
  padding-right: 20px;
  background-image: url(../images/icon_money.png);
}
/* line 1369, ../sass/screen.scss */
header .header-inner .grid a.currency:after {
  position: absolute;
  top: 10px;
  right: 0;
  content: '';
  display: block;
  width: 15px;
  height: 10px;
  background-image: url(../images/down_white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* line 1382, ../sass/screen.scss */
header .header-inner .grid a.profil {
  position: relative;
  padding-right: 20px;
  background-image: url(../images/icon_profil.png);
}
/* line 1387, ../sass/screen.scss */
header .header-inner .grid a.profil:after {
  position: absolute;
  top: 10px;
  right: 0;
  content: '';
  display: block;
  width: 15px;
  height: 10px;
  background-image: url(../images/down_white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* line 1401, ../sass/screen.scss */
header .header-inner .grid a.cart {
  position: relative;
  padding: 13px 20px 13px 60px;
  display: inline-block;
  background-color: #000;
  text-align: center;
  background-image: url(../images/icon_cart.png);
  background-position: 20px 12px;
}
@media only screen and (max-width: 1000px) {
  /* line 1401, ../sass/screen.scss */
  header .header-inner .grid a.cart {
    background-color: #fff;
    width: 44px;
    height: 44px;
    padding: 0;
    background-image: url(../images/icon_cart_black.png);
    background-position: 50% 50%;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 1418, ../sass/screen.scss */
  header .header-inner .grid a.cart span.price {
    display: none;
  }
}
/* line 1424, ../sass/screen.scss */
header .header-inner .grid a.cart span.count {
  position: relative;
  display: none;
}
@media only screen and (max-width: 1000px) {
  /* line 1424, ../sass/screen.scss */
  header .header-inner .grid a.cart span.count {
    position: absolute;
    right: -5px;
    top: -5px;
    display: block;
    width: 26px;
    height: 26px;
    font-size: 13px;
    line-height: 23px;
    font-weight: 700;
    color: #fff;
    border: solid 2px #fff;
    background-color: #FF0000;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
  }
}
/* line 1452, ../sass/screen.scss */
header nav {
  height: 46px;
  width: 100%;
  background-color: #eee;
}
/* line 1457, ../sass/screen.scss */
header nav .inner-menu {
  margin: 0 auto;
  max-width: 1100px;
}
/* line 1462, ../sass/screen.scss */
header nav ul {
  padding-left: 250px;
}
/* line 1468, ../sass/screen.scss */
header nav li {
  display: inline-block;
}
/* line 1471, ../sass/screen.scss */
header nav li a {
  display: block;
  color: #000;
  font-weight: 300;
  text-decoration: none;
  font-size: 1rem;
  padding: 15px 17px 11px 17px;
}
@media only screen and (max-width: 1100px) {
  /* line 1471, ../sass/screen.scss */
  header nav li a {
    padding: 15px 11px 11px 11px;
  }
}
/* line 1482, ../sass/screen.scss */
header nav li a.active, header nav li a:hover {
  border-bottom: solid 4px #000;
}

/* line 1491, ../sass/screen.scss */
#carousel {
  position: relative;
  margin-left: 10px;
  margin-bottom: 40px;
  padding: 25px;
  padding-left: 340px;
  min-height: 260px;
  background-color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 1000px) {
  /* line 1491, ../sass/screen.scss */
  #carousel {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1491, ../sass/screen.scss */
  #carousel {
    padding: 15px;
    text-align: center;
  }
}
/* line 1512, ../sass/screen.scss */
#carousel .carousel-caption .clear {
  visibility: hidden;
  clear: both;
}
/* line 1518, ../sass/screen.scss */
#carousel .carousel-control.right {
  position: absolute;
  bottom: 50px;
  left: 380px;
  margin-top: -13px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/right.png);
  text-indent: -9999em;
  opacity: .3;
}
/* line 1529, ../sass/screen.scss */
#carousel .carousel-control.right:hover {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  /* line 1518, ../sass/screen.scss */
  #carousel .carousel-control.right {
    top: 20px;
    right: 30px;
    left: auto;
    bottom: auto;
    margin-top: 0;
  }
}
/* line 1542, ../sass/screen.scss */
#carousel .carousel-control.left {
  position: absolute;
  bottom: 50px;
  left: 340px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/left.png);
  text-indent: -9999em;
  opacity: .3;
}
/* line 1553, ../sass/screen.scss */
#carousel .carousel-control.left:hover {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  /* line 1542, ../sass/screen.scss */
  #carousel .carousel-control.left {
    top: 20px;
    left: 30px;
    bottom: auto;
  }
}
/* line 1564, ../sass/screen.scss */
#carousel img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 320px;
  height: 320px;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  /* line 1564, ../sass/screen.scss */
  #carousel img {
    position: static;
    margin: 0 auto;
  }
}
/* line 1574, ../sass/screen.scss */
#carousel .label {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #AE00B8;
}
/* line 1582, ../sass/screen.scss */
#carousel h3 a {
  display: block;
  margin: 10px 0;
  color: #000;
  font-size: 1.5rem;
  line-height: 2rem;
  text-decoration: none;
  font-weight: 700;
}
/* line 1592, ../sass/screen.scss */
#carousel p {
  font-weight: 300;
  line-height: 1.6rem;
  height: 80px;
  overflow: hidden;
}
/* line 1597, ../sass/screen.scss */
#carousel button {
  float: right;
  padding: 15px 40px 15px 15px;
  margin-top: 15px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ED4148;
  text-align: left;
  border: solid 2px #ED4148;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url(../images/primary_cart.png);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  /* line 1597, ../sass/screen.scss */
  #carousel button {
    float: none;
  }
}

/* line 1617, ../sass/screen.scss */
footer {
  margin: 0 auto;
  padding: 30px 0;
  max-width: 1100px;
}
@media only screen and (max-width: 1000px) {
  /* line 1617, ../sass/screen.scss */
  footer {
    padding: 30px 15px;
  }
}
/* line 1627, ../sass/screen.scss */
footer .grid {
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  /* line 1627, ../sass/screen.scss */
  footer .grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 1634, ../sass/screen.scss */
  footer .grid .g-cell {
    margin-bottom: 20px;
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 768px) and (max-width: 480px) {
  /* line 1634, ../sass/screen.scss */
  footer .grid .g-cell {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

/* line 1644, ../sass/screen.scss */
footer .sec-menu {
  margin-bottom: 20px;
}
/* line 1647, ../sass/screen.scss */
footer .sec-menu h4 {
  margin: 10px 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #666;
}
/* line 1654, ../sass/screen.scss */
footer .sec-menu a {
  display: block;
  color: #000;
  text-decoration: none;
  line-height: 2rem;
  font-weight: 300;
}
/* line 1661, ../sass/screen.scss */
footer .sec-menu a:hover {
  color: #ED4148;
  text-decoration: underline;
}
/* line 1667, ../sass/screen.scss */
footer .sec-menu .social {
  max-width: 120px;
}
/* line 1670, ../sass/screen.scss */
footer .sec-menu .social .fb {
  display: inline-block;
  margin: 0 5px;
  width: 44px;
  height: 44px;
  text-indent: -9999em;
  background-image: url(../images/facebook.png);
}
/* line 1678, ../sass/screen.scss */
footer .sec-menu .social .ig {
  display: inline-block;
  margin: 0 5px;
  width: 44px;
  height: 44px;
  text-indent: -9999em;
  background-image: url(../images/instagram.png);
}
/* line 1691, ../sass/screen.scss */
footer .pmethods .g-cell {
  margin-bottom: 20px;
  max-width: 120px;
}
/* line 1697, ../sass/screen.scss */
footer .copy {
  font-size: 0.75rem;
  font-weight: 300;
}

@media only screen and (max-width: 1000px) {
  /* line 1705, ../sass/screen.scss */
  #topmenu .g-cell {
    display: none;
  }
  /* line 1708, ../sass/screen.scss */
  #topmenu .g-cell.t-right {
    display: block;
    position: absolute;
    right: 15px;
    top: 12px;
  }

  /* line 1716, ../sass/screen.scss */
  nav {
    display: none;
  }
}