@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

.outer {
  display: table;
  width: 100%; }
  .outer .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
    .outer .inner img {
      display: block;
      margin: 0 auto; }

body * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #585858;
  font-family: m_r;
  opacity: 1; }

a, button {
  color: #585858; }

p, h1, h2, h3, h4, h5, h6, ul, li {
  font-weight: normal;
  margin: 0;
  padding: 0; }

.clear {
  clear: both; }

ul {
  list-style: none; }

::-webkit-input-placeholder {
  color: #a3a3a3; }

:-moz-placeholder {
  color: #a3a3a3; }

::-moz-placeholder {
  color: #a3a3a3; }

:-ms-input-placeholder {
  color: #a3a3a3; }

#bg {
  /* 
  display: none;
  */
  background: url("../../cart-2.png") no-repeat top center;
  position: absolute;
  margin-top: 23px;
  z-index: -1;
  width: 1280px;
  height: 2147px;
  opacity: 0.5;
  background-size: 100%;
  top: 0;
  left: 50%;
  margin-left: -640px; }

header {
  height: 90px;
  width: 1170px;
  margin: 0 auto;
  position: relative;
  padding-left: 151px; }
  header #garant {
    position: absolute;
    top: 0;
    left: -45px;
    z-index: 2; }
  header #slogan {
    font-size: 18px;
    line-height: 21px;
    color: #585858;
    border-right: 1px solid #6c6c6c;
    margin-top: 8px;
    float: left;
    width: 241px; }
    header #slogan a {
        text-decoration:none; }
    header #slogan span {
      display: block;
      font-family: "lobster";
      font-size: 30px;
      line-height: 34px;
      letter-spacing: -0.6px;
      color: #53a66e; }
  header #logos {
    float: left;
    margin-top: 9px;
    margin-left: 26px; }
  header #phone {
    float: left;
    margin-left: 26px;
    margin-top: 20px;
    margin-right: 16px;
    width: 192px; }
    header #phone p {
      color: #585858;
      font-size: 18px;
      line-height: 25px; }
      header #phone p span {
        font-size: 28px; }
  header #cart {
    float: left;
    position:relative;
    margin-top: 9px;
    padding-top: 6px;
    padding-left: 15px;
    padding-bottom: 14px;
    width: 188px;
    height: 76px;
    border-left: 1px solid #6c6c6c; }
    header #cart a.cart {
      margin-right: 10px;
      display: block;
      float: left; }
    header #cart span#cart-sum {
      font-size: 18px;
      font-family: m_b;
      float: left;
      margin-top: 6px; }
    header #cart a {
      font-size: 14px;
      line-height: 20px;
      float: left; }
    header #cart a#login_open {
        position:absolute;
        left:75px;
        top:36px;
        width:120px;
    }
  header:after {
    content: "";
    clear: both;
    display: table; }

nav {
  width: 1170px;
  height: 28px;
  margin: 0 auto 6px;
  border-bottom: 2px solid #53a66e;
  background: #beeb9f;
  position: relative; }
  nav > ul {
    padding-left: 151px; }
    nav > ul > li {
      position:relative;
      float: left; }
      nav > ul > li a {
        width:100%;
        padding: 0 10px;
        font-size:18px;
        display: block;
        height: 28px;
        line-height: 28px;
        text-decoration: none; }
        nav > ul > li:hover,
        nav > ul > li:hover > a,
        nav > ul > li > a:hover {
          color:#fff;
          background: #53a66e; }
        nav > ul > li:hover ul li:hover,
        nav > ul > li:hover ul li:hover > a {
          color:#333333;
          background: #beeb9f; }
      nav > ul > li.active a {
        background: #53a66e; }


    /*nav#site-nav li.has-drop:hover ul.nav-dropdown {
        display: block; }*/
        nav ul li a {
          cursor: pointer;
        }
    nav ul li ul.nav-dropdown{
        display: none;
        position:absolute;
        padding:0;
        box-shadow: 0px 5px 10px 7px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 5px 10px 7px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 5px 10px 7px rgba(0,0,0,0.1);
        top: 28px;
        left: 0;
        z-index: 1000;
        float: left;
        min-width: 160px;
        list-style: none;
        font-size: 14px;
        background: url(../pics/city-bg.png) repeat-x;
        border: 1px solid #cccccc;
        background-clip: padding-box;
        border-radius: 2px; }
      
      nav ul li ul.nav-dropdown li.active:after {
        content: "";
        width: 22px;
        height: 49px;
        background: url(../pics/arr-active.png) no-repeat;
        display: block;
        position: absolute;
        z-index: 1000000;
        left: 100%;
        top: -8px; }
      nav ul li ul.nav-dropdown li#hide-arr:after {
          display:none; }
      nav ul li ul.nav-dropdown li,
      nav ul li ul.nav-dropdown li a {
        width:100%; }
    



    /* выпадашка по категориям */
   /* nav#site-nav li.has-drop:hover ul.dropdown-menu-top {
        display: block; }*/
    .dropdown-menu-top {
        display:none;
        position:absolute;
        z-index:100;
        width:129px;
        padding: 0;
        box-shadow: 0px 5px 10px 7px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 5px 10px 7px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 5px 10px 7px rgba(0,0,0,0.1);
        left: 0;
        z-index: 1000;
        float: left;
        list-style: none;
        font-size: 14px;
        background: url(../pics/city-bg.png) repeat-x;
        border: 1px solid #cccccc;
        background-clip: padding-box;
        border-radius: 2px;
    }
    .dropdown-menu-top > li {
        position:relative;
    	-webkit-user-select: none; /* Chrome/Safari */        
    	-moz-user-select: none; /* Firefox */
    	-ms-user-select: none; /* IE10+ */
    	/* Rules below not implemented in browsers yet */
    	-o-user-select: none;
    	user-select: none;
    	cursor:pointer; 
    }
    .dropdown-menu-top .top-sub-menu {
        background-size: 100% 116%;
        background-repeat: repeat;
        background-position-y: -10px;
    }
    .dropdown-menu-top > li:hover,
    .dropdown-menu-top > li a:hover,
    .dropdown-menu-top > li.active {
        background: #beeb9f; 
        color:#333333;
    }
    .dropdown-menu-top > li.active:after {
        content: "";
        width: 22px;
        height: 49px;
        background: url(../pics/arr-active.png) no-repeat;
        display: block;
        position: absolute;
        z-index: 1000000;
        left: 100%;
        top: -8px;
    }
    .dropdown-menu-top .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        box-shadow: rgba(0, 0, 0, 0.1) 6px 9px 10px 2px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 6px 9px 10px 2px;
        -moz-box-shadow: rgba(0, 0, 0, 0.1) 6px 9px 10px 2px;
        z-index: -5;
        display:none;
        margin-top: -1px;
    	border-top-left-radius:0;
    	border-bottom-left-radius:0;
    	/*box-shadow:none;*/
    }
    .open > .dropdown-menu-top {
        background-size: contain;
        box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
        -webkit-box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
        -moz-box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
    }
    .right-caret:after,.left-caret:after {
        content:"";
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        display: inline-block;
        height: 0;
        vertical-align: middle;
        width: 0;
    	margin-left:5px;
    }
    .right-caret:after { 
        border-left: 5px solid #ffaf46;
    }
    .left-caret:after {
        border-right: 5px solid #ffaf46;
    }
    
    
        
        
  nav .search {
    border: none;
    border-top: 2px solid #53a66e;
    border-left: 2px solid #53a66e;
    border-right: 2px solid #53a66e;
    padding: 0;
    margin: 0;
    height: 26px;
    padding-left: 40px;
    font-size: 14px;
    line-height: 23px;
    width: 270px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../pics/search.png) no-repeat 5px 1px white; }
  nav:after {
    content: "";
    clear: both;
    display: table; }

#content {
  width: 1170px;
  min-height: 450px;
  margin: 0 auto; }
  #content .width-full {
    width: 100% !important; }
  #content #left {
    float: left;
    width: 870px;
    margin-right: 30px; }
    #content #left #slider-main {
      height: 365px;
      margin-bottom: 7px; }
      #content #left #slider-main img {
        width: 870px;
        height: 365px; }
    #content #left .shipping {
      position: relative; }
      #content #left .shipping .city {
        font-size: 30px;
        font-family: "lobster";
        color: #53a66e;
        float: left;
        line-height: 30px;
        letter-spacing: -0.2px; }
        #content #left .shipping .city span {
          font-size: 30px;
          font-family: "lobster";
          color: #53a66e;
          line-height: 30px;
          letter-spacing: -0.2px; }
      #content #left .shipping .city-sel {
        float: left;
        width: 620px;
        letter-spacing: -0.2px;
        padding-left: 47px;
        background: url(../pics/anchor.png) no-repeat 22px 0px; }
        #content #left .shipping .city-sel .dropdown-menu {
          overflow-y: scroll;
          overflow-x: hidden;
          height: 250px;
        }
        #content #left .shipping .city-sel span {
          float: left;
          font-size: 16px;
          margin-top: 9px;
          display: block; }

      #content #left .shipping .selectors {
        position: absolute;
        width:500px;
        left: 670px;
        top: 3px; }
        #content #left .shipping .selectors .active {
          float: left;
          background: url(../pics/button-gray.png) no-repeat;
          background-size:100% 100%;
          padding: 0 25px 0 11px;
          min-width: 91px;
          height: 29px;
          line-height: 29px;
          text-align: center;
          position:relative; }
          #content #left .shipping .selectors .active:after {
            content:"";
            width:10px;
            height:7px;
            background:url(../pics/dropdown-arrow.png) no-repeat;
            display:block;
            position:absolute;
            right:10px;
            top:10px;
          }
        
      #content #left .shipping .selectors ul li { cursor: pointer; }
      #content #left .shipping .selectors ul.level-1 {
        display: none;
        position: absolute;
        bottom: -141px;
        left: 650px;
        background: url(../pics/dropdown-bg.png) no-repeat;
        background-size: cover;
        padding: 10px;
        width: 230px; }
        #content #left .shipping .selectors ul.level-1 li {
          padding-right: 20px;
          display: block;
          width: 200px;
          padding-left: 15px;
          margin-left: 2px;
          height: 29px;
          line-height: 29px;
          text-align: left;
          min-width: 91px;
          position: relative; }
          #content #left .shipping .selectors ul.level-1 li:hover {
            background: #beeb9f; }
    #content #left .time {
      font-size: 16px;
      color: #757575;
      margin-top: 0;
      margin-right: 4px;
      float: left; }
      #content #left .time img {
        position: relative;
        top: 0px;
        margin-right: 8px; }
      #content #left .time span {
        margin-left: 1px;
        color: #757575; }
    #content #left .currency {
      float: left;
      font-size: 16px;
      color: #757575;
      margin-top: 4px;
      margin-right: 10px;
      letter-spacing: -0.3px; }
      #content #left .currency img {
        position: relative;
        top: 5px;
        margin-right: 8px; }
    #content #left #currency-select {
      float: left;
      background: url(../pics/button-gray.png) no-repeat;
      background-size: 100% 100%;
      height: 29px;
      line-height: 29px;
      margin-top: 4px;
      text-align: center;
      min-width: 91px;
      cursor: pointer;
      border: none; }
    #content #left ul.price-range {
      float: left;
      margin-top: 5px;
      margin-left: 25px; }
      #content #left ul.price-range li {
        float: left;
        margin-right: 7px; }
        #content #left ul.price-range li button {
          padding: 0 10px;
          background: url(../pics/button-gray.png) no-repeat left top;
          background-size: 100% 100%;
          font-size: 18px;
          border: none;
          height: 29px;
          min-width: 91px;
          color: #757575;
          text-align: center; }
          #content #left ul.price-range li button.active {
            background: url(../pics/button-active.png) no-repeat left top;
            background-size: 100% 100%; }
    #content #left .catalog-wrapper {
      width: 870px;
      overflow: hidden; }
      #content #left .catalog-wrapper .catalog {
        width: 900px; }
        #content #left .catalog-wrapper .catalog .item .outer {
            position:relative;
        }
        #content #left .catalog-wrapper .catalog .item {
          float: left;
          width: 200px;
          margin-right: 23px;
          margin-bottom: 15px; }
          #content #left .catalog-wrapper .catalog .item.green .outer {
            border-bottom: 2px solid #53a66e; }
          #content #left .catalog-wrapper .catalog .item.pink .outer {
            border-bottom: 2px solid #ff4e5f; }
          #content #left .catalog-wrapper .catalog .item.green .action {
            background: #beeb9f;
            border-top: 2px solid #53a66e; }
            #content #left .catalog-wrapper .catalog .item.green .action .buy {
              background: #53a66e; }
          #content #left .catalog-wrapper .catalog .item.pink .action {
            background: #ffb8bf;
            border-top: 2px solid #ff4e5f; }
            #content #left .catalog-wrapper .catalog .item.pink .action .buy {
              background: #ff4e5f; }
          #content #left .catalog-wrapper .catalog .item .outer {
            width: 200px;
            height: 212px;
            overflow: hidden; }
            #content #left .catalog-wrapper .catalog .item .outer .inner {
              position: relative; }
              #content #left .catalog-wrapper .catalog .item .outer .inner a .image {
                max-width: 200px;
                max-height: 210px; }
              #content #left .catalog-wrapper .catalog .item .outer .inner a .overlap {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2; }
              #content #left .catalog-wrapper .catalog .item .outer .inner a:hover .overlap {
                display: block; }
          #content #left .catalog-wrapper .catalog .item .item-title {
            text-decoration: none;
            font-size: 18px;
            color: #757575; }
          /*#content #left .catalog-wrapper .catalog .item .item-title {
            text-decoration: none;
            font-size: 18px;
            color: #757575;
            height: 40px;
            display: block;
            line-height: 21px; }*/
          #content #left .catalog-wrapper .catalog .item .price .number {
            float: left;
            font-size: 18px;
            color: #757575;
            margin-right: 3px; }
          #content #left .catalog-wrapper .catalog .item .price .item-currency {
            float: left;
            font-size: 18px;
            color: #757575; }
          #content #left .catalog-wrapper .catalog .item .price:after {
            content: "";
            display: table;
            clear: both; }
          #content #left .catalog-wrapper .catalog .item .action {
            height: 25px; }
            #content #left .catalog-wrapper .catalog .item .action .buy {
              color: #fff;
              font-size: 18px;
              line-height: 22px;
              float: left;
              text-decoration: none;
              padding: 0 13px; }
            #content #left .catalog-wrapper .catalog .item .action .read-more {
              color: #757575;
              padding: 0 13px;
              height: 23px;
              line-height: 22px;
              float: left;
              font-size: 18px;
              text-decoration: none; }
      #content #left .catalog-wrapper .catalog-big {
        width: 900px; }
        #content #left .catalog-wrapper .catalog-big .item {
          float: left;
          width: 200px;
          margin-right: 23px;
          margin-bottom: 15px; }
          #content #left .catalog-wrapper .catalog-big .item.green .outer {
            border-bottom: 2px solid #53a66e; }
          #content #left .catalog-wrapper .catalog-big .item.pink .outer {
            border-bottom: 2px solid #ff4e5f; }
          #content #left .catalog-wrapper .catalog-big .item.green .action {
            background: #beeb9f;
            border-top: 2px solid #53a66e; }
            #content #left .catalog-wrapper .catalog-big .item.green .action .buy {
              background: #53a66e; }
          #content #left .catalog-wrapper .catalog-big .item.pink .action {
            background: #ffb8bf;
            border-top: 2px solid #ff4e5f; }
            #content #left .catalog-wrapper .catalog-big .item.pink .action .buy {
              background: #ff4e5f; }
          #content #left .catalog-wrapper .catalog-big .item .outer {
            width: 200px;
            height: 220px;
            overflow: hidden; }
            #content #left .catalog-wrapper .catalog-big .item .outer .inner {
              position: relative; }
              #content #left .catalog-wrapper .catalog-big .item .outer .inner a .image {
                width: 200px; }
              #content #left .catalog-wrapper .catalog-big .item .outer .inner a .overlap {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2; }
              #content #left .catalog-wrapper .catalog-big .item .outer .inner a:hover .overlap {
                display: block;
                height: 220px; }
          #content #left .catalog-wrapper .catalog-big .item .item-title {
            text-decoration: none;
            font-size: 18px;
            color: #757575; }
          #content #left .catalog-wrapper .catalog-big .item .price .number {
            float: left;
            font-size: 18px;
            color: #757575;
            margin-right: 3px; }
          #content #left .catalog-wrapper .catalog-big .item .price .item-currency {
            font-size: 18px;
            color: #757575; }
          #content #left .catalog-wrapper .catalog-big .item .price:after {
            content: "";
            display: table;
            clear: both; }
          #content #left .catalog-wrapper .catalog-big .item .action {
            height: 25px;
            margin-top: 2px; }
            #content #left .catalog-wrapper .catalog-big .item .action .buy {
              color: #fff;
              font-size: 18px;
              line-height: 22px;
              float: left;
              text-decoration: none;
              padding: 0 13px; }
            #content #left .catalog-wrapper .catalog-big .item .action .read-more {
              color: #757575;
              padding: 0 13px;
              height: 23px;
              line-height: 22px;
              float: left;
              font-size: 18px;
              text-decoration: none; }
    #content #left .banner-870 {
      clear: both;
      width: 870px;
      height: 90px;
      margin: 0 0 12px; }
      #content #left .banner-870 a img {
        width: 870px; }
    #content #left .banner-small-left {
      float: left; }
    #content #left .banner-small-right {
      float: right; }
    #content #left ul.pagination {
      background: #53a66e;
      text-align: center; }
      #content #left ul.pagination li {
        display: inline; }
        #content #left ul.pagination li a {
          color: #fff;
          display: block; }
          #content #left ul.pagination li a.active {
            color: #757575; }
    #content #left .news-list-item {
      height: 170px;
      margin-bottom: 25px; }
      #content #left .news-list-item .outer {
        margin-right: 30px;
        float: left;
        height: 170px;
        width: 170px;
        overflow: hidden; }
        #content #left .news-list-item .outer .inner a img {
          max-width: 170px; }
      #content #left .news-list-item .news-data {
        float: left;
        height: 170px;
        width: 670px; }
        #content #left .news-list-item .news-data a.news-title {
          font-size: 24px;
          line-height: 24px;
          color: #666;
          text-decoration: none; }
        #content #left .news-list-item .news-data span.date {
          font-size: 18px;
          display: block;
          color: #53a66e;
          margin-bottom: 10px; }
        #content #left .news-list-item .news-data .news-text {
          font-size: 14px;
          line-height: 21px;
          color: #666;
          margin-bottom: 25px; }
        #content #left .news-list-item .news-data .read-more {
          color: #fff;
          float: left;
          text-decoration: none;
          display: block;
          background: #53a66e;
          padding: 0 8px;
          line-height: 17px;
          font-size: 14px; }
    #content #left .text-container {
      font-size: 14px;
      line-height: 21px;
      color: #666;
      margin-bottom: 25px; }
      #content #left .text-container .orange-link {
        display: block;
        color: #ff912d;
        text-decoration: underline;
        font-size: 18px;
        line-height: 38px;
        font-family: "lobster"; }
      #content #left .text-container .contacts-text .cont-feed-but {
        font-family: "lobster";
        border: none;
        background: #53a66e;
        font-size: 16px;
        color: #fff;
        height: 38px;
        width: 197px;
        margin-bottom: 19px;
      }
      #content #left .text-container .contacts-text {
        width: 270px;
        min-height: 200px;
        float: left;
        margin-right: 30px; }
      #content #left .text-container .map {
        float: left;
        width: 570px;
        height: 290px; }
      #content #left .text-container aside.navigation {
        width: 221px;
        float: left; }
        #content #left .text-container aside.navigation ul li {
          cursor:pointer;
          padding-right: 40px;
          margin-bottom: 23px; 
          font-family: "lobster";
          color: #53a66e;
          font-size: 24px;
          text-decoration: none; }
          #content #left .text-container aside.navigation ul li.active {
            background: url(../pics/arr_or.png) no-repeat 185px 3px;
            color: #ff912d; }
      #content #left .text-container .otkritka {
        float: left;
        width: 648px;
        padding-left: 49px;
        border-left: 1px solid #53a66e;
        font-size: 14px;
        line-height: 24px;
        color: #2b2b2b; }
        #content #left .text-container .otkritka .title {
          font-size: 18px;
          margin-bottom: 7px; }
      #content #left .text-container .item-photo {
        width: 335px;
        margin-right: 20px;
        float: left; }
        #content #left .text-container .item-photo .outer .inner img {
          height: 335px;
          max-width: 335px; }
      
      
      #content #left .text-container .item-photo #carousel {
          height:120px; }
      #content #left .text-container .item-photo #carousel.flexslider li {
          margin-right:10px;
      }
      #content #left .text-container .item-photo #carousel.flexslider img {
          border:1px solid #53a66e;
          max-width: 103px;
          height: 103px;
      }
      #content #left .text-container .item-data {
        float: left;
        width: 515px; }
        #content #left .text-container .item-data h1 {
          color: #53a66e;
          font-family: "lobster";
          margin-top: 9px;
          font-size: 30px;
          height: 30px;
          margin-bottom: 11px; }
        #content #left .text-container .item-data .sostav {
            margin: 5px 0;
            padding-bottom: 5px;
            border-bottom: 1px solid #53a66e;}
        #content #left .text-container .item-data .sostav span.sost {
            color: #53a66e;
            font-weight: bold;
        }
        #content #left .text-container .item-data .date {
          float: left;
          color: #53a66e;
          font-size: 14px;
          width: 215px;
          margin-right: 30px;
          margin-bottom: 5px; }
          #content #left .text-container .item-data .date p {
            font-weight: bold;
            color: #53a66e;
            font-size: 14px;
            margin-bottom: 8px; }
          #content #left .text-container .item-data .date button {
            float: left;
            width: 58px;
            height: 29px;
            background: url(../pics/calendar-but.png) no-repeat;
            border: none;
            margin-bottom: 10px; }
          #content #left .text-container .item-data .date input {
            float: left;
            background:#fff;
            margin-left: 10px;
            border: 1px solid #53a66e;
            height: 25px;
            width: 140px;
            padding: 0 5px;
            margin-bottom: 10px; }
          #content #left .text-container .item-data .date #calendar {
            float: left;
            display:none;
            width: 210px;
            min-height: 170px; }

        #content #left .text-container .item-data .garant {
  float: none;
  clear: both;
  width: 100%;
  display: block;
  margin-top: 15px;
}


          #content #left .text-container .item-data .garant h4 {
            color: #53a66e;
            font-size: 14px;
            margin-bottom: 9px;
            font-weight: bold; }
          #content #left .text-container .item-data .garant p {
            padding-left: 77px;
            height: 55px;
            line-height: 55px;
            position: relative;
            margin-bottom: 6px; }
            #content #left .text-container .item-data .garant p img {
              position: absolute;
              left: 11px; }
        /*НОВОСТЬ*/              
        #content #left .text-container .news-list-page .item {
            margin-top:15px;
        }
        #content #left .text-container .news-list-page .item:after {
            content:"";
            display:table;
            clear:both;
        }
        #content #left .text-container .news-list-page .item .outer {
            width:170px;
            height:170px;
            float:left;
        }
        #content #left .text-container .news-list-page .item .outer .inner {}
        #content #left .text-container .news-list-page .item .outer .inner a {}
        #content #left .text-container .news-list-page .item .outer .inner a img{
            max-width:170px;
            max-height:170px;
        }
        #content #left .text-container .news-list-page .item .desc {
            margin-left:30px;
            float:left;
            width:600px;
        }
        #content #left .text-container .news-list-page .item .desc h3 {}
        #content #left .text-container .news-list-page .item .desc h3 a {
            font-size:24px;
        }
        #content #left .text-container .news-list-page .item .desc .date {
            color:#53a66e;
            font-size:18px;
        }
        #content #left .text-container .news-list-page .item .desc .text {
            margin:10px 0 20px;
            font-size:14px;
        }
        #content #left .text-container .news-list-page .item .read-item{
            background-color:#53a66e;
            color:#fff;
            font-size:14px;
            height:18px;
            float:left;
            padding:0 5px;
        }
                  
        #content #left .text-container .item-data .order-number {
          width: 515px;
          padding-top: 5px;
          border-top: 1px solid #53a66e;
          float: left; }
          #content #left .text-container .item-data .order-number .number {
            float: left;
            font-size: 12px;
            margin-top: 20px;
            line-height: 27px;
            margin-right: 37px; }
            #content #left .text-container .item-data .order-number .number span {
              float: left;
              margin-right: 5px; }
            #content #left .text-container .item-data .order-number .number img {
              width: 15px;
              height: 24px;
              float: left; }
            #content #left .text-container .item-data .order-number .number input {
              float: left;
              width: 33px;
              height: 24px;
              line-height: 25px;
              font-size: 13px;
              /*padding-top: 5px;*/
              border: none;
              text-align: center;
              border-top: 1px solid #53a66e;
              border-bottom: 1px solid #53a66e; }
          #content #left .text-container .item-data .order-number .bouquet-size {
               }
          #content #left .text-container .item-data .order-number .bouquet-size p {
              text-align: center;
              float:left;
              font-size: 12px;
              color: #757575; }
          #content #left .text-container .item-data .order-number .bouquet-size p:after {
              content:"";
              display:table;
              clear:both; }
          #content #left .text-container .item-data .order-number .bouquet-size p.odd {
              background:#beeb9f; }
          #content #left .text-container .item-data .order-number .bouquet-size p.odd span.price,
          #content #left .text-container .item-data .order-number .bouquet-size p.odd span.price-hol {
              background:#ffc38c;
          }
          #content #left .text-container .item-data .order-number .bouquet-size p.even {
              background:#dff5cf; }
          #content #left .text-container .item-data .order-number .bouquet-size p.even span.price,
          #content #left .text-container .item-data .order-number .bouquet-size p.even span.price-hol {
              background:#ffe3ca;
          }
          #content #left .text-container .item-data .order-number .bouquet-size span {
              float:left;
              text-align: center;
              background: none;
              display: block;
              width: 100%;
              min-width: 59px;
              height: 28px;
              line-height: 28px;
              font-size: 12px; }
          
          /*general title*/
          #content #left .text-container .item-data .order-number .bouquet-size p span.b-size {
              cursor:pointer;
          }
          #content #left .text-container .item-data .order-number .bouquet-size p span.title {
              padding-left:36px;
              text-align:left;
              width:212px; }
          /*inactive*/
          #content #left .text-container .item-data .order-number .bouquet-size p.odd span.title,
          #content #left .text-container .item-data .order-number .bouquet-size p.even span.title {
              background: url(../pics/check-off.png) no-repeat 7px 4px;
          }
          /*active*/
          #content #left .text-container .item-data .order-number .bouquet-size p.odd span.title.active,
          #content #left .text-container .item-data .order-number .bouquet-size p.even span.title.active {
              background: url(../pics/check-on.png) no-repeat 7px 4px;
          }
          
          #content #left .text-container .item-data .order-number .bouquet-size p span.price {
              width:71px; }
          #content #left .text-container .item-data .order-number .bouquet-size p span.sostav-title {
              text-decoration:underline;
              cursor:pointer;
              position:relative;
              width:78px; }
          #content #left .text-container .item-data .order-number .bouquet-size p span.sostav-title span {
              display:none;
              position:absolute;
              left:50%;
              margin-left:-72px;
              padding:10px;
              text-align:left;
              top:30px; 
              z-index:20;
              height:auto;
              min-height:30px;
              line-height: 14px;
              font-size: 12px;
              width:144px;
              background:url(../pics/bubble-bg.png) no-repeat;
              background-size:100% 100%; }
          #content #left .text-container .item-data .order-number .bouquet-size p span.sostav-title span.show {
              display:block;
          }
          #content #left .text-container .item-data .order-number .bouquet-size p span.sostav-title span:after {
              background: url(../pics/bubble-arr.png) no-repeat;
              display: block;
              content: "";
              width: 17px;
              height: 11px;
              position: absolute;
              top: -7px;
              left: 50%;
              margin-left: -9px;
          }
          
          #content #left .text-container .item-data .order-number .bouquet-size p span.price-hol {
              width:154px; }
          
          
          
          #content #left .text-container .item-data .order-number .price-general {
            float: left; }
            #content #left .text-container .item-data .order-number .price-general p {
              text-align: center;
              font-size: 12px;
              color: #757575;
              line-height: 12px;
              margin-bottom: 6px;
              padding: 0 15px; }
            #content #left .text-container .item-data .order-number .price-general span {
              text-align: center;
              background: #beeb9f;
              display: block;
              width: 100%;
              min-width: 59px;
              height: 28px;
              line-height: 28px;
              text-align: center;
              font-size: 12px; }
          #content #left .text-container .item-data .order-number .price-special {
            float: left; }
            #content #left .text-container .item-data .order-number .price-special p {
              text-align: center;
              font-size: 12px;
              color: #757575;
              line-height: 12px;
              margin-bottom: 6px;
              padding: 0 15px; }
            #content #left .text-container .item-data .order-number .price-special span {
              text-align: center;
              background: #ffb8bf;
              display: block;
              width: 100%;
              min-width: 59px;
              height: 28px;
              line-height: 28px;
              text-align: center;
              font-size: 12px; }
        #content #left .text-container .item-data .notice {
          font-size: 12px;
          color: #53a66e;
          margin-top: 5px; }
          #content #left .text-container .item-data .notice span {
          font-size: 12px;
          color: #53a66e;
          margin-top: 5px; }
          
    #content #left .photos-catalog {
      width: 950px; }
      #content #left .photos-catalog .photo-item {
        float: left;
        width: 200px;
        margin-right: 20px;
        margin-bottom: 35px;
        height: 272px; }
        #content #left .photos-catalog .photo-item span.date {
          display: block;
          font-size: 18px;
          color: #757575;
          margin-bottom: 5px; }
        #content #left .photos-catalog .photo-item .outer {
          position:relative;
          display: block;
          width: 200px;
          height: 200px;
          overflow: hidden; }
          #content #left .photos-catalog .photo-item .outer .inner img {
            max-width: 200px; }
          #content #left .photos-catalog .photo-item .outer .inner .cover {
            position:absolute;
            left:0;
            top:0;
            min-width:200px;
            min-height:200px;
            z-index:100;
          }
          
        #content #left .photos-catalog .photo-item.pink a {
          background: #ff4e5f; }
        #content #left .photos-catalog .photo-item a.text2 {
          position:relative;
          display: block;
          color: #fff;
          background: url(../pics/arr_r.png) no-repeat 178px 13px #53a66e;
          width: 200px;
          height: 42px;
          padding-left: 12px;
          padding-top: 3px;
          cursor: pointer;
          text-decoration: none; }
          /*#content #left .photos-catalog .photo-item a:hover {
            background: url(../pics/arr_r.png) no-repeat 178px 13px #ff912d; }*/
          #content #left .photos-catalog .photo-item a span {
            color: #fff;
            width: 100%;
            display: block; }
            /*заказать такой же*/
            #content #left .photos-catalog .photo-item a span.order-same {
              position: absolute;
              top: 48px;
              width:200px;
              margin-left:-12px;
              font-family:lobster;
              color:#53a66e;
              font-size:19px; }
              /*#content #left .photos-catalog .photo-item a:hover span.order-same {
                color:#ff912d;
                text-decoration: underline;
              }*/
            #content #left .photos-catalog .photo-item a span.order-same img {
              vertical-align: middle;
              position: relative;
              left: 2px;
              top:-5px;
            }
            #content #left .photos-catalog .photo-item a span.order-same img.green {
              display:inline; }
           /* #content #left .photos-catalog .photo-item a:hover span.order-same img.green {
              display:none; }*/
            #content #left .photos-catalog .photo-item a span.order-same img.orange {
              display:none; }
           /* #content #left .photos-catalog .photo-item a:hover span.order-same img.orange {
              display:inline; }*/
            
    #content #left p#feedback-intro {
      margin-top: 13px;
      margin-bottom: 15px; }
    #content #left #show-feed-form {
      font-family: "lobster";
      border: none;
      background: url(../pics/arr_b.png) no-repeat 172px 17px #53a66e;
      font-size: 16px;
      color: #fff;
      height: 38px;
      width: 197px;
      margin-bottom: 17px; }
    #content #left #feed-form {
      width: 545px; }
      #content #left #feed-form label, #content #left #feed-form input {
        float: left;
        font-size: 14px;
        line-height: 27px; }
      #content #left #feed-form label {
        width: 115px;
        margin-bottom: 10px; }
      #content #left #feed-form input {
        padding: 5px 10px;
        border: 1px solid #53a66e;
        height: 27px;
        width: 425px;
        margin-bottom: 10px; }
      #content #left #feed-form input[type=submit] {
        font-family: "lobster";
        border: none;
        background: #53a66e;
        font-size: 16px;
        color: #fff;
        height: 38px;
        width: 197px;
        margin-bottom: 19px; }
      #content #left #feed-form textarea {
        padding: 5px 10px;
        border: 1px solid #53a66e;
        height: 96px;
        width: 425px;
        margin-bottom: 4px;
        resize: none; }
    #content #left .green-line {
      height: 1px;
      background: #53a66e;
      width: 100%;
      clear: both; }
    #content #left .feedback-item {
      margin-top: 20px; }
      #content #left .feedback-item .date {
        font-size: 18px; }
      #content #left .feedback-item .text {
        margin-top: 5px;
        font-size: 15px;
        line-height: 21px; }
      #content #left .feedback-item .name {
        margin-top: 10px; }
    #content #left .greeting {
      width: 500px;
      color: #555;
      margin-top: 6px;
      float: left; }
      #content #left .greeting p {
        line-height: 21px; }
        #content #left .greeting p span {
          display: block;
          float: left;
          width: 215px; }
          #content #left .greeting p span.user-info {
            font-family: m_b;
            color: #53a66e; }
        #content #left .greeting p:after {
          content: "";
          display: table;
          clear: both; }
    #content #left .discount {
      float: right;
      text-align: right;
      margin-top: 40px; }
      #content #left .discount:after {
        content: "";
        display: table;
        clear: both; }
      #content #left .discount h5 {
        font-family: "lobster";
        color: #ff912d;
        font-size: 24px;
        line-height: 21px; }
      #content #left .discount p {
        font-size: 14px;
        margin-top: 5px;
        line-height: 21px; }
    #content #left table#cabinet-order {
      width: 100%;
      float: left;
      table-layout: fixed;
      margin-top: 15px; }
      #content #left table#cabinet-order tr {
        border-top: 1px solid #53a66e; }
        #content #left table#cabinet-order tr th {
          background: #53a66e;
          color: #fff;
          font-size: 14px;
          line-height: 23px;
          font-weight: normal;
          height: 23px;
          text-align: left; }
          #content #left table#cabinet-order tr th.price {
            width: 110px;
            padding-left: 8px; }
          #content #left table#cabinet-order tr th.cust-name {
            width: 135px;
            padding-left: 7px; }
          #content #left table#cabinet-order tr th.date {
            width: 104px;
            padding-left: 9px; }
          #content #left table#cabinet-order tr th.addres {
            width: 175px;
            padding-left: 12px; }
          #content #left table#cabinet-order tr th.req {
            width: 150px;
            padding-left: 5px; }
          #content #left table#cabinet-order tr th.phone {
            width: 125px;
            padding-left: 8px; }
          #content #left table#cabinet-order tr th.number {
            width: 125px;
            padding-left: 7px; }
          #content #left table#cabinet-order tr th.status {
            padding-left: 8px; }

          
        #content #left table#cabinet-order tr:hover {
            background:#eee;
        }
        #content #left table#cabinet-order tr td {
          font-size: 14px;
          height: 21px;
          color: #555;
          padding: 4px 0 0 0;
          vertical-align: top;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box; }
          #content #left table#cabinet-order tr td.image img {
            width: 70px; }
          #content #left table#cabinet-order tr td p {
            margin-top: 5px;
            padding-left: 5px; }
          #content #left table#cabinet-order tr td select{
            position: relative;
            background: none;
            width: 70px;
            top: -2px;
            margin-left: 8px;
          }


    #content #left .cart-step-1 .item.time {
        font-size:18px;
    }
    #content #left .cart-step-1 .item {
      height: 80px;
      padding-top: 5px;
      float: left;
      width: 100%;
      font-size: 14px;
      color: #555;
      border-bottom: 1px solid #53a66e; }
      #content #left .cart-step-1 .item .image {
        float: left;
        height: 70px;
        width: 70px;
        margin-right: 25px; }
        #content #left .cart-step-1 .item .image img {
          height: 70px;
          max-width: 70px; }
      #content #left .cart-step-1 .item .title {
        width: 620px;
        float: left;
        height: 130px;
        line-height: 70px;
        padding-left: 0px; }
      #content #left .cart-step-1 .item .price {
        float: left;
        height: 70px;
        width: 100px;
        padding-left: 5px;
        padding-top: 15px; }
        #content #left .cart-step-1 .item .price .sum {
          display: block; }
        #content #left .cart-step-1 .item .price .type {
          font-size: 14px;
          display: block;
          color: #53a66e; }
.delete {
  height: 20px;
position: relative;
top: -2px;
font-size: 12px;
}
    #content #left .item .del {
      background:none;
      background:url(../pics/close.png) no-repeat;
      border:none;
      height:14px;
      width:14px;
      margin-top: 24px;
      margin-left: 20px; }
    #content #left .cart-step-4 .item .del,
    #content #left .cart-step-5 .item .del {
        display:none;
    }
          
    #content #left .cart-step-1 .price-full {
      font-size: 18px;
      color: #555;
      margin-top: 15px;
      line-height: 24px; }
    #content #left .cart-step-1 .price-discount,
    #content #left .cart-step-1 .price-discount span {
      font-size: 18px;
      line-height: 24px;
      color: #53a66e;
      margin-top: 3px; }
    #content #left .cart-step-1 .continue {
      color: #fff;
      background: #53a66e;
      display: block;
      position: relative;
      font-size: 16px;
      line-height: 25px;
      height: 25px;
      text-decoration: none;
      float: left;
      padding: 0 15px;
      margin-top: 29px;
      margin-left: 56px; }
      #content #left .cart-step-1 .continue img {
        left: -53px;
        top: -25px;
        position: absolute; }
        
        
        
    #content #left .cart-step-2 .wrapper-step-2 {
      width: 900px; }
      #content #left .cart-step-2 .wrapper-step-2 .item {
        float: left;
        width: 200px;
        margin-right: 23px;
        margin-bottom: 18px; }
        #content #left .cart-step-2 .wrapper-step-2 .item .title {
          text-align: center;
          font-size: 14px;
          line-height: 21px;
          height: 21px;
          margin-bottom: 3px; }
        #content #left .cart-step-2 .wrapper-step-2 .item .outer {
          width: 200px;
          height: 200px;
          border: 1px solid #53a66e;
          overflow: hidden;
          display: block; }
          #content #left .cart-step-2 .wrapper-step-2 .item .outer .inner a {
            display: block; }
            #content #left .cart-step-2 .wrapper-step-2 .item .outer .inner a img {
              display: block;
              width: 198px; }
        #content #left .cart-step-2 .wrapper-step-2 .item .add-to-cart {
          background: url(../pics/check-off.png) no-repeat 0px 0px;
          float: left;
          height: 16px;
          margin-top: 10px;
          padding-left: 20px;
          font-size: 14px;
          margin-right: 57px;
          cursor: pointer; }
        #content #left .cart-step-2 .wrapper-step-2 .item .add-to-cart.active {
          background: url(../pics/check-on.png) no-repeat 0px 0px; }
        #content #left .cart-step-2 .wrapper-step-2 .item .order-dop-number {
          margin-top: 3px;
          border-top: 1px solid #53a66e;
          float: left; }
          #content #left .cart-step-2 .wrapper-step-2 .item .order-dop-number .number {
            position:relative;
            z-index:100;
            float: left;
            font-size: 12px;
            line-height: 27px; }
            #content #left .cart-step-2 .wrapper-step-2 .item .order-dop-number .number span {
              float: left;
              margin-right: 5px; }
            #content #left .cart-step-2 .wrapper-step-2 .item .order-dop-number .number img {
              cursor: pointer;
              width: 15px;
              height: 24px;
              float: left; }
            #content #left .cart-step-2 .wrapper-step-2 .item .order-dop-number .number input:disabled {
                background:#fff; }
            #content #left .cart-step-2 .wrapper-step-2 .item .order-dop-number .number input {
              float: left;
              width: 33px;
              font-size:13px;
              line-height: 25px;
              height: 24px;
              border: none;
              text-align: center;
              padding:0;
              border-top: 1px solid #53a66e;
              border-bottom: 1px solid #53a66e; }
        #content #left .cart-step-2 .wrapper-step-2 .item .price {
          float: left;
          width: 100%;
          font-size: 14px;
          margin-top: 3px;
          margin-bottom: 7px; }
        #content #left .cart-step-2 .continue {
          color: #fff;
          background: #53a66e;
          display: block;
          position: relative;
          font-size: 16px;
          line-height: 25px;
          height: 25px;
          text-decoration: none;
          float: left;
          padding: 0 15px;
          margin-top: 29px;
          margin-left: 56px; }
          #content #left .cart-step-2 .continue img {
            left: -53px;
            top: -25px;
            position: absolute; }
        #content #left .cart-step-2 .wrapper-step-2 .item .radio-check {
          float:left;
          position: relative; }
          #content #left .cart-step-2 .wrapper-step-2 .item .radio-check input[type=radio] {
            display: none; }
          #content #left .cart-step-2 .wrapper-step-2 .item .radio-check label {
            padding-left:18px;
            height:14px;
            background: url(../pics/radio-off.png) no-repeat left center;
            margin-left: 4px;
            letter-spacing: -0.2px;
            font-size: 12px;
            position: relative;
            top: -2px;
            cursor: pointer;
            display: inline-block;
            padding-left: 23px; }
          #content #left .cart-step-2 .wrapper-step-2 .item .radio-check label.active {
            background: url(../pics/radio-on.png) no-repeat left center;
            color: #585858; }
      #content #left .cart-step-2 .wrapper-step-2 .outer-select {
        width: 203px;
        /*overflow: hidden;*/
        margin-left: -3px; }
        #content #left .cart-step-2 .wrapper-step-2 .outer-select #item-detail a {
            width: 203px;
            height: 29px;
            text-align:left;
        }
        #content #left .cart-step-2 .wrapper-step-2 .outer-select #item-detail {
          width: 203px;
          border: none;
          margin-top: 4px;
          height: 29px;
          font-size: 14px;
          /*background: url(../pics/dropdown.png) no-repeat;*/
          color: #555; }
          #content #left .cart-step-2 .wrapper-step-2 .outer-select #item-detail:focus {
            outline: none; }
        #content #left .cart-step-2 .wrapper-step-2 .outer-select #item-detail li {
            position:relative;
        }
        #content #left .cart-step-2 .wrapper-step-2 .outer-select #item-detail li:hover .select-dop-info {
            display:block;
        }
        #content #left .cart-step-2 .wrapper-step-2 .outer-select #item-detail .select-dop-info {
            position:absolute;
            left:206px;
            top:0;
            width:127px;
            background:url(../pics/dop-tov-bg.png) repeat-y;
            min-height:30px;
            padding:6px 10px;
            border-top: 1px solid #d6e0e6;
            border-bottom: 1px solid #d6e0e6;
            border-radius: 4px;
            display:none; }
        #content #left .cart-step-2 .wrapper-step-2 .outer-select #item-detail .select-dop-info:after {
            content:"";
            position:absolute;
            display:table;
            z-index:1000;
            width:11px;
            height:15px;
            background:url(../pics/dop-tov-arr.png) no-repeat;
            left:-7px;
            top:5px;
        }    
      #content #left .cart-step-2 .price-full {
        font-size: 18px;
        color: #555;
        margin-top: 15px;
        line-height: 24px; }
      #content #left .cart-step-2 .price-discount,
      #content #left .cart-step-2 .price-discount span {
        font-size: 18px;
        line-height: 24px;
        color: #53a66e;
        margin-top: 3px; }
      #content #left .cart-step-2 .continue {
        color: #fff;
        background: #53a66e;
        display: block;
        position: relative;
        font-size: 16px;
        line-height: 25px;
        height: 25px;
        text-decoration: none;
        float: left;
        padding: 0 15px;
        margin-top: 29px;
        margin-left: 56px; }
        #content #left .cart-step-2 .wrapper-step-2 .continue img {
          left: -53px;
          top: -25px;
          position: absolute; }
    
    #content #left .cart-step-3 .price-cart-3,
    #content #left .cart-step-3 .price-cart-4,
    #content #left .cart-step-3 .price-cart-5 {
        font-size: 18px;
        color: #555;
        line-height: 24px;
        position:absolute;
        top:12px;
        right:25px;
    }
    
#content #left .cart-step-3 .item {
      height: 80px;
      padding-top: 5px;
      float: left;
      width: 100%;
      font-size: 14px;
      color: #555; }
    #content #left .cart-step-3 .item.time {
        font-size:18px;
    }
    #content #left .cart-step-3 #exact-time-price-wrapper {
        visibility: hidden;
        color:#53a66e;
        text-transform:
        uppercase;font-weight:bold;
        margin:10px 0;
        width:100%;
        float:left;
      }
        #content #left .cart-step-3 .item .image {
        float: left;
        height: 70px;
        width: 70px;
        margin-right: 25px; }
        #content #left .cart-step-3 .item .image img {
          width: 70px; }
      #content #left .cart-step-3 .item .title {
        width: 380px;
        float: left;
        height: 70px;
        line-height: 70px;
        padding-left: 7px; }
      #content #left .cart-step-3 .item .price {
        float: left;
        height: 70px;
        width: 100px;
        padding-left: 5px;
        padding-top: 15px; }
        #content #left .cart-step-3 .item .price .sum {
          display: block; }






    #content #left .cart-step-3 .price-full {
      font-size: 18px;
      color: #555;
      margin-top: 15px;
      line-height: 24px; }
    #content #left .cart-step-3 .price-discount,
    #content #left .cart-step-3 .price-discount span {
      font-size: 18px;
      line-height: 24px;
      color: #53a66e;
      margin-top: 3px; }
    #content #left .cart-step-3 .continue {
      color: #fff;
      background: #53a66e;
      display: block;
      position: relative;
      font-size: 16px;
      line-height: 25px;
      height: 25px;
      text-decoration: none;
      float: left;
      padding: 0 15px;
      margin-top: 29px;
      margin-left: 56px; }
      #content #left .cart-step-3 .continue img {
        left: -53px;
        top: -25px;
        position: absolute; }

          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
  #content #right {
    float: left;
    width: 270px; }
    #content #right .feedback {
      background: #dff5cf;
      margin-bottom: 12px; }
      #content #right .feedback .item {
        margin: 15px 12px; }
        #content #right .feedback .item .name {
          font-size: 18px;
          color: #323232; }
        #content #right .feedback .item .text {
          font-size: 14px;
          color: #323232; }
      #content #right .feedback .read-all {
        line-height: 17px;
        background: #53a66e;
        color: #fff;
        display: block;
        height: 15px;
        margin-top: 10px;
        font-size: 14px;
        padding-left: 8px;
        text-decoration: none;
        position: relative; }
        #content #right .feedback .read-all img {
          position: absolute;
          right: 5px;
          top: 2px; }
    #content #right .happy-faces-wrapper {
      width: 270px;
      overflow: hidden;
      margin-bottom: 15px; }
      #content #right .happy-faces-wrapper .happy-faces {
        width: 300px; }
        #content #right .happy-faces-wrapper .happy-faces a {
          position:relative;
          float: left;
          margin-right: 8px; }
          #content #right .happy-faces-wrapper .happy-faces a img {
            width: 130px;
            height: 130px; }
          #content #right .happy-faces-wrapper .happy-faces a div {
            background:url(../pics/rect.png) no-repeat;
            height:130px;
            width:130px;
            position:absolute;
            top:0;
            left:0;
            z-index:11;
          }
      #content #right .happy-faces-wrapper .read-all {
        line-height: 17px;
        background: #ff4e5f;
        color: #fff;
        display: block;
        height: 15px;
        margin-top: 10px;
        font-size: 14px;
        padding-left: 8px;
        text-decoration: none;
        position: relative; }
        #content #right .happy-faces-wrapper .read-all img {
          position: absolute;
          right: 5px;
          top: 2px; }
    #content #right .news {
      margin-bottom: 15px; }
      #content #right .news .item .title a {
        font-size: 18px;
        line-height: 21px;
        color: #424242;
        text-decoration: none; }
      #content #right .news .item .date {
        display: block;
        font-size: 14px;
        color: #389055;
        margin-bottom: 10px; }
      #content #right .news .item .text {
        line-height: 17px;
        color: #424242;
        font-size: 14px; }
      #content #right .news .item .read-item {
        background: #beeb9f;
        color: #626262;
        display: block;
        height: 15px;
        margin-top: 10px;
        font-size: 14px;
        padding-left: 8px;
        text-decoration: none;
        position: relative;
        line-height: 17px;
        width: 100px; }
        #content #right .news .item .read-item img {
          position: absolute;
          right: 5px;
          top: 2px; }
      #content #right .news .read-all {
        background: #ff912d;
        color: #fff;
        display: block;
        height: 15px;
        margin-top: 10px;
        font-size: 14px;
        padding-left: 8px;
        text-decoration: none;
        position: relative; }
        #content #right .news .read-all img {
          position: absolute;
          right: 5px;
          top: 2px; }
    #content #right .wishes {
      line-height: 17px;
      background: #ffdcdf; }
      #content #right .wishes .item {
          padding:0 10px;
      }
      #content #right .wishes .read-all {
        background: #ff4e5f;
        color: #fff;
        display: block;
        height: 15px;
        margin-top: 10px;
        font-size: 14px;
        padding-left: 8px;
        text-decoration: none;
        position: relative; }
        #content #right .wishes .read-all img {
          position: absolute;
          right: 5px;
          top: 2px; }
  #content .green-header {
    font-size: 24px;
    position:relative;
    min-height: 28px;
    line-height: 27px;
    font-family: "lobster";
    background: #beeb9f;
    padding-left: 10px;
    color: #53a66e;
    margin-top: 15px;
    margin-bottom: 8px; }
  #content .pink-header {
    font-size: 24px;
    position:relative;
    min-height: 28px;
    line-height: 27px;
    font-family: "lobster";
    background: #ff4e5f;
    padding-left: 10px;
    color: #fff;
    margin-top: 2px;
    margin-bottom: 8px; }
  #content .pink-header-inv {
    font-size: 24px;
    position:relative;
    min-height: 28px;
    line-height: 27px;
    font-family: "lobster";
    background: #ffb8bf;
    padding-left: 10px;
    color: #ff4e5f;
    margin-top: 2px;
    margin-bottom: 8px; }
  #content .orange-header {
    font-size: 24px;
    position:relative;
    min-height: 28px;
    line-height: 27px;
    font-family: "lobster";
    background: #ff912d;
    padding-left: 10px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 8px;
    position: relative; }
  
  #content .orange-header #view-all,
  #content .green-header #view-all,
  #content .pink-header  #view-all {
      font-size:18px;
      position:absolute;
      color:#fff;
      right:11px;
      top:0;
      font-family:"lobster";
  }
  #content .orange-header #view-all img,
  #content .green-header #view-all img,
  #content .pink-header  #view-all img {
      margin-left:7px;
      position: relative;
      top: 3px;
  }
    #content .orange-header span.cart {
      position: absolute;
      top: 0;
      font-size: 18px;
      line-height: 28px;
      height: 28px;
      color: #fff;
      font-family: "lobster";
      display: inline-block;
      padding: 0 10px 0 5px; }
      #content .orange-header span.cart.step-1 {
        left: 200px; }
      #content .orange-header span.cart.step-2 {
        left: 310px; }
      #content .orange-header span.cart.step-3 {
        left: 545px; }
      #content .orange-header span.cart.step-4 {
        left: 665px; }
      #content .orange-header span.cart.step-5 {
        left: 777px; }
      #content .orange-header span.cart.active {
        background: url(../pics/cart-active.png) repeat-x;
        color: #ff912d; }
        #content .orange-header span.cart.active:before {
          position: absolute;
          content: "";
          display: block;
          width: 9px;
          height: 28px;
          background: url(../pics/step-left.png) no-repeat;
          left: -9px;
          top: 0; }
        #content .orange-header span.cart.active:after {
          position: absolute;
          content: "";
          display: block;
          width: 9px;
          height: 28px;
          background: url(../pics/step-right.png) no-repeat;
          right: -9px;
          top: 0; }
  #content:after {
    content: "";
    display: table;
    clear: both; }
  #content ul.B_crumbBox {
    border-top: 1px solid #53a66e;
    padding-top: 6px;
    margin-top: 5px; }
    #content ul.B_crumbBox:after {
      content:"";
      display:table;
      clear:both;
    }
    #content ul.B_crumbBox li {
      float: left;
      color: #53a66e;
      font-size: 14px;
      margin-right: 5px; }
      #content ul.B_crumbBox li a {
        text-decoration: none; }
      #content ul.B_crumbBox li a span {
        color: #53a66e; }

footer {
  width: 1170px;
  margin: 14px auto 0;
  height: 68px;
  background: #53a66e; }
  footer .phone-footer {
    float: left;
    margin-left: 26px;
    margin-top: 10px;
    margin-right: 20px;
    width: 183px;
    border-right: 1px solid #fff; }
    footer .phone-footer p {
      color: #fff;
      font-size: 18px;
      line-height: 25px; }
      footer .phone-footer p span {
        color: #fff;
        font-size: 24px; }
  footer > img {
    float: left;
    margin-top: 15px; }
  footer .social {
    height: 52px;
    margin-top: 10px;
    border-left: 1px solid #fff;
    float: left;
    width: 183px;
    margin-left: 40px;
    padding-left: 25px;
    line-height: 16px; }
    footer .social a {
      float: left;
      margin-right: 10px;
      float: left;
      display: block;
      color: #fff; }
      footer .social a .mail {
        position: relative;
        top: 2px;
        margin-right: 10px; }
        
.item-data .add-to-cart {
      color: #fff;
      background: #53a66e;
      display: block;
      position: relative;
      font-size: 16px;
      line-height: 25px;
      height: 25px;
      text-decoration: none;
      float: left;
      padding: 0 15px;
      margin-top: 0.4px;
      margin-left: 40px; }
      .add-to-cart img {
        left: -36px;
        top: 0px;
        position: absolute; }
        
        
        
.dropdown-menu > li {
    position:relative;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	cursor:pointer; 
}
.dropdown-menu > li.active {
    background: #beeb9f; 
}
.dropdown-menu > li.active:after {
    content: "";
    width: 22px;
    height: 49px;
    background: url(../pics/arr-active.png) no-repeat;
    display: block;
    position: absolute;
    z-index: 1000000;
    left: 100%;
    top: -8px;
}
/*scroll*/
.put_cities { 
    max-height: 225px;
    overflow-y: scroll;
}
.dropdown-menu .sub-menu {
    background-size: 100% 116%;
    background-repeat: repeat;
    background-position-y: -10px;    
    left: 100%;
    position: absolute;
    top: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 6px 9px 10px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 6px 9px 10px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 6px 9px 10px 2px;
    z-index: -5;
    display:none;
    margin-top: -1px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	/*box-shadow:none;*/
}
.open > .dropdown-menu {
    background-size: contain;
    box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
    -webkit-box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
    -moz-box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
}
.right-caret:after,.left-caret:after {
    content:"";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
	margin-left:5px;
}
.right-caret:after { 
    border-left: 5px solid #ffaf46;
}
.left-caret:after {
    border-right: 5px solid #ffaf46;
}







/*
*
*
*
*
*
*
ВСПЛЫВАШКИ
*
*
*/

.overlay {
    display:none;
    background:rgba(0,0,0,0.5);
    left:0;
    top:0;
    bottom:0;
    right:0;
    position:fixed;
    z-index:22; }

.form {
    display:block;
    background:#fff;
    width:370px;
    left:50%;
    margin-left:-185px;
    top:100px; 
    position:absolute;
    z-index: 9999; }

.form h5 {
    font-family: "lobster";
    font-size:36px;
    line-height:36px;
    padding-left:30px;
    margin-top:15px;
    color:#53a66e; }
    
.form input {
    position:relative;
    z-index: 9999;
    float:left; }

/*обртная связь*/
.form-write-us {
    position:fixed; }


/*СПАСИБО*/
.form-thanks {
    position:fixed;
    min-height:245px;
    display:none;
}

.form-thanks .wrapper {
    width:100%;
    padding-left:30px;
    margin-top:17px;
    display:block;
    float:left; }

.form-thanks .wrapper .outer {
    width:105px;
    height:105px;
    float:left;
    margin-right:10px; }
    
.form-thanks .wrapper p {
    font-size:16px; }

.form-thanks .wrapper p span {
    display:block;
    margin-top:15px; }

.form-thanks .actions {
    float:left;
    margin-top:20px;
    width:100%;
    border-top: 3px solid #53a66e;
}
.form-thanks .actions button {
    width:190px;
    padding:0;
    background:#beeb9f;
    border:none;
    font-size:18px;
    display:block;
    float:left;
    height:49px;
    line-height:49px;
    text-align:center;
}
.form-thanks .actions a {
    width:180px;
    background:#53a66e;
    color:#fff;
    float:left;
    font-size:18px;
    display:block;
    height:49px;
    line-height:49px;
    text-align:center;
}

/*ПОДТВЕРЖДЕНИЕ РЕГИСТРАЦИИ*/
.form-reg {
    display:none;
    height:150px;
}

.form-reg .text {
    font-size:16px;
    padding: 30px;
}

.form-reg a {
    width:100%;
    background:#53a66e;
    color:#fff;
    float:left;
    font-size:18px;
    display:block;
    height:49px;
    line-height:49px;
    text-align:center;
}

/*ДЕНЬ ДОСТАВКИ ЗАКРЫТ*/
.form-ship {
    display:none;
    position:fixed;
    min-height:150px;
}

.form-ship .text {
    font-size:16px;
    padding: 30px;
}

.form-ship button {
    border:none;
    width:100%;
    background:#53a66e;
    color:#fff;
    float:left;
    font-size:18px;
    display:block;
    height:49px;
    line-height:49px;
    text-align:center;
}

/*ЗАКАЗ УСПЕШНО ОТПРАВЛЕН*/
.form-suc {
    position:fixed;
    display:none;
}

.form-suc .text {
    font-size:16px;
    padding: 30px;
}

.form-suc a {
    width:100%;
    background:#53a66e;
    color:#fff;
    float:left;
    font-size:18px;
    display:block;
    height:49px;
    line-height:49px;
    text-align:center;
}



/*ВХОД*/
.form-login {
    display:none; 
}

.form-login .wrapper {
    width:100%;
    margin-top:17px;
    padding-top:10px;
    display:block;
    float:left; }

.form-login .wrapper label {
    display:block; 
    float:left;
    width:60px;
    margin-left:30px;
     
    height:29px;
    font-size:16px; }

.form-login .wrapper input { 
    height:29px;
    padding-left:10px;
    width:240px;
    margin:0 0 10px;
    display:block;
    border:1px solid #53a66e; }

.form-login .actions {
    float:left;
    margin-top:40px;
    width:100%;
    border-top: 3px solid #53a66e;
}
.form-login #forget-pass {
    position: absolute;
    bottom: 80px;
    right: 40px;
    font-size: 12px;
}
.form-login #show-register {
    width:230px;
    background:#53a66e;
    border:none;
    color:#fff;
    font-size:18px;
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    float:left;
    height:49px;
    line-height:49px;
    text-align:center;
    border:none;
}
.form-login .actions span, .form-login .actions input {
    border:none;
    width:140px;
    background:#beeb9f;
    float:left;
    font-size:18px;
    display:block;
    height:49px;
    line-height:49px;
    text-align:center;
}

/*РЕГИСТРАЦИЯ*/
.form-register {
    display:none; 
}

.form-register .wrapper {
    width:100%;
    margin-top:17px;
    padding-top:10px;
    display:block;
    float:left; }

.form-register .wrapper label {
    display:block; 
    float:left;
    width:60px;
    margin-left:30px;
     
    height:29px;
    font-size:16px; }

.form-register .wrapper input { 
    height:29px;
    padding-left:10px;
    width:240px;
    margin:0 0 10px;
    display:block;
    border:1px solid #53a66e; }

.form-register .actions {
    float:left;
    margin-top:40px;
    width:100%;
    border-top: 3px solid #53a66e;
}
.form-register #forget-pass {
    position: absolute;
    bottom: 80px;
    right: 40px;
    font-size: 12px;
}
.form-register .actions button {
    width:230px;
    background:#53a66e;
    border:none;
    color:#fff;
    font-size:18px;
    display:block;
    float:left;
    height:49px;
    line-height:49px;
    text-align:center;
    border:none;
}
.form-register .actions span, .form-register .actions input {
    border:none;
    width:140px;
    background:#beeb9f;
    float:left;
    font-size:18px;
    display:block;
    height:49px;
    line-height:49px;
    text-align:center;
}


/*Обратная свзяь*/
.form-write-us {
    display:none;
}

.form-write-us .wrapper {
    width:100%;
    margin-top:17px;
    padding-top:10px;
    display:block;
    float:left; }

.form-write-us .wrapper label {
    display:block; 
    float:left;
    width:130px;
    margin-left:30px;
    line-height:29px;
    height:29px;
    font-size:14px; }

.form-write-us .wrapper input {
    height:29px;
    padding-left:10px;
    width:170px;
    margin:0 0 10px;
    display:block;
    border:1px solid #53a66e; }

.form-write-us .wrapper textarea {
    padding: 0 10px;
    width:170px;
    display:block;
    resize:none;
    height:75px;
    border:1px solid #53a66e; }

.form-write-us .actions {
    float:left;
    margin-top:20px;
    width:100%;
    border-top: 3px solid #53a66e;
}

.form-write-us .actions input[type=submit] {
    width:100%;
    background:#53a66e;
    border:none;
    color:#fff;
    font-size:18px;
    display:block;
    float:left;
    height:49px;
    line-height:49px;
    text-align:center;
    margin:0;
    border:none;
}



#slider {
    position:relative;
}
.flex-viewport {
    position:relative;
    height:340px;
}
.flex-direction-nav {
    display:none;
}

.flex-control-paging {
    position:absolute;
    bottom:-24px;
    left:0;
    height:20px;
    background:url(../pics/slider-carousel.png) no-repeat top center;
}
.flex-control-nav, .flex-control-paging ul, .flex-control-paging ol {
    list-style:none;
    width:100%;
    text-align:center;
    margin:0;
    padding:0;
}
.flex-control-paging ol {
    list-style-type: none;
}
.flex-control-nav li {
    display: inline-block;
    width: 14px;
    height: 13px;
    margin: 3px 5px 0;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.flex-control-nav li a {
    color:#53a66e;
    width: 14px;
    display:block;
    height: 13px;
    line-height:20px;
    background: url(../pics/slider.png) no-repeat center center;
}
.flex-control-nav li a.flex-active {
    color:#ff912d;
    width: 14px;
    height: 13px;
    line-height:20px;
    background: url(../pics/slider-active.png) no-repeat center center;
}

.slides li {
    position:relative;
}


#slider-main{ position:relative; }

#slider-menu {
    position:absolute;
    top:25px;
    left:0;
    background:url(../pics/sl/sl-full.png);
    width:248px;
    height:154px;
}
#slider-menu a {
    color:#fff;
    font-size:18px;
    line-height:22px;
    display:block;
    padding-left:74px;
    padding-right:34px;
}
#slider-menu a#gor {
    margin-top:9px;
}
#slider-menu a#buk {
    margin-top:3px;
}
#slider-menu a#kor {
    margin-top:5px;
}



/*CART STEP 3*/
.left-part {
    float:left;
}
.right-part {
    float:left;
    width:360px;
}
#content #left #form-my-ad {
  width: 445px; }
  #content #left #form-my-ad label, 
  #content #left #form-my-ad input {
    float: left;
    font-size: 14px;
    line-height: 27px; }
  #content #left #form-my-ad label {
    width: 115px;
    margin-bottom: 10px; }
  #content #left #form-my-ad input {
    padding: 5px 10px;
    border: 1px solid #53a66e;
    height: 27px;
    width: 240px;
    margin-bottom: 10px; }
  #content #left #form-my-ad input.warning {
    border: 1px solid red;
  }
  #content #left #form-my-ad input[type=submit] {
    font-family: "lobster";
    border: none;
    background: #53a66e;
    font-size: 16px;
    color: #fff;
    height: 38px;
    width: 197px;
    margin-bottom: 19px; }
  #content #left #form-my-ad textarea {
    padding: 5px 10px;
    border: 1px solid #53a66e;
    height: 96px;
    width: 240px;
    margin-bottom: 4px;
    resize: none; }
  #content #left .wrapper-step-3 .flag {
    background: url(../pics/check-off.png) no-repeat 0px 0px;
    float: left;
    height: 16px;
    margin-top: 10px;
    padding-left: 25px;
    font-size: 14px;
    margin-right: 57px;
    cursor: pointer; }
   #content #left .wrapper-step-3 .flag.active {
     background: url(../pics/check-on.png) no-repeat 0px 0px;
   }
/*CART STEP 3 - RECIPENT*/
#content #left #form-recipent-ad {
  margin-right:65px;
  width: 400px; }
  #content #left #form-recipent-ad label, 
  #content #left #form-recipent-ad input {
    float: left;
    font-size: 14px;
    line-height: 27px; }
  #content #left #form-recipent-ad label {
    width: 100px;
    margin-bottom: 10px; }
  #content #left #form-recipent-ad input.warning {
      border: 1px solid red; }
  #content #left #form-recipent-ad input {
    padding: 5px 10px;
    border: 1px solid #53a66e;
    height: 27px;
    width: 290px;
    margin-bottom: 10px; }
  #content #left #form-recipent-ad input[type=submit] {
    font-family: "lobster";
    border: none;
    background: #53a66e;
    font-size: 16px;
    color: #fff;
    height: 38px;
    width: 197px;
    margin-bottom: 19px; }
  #content #left #form-recipent-ad textarea {
    padding: 5px 10px;
    border: 1px solid #53a66e;
    height: 96px;
    width: 240px;
    margin-bottom: 4px;
    resize: none; }

  #content #left #form-recipent-details { width:400px; }
  #content #left #form-recipent-details p { width:400px; }
  #content #left #form-recipent-details input {
      height:27px;
      border:1px solid #53a66e; }
  #content #left #form-recipent-details input.warning {
      border: 1px solid red; }
  #content #left #form-recipent-details input:disabled {
      background:#fff;
  }
  #content #left #form-recipent-details input[type=radio] {
      display:none;
  }
  #content #left #form-recipent-details label {
      font-size:14px;
      color:#555;
      float:left;
      display:block;
  }
  #content #left #form-recipent-details label.address {
      width:145px; }
  #content #left #form-recipent-details input.address.warning {
      border: 1px solid red; }
  #content #left #form-recipent-details input.address,
  #content #left #form-recipent-details textarea.address {
      padding: 5px 10px;
      height: 27px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin-bottom:10px;
      border:1px solid #53a66e;
      resize:none;
      width:240px;
  }
  #content #left #form-recipent-details textarea.address.warning {
      border: 1px solid red; }
  #content #left #form-recipent-details textarea.address {
      height:55px;
  }
  #content #left #form-recipent-details label.full-width {
      width:100%;
  }
  #content #left #form-recipent-details label.radio {
      padding-left:50px;
      cursor:pointer;
      background:url(../pics/radio-off.png) no-repeat 35px 3px;
      background-size:10px 10px;
      margin-top:5px;
  }
  #content #left #form-recipent-details label[for=exact] {
      margin-top:9px;
  }
  #content #left #form-recipent-details label.radio.active {
      background:url(../pics/radio-on.png) no-repeat 35px 3px;
      background-size: 10px 10px;
  }
  #content #left #form-recipent-details .dropdown {
      margin-left: 10px;
  }
  #content #left #form-recipent-details .call-before {
    background: url(../pics/check-off.png) no-repeat 0px 0px;
    float: left;
    height: 16px;
    margin-top: 10px;
    padding-left: 25px;
    font-size: 14px;
    margin-right: 57px;
    cursor: pointer; }
   #content #left #form-recipent-details .call-before.active {
     background: url(../pics/check-on.png) no-repeat 0px 0px;
   }
   
   
   
  #content #left .right-part .add-gift-card {
    background: url(../pics/check-off.png) no-repeat 0px 0px;
    float: left;
    width:100%;
    height: 16px;
    margin-top: 10px;
    padding-left: 25px;
    font-size: 14px;
    margin-right: 57px;
    cursor: pointer; }
   #content #left .right-part .add-gift-card.active {
     background: url(../pics/check-on.png) no-repeat 0px 0px;
   }
   #content #left .right-part .gift-card {
       margin-top:8px;
   }
   #content #left .right-part label#gift {
      font-size:14px;
      color:#555;
      float:left;
      display:block;
      height: 27px;
      line-height: 27px;
      margin-top: 8px;
   }
   #content #left .right-part label.simple {
      font-size:14px;
      width:100px;
      color:#555;
      float:left;
      display:block;
      height: 27px;
      line-height: 27px;
      margin-top: 10px;
   }
  
    #content #left .right-part input,
    #content #left .right-part textarea {
      padding: 5px 10px;
      height: 27px;
      margin-top: 10px;
      line-height: 27px;
      float:left;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin-bottom:10px;
      border:1px solid #53a66e;
      width:240px;
    }
    #content #left .right-part textarea {
      min-height:55px;
      max-height:300px;
      resize:none;
      resize:vertical;
      line-height:16px;
    }

    #content #left .wrapper-step-4 .fl {
        float:left; }
    #content #left .wrapper-step-4 {
      width: 100%;
      color: #555;
      margin-top: 6px;
      float: left; }
      #content #left .wrapper-step-4 h5 {
          font-size:18px;
          font-weight:normal;
          line-height:36px; }
      #content #left .wrapper-step-4 h5.mt {
          margin-top:30px; }
      #content #left .wrapper-step-4 p {
        line-height:36px;
        /*line-height: 21px;*/ }
        #content #left .wrapper-step-4 p span {
          display: block;
          float: left;
          width: 140px; }
          #content #left .wrapper-step-4 p span.user-info {
            width: 295px;
            font-family: m_b;
            color: #53a66e; }
          #content #left .wrapper-step-4 p span.user-info.gift-text {
              line-height:21px;
              margin-top:7px;
          }
        #content #left .wrapper-step-4 p:after {
          content: "";
          display: table;
          clear: both; }


  #content #left .wrapper-step-5 table {
  }
  #content #left .wrapper-step-5 td {
    background: url(../pics/check-off.png) no-repeat 0px 20px;
    padding: 10px 0;
    width:100%;
    padding-left: 25px;
    font-size: 14px;
    vertical-align:middle;
    cursor: pointer; }
   #content #left .wrapper-step-5 td.active {
     background: url(../pics/check-on.png) no-repeat 0px 20px; }
  #content #left .wrapper-step-5 td div { display:none; }
  #content #left .pay-desc-text div { display:none; }
   #content #left .wrapper-step-5 td img {
       vertical-align:middle;
       margin-right:15px; }

.pagination {
    background:#53a66e;
    height:21px;
    overflow:hidden;
}
.pagination ul {
    height:21px;
    text-align:center;
}
.pagination ul li {
    line-height:21px;
    width: 20px;
    display:inline-block;
}
.pagination ul li.control.next{
    position:relative;
    left:35px;
}
.pagination ul li.control.prev{
    position:relative;
    right:35px;
}
.pagination ul li.control a img {
    position:relative;
    top:3px;
}
.pagination ul li:hover {
    background:#beeb9f;
    color:#757575;
}
.pagination ul li a {
    font-family:lobster;
    color:#fff;
}
.pagination ul li a.active {
    color: #444;
    text-decoration: underline;
}


#full-order-text-button{}
#full-order-text {
    display:none;
    margin-bottom: 20px;
    position:absolute;
    margin-left:-350px;
    left:50%;
    top:20px;
    width:700px;
    min-height:200px;
    background:#fff;
    padding:20px;
    border:1px solid #53a66e;
}
#full-order-text p {
    border-bottom: 1px solid;
}
#full-order-text p:after {
    content: "";
    display:table;
    clear:both;
}
#full-order-text span {
    min-width:240px;
    height:18px;
    line-height:18px;
    float:left;
}
#full-order-text .span-header {
    font-weight:bold;
    height:18px;
    line-height:18px;
    display:block;
}

























/*GOOGLE*/
#___gcse_0 {
width: 271px;
position: absolute;
right: 0px;
top: 0px;
height: 26px;
overflow: hidden;
}

header #right #sitemap {
 float: left;
 margin-left: 145px;
 -moz-margin-left: 265px;
}

@-moz-document url-prefix() {
    header #right #sitemap {
     margin-left: 265px;
    }
}

.gsc-control-cse.gsc-control-cse-ru {
  display: inline !important;
}

.gsc-search-button {
  display: none !important;
}

.gsc-control-cse {
  border: none !important;
  background: none !important;
}

.gsib_a {
  padding: 0 !important; 
}

.gsib_b {
  display: none;
}

#gs_tti50 {
 height: 10px !important;
}

#gsc-i-id1 {
  width: 270px !important;
  height: 26px !important;
  border: none !important;
  border-top: 2px solid #53a66e !important;
  border-left: 2px solid #53a66e !important;
  border-right: 2px solid #53a66e !important;
  padding: 0px !important;
  padding-left: 40px !important;
  background: none !important;
  background: url(../pics/search.png) no-repeat 5px 1px white !important;
}

.gsc-search-box {
  display: inline !important;
}
.gcsc-branding, .gsc-orderby-container, #adBlock, .gsc-adBlock, .text-container .gsc-search-box.gsc-search-box-tools {
  display: none !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0 !important;
}
 


input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
  border: none;
}



.tocity {
  position: absolute;
   display: none; 
  width: 200px;
  height: 300px;
  overflow-y: scroll;
     background-size: contain;
    box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
    -webkit-box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
    -moz-box-shadow:  0px 5px 10px 7px rgba(0,0,0,0.1);
  left: 175px;
  z-index: 997;
  visibility: hidden;

}
.tocity.vis {
  visibility: visible;
}
.tocity > li {
    position:relative;
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  cursor:pointer; 
}
.tocity > li.active {
    background: #beeb9f; 
}
.tocity > li.active:after {
    content: "";
    width: 22px;
    height: 49px;
    background: url(../pics/arr-active.png) no-repeat;
    display: block;
    position: absolute;
    z-index: 1000000;
    left: 100%;
    top: -8px;
}
.open .tocity {
  display: block;
}
.text-center {
  text-align: center;
}


.pager {
    font-size: 12px;
    font-style: italic;
    margin: 10px 0;
}
.pager ul {
    font-size: 12px;
    display: inline;
    margin-left: 5px;
}
.pager li {
    display: inline-block;
}
.pager li a {
    font-size: 16px;
    font-style: normal;
    padding: 0 5px;
    background: #bbb;
    margin: 0 2px;
    color: #fff;
}
.pager li a:hover {
    opacity: 0.7;
}
.pager li.active a {
    background: #ddd;
    color: #999;
}
.main_all_bouquet_wrapper {
    display: table;
    margin: 0px auto;
    padding-right: 31px;
    padding-top: 10px;
}
.main_all_bouquet {
    display: table;
    width: 423px;
    height: 60px;
    padding-top: 10px;
    background: #ececec;
    color: #47524c;
    margin: 0px auto;
    text-align: center;
    font-size: 27px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
    position: relative;
}
.main_all_bouquet:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    background: url(../pics/fb-bouquet-arrow.png) no-repeat center center;
    width: 10px;
    height: 16px;
    top: 22px;
    right: 40px;
}
/* === Home hero banner === */
.home-hero{
  position:relative;
  width:870px;        /* под ширину левой колонки */
  min-height:120px;
  margin:10px 0 12px;
  overflow:hidden;
  border:1px solid #53a66e;
  background:#f5f5f5;
}
.home-hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.25;        /* картинка как подложка под текст */
}
.hero-box{
  position:relative;  /* поверх фонового изображения */
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
}
.hero-title{
  margin:0;
  font-family:"lobster";
  font-size:24px;
  line-height:1.1;
  color:#53a66e;
}
.hero-text{
  font-size:14px;
  line-height:20px;
  color:#333;
  flex:1 1 auto;
}
.hero-btn{
  display:inline-block;
  height:29px;
  line-height:29px;
  padding:0 14px;
  background:#53a66e;
  color:#fff;
  text-decoration:none;
  border-radius:2px;
  white-space:nowrap;
}
.hero-btn:hover{ opacity:.9; }

/* --- BANNER: визуал 1-в-1 как на старом сайте --- */
#slider .slides li { position: relative; }





/* На узких экранах капшен аккуратно сжимается */
@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

/* --- Bouquet prices layout --- */
.bouquet-size p{
  display:flex;               /* одна строка = одна «табличка» */
  align-items:center;
  gap:12px;
  margin:6px 0;
}
.bouquet-size p .title{
  flex:1 1 auto;              /* заголовок тянется, чтобы цены стояли столбцами */
  min-width:220px;            /* подстраховка от переноса длинных заголовков */
}
.bouquet-size p .price,
.bouquet-size p .price-hol{
  flex:0 0 110px;             /* фиксированная ширина колонки с ценой */
  text-align:right;
  white-space:nowrap;
}
.bouquet-size p .sostav-title{
  margin-left:8px;
  white-space:nowrap;         /* слово «Состав» не прыгает */
}
.bouquet-size p .sostav-title > span{
  display:none;               /* внутри — всплывающий/скрытый состав, если используешь */
}

/* при узком экране можно ужать колонки */
@media (max-width: 980px){
  .bouquet-size p .title{ min-width:170px; }
  .bouquet-size p .price,
  .bouquet-size p .price-hol{ flex-basis:92px; }
}

/* ===== AF bouquet layout fixes ===== */

/* строка "Состав:" над таблицей */
.af-comp-inline{
  font-size:18px; line-height:1.35; margin:6px 0 14px; color:#2d6427;
}

/* таблица размеров */
.af-price-table{ margin:16px 0 0; width:100%; max-width:640px }
.af-price-table .af-row{
  display:grid; grid-template-columns: 1fr 160px 120px; 
  align-items:center; gap:0; border:0; 
}

/* левая колонка (чекбокс + название) */
.af-title-wrap{ display:flex; align-items:center; gap:12px; padding:14px 16px; background:#cfeeba }
.af-row:nth-child(even) .af-title-wrap{ background:#e9f8dc }        /* зебра */
.af-row.active .af-title-wrap{ background:#c7ecac; font-weight:600 } /* активная */

/* чекбокс */
.af-title-wrap .af-check{ width:18px; height:18px; border:2px solid #3a7a2e; border-radius:3px; background:#fff; position:relative }
.af-row.active .af-title-wrap .af-check::after{
  content:""; position:absolute; left:3px; top:1px; width:8px; height:12px; 
  border-right:3px solid #3a7a2e; border-bottom:3px solid #3a7a2e; transform:rotate(45deg);
}

/* цена */
.af-price{ padding:14px 18px; background:#fdc38d; text-align:right; font-weight:700; color:#2d2d2d }
.af-price b{ font-weight:700 }
.af-price small{ margin-left:6px; font-size:88%; opacity:.9 }       /* валюта */

/* ссылка "Состав" справа */
.af-comp{ padding:14px 18px; background:#cfeeba; text-align:center }
.af-row:nth-child(even) .af-comp{ background:#e9f8dc }
.af-row.active .af-comp{ background:#c7ecac }
.af-comp a{ color:#2d6427; text-decoration:underline }
.af-comp a:hover{ text-decoration:none }

/* уберём случайные «висячие» цены, если где-то выведены вне блока */
.af-floating-price{ display:none !important }

/* ширины колонок в блоке размеров */
.bouquet-size p .title{
  display:inline-block;
  min-width: 340px;      /* чтобы длинный текст не ломал строку */
  white-space: nowrap;
  vertical-align: middle;
}
.bouquet-size p .price{
  display:inline-block;
  width: 140px;
  text-align: center;
  vertical-align: middle;
}
.bouquet-size p .sostav-title{
  display:inline-block;
  width: 110px;
  text-align: left;
  vertical-align: middle;
}

/* косметика для ссылки «Состав» */
.af-comp-link{ text-decoration:underline; cursor:help; }

/* компактнее ряды цен и не переносим "Стандартный (букет на фото)" */
.af-size .row {display:flex; align-items:center; gap:14px; padding:10px 14px;}
.af-size .b-size {white-space:nowrap;}
.af-size .price {min-width:120px; text-align:right; padding:4px 10px; background:#ffc69c33; border-radius:2px;}
.af-size .sostav-title a.af-comp-link {text-decoration:underline; cursor:help;}

/* строка "Состав:" сверху */
.af-composition-top {margin:8px 0 16px; line-height:1.45;}

/* Заголовок раздела */
.af-size-title {
  font: 18px/1.2 "PT Sans", Arial, sans-serif;
  color: #2f7d3d;
  margin: 18px 0 10px;
}

/* Строка размера (зелёная полоса) */
.af-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 12px;
  margin: 6px 0;
  background: #dff3da;          /* светло-зелёный */
  border-radius: 3px;
}

/* Чередование фона как на старом сайте */
.af-row--odd  { background: #e8f8e3; }
.af-row--even { background: #dff3da; }

/* Активная (стандартный на фото) — чуть ярче */
.af-row--active { outline: 2px solid #a7d9a1; }

/* Левая часть (название) выравниваем влево */
.af-row__title {
  flex: 1 1 auto;
  font-size: 16px;
  color: #2a2a2a;
}

/* Средняя колонка с ценой (оранжевая таблетка) */
.af-row__price {
  flex: 0 0 auto;
  min-width: 120px;
  text-align: center;
  background: #fdc391;         /* старый оранжевый */
  padding: 6px 10px;
  border-radius: 2px;
  font-weight: 600;
  color: #333;
}

/* Правая колонка — ссылка «Состав» в своей зелёной капсуле */
.af-row__sostav a {
  display: inline-block;
  background: #cdeec7;
  padding: 6px 10px;
  border-radius: 2px;
  color: #1f6a2a;
  text-decoration: none;
}
.af-row__sostav a:hover {
  background: #bde7b5;
}

/* === Кросс-браузер фиксы зелёных строк === */
.bouquet-size, .bouquet-size * { box-sizing: border-box; }

.bouquet-size .row{
  display: flex;               /* одинаково в Firefox/Chrome/Opera */
  align-items: center;          /* вертикальное выравнивание */
  gap: 12px;                    /* промежутки между колонками */
  padding: 10px 12px;
  border-bottom: 1px solid #cfe6cf;
  min-height: 48px;             /* одинаковая высота строки */
  line-height: 1.25;            /* стабильная межстрочка */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bouquet-size .row.odd  { background:#e3f3e3; }
.bouquet-size .row.even { background:#d6edcf; }

/* Колонки: [галочка+заголовок] [цена] [ссылка "Состав"] */
.bouquet-size .row .title.b-size{
  flex: 1 1 auto;               /* занимает всё свободное */
  font-weight: 600;
  color:#2e7d32;
  display: inline-flex;         /* чтобы галочка и текст были на одной оси */
  align-items: center;
  gap: 8px;
}
.bouquet-size .row .price{
  flex: 0 0 150px;              /* одинаковая ширина цены во всех браузерах */
  text-align: right;
  font-weight: 700;
  background:#ffe0c9;           /* персиковый фон как на старом */
  padding: 6px 10px;
  border-radius: 3px;
}
.bouquet-size .row .sostav-title{
  flex: 0 0 90px;               /* фикс ширина колонки "Состав" */
  text-align: center;
}
.bouquet-size .sostav-title a{
  color:#2e7d32; text-decoration: underline;
}

/* Галочка слева от активного варианта — единая во всех движках */
.bouquet-size .title.b-size.active::before{
  content: "✓";
  display: inline-block;
  width: 18px; height: 18px;
  line-height: 18px;
  text-align: center;
  border: 2px solid #7cc67c;
  border-radius: 3px;
  color:#2e7d32;
  font-weight: 700;
}

/* Мелкие правки, чтобы не «плясало» при переносах текста */
.bouquet-size .row .title.b-size,
.bouquet-size .row .price,
.bouquet-size .row .sostav-title{
  min-height: 28px;
}

/* На очень узких экранах переносим цену вниз, но ровно */
@media (max-width: 980px){
  .bouquet-size .row{ flex-wrap: wrap; }
  .bouquet-size .row .price{ order: 2; margin-left: auto; }
  .bouquet-size .row .sostav-title{ order: 3; margin-left: auto; }
}

/* Блок выбора размера в стиле «радио + крупная цена + подпись + состав» */
.af-sizes{ display:flex; flex-direction:column; gap:14px; margin:18px 0 22px; }
.af-size-option{ display:flex; align-items:flex-start; gap:12px; padding:12px 14px;
  border:1px solid #e2e2e2; border-radius:8px; background:#fff; cursor:pointer;
  transition: border-color .2s, box-shadow .2s, background .2s; }
.af-size-option:hover{ border-color:#89c989; background:#f7fff7; }
.af-size-option.is-checked{ border-color:#69b769; box-shadow:0 0 0 2px rgba(105,183,105,.15) inset; }

.af-size-option input[type=radio]{
  accent-color:#3b993b; width:20px; height:20px; margin:6px 0 0 0; flex:0 0 auto;
}
.af-size-content{ flex:1 1 auto; min-width:0; }
.af-price{
  font-size:28px; font-weight:800; line-height:1; color:#222;
  display:flex; align-items:center; justify-content:flex-start;
  white-space:nowrap; font-variant-numeric:tabular-nums;
}
.af-size-title{ font-size:14px; color:#666; margin-top:6px; }
.af-size-title .af-onphoto{ color:#3b993b; font-weight:600; }
.af-size-comp{ font-size:13px; color:#444; margin-top:8px; line-height:1.35; }

/* чтобы всё ровно выглядело в Safari/Opera */
.af-price, .af-size-title, .af-size-comp{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

/* Жёстко прячем скрытые курсы */
.af-hidden-rates {
  display: none !important;
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px,1px,1px,1px);
}

/* === Блок выбора размера — финальная стилизация === */

/* сам контейнер: держим ширину, чтобы не заезжать в правую колонку */
.af-sizes{
  display:flex; flex-direction:column; gap:16px;
  margin:22px 0 24px;
  max-width: 560px;              /* подгони при необходимости */
}

/* карточка варианта */
.af-size-option{
  display:grid;
  grid-template-columns: 24px 1fr auto; /* radio | контент | цена */
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid #e5e8eb;
  border-radius:10px;
  background:#fff;
  transition: border-color .2s, box-shadow .2s, background .2s;
}

/* hover/active */
.af-size-option:hover{
  border-color:#a7d5a7; background:#f8fff8;
}
.af-size-option.is-checked{
  border-color:#66b566;
  box-shadow:0 0 0 3px rgba(102,181,102,.15) inset;
  background:#f3fff3;
}

/* радиокнопка */
.af-size-option input[type="radio"]{
  appearance:auto;               /* нативная круглая */
  accent-color:#3b993b;
  width:20px; height:20px;
  margin:0;
}

/* контент слева от цены: название и «на фото», состав ниже */
.af-size-content{
  min-width:0;                   /* чтобы корректно переносилось */
}
.af-size-title{
  font-size:15px; color:#2c2c2c;
  line-height:1.25; font-weight:600;
}
.af-size-title .af-onphoto{
  color:#2e8b57; font-weight:700; margin-left:6px;
  padding:2px 6px; border:1px solid #bfe1bf; border-radius:999px; background:#f2fff2;
}

/* состав появляется только у выбранного варианта — он уже hidden/visible из JS */
.af-size-comp{
  font-size:13px; color:#515151; line-height:1.4;
  margin-top:6px;
}

/* цена справа — крупно и в плашке */
.af-price{
  display:flex; align-items:center; justify-content:center;
  min-width: 160px;              /* фикс, чтобы колонки не прыгали */
  height: 40px;
  padding: 0 14px;
  background:#ffe0c9;
  border-radius:6px;
  font-size:26px; font-weight:800; line-height:1;
  color:#1a1a1a;
  white-space:nowrap;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.af-size-option.is-checked .af-price{
  background:#ffd6b7;            /* чуть ярче у выбранного */
  box-shadow: 0 0 0 1px rgba(0,0,0,.04) inset;
}

/* на узких экранах кладём цену вниз */
@media (max-width: 980px){
  .af-size-option{
    grid-template-columns: 24px 1fr;    /* radio | контент */
  }
  .af-price{ grid-column: 2 / span 1; margin-top:8px; margin-left:auto; }
}

/* универсальный «глушитель» на случай, если курсы валют где-то появились в DOM */
#rub_cur,#usd_cur,#eu_cur,#kzt_cur{
  display:none !important; position:absolute !important; left:-99999px !important;
  width:1px !important; height:1px !important; overflow:hidden !important;
  clip:rect(1px,1px,1px,1px);
}

/* === Баннер: финальный стиль === */ 2

/* контейнеры */
#slider .slides, 
#slider .slides li,
#slider .slide { position: relative; }
#slider .slides img { display:block; width:100%; height:auto; }

/* общий фон подписи */

/* заголовок */

/* основной текст ([[+text]]) */

/* на планшетах: фиксируем блок */
@media (max-width:980px){
}

/* на телефонах: текст ещё крупнее */
@media (max-width:480px){
}

@media (max-width:480px){

  /* заголовок */

  /* основной текст */
}

/* Мобильная правка: больше внутренний отступ снизу у розовой рамки */
@media (max-width:480px){

  /* заголовок */

  /* основной текст */
}

.city-selector-wrapper {
  margin: 20px 0;
  text-align: left;
  font-size: 16px;
  background: #f9f9f9;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #e2e2e2;
}

.choose-label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

.city-selector-wrapper ul,
.city-selector-wrapper li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.city-selector-wrapper a {
  display: inline-block;
  padding: 5px 10px;
  margin: 3px;
  background: #f0f0f0;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.2s;
}

.city-selector-wrapper a:hover {
  background-color: #d9f0e0;
}

.delivery-info-block {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.shipping-info-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin: 10px 0 30px;
}

/* Время */
.time-block {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
}
.time-block img {
  margin-right: 8px;
}

/* Валюта + фильтр */
.currency-and-price {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}

/* Выпадающий список валют */
.currency-selector {
  padding: 6px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: 'Open Sans', sans-serif;
}

/* Радиокнопки фильтра цены */
.price-filter label {
  display: block;
  background: #f4f4f4;
  border-radius: 6px;
  padding: 10px 15px;
  margin-bottom: 6px;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.price-filter input[type="radio"] {
  display: none;
}
.price-filter input[type="radio"]:checked + label {
  background-color: #00704a;
  color: white;
}

/* Кнопка выбора города */
.city-button {
  background-color: #2a9937;
  color: white;
  font-size: 18px;
  padding: 10px 22px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-family: 'Open Sans', sans-serif;
}
.city-button:hover {
  background-color: #00704a;
}

#header-controls {
  display: inline-block;
  vertical-align: middle;
  height: 40px; /* фиксированная высота вместо баннера */
}

.topbar-wrap {
  display: flex;
  align-items: center;
  gap: 18px;
  font-weight: 400;
  white-space: nowrap;
}

.topbar-cc .btn-city {
  padding: 6px 10px;
  border: 0;
  border-radius: 4px;
  background: #00704a;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}

.topbar-cc select {
  padding: 5px 8px;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  background: #fff;
}

.topbar-phone {
  font-weight: 700;
}

.vsep {
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #cfe3c1;
}

/* --- Стили для розовой плашки на баннере --- */

/* Ссылки внутри плашки */


/* Заголовок */

/* Логотип внутри плашки */

/* --- Стили розовой плашки баннера --- */




/* --- Адаптация под мобильные --- */
@media (max-width: 768px) {
}

.flex-viewport .flex-caption {
    position:absolute;
    left:0;
    bottom:52px;
    height:110px;
    width:590px;
    background: url(../pics/logo.png) no-repeat 20px 15px rgba(249,107,117,0.8);
    padding-left:260px;
}
.flex-viewport .flex-caption a {
    color:#fff;
    font-size:14px;
    line-height:24px;
}
.flex-viewport .flex-caption h2 {
    margin:5px 0;
    line-height:20px;
}
.flex-viewport .flex-caption h2 a { 
    font-family:"lobster";
    font-size:20px;
}

/* === Shipping block (заголовок и центрирование) === */
.shipping {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}

.shipping h1.city {
  display: inline-block;
  font-size: 32px;
  font-weight: 600;
  color: #333;
  margin: 0;
  line-height: 1.3;
}

.shipping h1.city span {
  color: #00704a;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .shipping h1.city { font-size: 28px; }
}
@media (max-width: 768px) {
  .shipping h1.city { font-size: 24px; line-height: 1.2; }
}
@media (max-width: 480px) {
  .shipping h1.city { font-size: 20px; }
}

/* === Корректное выравнивание строки "Доставка Алматы" на мобиле и десктопе === */
/* Переводим строку в flex и гасим все inline float'ы у дочерних блоков */
#content #left .cart-step-3 .item.time{
  display:flex !important;
  align-items:center;
  flex-wrap:nowrap;
  gap:0px;
  height:auto !important;
}

/* 1) Левая иконка */
#content #left .cart-step-3 .item.time > .image{
  float:none !important;
  width:70px !important;
  height:70px !important;
  flex:0 0 70px;
}

/* 2) Средний блок с текстом (у тебя без класса — второй div) */
#content #left .cart-step-3 .item.time > div:nth-of-type(2){
  float:none !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  height:auto !important;
  min-width:0; /* чтобы правая колонка не выдавливалась */
}

/* 3) Правая колонка с ценой */
#content #left .cart-step-3 .item.time > .price{
  float:none !important;
  display:flex !important;
  align-items:center !important;
  flex:0.4 0 auto !important;
  margin-left:auto !important;      /* прижимаем к правому краю, НО внутри экрана */
  height:auto !important;
  padding:0 !important;             /* убираем старый padding-top */
  text-align:right;
}

/* Снимаем старое правило display:block у суммы и запрещаем перенос */
#content #left .cart-step-3 .item.time .price .sum{
  display:inline-block !important;
  white-space:nowrap;
}

/* Не даём clearfix-ам ломать флекс-ряд */
#content #left .cart-step-3 .item.time .clear{
  display:none !important;
}

/* Мобильная подстройка: ничего не уезжает, текст не давит сумму */
@media (max-width: 768px){
  #content #left .cart-step-3 .item.time{ gap:10px; }
  #content #left .cart-step-3 .item.time > .image{
    width:60px !important; height:60px !important; flex-basis:60px;
  }
  #content #left .cart-step-3 .item.time > div:nth-of-type(2){
    /* можно чуть уменьшить шрифт, если нужно */
  }
  #content #left .cart-step-3 .item.time > .price{
    font-size:16px;
    max-width:40vw;                 /* страховка от длинных сумм */
  }
  #content #left .cart-step-3 .item.time > .price .sum{
    max-width:100%;
    overflow:hidden; text-overflow:ellipsis;
  }
}

@media (max-width: 768px) {
  #content #left .cart-step-1 .item.time {
    display: flex;
    align-items: center;          /* Центровка по вертикали */
    justify-content: space-between; /* Распределяем между краями */
    flex-wrap: nowrap;            /* Запрещаем перенос */
    gap: 0px;                    /* Небольшой отступ между блоками */
  }

  #content #left .cart-step-1 .item.time .image {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
  }

  #content #left .cart-step-1 .item.time .title {
    flex: 1 1 auto;
    font-size: 16px;
    margin: 0;
    padding-left: 5px;
    white-space: normal;
  }

  #content #left .cart-step-1 .item.time .price {
    flex: 0 0 auto;
    font-size: 16px;
    margin: 0;
    padding: 0 8px 0 0;
    text-align: right;
  }

  #content #left .cart-step-1 .item.time .price .sum {
    white-space: nowrap; /* Чтобы "2000 KZT" не переносилось */
  }
}

@media (max-width: 768px) {
  #content #left .cart-step-1 .item.time .price {
    transform: translateX(-170px); /* сдвигаем влево */
  }
}

/* === FIX: выравнивание блока описания под календарем === */
#content #left .text-container .item-data .garant {
  float: none !important;   /* жёстко отменяем старое */
  clear: both !important;   /* переносим под календарь */
  width: 100% !important;
  display: block !important;
  margin-top: 20px !important;
}

#content #left .text-container .item-data .garant .product-text {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  word-wrap: break-word;
}