@import "/fonts/PFDinDisplay/pfdd_regular.css";
@CHARSET "UTF-8";

@font-face {
  font-family: 'Circe';
  font-style: normal;
  font-weight: normal;
  src: url('https://st.gloryon.com/fonts/cirсe-regular.eot') format('embedded-opentype'),
  url('https://st.gloryon.com/fonts/circe-regular.woff') format('woff'),
  url('https://st.gloryon.com/fonts/circe-regular.ttf') format('truetype'),
  url('https://st.gloryon.com/fonts/circe-regular.svg') format('svg');
}

@font-face {
  font-family: 'Circe';
  font-style: normal;
  font-weight: bold;
  src: url('https://st.gloryon.com/fonts/circe-bold.eot') format('embedded-opentype'),
  url('https://st.gloryon.com/fonts/circe-bold.woff') format('woff'),
  url('https://st.gloryon.com/fonts/circe-bold.ttf') format('truetype'),
  url('https://st.gloryon.com/fonts/circe-bold.svg') format('svg');
}


.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.hBlockContent:before,
.hBlockContent:after
{
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.hBlockContent:after,
.row:after {
  clear: both;
}


html, body
{
  padding: 0;
  margin: 0;
  height: 100%;
  font-size: 13px;
  line-height: 1.3077;
}
body
{
  font-family: "Open Sans", Tahoma, Arial, sans-serif;
  background: #fff;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  min-width: 320px;
}


.container {
  padding-left: 15px;
  padding-right: 15px;
}

/* Ссылка по умолчанию, вид как у текста */
a, a:visited, a:active {
  color: #333333;
  text-decoration: underline;
}
a:hover {
  opacity: 0.75;
}
a.inPage {
  text-decoration: none;
  border-bottom: 1px Dashed;
}
a.white, a.white:visited, a.white:active { color: #ffffff; }
a.white:hover { opacity: 0.75; }
a.blue, a.blue:visited, a.blue:active { color: #416aa0; }
a.blue:hover { opacity: 0.75; }
a.grey, a.grey:visited, a.grey:active { color: #525252; }
a.grey:hover { opacity: 0.75; }
a.red, a.red:visited, a.red:active { color: #e52724; }
a.red:hover { opacity: 0.75; }

.ballon {
  /*width: 100px; height: 60px;*/ position: absolute; left: 50px; top: 50px; z-index: 500;
  padding: 16px; border-radius: 16px;
  border: 1px Solid #e0e0e0;
  background: white;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
}
.ballon:before, .ballon:after { display: block; content: ""; }
/* Позиционирование уголков */
.ballon.top:before, .ballon.top:after       { position: absolute; top: 100%;    left: 50%;   }
.ballon.bottom:before, .ballon.bottom:after { position: absolute; bottom: 100%; left: 50%;   }
.ballon.left:before, .ballon.left:after     { position: absolute; top: 50%;     left: 100%; }
.ballon.right:before, .ballon.right:after   { position: absolute; top: 50%;     right: 100%;  }

/* Внешний вид уголков */
.ballon:before      { border: 13px solid transparent; }
.ballon:after       { border: 11px solid transparent; }
.ballon.top:before, .ballon.bottom:before { margin-left: -13px; }
.ballon.top:after,  .ballon.bottom:after  { margin-left: -11px; }
.ballon.left:before, .ballon.right:before { margin-top: -13px; }
.ballon.left:after,  .ballon.right:after  { margin-top: -11px; }
.ballon.top:before                 {  border-bottom: none; border-top-color: #e0e0e0; }
.ballon.top:after                  {  border-bottom: none; border-top-color: white; }
.ballon.bottom:before              {  border-top: none;   border-bottom-color: #e0e0e0; }
.ballon.bottom:after               {  border-top: none;   border-bottom-color: white; }
.ballon.left:before                {  border-right: none; border-left-color: #e0e0e0; }
.ballon.left:after                 {  border-right: none; border-left-color: white; }
.ballon.right:before               {  border-left: none;  border-right-color: #e0e0e0; }
.ballon.right:after                {  border-left: none;  border-right-color: white; }

.ballon.error { border: 2px Solid #ed1c24; padding: 12px 18px 14px; font-size: 12px; }
.ballon.error:after { border-width: 11px; }
.ballon.error.top:after,  .ballon.error.bottom:after  { margin-left: -11px; }
.ballon.error.left:after,  .ballon.error.right:after  { margin-top: -11px; }
.ballon.error.top:before                 {  border-top-color: #ed1c24; }
.ballon.error.bottom:before              {  border-bottom-color: #ed1c24; }
.ballon.error.left:before                {  border-left-color: #ed1c24; }
.ballon.error.right:before               {  border-right-color: #ed1c24; }
.ballon.error p {margin: 3px 0;}

.ballon.statusOK { border: 2px Solid #3993de; }
.ballon.statusOK:after { border-width: 10px; }
.ballon.statusOK.top:after,  .ballon.statusOK.bottom:after  { margin-left: -10px; }
.ballon.statusOK.left:after,  .ballon.statusOK.right:after  { margin-top: -10px; }
.ballon.statusOK.top:before                 {  border-top-color:  #3993de; }
.ballon.statusOK.bottom:before              {  border-bottom-color:  #3993de; }
.ballon.statusOK.left:before                {  border-left-color:  #3993de; }
.ballon.statusOK.right:before               {  border-right-color:  #3993de; }



.pageHeader {
  background-color: #0aa70f;
  color: white;
  height: 43px;
  display: flex;
  align-items: center;
}

.pageHeader a.fullHeightBtn {
  height: 43px;
  background-color: #0aa70f;
  padding: 0 13px; box-sizing: border-box;
  align-items: center; display: inline-flex; vertical-align: middle;
  text-decoration: none;
}
.pageHeader a.fullHeightBtn:hover {
  background-color: #09990e;
  cursor: pointer;
  opacity: 1;
}


.pageHeader .left {
  width: 50%;
}
.pageHeader .menuToggle span {
  width: 23px; height: 23px;
  background: url(/images/userdata/publicSite/mobile/icon_menu.png) no-repeat top left;
}
.pageHeader .menuToggle.open span {
  background-position: bottom left;
}
.pageHeader .logoLink {
  margin-left: 1px;
}
.pageHeader .logoLink img {
  vertical-align: middle;
}


.pageHeader .right {
  width: 50%;
  text-align: right;
}
.pageHeader .cartIcon {
  display: inline-block; width: 22px; height: 22px; margin-right: 4px;
  background: url(/images/userdata/publicSite/mobile/icon_cart.png) no-repeat center center;
}
.pageHeader .cartProdCount {
  background: #f36d00;
  color: white; font-size: 11px; font-weight: bold; text-align: center; line-height: 22px;
  height: 22px; border-radius: 11px; min-width: 22px;
}

.mobileMenu {
  display: none;
  position: absolute; left: 0px; top: 43px;
  width: 267px; box-shadow: 7px 13px 35px 0px rgba(131,142,149,0.25);
  min-height: 569px;
  background: white;
  z-index: 30;
}
.mobileMenu .userPanel {
  background: #def5ff;
  border-bottom: 1px Solid #e8e8e8;
  padding: 14px 14px 14px 16px; font-size: 12px;
}
.mobileMenu .profileName {
  padding-top: 5px;
  background: url(/images/userdata/publicSite/mobile/iconUPUser.png) no-repeat center left;
  margin-bottom: 11px; padding-left: 31px; min-height: 24px;
  display: flex; align-items: center;
}
.mobileMenu .userPanelLinks {
  display: flex;
  justify-content: space-between;
}
.mobileMenu .userPanelLinks .left a {
  margin-left: 8px;
}
.mobileMenu .userPanelLinks .left :first-child {
  margin-left: 0px;
}
.mobileMenu .login {
  padding-left: 18px;
  background: url(/images/userdata/publicSite/mobile/iconUPLogin.png) no-repeat 0px 4px;
}
.mobileMenu .logout {
  padding-left: 18px;
  background: url(/images/userdata/publicSite/mobile/iconUPLogout.png) no-repeat 0px 4px;
}

.mobileMenu ul.menu-list {
  padding: 0px; margin: 0;
  border-right: 1px Solid #e8e8e8;
  color: #333333;
  font-size: 13px;
}
.mobileMenu ul.menu-list ul.menu-list {
  border-right: none;
}
.mobileMenu ul.menu-list span.icon {
  width: 18px; height: 18px; margin-right: 6px;
  background-position: center center;
  background-repeat: no-repeat;
}
.mobileMenu ul.menu-list span.icon.about { background-image: url(/images/userdata/publicSite/mobile/iconMenuAbout.png); }
.mobileMenu ul.menu-list span.icon.production { background-image: url(/images/userdata/publicSite/mobile/iconMenuProduction.png); margin-top: 1px; margin-bottom: -2px; }
.mobileMenu ul.menu-list span.icon.sales { background-image: url(/images/userdata/publicSite/mobile/iconMenuSales.png); }
.mobileMenu ul.menu-list span.icon.business { background-image: url(/images/userdata/publicSite/mobile/iconMenuBusiness.png); }
.mobileMenu ul.menu-list span.icon.head_menu_info_about { background-image: url(/images/userdata/publicSite/mobile/iconMenuAbout.png); }
.mobileMenu ul.menu-list span.icon.head_menu_info_products { background-image: url(/images/userdata/publicSite/mobile/iconMenuProduction.png); margin-top: 1px; margin-bottom: -2px; }
.mobileMenu ul.menu-list span.icon.head_menu_info_sale { background-image: url(/images/userdata/publicSite/mobile/iconMenuSales.png); }
.mobileMenu ul.menu-list span.icon.head_menu_info_business { background-image: url(/images/userdata/publicSite/mobile/iconMenuBusiness.png); }
.mobileMenu ul.menu-list span.icon.menu-back { background-image: url(/images/userdata/publicSite/mobile/iconMenuMenuBackArrow.png); }

.mobileMenu ul.menu-list li {
}
.mobileMenu ul.menu-list li a {
  display: flex; align-items: center;
  text-decoration: none;
  border-bottom: 1px Solid #e8e8e8;
  padding: 6px 13px 8px;
}
.mobileMenu ul.menu-list li a:hover {
  opacity: 1;
}
.mobileMenu ul.menu-list li.openSub {
  background-image: url(/images/userdata/publicSite/mobile/iconMenuSubMenuArrow.png);
  background-position: 248px 50%;
  background-repeat: no-repeat;
}
.mobileMenu ul.menu-list .open {
  background: black; color: white; position: relative;
}
.mobileMenu ul.menu-list .open:after {
  display: block;
  content: ""; border-width: 5px; position: absolute; left: 10px; top: 100%;
  border-style: solid;
  border-color: transparent;
  border-top-color: black;
}

.mobileMenu ul.menu-list li.menuBack {
  display: none;
  background: white;
}
.mobileMenu ul.menu-list ul.menu-list {
  display: none;
}

.mobileMenu ul.menu-list li ul.menu-list li {
  background-color: #f7f1eb;
}
.mobileMenu ul.menu-list li ul.menu-list li a {
  border-color: #e7ddd4;
}



/*<!----- --- --- --- --- -->*/
.region-choose
{
  font-family: 'Tahoma';
  padding: 7px 13px 13px;
  border-bottom: solid 1px #ddd;
}

.region-choose img
{
  position: relative;
  margin-right: 5px;
  top: 6px;
}

.region-choose a
{
  color: #4a70a3;
  text-decoration: none;
  border-bottom: dashed 1px #4a70a3;
}

.city-choose
{
  font-size: 14px;
}

.city-choose img
{
  position: relative;
  margin-right: 5px;
  top: 6px;
}

.city-choose a
{
  color: #4a70a3;
  text-decoration: none;
  border-bottom: dashed 1px #4a70a3;
  font-weight: 700;
}

.breadcrumbs
{
  margin-top: 7px;
  margin-bottom: 5px;
  color: #111;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.breadcrumbs::after
{
  content: url('/images/userdata/publicSite/mobile/breadcrumb-shadow.png');
  position: absolute;
  top: 0px;
  right: 0px;
}

.breadcrumbs a
{
  text-decoration: none;
  color: #111;
}

.breadcrumbs > div
{
  display: inline-block;
}

.breadcrumbs > div:last-child::after
{
  display: none;
}

.breadcrumbs > div::after
{
  content: url('/images/userdata/publicSite/mobile/breadcrumb.png');
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

h1
{
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}
h1.PFDD {
  font-size: 25px;
  font-family: "PFDDPro", Tahoma, Arial, sans-serif;
  font-weight: normal;
}
h2
{
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 8px;
}
h3 {
  font-family: "PFDDPro", Tahoma, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.15em;
  font-weight: normal;
}

.container
{
  padding-left: 15px;
  padding-right: 15px;
}

.container.second
{
  margin-top: 20px;
}

.container.divider
{
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 1px #d1d1d1;
}

.cart
{
  background: #d4eaf9;
  padding: 5px 15px 20px;
}

.cart .item.item-title
{
  color: #888;
  background: none;
}

.cart .item
{
  background: #fff;
  margin-bottom: 9px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 11px 13px;
}
.cart .item.noPadd {
  padding: 0px 0px;
}
.cart .item.hasTroubles {
  background: #e8f4fc;
}
.cart .item .row {
  padding: 11px 13px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.cart .item:last-child, .cart .item:first-child
{
  margin-bottom: 0px;
}

.cart .item .num
{
  margin-right: 14px;
  flex-shrink: 1;
  width: 37px;
}

.cart .item .ptitle
{
  flex: 1;
}

.cart a
{
  text-decoration: underline;
  color: #416aa0;
}

.cart .item .ptitle .control-block
{
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  font-size: 14px;
}

.cart .item .ptitle .control-block .control
{
  height: 23px;
  width: 23px;
  border-radius: 3px;
  border: 2px solid #bababa;
  box-sizing: border-box;
  padding-top: 0px;
  color: #999999;
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.cart .edit-block
{
  margin-top: 15px;
}

.cart .item .ptitle .control-block .value
{
  color: #333333;
  font-family: Tahoma;
  font-size: 14px;
  height: 23px;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  padding-top: 0px;
  box-sizing: border-box;
}

.cart .item .ptitle .price
{
  font-size: 14px;
  font-weight: 700;
}

.cart .item div.remove
{
  margin-left: 14px;
  flex-shrink: 1;
}

.cart .item .remove a.remove
{
  display: block;
  background: url('/images/userdata/publicSite/mobile/remove.png') no-repeat left top;
  width: 19px;
  height: 19px;
  text-decoration: none;
  cursor: pointer;
}

.cart .item.item-title .remove a.clear
{
  color: #416aa0;
  text-decoration: none;
  border-bottom: 1px dashed #416aa0;
}

.flexNoWrap {
  flex-wrap: nowrap !important;
}
.cart .item .pNotice {
  border-top: 1px Solid #d4eaf9;
  flex-direction: column;
  padding: 11px 13px 11px;
}
.cart .item .pNotice a.red {
  color: #e52724;
}
.cart .item .pNoticeHeader {
  background: url(/images/userdata/publicSite/mobile/redNotice.png) no-repeat top left;
  color: #e52724;
  padding-left: 25px;
  min-height: 19px;
}
.cart .item .pNoticeHeader a {
  text-decoration: none;
}
.cart .item .pNoticeContent {
  display: none;
  margin-top: 7px;
  color: #333333;
}


.cart .total
{
  margin-top: 20px;
  padding-top: 15px;
  border-top: solid 1px #a3c4db;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.cart .total > div:last-child
{
  text-align: right;
}

.cart .total2
{
  font-size: 16px;
  margin-top: 20px;
}

.cart .total2 > div
{
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.cart .total2 > div:last-child
{
  margin-bottom: 0px;
}

.cart .total2 > div > div:last-child
{
  text-align: right;
}

.cartEmpty {
  padding-top: 52px;
  text-align: center;
  padding-bottom: 60px;
}
.cartEmpty .emptyBox {
  margin-right: 2px;
  margin-bottom: 11px;
}
.cartEmpty .txt {
  color: #b9b9b9;
  font-size: 14px;
  font-weight: bold; margin-bottom: 47px;
  line-height: 1.25;
}
.cartEmpty .blue-button {
  border-radius: 21px;
  background-color: #1b70b6;
  height: 42px;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 22px 0px;
  color: #fff;
  font-size: 14px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
.cartEmpty .blue-button img {
  vertical-align: middle;
  margin-right: 14px;
}

.order-button
{
  text-decoration: none !important;
  height: 41px;
  border-radius: 21px;
  box-sizing: border-box;
  padding-top: 9px;
  font-size: 15px;
  color: #fff !important;
  cursor: pointer;
  display: block;
  text-align: center;
  background: #0aa70f;
  max-width: 400px;
  margin: 0 auto 7px;
}
.order-button.disabled,
a.order-button.disabled,
button.order-button.disabled {
  cursor: default;
  background: #D9DDDe;
  color: #707273 !important;
}
.order-button.disabled:hover,
a.order-button.disabled:hover,
button.order-button.disabled:hover {
  opacity: 1;
}


.silverBtn {
  display: inline-block;
  padding: 5px 25px;
  line-height: 20px;
  font-size: 16px; font-family: Circe; font-weight: bold;
  background: #E8ECED;
  color: #333333;
  text-decoration: none;
  border-radius: 20px;
  outline: none;
}
.silverBtn:hover {
  cursor:pointer;
  background: #DAE0E2;

}

.shop-return-container
{
  margin: 20px 0px;
  text-align: center;
}

a.shop-return
{
  display: inline-block;
  background: url('/images/userdata/publicSite/mobile/return.png') no-repeat left center;
  height: 22px;
  padding-left: 30px;
  color: #416aa0;
  font-size: 14px;
  text-decoration: none;
  box-sizing: border-box;
  padding-top: 2px;
  cursor: pointer;
}

a.shop-return span
{
  text-decoration: underline;
}

.delivery-list
{

}

.delivery-list .delivery
{
  margin-bottom: 10px;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
  cursor: pointer;
}

.delivery-list .delivery.selected
{
  border: 2px solid #0aa70f;
}

.delivery-list .delivery.selected .info
{
  background-color: #0aa70f;
  color: #fff;
}

.delivery-list .delivery.selected .info .dost
{
  color: #fff;
}

.delivery-list .delivery .name
{
  box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
  font-size: 15px;
}

.delivery-list .delivery .info
{
  background-color: #f4f4f4;
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  font-size: 14px;
}

.delivery-list .delivery .info .dost
{
  font-size: 12px;
  color: #0aa70f;
  margin-top: 0px;
}

.delivery-list .delivery .info .time
{
  flex: 1;
}

.delivery-list .delivery .info .price
{
  flex-shrink: 1;
  font-weight: 700;
}
.delivery-list .delivery .deliveryTroubles {
  background: url(/images/userdata/publicSite/mobile/redNotice.png) no-repeat 11px 3px;
  padding-left: 40px;
  color: #ff0000;
  font-size: 13px; line-height: 16px;
  padding-top: 4px;
  padding-bottom: 14px;
}

.cartTroublesBlock {
  padding: 21px 15px 24px;
  background: #f1f1f1;
}
.cartTroublesBlock .blockHeader {
  font-family: "PFDDPro";
  font-size: 22px;
  padding-left: 57px;
  min-height: 60px;
  background: url(/images/userdata/publicSite/mobile/cartTroublesIcon.png) no-repeat 0px 3px;
  line-height: 1.05;
}
.cartTroublesBlock .troubles {
  line-height: 1.25;
  list-style: none; margin: 0; padding: 0;
}

.cartTroublesBlock .troubles li {
  margin: 0 0 3px 0;
}
.cartTroublesBlock .troubles li:last-child {
  margin-bottom: 0px;
}

.delivery-list .delivery:last-child
{
  margin-bottom: 0px;
}

.form .text
{
  font-size: 14px;
}

.form .text.small
{
  font-size: 13px;
}

.form .text.agree
{
  font-family: Tahoma;
  font-size: 13px;
  color: #777777;
  margin-top: 10px;
  margin-bottom: 15px;
}

.form .text.agree a
{
  font-size: 13px;
  color: #4a70a3;
  text-decoration: underline;
}

.form .blue-button
{
  border-radius: 19px;
  background-color: #1b70b6;
  height: 37px;
  box-sizing: border-box;
  text-align: center;
  padding: 8px 36px 0px;
  color: #fff;
  font-size: 14px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
.blue-button.disabled,
a.blue-button.disabled,
button.blue-button.disabled {
  cursor: default;
  background: #D9DDDe;
  color: #707273 !important;
}
.blue-button.disabled:hover,
a.blue-button.disabled:hover,
button.blue-button.disabled:hover {
  opacity: 1;
}

.form
{
  max-width: 400px;
}

.form .row
{
  margin-top: 10px;
}

.form .row:last-child
{
  margin-bottom: 15px;
}

.form .row12
{
  display: flex;
  justify-content: space-between;
}

.form .row12 .field:first-child
{
  flex-shrink: 1;
  margin-right: 11px;
}

.form .row12 .field:last-child
{
  flex: 1;
}

.form .row2
{
  display: flex;
  justify-content: space-between;
}

.form .row2 .field
{
  flex-basis: 50%;
  flex-grow: 1;
  flex-shrink: 1;
}

.form input[type=text],
.form input[type=tel],
.form input[type=password]
{
  height: 35px;
  box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #bababa;
  background: #ffffff;
  box-sizing: border-box;
  padding-top: 2px;
  padding-left: 11px;
  padding-right: 11px;
  color: #333333;
  font-family: "Open Sans";
  font-size: 14px;
  width: 100%;
}

.form select
{
  height: 35px;
  box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #bababa;
  background: #ffffff;
  box-sizing: border-box;
  padding-top: 2px;
  padding-left: 11px;
  padding-right: 11px;
  color: #333333;
  font-family: "Open Sans";
  font-size: 14px;
}
.form .submit {
  text-decoration: none !important;
  height: 41px;
  border: none;
  border-radius: 21px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff !important;
  cursor: pointer;
  display: block;
  text-align: center;
  background: #0aa70f;
  width: 100%;
}

.commonInfo {
  background: #f4fafe;
  margin-top: 20px;
  padding-top: 19px;
  padding-bottom: 22px;
  margin-bottom: 9px;
  padding-left: 15px; padding-right: 15px;
  margin-left: -15px; margin-right: -15px;
}
.commonInfoHeader {
  font-size: 17px;
  margin-top: 0px;
  margin-bottom: 19px;
}
.infoItemHeader {
  font-size: 14px; font-weight: bold;
}
.infoItemContent {
  font-size: 13px; line-height: 17px;
  margin-top: 4px;
  margin-bottom: 14px;
}




.cart .total3
{
  font-size: 15px;
  margin-top: 20px;
}

.cart .total3 > div
{
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.cart .total3 > div:last-child
{
  margin-bottom: 0px;
}

.cart .total3 > div > div:last-child
{
  text-align: right;
}
.cart .total3 .totalGreen {
  margin-top: 16px;
  font-size: 17px; color: #008000;
}
.nextStepsControls {
  display: flex; justify-content: space-between;
  margin-top: 17px;
  padding-bottom: 30px;
  flex-wrap: wrap;
}
.nextStepsControls div {
  width: 100%;
}
.nextStepsControls div.right {
  display: flex; justify-content: center;
  margin-top: 30px;
}
.nextStepsControls a {
  font-size: 14px;
}
.nextStepsControls a.order-button {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 500px) {
  .nextStepsControls {
    flex-wrap: nowrap;
  }
  .nextStepsControls div {
    width: 50%;
  }
  .nextStepsControls div.right {
    justify-content: flex-end;
    margin-top: 0px;
  }
  .nextStepsControls div.right a.order-button {
    width: 290px;
  }
}


h1.PFDD.m20 {
  margin-top: 20px;
}
h2.orderItemsHeader {
  font-weight: bold;
  font-size: 16px;
  margin-top: 22px;
  margin-bottom: 15px;
}

.pay-info
{
  background: #e7ecef;
  padding: 14px 18px;
  font-size: 15px;
  margin-bottom: 20px;
}

.pay-info > div
{
  margin-bottom: 5px;
}

.pay-info > div:last-child
{
  margin-bottom: 0px;
}

.pay-info span
{
  font-weight: 700;
}

.pay-info a
{
  color: #416aa0;
  font-weight: 700;
  text-decoration: underline;
}

.pay-variant
{
  padding-bottom: 20px;
}

.pay-variant .variant
{
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 12px;
  margin-bottom: 15px;
  padding: 14px;
}

.pay-variant .variant.selected
{
  border: 2px solid #0aa70f;
}

.pay-variant .variant:last-child
{
  margin-bottom: 0px;
}

.pay-variant .variant .name
{
  padding-left: 46px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 18px;
  line-height: 20px;
  min-height: 37px;
}
.pay-variant .variant .variantDescription {
  margin-top: 10px;
}
.pay-variant .variant .valute-text
{
  font-size: 14px;
  font-weight: 700;
}

.pay-variant .variant .total-text
{
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
}

.pay-variant .variant .total-amount
{
  font-size: 17px;
  margin-bottom: 12px;
}

.pay-variant .variant .valute-list
{
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
}

.pay-variant .variant .order-button
{
  font-size: 14px;
  border-radius: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pay-variant .variant .valute-list .valute
{
  border-radius: 5px;
  background-color: #e8e8e8;
  height: 36px;
  font-size: 14px;
  box-sizing: border-box;
  padding-top: 8px;
  padding-left: 23px;
  padding-right: 23px;
  text-align: center;
  margin-right: 10px;
  cursor: pointer;
}

.pay-variant .variant .valute-list .valute.selected
{
  background-color: #f36d00;
  color: #fff;
  cursor: default;
}

.pay-variant .variant.visa .name
{
  background-image: url('/images/userdata/publicSite/mobile/visa.png');
}

.pay-variant .variant.pp .name
{
  background-image: url('/images/userdata/publicSite/mobile/pp.jpg');
}

.pay-variant .variant.sb .name
{
  background-image: url('/images/userdata/publicSite/mobile/sb.png');
}
.pay-variant .variant.postPay .name
{
  background-image: url('/images/userdata/publicSite/mobile/postPay.jpg');
}
.pay-variant .variant.postPay .detail {
  margin-top: 28px;
}
.pay-variant .mentorBlock {
  background: #f2f7fc;
  border-radius: 0px 0px 5px 5px;
  display: flex;
  font-size: 12px;
  padding: 8px 13px 10px 13px;
  margin: 10px -14px -14px;
}
.pay-variant .mentorPhoto {
  width: 59px; height: 59px;
  border-radius: 30px;
  overflow: hidden;
  margin-right: 10px;
  line-height: 59px;
  margin-top: 4px;
}
.pay-variant .mentorPhoto img {
  width: 100%;
  margin: -1000px 0;
  vertical-align: middle;
}
.pay-variant .mentorBlock .mentorInfo {
  line-height: 1.4;
}
.pay-variant .mentorBlock .mentorInfoTitle {
  font-size: 15px;
}
.pay-variant .mentorBlock .mentorName {
  margin: 7px 0px;
  font-weight: bold;
}

.pay-message
{
  margin-top: 15px;
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  font-size: 13px;
  padding-bottom: 20px;
}

.pay-message a.lk
{
  color: #333333;
  font-size: 14px;
  text-decoration: underline;
}

.pay-message.success
{
  background-image: url('/images/userdata/publicSite/mobile/pay-ok.png');
}

.pay-message.success .message
{
  color: #0aa70f;
}

.pay-message.failed
{
  background-image: url('/images/userdata/publicSite/mobile/pay-fail.png');
}

.pay-message.failed .message
{
  color: #f30909;
}

.pay-message .order-text
{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
}

.pay-message .order-text a
{
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  color: #333;
}

.pay-message .message
{
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 17px;
}

.pay-button
{
  text-decoration: none !important;
  border-radius: 21px;
  box-sizing: border-box;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  color: #fff !important;
  cursor: pointer;
  display: block;
  text-align: center;
  background: #1b70b6;
  max-width: 400px;
  margin: 0 auto 7px;
}

.pay-button.return
{
  display: inline-block;
  background: url('/images/userdata/publicSite/mobile/return-white.png') no-repeat 15px center #1b70b6;
  padding-left: 45px;
  padding-right: 20px;
}

.region-change {
  display: none;
  background: #fff8e6; padding: 10px 0; position: relative;
}
.region-change select {
  min-width: 100%; margin: 5px 0;
}
.region-change-cancel {
  background: url(/images/userdata/publicSite/mobile/yellowBlockCancel.png) no-repeat top left;
  width: 23px; height: 22px;
  display: block;
  position: absolute; right: 15px; top: 10px;
}

.region-change .order-button {
  margin-top: 5px;
}

.addressAutocompleteBlock {
  background: #d4eaf9;
  padding: 7px 11px 11px;
  border-radius: 5px;
  position: relative;
  margin: 15px 0 10px
}
.addressAutocompleteBlock .addressAutocomplete {
  display: none;
}
.addressAutocompleteBlock a.toggle {
  text-decoration: none;
  border-bottom: 1px Dashed #a2a2a2;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
.addressAutocompleteBlock a.toggle:after {
  content: "";
  display: block;
  position: absolute; right: 15px; top: 14px;
  background: url(/images/userdata/publicSite/mobile/listArrows.png) no-repeat top left;
  width: 11px; height: 11px;
}
.addressAutocompleteBlock a.toggle.open {
  border-bottom: none;
}
.addressAutocompleteBlock a.toggle.open:after {
  background-position: bottom left;
}
.addressAutocompleteBlock p {
  font-size: 12px;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  line-height: 15px;
  margin: 9px 0 15px;
}
.addressAutocompleteBlock .variant {
  background: white; border: 1px Solid #c6c6c6; border-radius: 4px;
  padding: 6px 9px 10px 9px;
  color: #333333;
  margin: 10px 0;
  cursor: pointer;
}

.authBlock {
  padding-bottom: 11px;
}
.authBlock h1.PFDD {
  margin-top: 19px;
  margin-bottom: 9px;
}
.authForm input {
  /*margin: 10px 0 9px;*/
}
.authFormVariants {
  margin-top: 19px;
  display: flex;
  font-size: 14px;
  padding-bottom: 11px;
}
.authFormVariants > div {
  width: 50%;
}
.authFormVariants > div:last-child {
  text-align: right;
}

.yellowBlock {
  background: #fff8e6;
}
.forgetPasswordBlock:after {
  display: block;
  content: "";
  border: 12px Solid Transparent;
  border-bottom-color: #fff8e6;
  position: absolute;
  bottom: 100%;
  right: 60px;
}
.forgetPasswordBlock {
  display: none;
  position: relative;
  min-height: 50px;
  padding: 15px 30px 25px;
}
.yellowBlockCancel {
  background: url(/images/userdata/publicSite/mobile/yellowBlockCancel.png) no-repeat top left;
  width: 23px; height: 22px;
  display: block;
  position: absolute; right: 14px; top: 14px;
}
.forgetPasswordBlock .form {
  margin-top: 13px;
}
.forgetPasswordBlock .formSendSuccess {
  display: none;
}
.forgetPasswordBlock input {
  margin: 7px 0;
}
.regBlock {
  padding-bottom: 20px;
}
.regBlock h1.PFDD {
  margin-top: 19px;
  margin-bottom: 9px;
}
.regBlock .pretext {
  line-height: 1.37;
  margin-bottom: 8px;
}
.regBlock1 input {
  /*margin: 10px 0 20px;*/
}
.regBlock .blue-button {
  width: 100%;
  margin-bottom: 10px;
}

.regBlock .mentorBlock {
  background: #ebebeb;
  border-radius: 5px;
  display: flex;
  font-size: 12px;
  padding: 8px 13px 10px 13px;
  margin-top: 18px;
  margin-bottom: 17px;
}
.regBlock .mentorPhoto {
  width: 59px; height: 59px;
  border-radius: 30px;
  overflow: hidden;
  margin-right: 10px;
  line-height: 59px;
  margin-top: 4px;
}
.regBlock .mentorPhoto img {
  width: 100%;
  margin: -1000px 0;
  vertical-align: middle;
}
.regBlock .mentorBlock .mentorInfo {
  line-height: 1.4;
}
.regBlock .mentorBlock .mentorInfoTitle {
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 0px;
}
.regBlock2 .form input[type=text],
.regBlock2 .form input[type=password],
.regBlock2 .form select {
  margin: 7px 0 6px;
}
.regBlock2 .form select {
  width: 100%;
}
.regBlock2 .fieldsGroupHeader {
  margin-bottom: 0px;
}
.regBlock2 .form .phone select {
  width: 100px;
}
.regBlock2 .form .phone input {
  width: calc(100% - 114px);
  margin-left: 10px;
}
.regBlock2 .phoneConfirmation {
  background: #e9f6ff;
  padding: 14px 15px;
  margin-top: 3px;
  border-radius: 5px;
  line-height: 1.4;
  margin-bottom: 18px;
}
.regBlock2 .phoneConfirmation .phoneConfirmationText {
  margin-bottom: 12px;
}
.regBlock2 .phoneConfirmation a {
  font-size: 12px;
}
.regBlock2 .phoneConfirmationForm {
  margin-top: 12px;
}
.regBlock2 .phoneConfirmationForm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.regBlock2  .form .phoneConfirmationForm input {
  width: 120px;
}
.regBlock2 .phoneConfirmationForm .blue-button {
  width: 130px; padding-left: 20px; padding-right: 20px; margin-bottom: 0px;
}
.regBlock2 .phoneConfirmation .error {
  color: #ff0000; display: none;
}
.regBlock2 .requirementsRemarks {
  margin-top: 6px;
  line-height: 1.4;
  margin-bottom: 25px;
}

.profileCard {
  display: flex;
  margin-top: 11px;
}
.profileCard .imgBlock {
  width: 74px;
  padding-top: 12px;
}
.profileCard .imgBlock img {
  width: 60px; height: auto;
}
.profileCard .infoBlock {
  width: calc(100% - 74px);
}
.profileCard .infoBlock > div {
  margin: 9px 0 10px;
}
.profileCard .presenterName {
  margin-top: 3px;
  font-weight: bold;
}
.profileCard .presenter {
  line-height: 1.38;
}
.profileCardBlock {
  padding-bottom: 19px;
  border-bottom: 1px Solid #cccccc;
}
.profileBlock {
  border-bottom: 1px Solid #cccccc;
  padding-top: 18px;
  padding-bottom: 13px;
}
.profileBlock .formError {
  color: #ff0000; margin-top: -4px;
}
.profileBlock .profileBlockToggleWrap {
  position: relative;
}
.profileBlock .profileBlockToggle {
  font-family: "PFDDPro", Tahoma, Arial, sans-serif;
  font-size: 19px;
  text-decoration: none;
}
.profileBlock .profileBlockToggle:after {
  content: "";
  display: block;
  position: absolute; right: 2px; top: 5px;
  background: url(/images/userdata/publicSite/mobile/listArrows.png) no-repeat top left;
  width: 11px; height: 11px;
}
.profileBlock .profileBlockToggle.open:after {
  background: url(/images/userdata/publicSite/mobile/listArrows.png) no-repeat bottom left;
}
.profileBlock .profileBlockToggle span {
  border-bottom: 1px Dashed #c6c6c6;
}
.profileBlock .profileBlockContent {
  display: none;
  padding-bottom: 10px;
  padding-top: 11px;
}
.profileBlock .profileBlockContent label.forText {
  margin: 10px 0 5px; display: block;
}
.profileBlock .profileBlockContent label:first-child,
.profileBlock .profileBlockContent p:first-child {
  margin-top: 0px;
}
.profileBlock .profileBlockContent label.required span {
  position: relative;
}
.profileBlock .profileBlockContent label.required span:after {
  content: "*";
  position: absolute; right: -7px; top: 0%;
  color: red;
  font-size: 12px;
}

span.dateSelect {
  display: inline-block;
  background: url(/images/userdata/publicSite/mobile/dateSelectorIcon.png) no-repeat;
  width: 14px;
  height: 13px;
  margin-left: -23px; margin-right: 7px;
  cursor: pointer
}

.personalInfoBlock .specialIndent {
  margin-top: 12px;
}
.deliveryBlock select,
.deliveryBlock input {
  /*margin: 8px 0 6px;*/
  width: 100%;
}
.deliveryBlock label {

}
.deliveryBlock .profileBlockContent :last-child {
  /*margin-bottom: 0px;*/
}
.form input.halfWidthField {
  width: 50%;
}
.contactsBlock select,
.contactsBlock input {
  /*margin: 8px 0 6px;*/
  width: 100%;
}
.contactsBlock input.phoneCode {
  width: 101px;
}
.contactsBlock input.phoneNumber {
  width: 175px;
  margin-left: 10px;
}
.changePasswordBlock select,
.changePasswordBlock input {
  /*margin: 8px 0 6px;*/
  width: 100%;
}
.notice {
  margin: 10px auto;
  position: relative;
  border: 2px Solid #0aa70f;
  color: #0aa70f;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  width: 293px;
  height: 126px;
  border-radius: 5px;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  align-items: center;

  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -147px;
  margin-top: -63px;
  background: white;
  box-shadow: 3px 10px 15px 0px rgba(0,0,0,0.25);
}
.noticeClose {
  display: block;
  position: absolute; right: 10px; top: 10px;
  width: 17px; height: 17px; background: url(/images/userdata/publicSite/mobile/noticeClose.png) no-repeat top left;
}
.notice.error {
  color: #ff0000;
  border-color: #ff0000;
}
.notice img {
  margin-bottom: 10px;
}
.notice.ok {

}

.dpdPlaces {
  border: 1px Solid #bababa;
  border-radius: 5px;
  box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.2);
  margin-top: 10px;
  margin-bottom: 10px;
}
.dpdPlaces .search {
  padding: 12px 7px;
}
.dpdPlaces .search input {
  border-color: #e8e8e8;
}
.dpdPlaces .search .searchIcon {
  margin-left: -30px; margin-right: 10px;
  margin-top: -4px;
  vertical-align: middle;
}
.dpdPlaces .delivery-points-list {
  list-style: none; padding-left: 0px;
  /*border-top: 1px Solid #e8e8e8;*/
  margin: 0;

}
.dpdPlaces .delivery-points-list li {
  border-bottom: 1px Solid #e8e8e8;
  padding: 8px 9px;
  min-height: 35px;
}
.dpdPlaces .pagginator a {
  background: #e8e8e8;
  text-decoration: none;
  width: 30px; height: 30px;
  display: inline-flex;
  align-items: center; justify-content: center;
  border-radius: 4px;
  font-size: 15px;
}

.dpdPlaces .pagginator {
  display: flex;
  list-style: none;
  margin: 0; padding: 17px 9px 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.dpdPlaces .pagginator li {
  background: none;
  list-style: none;
  margin: 2px 2px; padding: 0;
}
.dpdPlaces .pagginator .current a {
  background: #f36d00;
  color: white;
}

.popupContent :first-child { margin-top: 0; }

.cartProdsTrouble .discardProds {
  background-color: #f0f0f0;
  margin: 0 -14px;

}
.cartProdsTrouble .discardProds .prod {
  border-top: 1px Solid #cccccc;
  padding: 5px 14px 6px;
  display: flex;
  font-size: 12px;

}
.cartProdsTrouble .discardProds .prodId {
  padding-right: 10px;
}
.cartProdsTrouble .discardProds .prod:first-child {
  border-top: none;
}
.cartProdsTrouble .order-button {
  margin-top: 20px; margin-bottom: 20px;
}
#message_question a.order-button {
  width: 120px;
  margin-left: 0px; margin-right: 0px;
  margin-bottom: 0px;
}

.deliveryTypes {
  margin: 25px 0;
}
.deliveryTypes .deliveryTypesHeader {
  background-color: #d4eaf9;
  color: #777777;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 9px;
}
.deliveryTypes .deliveryTypesHeader > div {
  width: 118px;
}
.deliveryTypes .deliveryTypesHeader :first-child {
  width: calc(100% - 118px);
}
.deliveryTypes .deliveryType {
  background-color: #f0f9ff;
  margin-top: 3px;
  display: flex; flex-wrap: wrap;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 16px;

}

.deliveryTypes .rb {
  width: 19px;
}
.deliveryTypes input[type=radio] {
  margin-top: 2px; margin-right: 6px; margin-left: 0px;
}

.deliveryTypes .deliveryTypeInfo {
  position: relative;
  width: calc(100% - 137px);
}
.deliveryTypes .deliveryTypeName {
  padding-right: 4px;
}
.deliveryTypes .deliveryTypeDigits {
  width: 118px;
}
.deliveryTypes .deliveryCost {
  font-weight: bold;
}
.deliveryTypes .deliveryTime {
  margin-top: 10px;
}
.deliveryTypes .deliveryType .deliveryInfoMore {
  margin-top: 7px;
}
.deliveryTypes .deliveryType .deliveryInfoMoreContent {
  display: none;
}
.deliveryTypes .deliveryType .deliveryTroubles {
  background: url(/images/userdata/publicSite/mobile/redNotice.png) no-repeat 0px 8px;
  padding-left: 19px;
  color: #ff0000;
  font-size: 13px; line-height: 16px;
  padding-top: 9px;
  padding-bottom: 0px;
  box-sizing: border-box; min-height: 28px;
  width: 100%;
  background-size: 14px;
}

.ordersListContainer {
  padding-bottom: 30px;
}
.ordersListContainer h1.first {
  margin-top: 18px;
}
.orderFilter {
  background: #ebebeb;
  padding: 6px 12px 12px;
  display: flex;
  flex-wrap: wrap;
  margin: 17px auto 0px;
  width: 271px;
}
.orderFilter > div {
  padding: 7px 0;
}
.orderFilter .filterHeader {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: -4px;
}
.orderFilter input[type=text],
.orderFilter select {
  height: 30px;
  font-size: 13px;
}
.orderFilter select.dateSymfonyD {
  width: 50px;
}
.orderFilter select.dateSymfonyM {
  width: 109px;
}
.orderFilter select.dateSymfonyY {
  width: 70px;
}
.orderFilter .dateLabel {
  display: inline-block;
  width: 30px;
}
.orderFilter select {
  padding-left: 4px;
  padding-right: 4px;
  width: 170px;
}
.orderFilter > .half {
  width: 50%;
}
.orderFilter > .full {
  width: 100%;
}
.orderFilter > .right {
  text-align: right;
}
.orderFilter > .center {
  text-align: center;
}
.orderFilter .statusSelect {
  display: flex; justify-content: space-between; align-items: center;
  padding-bottom: 9px;
}
.orderFilter input.dateField {
  width: 103px;
  margin-left: 3px;
}
.orderFilter span.dateSelect {
  margin-left: -25px;
  margin-right: 10px;
  margin-top: -3px;
}
.orderFilter .blue-button {
  height: 30px;
  width: 99%;
  font-size: 13px;
  line-height: 13px;
}

.orderListHeader {
  background: #d4eaf9;
  display: flex;
  padding: 8px 10px 9px;
  margin-top: 17px;
  margin-bottom: 7px;
}
.orderListHeader .orderColumnWidth1,
.order .orderColumnWidth1 {
  width: 30%;
}
.orderListHeader .orderColumnWidth2,
.order .orderColumnWidth2 {
  width: 36%;
}
.orderListHeader .orderColumnWidth3,
.order .orderColumnWidth3 {
  width: 34%;
}
.order {
  border: 1px Solid #dddddd;
  margin: 7px 0;
}
.order .row {
  display: flex;
  padding: 6px 10px 6px;
  flex-wrap: wrap;
}

.order .orderNumber {
  text-decoration: underline;
}
.order .statusGreen {
  color: #0aa70f;
}
.order .statusOrange {
  color: #f36d00;
}
.order .statusRed {
  color: #f4274e;
}
.order .orderCost {
  font-weight: bold;
  padding: 2px 10px 6px;
}
.order .row.orderPaymentBtn {
  margin: 5px 0;
}
.order .row.orderPaymentBtn .order-button {
  width: 100%;
}
.order .prodsListToggle {
  position: relative;
  background: #fff8e6;
  padding: 4px 10px 9px;
}
.order .prodsListToggle a:after {
  content: "";
  display: block;
  position: absolute; right: 12px; top: 11px;
  background: url(/images/userdata/publicSite/mobile/listArrows.png) no-repeat top left;
  width: 11px; height: 11px;
}
.order .prodsListToggle a.open:after {
  background: url(/images/userdata/publicSite/mobile/listArrows.png) no-repeat bottom left;
}
.order .prodsListHeader {
  display: flex;
  padding: 7px 17px 6px;
}
.order .prodsList {
  display: none;
}
.order .prodsList .prod {
  border-bottom: 1px Solid #dddddd;
  padding: 11px 8px 11px;;
  margin: 0 10px;
  display: flex;
}
.order .prodsList :last-child {
  border-bottom: none;
}
.order .prodsList .prodCode {
  width: 22%;
}
.order .prodsList .prodData {
  width: 78%;
}
.order .prodsList .prodCount {
  font-size: 14px;
  margin-top: 13px;
  margin-bottom: 9px;
}
.order .prodsList .prodTotalCost {
  font-weight: bold;
  font-size: 14px;
}
.orderDetails .orderInfoFieldHeader {
  font-weight: bold;
  font-size: 12px;
  margin-top: 9px;
  margin-bottom: 3px;
}
.orderDetails .orderInfoFieldData {
  font-size: 14px;
}
.orderDetails .infoTable {
  display: flex; flex-wrap: wrap;
}
.orderDetails .infoTable .orderInfoFieldHeader {
  margin-top: 0;
}
.orderDetails .infoTable > div {
  box-sizing: border-box;
  width: 50%;
  padding: 4px 4px 4px 0px;
}
.orderDetails .separator {
  border-top: 1px Solid #e2e2e2;
  margin-top: 12px;
  margin-bottom: 12px;
}
.orderDetails .goPayment {
  margin-top: 17px;
  margin-bottom: 9px;
}
.orderDetails .cancelOrderBlock {
  text-align: center;
  font-size: 14px;
}
.orderDetails .orderProdsListHeader {
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
}
.orderDetails .orderProdsList {
  margin-top: 16px;
}
.orderDetails .orderProdsList .prod {
  background: #edf7fd;
  padding: 10px 15px 3px;
  display: flex; flex-wrap: wrap;
  margin: 5px 0;
}
.orderDetails .orderProdsList .prod > div {
  width: 50%;
  margin-bottom: 10px;
}
.orderDetails .orderProdsList .prod .orderProds {
  padding-right: 10px;
  width: calc(50% - 10px);
}
.orderDetails .orderTotals {
  margin: 5px 0;
  display: flex; flex-wrap: wrap; justify-content: space-between;
  padding: 10px 15px 13px;
  background: #f3f3f3;
  margin-bottom: 10px;
}
.orderDetails .orderTotals .lineName {
  width: 70%;
}
.orderDetails .orderTotals .count {
  width: 70%;
}
.orderDetails .goToOrdersListBlock {
  font-size: 14px; text-align: center;
  padding-bottom: 29px;
}

.tests.cosmetics {
}
.tests.cosmetics h1 {
  font-family: "Circe";
  font-size: 19px;
  font-weight: bold;
  margin-top: 17px;
  margin-bottom: 8px;
  line-height: 1.2;
}
.tests.cosmetics p.testAnnounce {
  font-size: 12px;
  margin-top: 0px;
  line-height: 1.4;
}
.tests.cosmetics p.testAnnounce .hiddenText {
  display: none;
}


.tests.cosmetics .fullWidth {
  margin: 0 -15px;
  padding: 0px 15px 0;

}
.tests.cosmetics .step1 .fullWidth {
  box-sizing: border-box;
  background:  url(/images/userdata/publicSite/mobile/test_cosmetics/testStep1bg.png) no-repeat top right, url(/images/userdata/publicSite/mobile/test_cosmetics/step1BgLine.jpg) repeat-x top left;
  min-height: 322px;
  padding: 64px 15px 0;
  position: relative;
  /*margin-top: 16px;*/
}
.tests.cosmetics .step1 {

}
.tests.cosmetics .step1 .testName {
  position: absolute; left: 15px; top: 21px;
}
.tests.cosmetics .step1 .motivation {
  line-height: 1.4;
  font-size: 12px;
}
.tests.cosmetics .step1 .fieldRow.n1 {
  margin-top: 17px;
}
.tests.cosmetics .step1 .fieldRow.n2 {
  margin-top: 11px;
}

.tests.cosmetics .step1 label {
  font-size: 14px;
}
.tests.cosmetics .step1 .inputHolder {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}
.tests.cosmetics .step1 .errorAlert {
  display: none;
  background: #ee272e;
  color: white;
  font-size: 14px;
  font-family: "Open Sans", Tahoma, sans-serif;
  position: absolute;
  left: 50%; margin-left: -122px;
  bottom: calc(100% + 7px);
  width: 220px;
  border-radius: 8px;
  padding: 6px 12px;
  text-align: center;
}
.tests.cosmetics .step1 .errorAlert:after {
  display: block; content: "";
  border: 6px Solid transparent; border-top-color: #ee272e; border-bottom: none;
  position: absolute; top: 100%; left: 50%; margin-left: -6px;
}
.tests.cosmetics .step1 input {
  height: 30px;
  border: 1px Solid Black;
  border-radius: 15px;
  padding: 0;
  background: white;
  text-align: center;
  outline: none;
}
.tests.cosmetics .step1 input.name {
  width: 143px;
}
.tests.cosmetics .step1 input.ages {
  width: 86px;
}

.tests.cosmetics .step1 .startTestButton {
  display: block; margin: 18px 0 0 23px;
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/btnBegin.png) no-repeat top left;
  width: 168px;
  height: 61px;
}
.tests.cosmetics .step1 .arrow { position: absolute; left: 14px; top: 253px; }

.tests.cosmetics .step2 {

}
.tests.cosmetics h2 {
  font-family: "Circe";
  font-size: 18px;
  font-weight: normal;
  margin-top: 21px;
  margin-bottom: 8px;
  line-height: 17px;
}
.tests.cosmetics .step2 .question {
  margin-top: 9px;
  margin-bottom: 15px;

  color: #303030;
  /*background-image: url(/images/userdata/publicSite/v2/tests/cosmetic/questionBg.jpg);
  background-repeat: no-repeat;
  background-position: top left;*/
  box-shadow: 0px 12px 14px 0 rgba(239,229,209,0.35);
}
.tests.cosmetics .questionNumber {
  font-family: Circe;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 8px;
}
.tests.cosmetics .questionBlock {
  background: linear-gradient(to bottom, #fff4ec, #fff9f4, #ffedde);
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/questionBg700.jpg) no-repeat top left;
  padding-top: 10px;
  padding-bottom: 7px;

}
.tests.cosmetics .questionHeader {
  font-size: 13px;
}
.tests.cosmetics .questionAnswer {
  font-size: 12px; line-height: 17px;
  box-shadow: 0px 1px 1px 0px rgba(0,1,2,0.15);
  border-radius: 10px;
  background: white;
  padding: 12px 7px 14px 42px;
  margin: 9px 0px;
  position: relative;
}
.tests.cosmetics .questionAnswer input {
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -6px;
}
.tests.cosmetics .moreQuestion {
  font-family: Circe; font-size: 18px; line-height: 23px; text-align: center;
  margin-top: 20px; margin-bottom: 15px;
  padding-left: 4px;
}
.tests.cosmetics .moreQuestion img {
  margin-top: -3px; vertical-align: text-top; margin-right: 3px;
  width: 43px;
}
.tests.cosmetics .sendEmail {
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/sendEmailBg.jpg) no-repeat top left;
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/sendEmailBgG2.png) no-repeat top left, url(/images/userdata/publicSite/mobile/test_cosmetics/sendEmailBgP.png) no-repeat top left;
  height: 150px;
  margin-top: 14px;
  margin-bottom: 20px;

}
/*.tests.cosmetics .sendEmailContent {*/
  /*width: 290px;*/
/*}*/
.tests.cosmetics .sendEmail .sendEmailText {
  margin-left: 69px;
  margin-right: -6px;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  padding-top: 12px;
}
.tests.cosmetics .sendEmail .emailError {
  display: none;
  text-align: center;
  background-color: #F00000;
  color: white;
  padding: 5px 10px;
  width: 190px;
  position: absolute;
  left: 33%;
  top: calc(100% + 10px);
  margin-left: -105px;
}
.tests.cosmetics .sendEmail .emailError:after {
  content: "";
  position: absolute; left: 50%; bottom: 100%;
  box-sizing: border-box;
  border: 10px Solid Transparent;
  border-bottom-color: #F00000;
  margin-left: -10px;
}
.tests.cosmetics .sendEmail .fakeInput {
  height: 34px; border-radius: 35px;
  padding: 3px 5px 3px 5px;
  box-shadow: inset 0px 2px 2px 0 rgba(50,50,50,0.1);
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.tests.cosmetics .sendEmail .fakeInput.sendSuccess {
  display: none;
  color: #0aa70f;
  font-size: 17px;
  justify-content: center;
  font-weight: bold;
}
.tests.cosmetics .sendEmail input[type=text] {
  font-style: italic;
  border: none;
  height: 30px;
  margin-left: 8px;
  font-size: 14px;
  width: 170px;
}
.tests.cosmetics .sendEmail .blue-button {
  font-size: 15px;
  font-family: Circe;
  background: #1b70b6;
  padding: 0px 13px;
  font-weight: bold;
  height: 30px;
  border: none;
  border-radius: 15px;
  color: white;
  margin-top: 1px;
}


.tests.cosmetics .navControls {
  display: flex; justify-content: space-between;
  padding: 0 6px 0 16px;
}

.tests.cosmetics .greyButton {
  background: #f3f3f3;
  height: 30px; padding-left: 15px; padding-right: 15px;
  font-family: Circe; font-size: 15px;
  box-shadow: 0 1px 1px 0px rgba(0,1,2,0.25);
  border-radius: 15px; box-sizing: border-box;
  text-align: center;
  padding-top: 1px;
  border: none;
  cursor: pointer;
  margin-top: 2px;
}
#js-resultTest {
  border: none;
  width: 178px; height: 68px;
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/btnResult.png) no-repeat top left;
}
#js-resultTest[disabled] {
  width: 178px; height: 68px;
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/btnResultDisabled.png) no-repeat top left;
}

.hideOnStep3 {
}

.step3 .tips {
  margin-top: 17px;
}
.step3 .tips .allaBlock {
  background: linear-gradient(to top, #ffdcc8, #fff0e8);
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
}
.step3 .tips .allaBlock img {
  margin-right: 15px;
}

.step3 .tips .tipHeader {
  font-family: "Circe";
  font-size: 16px;
  width: calc(100% - 117px);
}
.step3 .tips .tipContent {
  box-shadow: 0px 10px 15px 0px rgba(155, 155, 155, 0.10);
  margin: 14px 0 20px;
  padding: 8px 12px 17px 12px;
  font-size: 12px;
  border-radius: 5px; border: 1px Solid #e8e8e8;
  line-height: 1.4;
}
.step3 .tips .tipContent .tipPrefix {
  font-weight: bold;
}


.tests.cosmetics .step3 .setBlock {
  border-top: 5px Solid #d0f1fb;
  border-bottom: 5px Solid #d0f1fb;
  box-shadow: inset 0px 0px 35px 0px rgba(213,251,255,0.4);
}
.tests.cosmetics .step3 .setName {
  text-align: center;
  padding: 13px 20px 16px 20px;
  line-height: 1.1;
  font-family: Circe;
  font-size: 18px;
  border-bottom: 1px Solid #dddddd;
}
.tests.cosmetics .step3 .setName span {
  font-weight: bold;
}
.tests.cosmetics .step3 .prodsGroup {
  display: flex; justify-content: space-between;
  padding-left: 0px; padding-right: 0px;
  align-items: center;
  margin-top: 18px;
}
.tests.cosmetics .step3 .prods .prod {
  text-align: center;
  font-family: Circe;
  width: 280px;
  display: none;
  align-items: center;
  position: relative;
}
.tests.cosmetics .step3 .prods .prod.current {
  /*display: flex; flex-wrap: wrap;*/
  display: block;
}
.tests.cosmetics .step3 .prod .picPart {
  width: 59%;
  padding-left: 14px;
}
.tests.cosmetics .step3 .prod .prodPic img {
  width: 100%; height: auto;
}
.tests.cosmetics .setBlock .prodCount {
  position: relative; top: 0px;
  left: 3px; margin-bottom: -68px;
  border: 5px Solid White; border-radius: 60px; width: 68px; height: 68px; box-sizing: border-box;
  font-weight: bold; font-size: 16px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(to bottom, #e5f8ff, #f2fcff);
  box-shadow: 0px 15px 25px 0 rgba(196,196,196,0.75);
}
.tests.cosmetics .step3 .prod .namePart {
  position: absolute;
  width: 140px;
  left: 142px;
  top: 41px;
  line-height: 1.2;
}
.tests.cosmetics .step3 .prods .prod .prodName {
  font-size: 15px; line-height: 1.15;
}
.tests.cosmetics .prods .prod .prodPrice {
  font-weight: bold; font-size: 22px; line-height: 38.1px;
}
.tests.cosmetics .prev {
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/setLeft.png) no-repeat center center;
  width: 11px; height: 18px; margin: 0 2px 0 7px;
  cursor: pointer;
}
.tests.cosmetics .next {
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/setRight.png) no-repeat center center;
  width: 11px; height: 18px; margin: 0 7px 0 2px;
  cursor: pointer;
}
.tests.cosmetics .setBlock .dots {
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 12px;
}
.tests.cosmetics .setBlock .dot {
  width: 24px; height: 24px; box-sizing: border-box;
  font-family: Circe;
  font-weight: bold;
  font-size: 15px;
  color: #84c8dc;
  box-shadow: inset 0px 0px 15px 0px rgba(213,251,255,0.45);
  border: 1px Solid rgba(138,219,246,0.4);
  border-radius: 12px;
  text-align: center; line-height: 24px;
  margin: 2px;
  cursor: pointer;
}
.tests.cosmetics .setBlock .dot.current {
  width: 32px; height: 32px;
  font-size: 17px;
  color: #f7b890;
  box-shadow: inset 0px 0px 15px 0px rgba(255,220,201,0.45);
  border: 1px Solid rgba(255,172,121,0.4);
  border-radius: 16px;
  line-height: 32px;
}

.roundBtn {
  display: inline-block;
  _display: inline;
  border: 2px Solid White;
  padding: 8px 16px; border-radius: 18px; text-decoration: none;
  font-family: Circe, sans-serif; font-size: 14px; line-height: 1.25;
  color: black; background: white;
  box-sizing: content-box;
  outline: none;
}
.roundBtn:hover {
  cursor: pointer;
  background: black; color: white;
}
.roundBtn.large {
  font-size: 17px;
  height: 30px;
  border-radius: 30px;
  padding: 6px 25px 8px 21px;
}
.roundBtn.green {
  background: #3cc03f;
  color: white; font-weight: bold;
  border-color: #3cc03f;
}
.roundBtn.green:hover {
  opacity: 0.75;
}
.putToCartBtn img {
  vertical-align: middle;
  margin-right: 5px;
  position: relative; top: 1px;
}
.putToCartBtn.btn_disabled {
  background: #ececec;
  color: #adadad;
  cursor: default;
  border-color: #ececec;
}

.actionsInner { margin: 10px 0;}
.plus-minus-wrapper {white-space:nowrap;display:inline-block;}
.plus-minus-input-wrapper {display: inline-block; height: 21px; vertical-align: top; background:white; border:1px solid #ccc;}
.plus-minus-wrapper a.input-control-minus,
.plus-minus-wrapper a.input-control-plus {display:inline-block;text-decoration:none;height:21px;width:21px;vertical-align:top;}
.plus-minus-wrapper input.plus_minus_input { text-align: center; display:inline-block;vertical-align:top;padding:0 0 0 1px;margin:0;background:none;border:none;height:19px;width:20px;font-size:14px;font-family:Tahoma;line-height:19px;color:#333;}
.plus-minus-wrapper .plus-minus { width: 70; float: left; }
.plus-minus-wrapper a.input-control-plus {background: url("/images/userdata/v7/catalog/icon/plus.png") no-repeat 0 0;}
.plus-minus-wrapper a.input-control-minus {background: url("/images/userdata/v7/catalog/icon/minus.png") no-repeat 0 0;}
.plus-minus-wrapper a.input-control-minus:hover { background:url("/images/userdata/v7/catalog/icon/minus-grey.png") no-repeat;}
.plus-minus-wrapper a.input-control-plus:hover  { background:url("/images/userdata/v7/catalog/icon/plus-grey.png") no-repeat;}
.countSwitch {
  border-radius: 10px;
  border: 1px Solid #dedede;
  position: relative;
  height: 46px;
  width: 39px;
  padding-right: 24px;
  overflow: hidden;
  display: inline-block; _display: inline; vertical-align: middle;
  box-shadow: inset 0px 2px 0px 0px #f2f2f2;
}
.countSwitch .count {
  text-align: center;
  font-size: 16px !important;
  font-weight: bold;
  font-family: Circe, sans-serif !important;
  border: none !important;
  height: 28px !important;
  width: 28px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #303030 !important;
}
.countSwitch .plus-minus-input-wrapper {
  border: none;
  background: transparent;
}
.countSwitch .increase,
.countSwitch .input-control-plus {
  position: absolute; top: 0px; right: 0px;
  height: 23px !important; width: 27px !important;
  background: white;
  background-image: none !important;
  border-left: 1px Solid #e8e8e8;
  color: #777777 !important;
}
.countSwitch .input-control-plus:after {
  position: absolute; left: 0; top: 0;
  content: "+"; line-height: 22px;
  display: block;
  width: 27px;  height: 23px; text-align: center;
}
.countSwitch .decrease,
.countSwitch .input-control-minus {
  position: absolute; bottom: 0px; right: 0px;
  height: 22px !important; width: 27px !important;
  border-left: 1px Solid #e8e8e8;
  border-top: 1px Solid #e8e8e8;
  text-align: center;
  background: white;
  background-image: none !important;
  font-weight: bold;
  color: #777777 !important;
}
.countSwitch .input-control-minus:after {
  position: absolute; left: 2px; top: 0;
  content: "-"; line-height: 15px;
  display: block;
  width: 25px; height: 22px; text-align: center;
}
.countSwitch hr {
  position: absolute; right: 0px; top: 24px;
  margin: 0;
  border: none; border-top: 1px Solid #cccccc;
  width: 28px;
}
.tests.cosmetics .countSwitch {
  width: 29px; height: 28px;
  padding-left: 24px;
  padding-right: 24px;
}
.tests.cosmetics .plus-minus-wrapper a.input-control-minus {
  left: 0; top: 3px; height: 22px !important;
  width: 23px !important;
  border: none;
  border-right: 1px Solid #e8e8e8;
}
.tests.cosmetics .plus-minus-wrapper a.input-control-minus:after {
  width: 23px;
  font-size: 20px;
  left: 0px; top: 1px;
}
.tests.cosmetics .plus-minus-wrapper a.input-control-plus {
  right: 0; top: 3px; height: 22px !important;
  width: 23px !important;
  border: none;
  border-left: 1px Solid #e8e8e8;
}
.tests.cosmetics .step3 .plus-minus-wrapper a.input-control-plus:after {
  width: 23px;
  font-size: 20px;
  left: 0px; top: -1px;
}

.tests.cosmetics .roundBtn {
  font-size: 14px;
  padding: 1px 15px 1px 15px;
  height: 28px;
}
.tests.cosmetics .roundBtn img {
  top: -1px;
  background: #3cc03f;
  margin-right: 4px;
}

.tests.cosmetics .buyControls {
 border-top: 1px Solid #e8e8e8;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.tests.cosmetics .buyControls .countSwitch {
  margin-right: 16px;
  margin-left: 5px;
}
.tests.cosmetics .plus-minus-wrapper a.input-control-minus,
.tests.cosmetics .plus-minus-wrapper a.input-control-plus {
  top: 3px;
}
.tests.cosmetics .setBlock .totalPriceBlock {
  font-family: Circe;
  font-size: 21px;
  font-weight: bold;
}
.tests.cosmetics .setBlock .bigBtnBlock {
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.tests.cosmetics .setBlock .putToCartBtn {

}

.tests.cosmetics .recommendationsProdsHeader {
  font-size: 18px;
  font-family: Circe;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 7px;
}



.tests.cosmetics .step3  .productsList {
  padding: 10px 0;
}
.tests.cosmetics .step3  .productsList .product {
  margin-left: -15px; margin-right: -15px;
  padding-left: 15px; padding-right: 15px;
  padding-top: 20px; padding-bottom: 22px;
  border-top: 1px Solid #e8e8e8;
  position: relative;
}
.tests.cosmetics .step3  .productsList .product:last-child {
  border-bottom: 1px Solid #e8e8e8;
}
.tests.cosmetics .step3  .productsList .product .picGroup {
  float: left; position: relative;
  width: 168px; min-height: 165px;
}
.tests.cosmetics .step3  .productsList .product .picGroup img {
  width: 165px;
  height: auto;
}
.tests.cosmetics .step3  .productsList .product .priceGroup {
  width: 130px;
  position: absolute;
  left: 174px;
  top: 14px;
}
.tests.cosmetics .step3  .productsList .product .productName {
  font-size: 15px; font-weight: bold; font-family: Circe, Tahoma, sans-serif; line-height: 1.13; letter-spacing: 0.03em;
}
.tests.cosmetics .step3  .productsList .product .productName a,
.tests.cosmetics .step3  .productsList .product .productName a:visited
.tests.cosmetics .step3  .productsList .product .productName a:active {
  color: #111111;
}
.tests.cosmetics .step3  .productsList .product .productName a:hover {
  color: #777777;
}
.tests.cosmetics .step3  .productsList .product .productRecall {
  margin-top: 4px;
  font-size: 13px;
  font-family: Circe, Tahoma, sans-serif;
}
.tests.cosmetics .step3  .productsList .product .productRecall a { text-decoration: none; }
.tests.cosmetics .step3  .productsList .product .productRecall .recallIcon { width: 14px; vertical-align: middle; }

.tests.cosmetics .step3  .productsList .product .priceRow {
  font-weight: bold;
  font-size: 22px;
  font-weight: bold;
  margin-top: 8px;
}
.tests.cosmetics .step3  .productsList .product .buyFormBlock {
  margin-top: 6px;
}
.tests.cosmetics .step3  .productsList .product .putToCartBtn {
  margin-top: 10px;
}

.tests.cosmetics .step3  .productsList .product .description {
  float: left; width: 100%;
  font-size: 13px;
  margin-top: 28px;
}
.tests.cosmetics .step3  .productsList .product .description-container {
  height: 53px;
  overflow: hidden;
  position: relative;
}
.tests.cosmetics .step3  .productsList .product .description-container .fade {
  display: block; position: absolute; bottom: 0; left: 0px; width: 100%; height: 43px;
  background: url(/images/userdata/publicSite/mobile/test_cosmetics/descriptionFade.png) repeat-x top left;
}

.tests.cosmetics .step3  .productsList .product .description .buttonBlock {
  text-align: center;
  padding-top: 16px;
}

.tests.cosmetics .step3  .productsList .product .btns {
  float: left; width: 100%;
}

.ballon {
  box-sizing: border-box;
  position: absolute; left: 50%;
  width: 250px; margin-left: -125px;
  display: none;
}
.ballon .ballonHeader {
  font-size: 16px; font-weight: bold; margin-bottom: 5px; font-family: Circe;
}
.ballon.L80:before,
.ballon.L80:after {
  left: 80%;
}


.clearfix:before,
.clearfix:after
{
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}



#footer
{
  font-size: 12px;
  padding-bottom: 20px;
}

#footer .bg
{
  background: #e9f6ff;
  padding: 20px 15px;
}

#footer .bg > div
{
  margin-bottom: 8px;
}

#footer .bg > div:last-child
{
  margin-bottom: 0px;
}

#footer a
{
  color: #416aa0;
  text-decoration: underline;
  font-size: 13px;
}

#footer .social
{
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
  margin-bottom: 15px;
}

#footer .social a
{
  display: block;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left top;
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

#footer .social a.vk
{
  background-image: url('/images/userdata/publicSite/mobile/vk.png');
}

#footer .social a.fb
{
  background-image: url('/images/userdata/publicSite/mobile/fb.png');
}

#footer .social a.ig
{
  background-image: url('/images/userdata/publicSite/mobile/ig.png');
}

#footer .social a.yt
{
  background-image: url('/images/userdata/publicSite/mobile/yt.png');
}

#footer .social a.tg
{
  background-image: url('/images/userdata/publicSite/mobile/tg.png');
}

/* плюс-минус контролы */
.actionsInner { margin: 10px 0;}
.plus-minus-wrapper {white-space:nowrap;display:inline-block;}
.plus-minus-input-wrapper {display: inline-block; height: 21px; vertical-align: top; background:white; border:1px solid #ccc;}
.plus-minus-wrapper a.input-control-minus,
.plus-minus-wrapper a.input-control-plus {display:inline-block;text-decoration:none;height:21px;width:21px;vertical-align:top;}
.plus-minus-wrapper input.plus_minus_input { text-align: center; display:inline-block;vertical-align:top;padding:0 0 0 1px;margin:0;background:none;border:none;height:19px;width:20px;font-size:14px;font-family:Tahoma;line-height:19px;color:#333;}
.plus-minus-wrapper .plus-minus { width: 70; float: left; }
.plus-minus-wrapper a.input-control-plus {background: url("/images/userdata/v7/catalog/icon/plus.png") no-repeat 0 0;}
.plus-minus-wrapper a.input-control-minus {background: url("/images/userdata/v7/catalog/icon/minus.png") no-repeat 0 0;}
.plus-minus-wrapper a.input-control-minus:hover { background:url("/images/userdata/v7/catalog/icon/minus-grey.png") no-repeat;}
.plus-minus-wrapper a.input-control-plus:hover  { background:url("/images/userdata/v7/catalog/icon/plus-grey.png") no-repeat;}

/* страница подтверждения регистрации */

#registerSuccess h1
{
	color: #0aa70f;
	font-size: 25px;
	font-weight: 400;
	line-height: 26px;
	padding: 0px 50px;
	margin: 20px 0px 15px;
	font-family: "PFDDPro", Tahoma, Arial, sans-serif;
	text-align: center;
}

#registerSuccess .text-block
{
    padding: 0px 35px;
    text-align: center;
}

#registerSuccess .order-button-container
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#registerSuccess .order-button-container .order-button
{
    margin: 0 20px;
}

#registerSuccess .channel-container
{
    margin-top: 20px;
    margin-bottom: 30px;
}

#registerSuccess .channel-container .channel:last-child
{
    border-bottom: 1px solid #e2e2e2;
}

#registerSuccess .channel
{
    border-top: 1px solid #e2e2e2;
    padding: 15px 30px 15px 90px;
    background-repeat: no-repeat;
    background-position: 15px 15px;
}

#registerSuccess .channel .text
{
    margin-top: 8px;
}

#registerSuccess .channel a
{
    color: #416aa0;
    font-size: 14px;
    line-height: 17px;
    text-decoration: underline;
}

#registerSuccess .channel.tg
{
    background-image: url('/files/images/publicSite/mobile/reg-success-tg.png');
}

#registerSuccess .channel.yt
{
    background-image: url('/files/images/publicSite/mobile/reg-success-yt.png');
}

#registerSuccess .channel.ig
{
    background-image: url('/files/images/publicSite/mobile/reg-success-ig.png');
}

.paymentTerms ul {
  padding-left: 15px;
  padding-bottom: 5px;
}
.paymentTerms ul li {
  margin: 5px 0;
}
.deliveryTerms {
  padding-bottom: 5px;
}
.deliveryServices {
  padding: 15px 0;
  display: flex; flex-wrap: wrap;
  justify-content: space-around;
}
.deliveryServices img {
  margin: 10px 10px;
}

.ordersEmpty {
  padding-top: 52px;
  text-align: center;
  padding-bottom: 60px;
}
.ordersEmpty .emptyOrders {
  margin-right: 2px;
  margin-bottom: 11px;
}
.ordersEmpty .txt {
  color: #b9b9b9;
  font-size: 14px;
  font-weight: bold; margin-bottom: 47px;
  line-height: 1.25;
}
.ordersEmpty .blue-button {
  border-radius: 21px;
  background-color: #1b70b6;
  height: 42px;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 22px 0px;
  color: #fff;
  font-size: 14px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
.ordersEmpty .blue-button img {
  vertical-align: middle;
  margin-right: 14px;
}