@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900');
html {
    margin:0px;
    padding:0px;
   
}
#CatName{
    text-align: center;
}
body {
    margin:0px;
    padding:0px;
    background:#fff;
   font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    color:#000;
    font-size:14px;
    overflow-x:hidden;
}
.cri{
    margin: -11px 22px 12px 37px!important;
}
h2{
    text-align: center;
}
header:before {
    content:"";
        position:absolute;
top:0vh;
    left:0px;
    width:100%;
    height:110%;
    background:url(../img/page_bg.jpg) no-repeat 0 0;
    background-size:cover;
    z-index:-1;
}

.wrapper {
    max-width:1140px;
    margin:0px auto;
    padding:0px 20px;
}
.container {
    background:#fff;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
    min-height:650px;
    -webkit-box-shadow: 0px 5px 33px 0px rgba(38,69,83,0.08);
-moz-box-shadow: 0px 5px 33px 0px rgba(38,69,83,0.08);
box-shadow: 0px 5px 33px 0px rgba(38,69,83,0.08);
    overflow:hidden;
}
/* overflow:hidden; */

.header {
  padding:30px 0;
    overflow:hidden;
   
}
.header_nav {
padding:11px 0 0 0;

}
.logotype {
margin:45px 0 0 0;
    max-width:371px;
    overflow:hidden;
}
.logotype a {
    display:block;
    background:url(../img/logo_pivo.png) no-repeat;
   width:371px;
    height:132px;
}

.logo-f {
margin:-19px 0 50px 0;
    max-width:371px;
    overflow:hidden;
    position:relative;
}
.logo-f a {
   display:block;
    background:url(../img/logo_pivo.png) no-repeat;
   width:371px;
    height:132px;
}

.header_nav li {
    list-style:none;
}
.header_nav li a {
    color:#fff;
    float:left;
   display:inline-block;
    border-bottom:1px solid rgba(255,255,255,0.16);
    padding:0 0 4px 0;
    margin:0 35px 0 0;
    position:relative;
}
.header_nav li a:before {
    content:"";
    position:absolute;
    bottom:-1px;
    width:0;
    left:0px;
    height:1px;
    background:#fff;
      -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.header_nav li a:hover:before {
    width:100%;
}

.header-info-row {
    float:right;
}

.search-header {
    float:left;
    margin:12px 30px 0 0;
    position:relative;
    width:246px;
}
.button-get-price {
    float:left;
}

.cart_fly{
	position: absolute;
	display: none;
	min-width: 88px;
	min-height: 31px;
	border-radius: 2px;
	background-color: #FFDD00;
}
.button-get-price a {
    background-color: transparent;
    border:1px solid rgba(255,255,255,0.22);
    display:inline-block;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:13px 33px;
    color:#fff;
    font-weight:600;
    font-size:13px;
      -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.button-get-price a:hover {
    background-color:#fff;
    color:#000;
}

.search-header .icon-search {
    display:block;
    width:18px;
    height:18px;
    cursor: pointer;
    position:absolute;
    right:0;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    opacity: 1;
}
.search-header .icon-search svg {
    fill:#fff;
}
.search-header .icon-search.active svg {
    fill:#000;
}
.search-header .icon-search.active {
    right:79%;
   opacity: 0.3;
    width:16px;
    height:16px;
    top:1px;
}

.search-header input {
    position:absolute;
    top:-12px;
right:-15px;
    width:0px;
   outline: none;
    display:block;
    border:0px;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:14px 20px 14px 50px;
    font-size:13px;
      font-family: 'Montserrat', sans-serif;
    font-weight: 500;
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    visibility: hidden;
    opacity: 0;
}
.search-header input.active {
    width:100%;
    visibility: visible;
    opacity: 1;
  
}

.search-header .close-search {
    display:block;
    width:14px;
    height:14px;
    cursor: pointer;
    position:absolute;
    right:5px;
    top:2px;
    background:url(../svg/close.svg) no-repeat;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    -o-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.search-header .close-search.active {
 -o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);   
}

.clear {
    clear:both;
}
.col-row-info {
    float:right;
    margin:30px 0 0 0;
}
.tele-col i.icon-phone {
   float:left;
    display:inline-block;
    width:50px;
    height:50px;
    background:url(../svg/phone.svg) no-repeat;
    margin:8px 14px 0 0;
}
.tele-col-phone {
    float:left;
}
.tele-col-phone div span {
    font-weight:600;
}
.tele-col-phone div {
    font-size:17px;
    color:#fff;
    line-height:33px;
}
.tele-col-phone div a {
    color:#fff;
    border-bottom:1px solid transparent;
    padding:0 0 3px 0;
       -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.tele-col-phone div a:hover {
    border-color:rgba(255,255,255,0.1)
}
.mail-col {
    margin:5px 0 0 0;
}
.mail-col i.icon-mail {
   float:left;
    display:inline-block;
    width:28px;
    height:28px;
    background:url(../svg/mail.svg) no-repeat;
    margin:8px 26px 0 10px;
}
.mail-col div {
    float:left;
    margin:13px 0 0 0;
}
.mail-col div a {
     color:#fff;
    border-bottom:1px solid rgba(255,255,255,0.1);
    padding:0 0 3px 0; 
}
.button-order-calls {
    float:right;
    margin:20px 0 0 0;
}
.button-order-calls a {
    display:inline-block;
    background:#FFDD00;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:15px 40px;
    text-align:center;
    font-weight:600;
    color:#000;
    margin:0 0 10px 0;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
     -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.button-order-calls a:hover {
    background:#F9DE2D;
     -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
}

.main-menu {
    width:100%;
    height:52px;
    -webkit-box-shadow: 0px 3px 13px 0px rgba(36,70,86,0.08);
-moz-box-shadow: 0px 3px 13px 0px rgba(36,70,86,0.08);
box-shadow: 0px 3px 13px 0px rgba(36,70,86,0.08);
}
.menu-yel {
    height:52px;
    display:inline-block;
    position:relative;
float:left;
  
}
.menu-arrow .t-row-menu {
    font-size:16px;
 font-weight:600; 
    height:52px;
     line-height:54px;
    display:block;
}
.menu-arrow i.list-icon {
    position:absolute;
    display:block;
    width:19px;
    height:12px;
    background:url(../svg/menu.svg) no-repeat;
    top:21px;
    left:30px;
}
.menu-arrow i.arrow-menu {
    position:absolute;
    display:block;
    width:14px;
    height:14px;
    background:url(../svg/right-arrow.svg) no-repeat;
    top:24px;
    right:30px;
    -webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg);
transform: rotate(0deg);
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.menu-arrow.active i.arrow-menu {
    top:17px;
      -webkit-transform: rotate(180deg); 
-ms-transform: rotate(180deg);
transform: rotate(180deg); 
}
.menu-arrow {
    cursor: pointer;
        padding:0px 60px 0 70px;
        background:#FFDD00;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-left-radius: 10px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
    position: relative;
    z-index:300;
}

.menu-main-yel-sub {
    position:absolute;
    top:40px;
    opacity: 0;
    visibility: hidden;
    left:0px;
    width:100%;
    background:#fff;
    z-index:100;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 30px;
border-bottom-right-radius: 10px;
    -webkit-box-shadow: 0px 3px 21px 0px rgba(14,32,36,0.13);
-moz-box-shadow: 0px 3px 21px 0px rgba(14,32,36,0.13);
box-shadow: 0px 3px 21px 0px rgba(14,32,36,0.13);
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    padding:65px 0 17px 0;
}
.menu-main-yel-sub.active {
    top:0px;
    visibility: visible;
    opacity: 1;
}
.overlay {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.52);
    visibility: hidden;
    opacity: 0;
         -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    z-index:90;
}
.overlay.active {
    opacity: 1;
    visibility: visible;
}

.menu-main-yel-sub li {
    list-style:none;
}
.menu-main-yel-sub li a {
    display:block;
    height:40px;
    line-height:40px;
    border-left:5px solid transparent;
    padding:0 35px 0 25px;
    -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    color:#000;
}
.menu-main-yel-sub li a:hover {
    border-color:#FFDD00;
    color:#FFDD00;
}
.menu-nav {
    width:71%;
    float:left;
      height:54px; 
   
    padding: 0;

    margin:0 0 0 10px;
   
  
    
}
.menu-nav li{
    list-style: none;
    float:left;


    
}
.pointer_p{
    cursor:pointer;
}

i.arrow-menu_filter {
    position:absolute;
    display:block;
    width:14px;
    height:14px;
    background:url(../svg/right-arrow.svg) no-repeat;
    top:7px;
    right:30px;
    -webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg);
transform: rotate(0deg);
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    
}
.other-title.active i.arrow-menu_filter {
    top:5px;
      -webkit-transform: rotate(180deg); 
-ms-transform: rotate(180deg);
transform: rotate(180deg); 
}


i.arrow-menu_filter2 {
    position:absolute;
    display:block;
    width:14px;
    height:14px;
    background:url(../svg/right-arrow.svg) no-repeat;
    top:7px;
    right:30px;
    -webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg);
transform: rotate(0deg);
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    
}
.other-title2.active i.arrow-menu_filter2 {
    top:5px;
      -webkit-transform: rotate(180deg); 
-ms-transform: rotate(180deg);
transform: rotate(180deg); 
}

i.arrow-menu_filter3 {
    position:absolute;
    display:block;
    width:14px;
    height:14px;
    background:url(../svg/right-arrow.svg) no-repeat;
    top:7px;
    right:30px;
    -webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg);
transform: rotate(0deg);
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    
}



.other-title3.active i.arrow-menu_filter3 {
    top:5px;
      -webkit-transform: rotate(180deg); 
-ms-transform: rotate(180deg);
transform: rotate(180deg); 
}


i.arrow-menu_filter4 {
    position:absolute;
    display:block;
    width:14px;
    height:14px;
    background:url(../svg/right-arrow.svg) no-repeat;
    top:7px;
    right:30px;
    -webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg);
transform: rotate(0deg);
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    
}
.other-title4.active i.arrow-menu_filter4 {
    top:5px;
      -webkit-transform: rotate(180deg); 
-ms-transform: rotate(180deg);
transform: rotate(180deg); 
}

i.arrow-menu_filter5 {
    position:absolute;
    display:block;
    width:14px;
    height:14px;
    background:url(../svg/right-arrow.svg) no-repeat;
    top:7px;
    right:30px;
    -webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg);
transform: rotate(0deg);
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    
}

.other-title5.active i.arrow-menu_filter5 {
    top:5px;
      -webkit-transform: rotate(180deg); 
-ms-transform: rotate(180deg);
transform: rotate(180deg); 
}



.menu-nav li a {
    display:inline-block;
    height:52px;
    line-height:54px;
    border-bottom:2px solid transparent;
 margin:0px 1vw;
             -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    color:#000;
    font-size:13px;
}
.menu-nav li a:hover {
    border-color:#FFDD00;
}

.card-f {
    position:fixed;
    bottom:40px;
    right:40px;
    width:89px;
    height:89px;
    background:#fff;
    -webkit-box-shadow: 0px 10px 26px 0px rgba(162,198,216,0.16);
-moz-box-shadow: 0px 10px 26px 0px rgba(162,198,216,0.16);
box-shadow: 0px 10px 26px 0px rgba(162,198,216,0.16);
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
              -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    z-index:320;

}
.card-f:hover {
-webkit-box-shadow: 0px 10px 26px 0px rgba(162,198,216,0.26);
-moz-box-shadow: 0px 10px 26px 0px rgba(162,198,216,0.26);
box-shadow: 0px 10px 26px 0px rgba(162,198,216,0.26);
}
.card-f i {
    width:43px;
    height:43px;
    display:block;
    background:url(../svg/shopping-cart.svg) no-repeat;
    margin:25px 0 0 20px;
}
.card-f div {
    position:absolute;
    top:-10px;
    right:0px;
    background:#FFDD00;
        -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    font-weight:600;
width:34px;
    height:34px;
    text-align:center;
    line-height:34px;
}
.card-f a {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
}
.ui-title {
    font-size:35px;
    font-weight:600;
    margin:30px 0 0 0;
    cursor: default;
}

.ui-title p{
    text-align:center;
    margin:0;
}

.ui-title h1 {
    margin:0px;
    padding:0px;
    font-style:normal;
    font-size:35px;
    font-weight:600;
	text-align:center;
}
.ui-title.b-row {
    margin:40px 0 0 0; /* Было  margin:40px 0 0 30px; */
}
.ui-title i {
    font-style: normal;
    font-size:13px;
    display:block;
    font-weight:500;
    clear: both;
    padding:10px 0 0 0;
    max-width:60%;
    line-height:1.5;
}
.ui-title div {
    float:left;
}
.ui-title span{
    background:url(../svg/circle.svg) no-repeat;
    width:31px;
    height:7px;
    display:inline-block;
    float:left;
    margin:20px 0 0 21px;
}

.colums-products {
    margin:20px 0 0 0;
    position:relative;
 padding:10px 0px 30px 0px;
  
    overflow:hidden;
}
.colums-products:before {
content:"";
    position:absolute;
    top:0px;
    right:0px;
    width:1px;
    height:calc(100% - 31px);
    background:#fff;
z-index:5;
}
.colums-products:after {
content:"";
    position:absolute;
    top:10px;
    left:0px;
    width:100%;
    height:1px;
    background:#eee;

}

.products-row {
    float:left;
    width:calc(100%/4 - 0px);
    border:1px solid #eee;
    border-left:0px;
    border-top:0px;
    position:relative;
    
    
 
    
}
.products-row.td {
   width:33%;  
}
.product-h {
    content:"";
    position:absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background:#fff;
    -webkit-box-shadow: 0px 3px 31px 0px rgba(46,80,93,0.09);
-moz-box-shadow: 0px 3px 31px 0px rgba(46,80,93,0.09);
box-shadow: 0px 3px 31px 0px rgba(46,80,93,0.09);
     /*z-index:3;*/
    opacity: 0;
          -o-transition:0.5s all;
    -moz-transition:0.5s all;
    -webkit-transition:0.5s all;
}
.products-row:hover .product-h{
    opacity: 0;
}
.products-m-content {
    position:relative;
    z-index:5;
}

.product-image a{
display:block;
}
.product-image img{
     max-width:170px;
    max-height:170px;
    display:flex;
    margin:30px auto 0 auto;
}
.product-title {
    margin:25px 0 0 0;
    text-align:center;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px 0 10px;
    text-overflow: ellipsis;
}

/* height:62px; */

.product-title a {
    display:inline;
    border-bottom:1px solid rgba(112,112,112,0.13);
    color:#000;
    font-size:16px;
    padding:0 0 3px 0;
    font-weight:600;
    line-height:25px;
    -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.product-title a:hover {
    color:#FFDD00;
    border-color:#fff;
}
.product-item {
    padding:0px 30px;
    overflow:hidden;
    margin:20px 0 0 0;
    cursor: default;
}
.product-item-col {
    overflow:hidden;
    border-bottom:1px solid #eee;
    padding:0 0 12px 0;
    margin:0 0 10px 0;
}
.product-item-col span {
    font-size:10px;
    display:inline-block;
    white-space: nowrap;
    overflow:hidden;
     text-overflow: ellipsis;
}
.product-item-col div {
    font-weight:600;
    font-size:13.2px;
    margin:3px 0 0 0;
    
    white-space: nowrap;
    overflow:hidden;
     text-overflow: ellipsis;
}
.product-price {
    margin:10px 0 0 0;
    text-align:center;
}
.product-price .product-price-q {
font-size:13px;
}
.product-price .product-price-c {
font-size:16px;
    font-weight:600;
    margin:6px 0 0 0;
}
.product-price .product-price-p {
font-size:12px;
    color:rgba(0,0,0,0.34);
    margin:4px 0 0 0;
}

.button-order-cart a {
    display:block;
  
    background:#FFDD00;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:15px 40px;
    text-align:center;
    font-weight:600;
    color:#000;
    margin:20px 30px 30px 30px;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
     -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.button-order-cart a:hover {
    background:#F9DE2D;
     -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
}

.button-more {
    display:table;
    margin:0px auto;
}
.button-more a {
    display:block;
  border:1px solid #eee;
    background:#fff;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:15px 40px;
    text-align:center;
    font-weight:600;
    color:#000;
    margin:10px 0px 10px 0px;
 
     -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.button-more a:hover {
border-color:#ddd;
    
}

.section-programs {
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    overflow:hidden;
    padding:20px 50px;
    margin:20px 0px 0 0px;
}
.sec-fl-left {
    float:left;
    width:26%;
    margin:0 20px 0 0;
}
.sec-fl-center {
    float:left;
    width:calc(48% - 40px);
}
.sec-fl-right {
    float:left;
    width:26%;
    margin:0 0 0 20px;
}
.sec-region, .sec-partners, .sec-ob, .sec-other {
    position:relative;
}

.sec-ob {
   
    margin:20px 0 0 0;
  
}

.sec-image {
   width:100%;
   height:436px;
    overflow:hidden;
    background:url(../img/img-sec.png) no-repeat center center;
    position:relative;
  z-index:3;
}
.sec-image:before {
    content:"";
    position:relative;
    top:0px;
    left:0px;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.72)
}

.sec-image2 {
   width:100%;
   height:208px;
    overflow:hidden;
    background:url(../img/partners_infsys.jpg) no-repeat center center;
    position:relative;
     background-size:cover;
}
.sec-image2:before {
    content:"";
    position:relative;
    top:0px;
    left:0px;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.92)
}
.sec-image3 {
   width:100%;
   height:208px;
    overflow:hidden;
    background:url(../img/img2-sec.png) no-repeat center center;
    position:relative;
     background-size:cover;
}
.sec-image3:before {
    content:"";
    position:relative;
    top:0px;
    left:0px;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.92)
}

.sec-image4 {
   width:100%;
   height:436px;
    overflow:hidden;
    background:url(../img/pivo-3.jpg) no-repeat center center;
    position:relative;
    background-size:cover;
}
.sec-image4:before {
    content:"";
    position:relative;
    top:0px;
    left:0px;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.72)
}

.sec-content {
    position:absolute;
    top:12vh;
    left:0px;
    width:100%;
    z-index:5;
}
.sec-content-partners {
  position:absolute;
    top:3vh;
    left:7%;
    width:93%;
    z-index:5;   
}
.sec-title {
    position:relative;
    display:block;
    margin:20px auto 0 auto;
    font-size:21px;
    font-weight:600;
    text-align:center;
}
.sec-content-partners .sec-title {
    text-align:left;
    
    font-size:23px;
    margin:0px;
}
.sec-content-partners .sec-title span {
  margin:10px 0 0 0;
    display:block;   
}
.sec-title span {
    background:url(../svg/circle_b.svg) no-repeat;
    width:31px;
    height:7px;
 margin:20px auto 0 auto;
    display:table;
  
}

.sec-txe {
    text-align:center;
    margin:20px 0 0 0;
    line-height:1.5;
    padding:0px 30px;
}
.sec-content-partners .sec-txe {
    text-align:left;
   
    padding:0px;
    margin:12px 0 0 0;
    max-width:80%;
}
.sec-content-partners .button-order-yellow a{
  display:inline-block;
    margin:12px 0 30px 0;
    background:#fff;
    color:#000;
    -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow:none;
}
.sec-content-partners .button-order-yellow a:hover {

}
.b3 .button-order-yellow a {
    background:#fff;
   
        -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow:none;
}
.button-order-yellow a {
    display:table;
  
    background:#FFDD00;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:12px 40px;
    text-align:center;
    font-weight:600;
    color:#000;
    margin:20px auto 30px auto;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
     -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.button-order-yellow a:hover {
    background:#F9DE2D;
     -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
}

.section-pre-icons {
    margin:50px 30px 30px 30px;
    overflow:hidden;
}

.section-pre-row {
    float:left;
    width:calc(100%/5 - 0px);
}

.section-pre-ic {
    width:97px;
    height:97px;
    border:1px solid #eee;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    position:relative;
    display:flex;
    margin:0px auto;
}
.section-pre-text {
    text-align:center;
    padding:15px 20px 30px 20px;
    line-height:1.5;
}

.section-pre-ic.beer i {
    position:absolute;
    top:27px;
    left:28px;
    display:block;
    background:url(../svg/beer_1.svg) no-repeat;
    width:46px;
    height:46px;
}
.section-pre-ic.doc i {
    position:absolute;
    top:27px;
    left:30px;
    display:block;
    background:url(../svg/doc_2.svg) no-repeat;
    width:46px;
    height:46px;
}
.section-pre-ic.box i {
    position:absolute;
    top:24px;
    left:28px;
    display:block;
    background:url(../svg/box_3.svg) no-repeat;
    width:46px;
    height:48px;
}
.section-pre-ic.big i {
    position:absolute;
    top:27px;
    left:28px;
    display:block;
    background:url(../svg/big_4.svg) no-repeat;
    width:46px;
    height:46px;
}
.section-pre-ic.delivery i {
    position:absolute;
    top:33px;
    left:24px;
    display:block;
    background:url(../svg/delivery_5.svg) no-repeat;
    width:49px;
    height:46px;
}

.form-order-send-page {
    background:url(../img/pivo-3.jpg) no-repeat 0% bottom;
    width:100%;
    background-size:cover;
    position:relative;
    overflow:hidden;
    padding:0 0 60px 0;
}
.form-order-send-page:before {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.60);
    width:100%;
    height:100%;
}
.form-order-send-page:after {
    content:"";
    position:absolute;
    top:0px;
    left:-1vw;
   background:url(../svg/bg_plash.svg) no-repeat;
    width:22%;
    height:100%;
   
}
.form-order-send-content {
    position:relative;
    z-index:5;
    color:#fff;
  margin:60px 7vw 0 11vw;
    
}
.form-order-send-content form {
    margin:20px 0 0 0;
}
.form-order-title {
    font-size:32px;
    font-weight:600;
}
.form-order-title div {
    font-size:16px;
    font-weight:500;
    margin:8px 0 0 1px;
}
.input-row {
    float:left;
    width:calc(100%/3 - 40px);
    margin:30px 40px 15px 0px;
    position:relative;
   
  
}
.input-effect {
    position:relative;
}


.input-io{border: 0; 
    padding: 4px 0; 
    border-bottom: 2px solid rgba(255,255,255,0.35); 
    background-color: transparent;
    width:100%;
    outline: none;
    color:#fff;
     font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size:14px;
}
.input-io ~ .focus-border{
    position: absolute; 
    bottom: 0;
    left: 0; 
    width: 100%; 
    height: 2px; 
    z-index: 99;
}
.input-io ~ .focus-border:before, 
.input-io ~ .focus-border:after{
    content: ""; 
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 0; 
    height: 100%;
    background-color: #fff; 
    transition: 0.4s;
}
.input-io ~ .focus-border:after{
    left: auto; 
    right: 0;
}
.input-io:focus ~ .focus-border:before, 
.input-io:focus ~ .focus-border:after,
.has-content.input-io ~ .focus-border:before,
.has-content.input-io ~ .focus-border:after{
    width: 50%; 
    transition: 0.4s;
}
.input-io ~ label{
    position: absolute; 
    left: 0; 
    width: 100%;
    top: 0px; 
    color: #fff; 
    transition: 0.3s;
    z-index: -1; 
    font-size:13px;
   
}
label.ac{
   top: -16px !important; 
    font-size: 11px !important; 
    
  transition: 0.3s !important;
   
}
.input-io:focus ~ label, .has-content.input-io ~ label{
    top: -16px; 
    font-size: 11px; 
    color: #fff; 
    transition: 0.3s;
}


.btn-order{
    position:absolute;
    margin:-18px 0 0 0;
background:#FFDD00;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:14px 0px;
    text-align:center;
    font-weight:600;
    color:#000;
    width:100%;
    border:0px;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
     -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    cursor: pointer;
}
.btn-order:hover {
    background:#F9DE2D;
     -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
}

.form-tx {
    font-size:12px;
    opacity: 0.3;
    max-width:50%;
    line-height:1.5;
}
.and-call {
    margin:30px 0 0 0;
}
.and-call div {
    opacity: 0.5;
    font-size:13px;
}
.and-call a span {
    font-weight:600;
}
.and-call a {
    font-size:34px;
    display:inline-block;
    color:#fff;
    position:relative;
    margin:10px 0 0 0;
      -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.and-call a:hover {
    color:#FFDD00;
}
.and-call a:before {
    content:"";
    position:absolute;
    bottom:5px;
    left:0px;
    width:100%;
    height:8px;
    background:rgba(255,255,255,0.32);
}

.sl-brand-carusel {
    padding:60px 70px 30px 70px;
    overflow:hidden;
}
.slick-dots{
    padding:0px;
    display:table;
    margin:40px auto 0 auto;
}
.slick-dots li {
    list-style:none;
    margin:0px 5px;
    padding:0px;
    float:left;
    width:35px;
     position:relative;
}
.slick-dots li button {
  font-size: 0;
    line-height: 0;
padding:10px 15px;
    display: table;
border:0px;
    margin:0px auto;
    background-color:transparent;
    outline: none;
    cursor: pointer;
      -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
   
}
.slick-dots li.slick-active button:before{
    background:#FFDD00;
}
.slick-dots li button:before {
    content:"";
    position:absolute;
    top:8px;
    left:0px;
    width:100%;
    height:4px;
       -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    border:0px;
    background:#eee;
}
.slick-slide {
    outline: none;
}
.sl-brand-images {
    max-width:50%;
    max-height:50%;
    margin:0px auto;
}
.sl-brand-images img {
    width:100%;
    height:100%;
}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background:#fff;
    border:0px;
    background-color: #fff;
    outline: none;
}
.slick-prev {
    position:absolute;
    top:0px;
    left:-20px;
    width:41px;
    
    z-index:5;
    height:60%;
}
.slick-prev:before {
    content:"";
    position:absolute;
    top:17px;
    left:0px;
    background:url(../svg/right-arrow_sl.svg) no-repeat;
    width:31px;
    height:31px;
    opacity: 1;
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.slick-next {
    position:absolute;
    top:0px;
    right:-20px;
    width:41px;
   height:60%;
    z-index:5;
}
.slick-disabled {
    cursor: not-allowed;
}
.slick-disabled:before {
    opacity: 0.3;
}
.slick-disabled:hover:before {
    opacity: 0.3;
    
}
.slick-next:before {
       content:"";
    position:absolute;
    top:17px;
    right: -15px;
    background:url(../svg/left-arrow_sl.svg) no-repeat;
    width:31px;
    height:31px; 
    opacity: 1;
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.slick-next:hover:before {
    opacity: 0.6;
}
.slick-prev:hover:before {
    opacity: 0.6;
}

.seo-tex {
    
    margin:15px 0 0 0;
    padding:0px 50px 50px 50px;
    line-height:1.8;
}
/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline { background: #fff }
	.highslide-image { border: 2px solid #fff }
	.highslide-active-anchor { visibility: hidden } 
	.highslide-active-anchor img { visibility: hidden }
	.highslide-dimming { background-color: black }
	.highslide-html { background-color: white }
	.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
	a.highslide-full-expand { background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
	.highslide-display-block { display: block }
	.highslide-display-none { display: none }
	.highslide-caption { display: none; padding: 0px; background: white; color:white }
	.highslide-controls { width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }
	.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px }
	.highslide-controls li { float: left; padding: 5px 0; }
	.highslide-controls a { background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none }
	.highslide-controls a.disabled { cursor: default }
	.highslide-controls a span { display: none }
 
/*---Навигация по картинкам галереи---*/
.highslide-controls .highslide-previous a { background-position: 0 0 }
	.highslide-controls .highslide-previous a:hover { background-position: 0 -30px }
	.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important }
	.highslide-controls .highslide-play a { background-position: -30px 0 }
	.highslide-controls .highslide-play a:hover { background-position: -30px -30px }
	.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important }
	.highslide-controls .highslide-pause a { background-position: -60px 0 }
	.highslide-controls .highslide-pause a:hover { background-position: -60px -30px }
	.highslide-controls .highslide-next a { background-position: -90px 0 }
	.highslide-controls .highslide-next a:hover { background-position: -90px -30px }
	.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important }
	.highslide-controls .highslide-move a { background-position: -120px 0 }
	.highslide-controls .highslide-move a:hover { background-position: -120px -30px }
	.highslide-controls .highslide-full-expand a { background-position: -150px 0 }
	.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px }
	.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important }
	.highslide-controls .highslide-close a { background-position: -180px 0 }
	.highslide-controls .highslide-close a:hover { background-position: -180px -30px }

.footer {
    background:#201813;
    overflow:hidden;
    padding:50px 0;
}
footer {
    position:relative;
}
footer:before {
    content:"";
    position:absolute;
    bottom:-1px;
    left:0px;
    width:100%;
    height:5px;
    background:#201813;
}

.f-footer-l {
    float:left;
    width:45%;
    position:relative;
}
.f-footer-menu {
    float:left;
    width:25%;
    margin:0 5% 0 0;
}
.f-footer-contacts {
    float:left;
    width:25%;
}

.f-footer-menu div {
    float:left;
    width:50%;
}
.f-footer-menu div li {
    list-style:none;
    margin:0px;
    padding:0px;
    margin:0 0 20px 0;
}
.f-footer-menu div li a {
    color:#fff;
    display:inline-block;
    border-bottom:1px solid rgba(255,255,255,0.14);
    padding:0 0 5px 0;
    position:relative;
}
.f-footer-menu div li a:before {
    content:"";
    position:absolute;
    bottom:-1px;
    left:0px;
    width:0%;
    height:1px;
    background:#fff;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.f-footer-menu div li a:hover:before {
    width:100%;
}
.copyright {
    position:absolute;
    bottom:58px;

    
}
.copyright div{
    font-size:12px;
        color:rgba(255,255,255,0.31);
}
.copyright a {
    font-weight:600;
    font-size:18px;
    margin:5px 0 0 0;
    display:inline-block;
       color:rgba(255,255,255,0.31);
           -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.copyright a:hover {
     color:rgba(255,255,255,0.51);
}

.berrors {
	background: #ffe6dd;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin:3vh 3vh 3vh 3vh;
	height: 1%;
	border-radius: 2px;
	box-sizing: border-box;
    line-height:1.5;
}

.copyright span {
  color:rgba(255,255,255,0.62); 
    display:block;
    margin:20px 0 0 0;
}
.content-modal {
    padding:40px;
    overflow:hidden;
}
.modal-title {
    font-size:32px;
    font-weight:600;
    margin:0 0 29px 0;
}
.modal-title div {
    font-size:14px;
    font-weight:500;
    margin:5px 0 0 0;
    line-height:1.5;
    opacity: 0.7;
}

.modal-input {
    position:relative;
    margin:15px 0 30px 0;
    color:#000;
}

.content-modal form {
    margin:0px 0 0 0;
}

.input-ios{border: 0; 
    padding: 4px 0 6px 0; 
    border-bottom: 2px solid #eee; 
    background-color: transparent;
    width:100%;
    outline: none;
    color:#000;
     font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size:16px;
    z-index:2;
    position:relative;
}
.input-ios ~ .focus-border{
    position: absolute; 
    bottom: 0;
    left: 0; 
    width: 100%; 
    height: 2px; 
    z-index: 99;
}
.input-ios ~ .focus-border:before, 
.input-ios ~ .focus-border:after{
    content: ""; 
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 0; 
    height: 100%;
    background-color: #FFDD00; 
    transition: 0.4s;
}
.input-ios ~ .focus-border:after{
    left: auto; 
    right: 0;
}
.input-ios:focus ~ .focus-border:before, 
.input-ios:focus ~ .focus-border:after,
.has-content.input-ios ~ .focus-border:before,
.has-content.input-ios ~ .focus-border:after{
    width: 50%; 
    transition: 0.4s;
}
.input-ios ~ label{
    position: absolute; 
    left: 0; 
    width: 100%;
    top: 0px; 
    color: #000; 
    transition: 0.3s;
    z-index: 1; 
    font-size:14px;
   
}
.input-ios:focus ~ label, .has-content.input-ios ~ label{
    top: -16px; 
    font-size: 13px; 
    color: #FFDD00; 
    transition: 0.3s;
}


.btns-order{
  background:#FFDD00;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:16px 0px;
    text-align:center;
    font-weight:600;
    color:#000;
    width:100%;
    border:0px;
    margin:5px 0 0 0;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
     -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    cursor: pointer;
}
.btns-order:hover {
    background:#F9DE2D;
     -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
}

.ity-txt {
    margin:20px 0 0 0;
    line-height:1.5;
    text-align:center;
    opacity: 0.5;
}
.search-mobile {
    float:right;
    position:relative;
    margin:8px 0 0 0;
}
.search-mobile .search-header {
     margin: 12px 15px 0 0;
}
.search-mobile  .search-header .icon-search svg {
    fill:#000;
}

.mobile {
    background:#FFDD00;
    height:60px;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    display:none;
    z-index:888;
}
.button-order-calls a i {
    width:17px;
    height:17px;
    background:url(../svg/call-answer.svg) no-repeat;
    display:block;
    margin:12px 0 0 12px;
}



.nav-button{position:relative;cursor:pointer;width:34px;height:34px;float:left;margin:20px 0 0 0px;}
.nav-button .nav-button_line{width:100%;height:2px;position:absolute;transition:0.2s ease;background:#2b395b;margin:0 0 0px 0;}
.nav-button .nav-button_line.line-1{width:100%;top:0px;animation:bwidth 0.5s alternate;animation-fill-mode:forwards;}
.nav-button .nav-button_line.line-2{top:9px;left:0px;width:100%;animation:bwidth 0.5s alternate;animation-fill-mode:forwards;-o-transition:0.4s all;-moz-transition:0.4s all;-webkit-transition:0.4s all;}
.nav-button .nav-button_line.line-3{top:18px;width:100%;animation:bwidth 0.5s alternate;animation-fill-mode:forwards;}


.nav-button.active .line-2{opacity:0;left:-40px;}
.nav-button.active .line-1{-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:10px;}
.nav-button.active .line-3{-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:10px;}

.c-row-menu{position:fixed;width:100%;height:100vh;background:#fff;left:-100%;visibility:hidden;top:0px;z-index:640;-o-transition:0.7s all;-moz-transition:0.7s all;-webkit-transition:0.7s all;overflow:auto;}
.c-row-menu.menu-active{left:0px;visibility:visible;}


    .c-row-menu-s {
        margin:50px 0 0 0 ;
            padding:40px 20px;
        }
        .c-row-menu-s .c-row-menu-title {
        font-weight:700;
            font-size:18px;
            color:#000;
            margin:0 0 20px 0;
          
        }
.c-row-menu-s li {
    list-style:none;
    margin:0px;
        padding:0px;
}
     .c-row-menu-s li a{
        display:block;
           padding:21px 0;
             color:#000;
            font-weight:500;
            
            font-size:14px;
         border-bottom:1px solid #eee;
        }

.button-get-price-mobile a {
    background-color: transparent;
    border:1px solid #000;
    display:block;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:16px 0px;
    margin:20px 0 0 0;
    text-align:center;
    color:#000;
    font-weight:600;
    font-size:14px;
      -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}


.ico-homes {
    background:url(../svg/homes.svg) no-repeat 0px 1px;
    width:12px;
    height:12px;
display:inline-block;
    margin:0 4px 0 0;
}

.speedbaru {
    margin:23px 0 0 30px;
}
.speedbaru ul {
margin:0px;
    padding:0px;
}
.speedbar li {
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
}
.speedbar ul {
    margin:0px;
    padding:0px;
}
.speedbar li a {
    color:#000;
        -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
}
.speedbar li a:hover {
color:#FFDD00;
}

.right-speed {
    background:url(../svg/right-arrow_speed.svg) no-repeat;
    width:5px;
    height:7px;
display:inline-block;
    margin:0 7px 0 8px;
}
.content-fullstory {
    margin:50px 0 0 0;
}
.fullstory-le-info {
    float:left;
    width:29%;
 
}
.fullstory-img-g {
   display:table;
    margin:0px auto;
}
.fullstory-le-info img {
 max-width:300px;
    max-height:300px;
}
.fullstory-re-info {
    float:left;
    width:70%;
    margin:0 0 0 1%;
}
h1, h2, h3, h4, h5, h6 {
    margin:0px;
    padding:0px;
}
.full-title h1 {
    margin:0px;
    padding:0px;
    font-size:28px;
    font-style: normal;
}
.full-price-odo {
    margin:25px 0 0 0;
    font-size:21px;
    font-weight:400;
}
.full-price-odo div{
    font-weight:500;
    font-size:14px;
    margin:0 0 8px 0;
}
.full-price-odo span.odo-i {
    color:rgba(0,0,0,0.43);
    font-size:14px;
    float:left;
    margin:4px 0 0 0;
}

.full-price-odo .odo-price {
    float:left;
    margin:0 10px 0 0;
}



.product-options {
    margin:30px 0 0 0;
}

.product-options div {
    font-weight:600;
    margin:0 0 15px 0;
}
.product-options ul {
    margin:0px;
    padding:0px;
}
.product-options ul li {
    float:left;
    list-style: none;
}

.product-options ul li a {
    border:1px solid #EEEEEE;
    display:inline-block;
    margin:0 10px 10px 0;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    color:#000;
    padding:11px 22px;
    font-size:13px;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    position:relative;
}
.product-options ul li a:hover {
    border-color:#ddd;
}
.product-options ul li.active a {
    border-color:#FFDD00;
}
.product-options ul li a:before {
    position:absolute;
    top:-5px;
    right:0px;
    width:16px;
    height:16px;
    content:"";
    background:url(../svg/check_option.svg) no-repeat;
    opacity: 0;
    visibility: hidden;
}
.product-options ul li.active a:before {
    opacity: 1;
    visibility: visible;
}


.cart-options-count {
    position:relative;
    background:#fff;
    border:1px solid #eee;
        -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    display:inline-block;
    padding:0 41px;
    height:41px;
    width:155px;
    margin:20px 0 0 0;
}
input, button {
    outline: none;
}
.cart-options-count input {
    width:100%;
    height:39px;
    line-height:41px;
    text-align:center;
    outline: none;
    font-weight:600;
  border:0px;
}

.cart-options-count .tovar-count-add {
    width:41px;
    height:41px;
    display:block;
    position:absolute;
    top:0px;
    right:0px;
}
.cart-options-count .tovar-count-add:before {
    content:"+";
    position:absolute;
    top:8px;
    left:12px;
    width:100%;
    height:100%;
    font-size:22px;
    color:#000;
}
.cart-options-count .tovar-count-reduce {
     position:absolute;
    top:0px;
   left:0px;
    width:41px;
    height:41px;
    display:block;
}
.cart-options-count .tovar-count-reduce:before {
    content:"-";
    position:absolute;
    top:6px;
    left:18px;
    width:100%;
    height:100%;
    font-size:22px;
    color:#000;
}

.xcaarts{
    padding: 7px 7px 15px;
}

.all-price {
    margin:35px 0 0 0;
}
.all-price div {
    margin:0 0 5px 0;
}
.all-price span {
    font-size:30px;
    font-weight:600;
}


.button-add-shop button {
    display:inline-block;
    background:#FFDD00;
    float:left;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:14px 50px;
    text-align:center;
    font-weight:600;
    color:#000;
    margin:0 15px 15px 0;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
     -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    border:0px;
    text-indent: 20px;
    cursor: pointer;
    position:relative;
}
.button-add-shop button:before {
    content:"";
    position:absolute;
    top:13px;
    left:42px;
    width:17px;
    height:17px;
    background:url(../svg/shopping-cart_button.svg) no-repeat;
}
.button-add-shop button:hover {
    background:#F9DE2D;
     -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
-moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.0);
}
.button-add-shop {
    margin:25px 0 0 0;
}

.button-add-shop a {
    float:left;
    display:inline-block;
        -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    padding:14px 50px;
    text-align:center;
    border:1px solid #eee;
    color:#000;
    font-weight:600;
        -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.button-add-shop a:hover {
    border-color:#ddd;
}

.content-full-append {
    margin:50px 50px 30px 50px;
}
.spec-product-item {
    margin:0 0 0 25px;
}
.spec-title {
    font-size:20px;
    font-weight:600;
    margin:0 0 35px 0;
}
.de-full-title {
    font-size:20px;
    font-weight:600;
    margin:0 0 15px 0;
}
.de-fullstory {
    border-bottom:1px solid #eee;
    overflow:hidden;
    margin:0 0 30px 0;
    padding:0 50px 35px 50px;
}
.de-fullstory p {
    margin:0px;
    padding:0px;
    line-height:1.7;
}
.spec-ite {
    float:left;
    width:calc(100%/5 - 14px);
    margin:0 0px 0px 0;
    position:relative;
    min-height:84px;
    
}
.spec-ite div {
    font-size:12px;
    font-weight:600;
    margin:0 0 10px 0;
}
.spec-ite:before {
    position:absolute;
    content:"";
    top:10px;
    left:-25px;
    width:11px;
    height:11px;
    background:#FFDD00;
       -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.ui-title.bio {
    margin:0px 0 0 50px;
}

.ui-widget-overlay {
	background: #000;
	opacity: 0.5;
	left: 0; top: 0; right: 0; bottom: 0;
	position: fixed;
	}
	.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
	.ui-helper-clearfix { display: inline-block }
	* html .ui-helper-clearfix { height: 1% }
	.ui-helper-clearfix { display: block }
	.ui-dialog {
		text-align: left;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 370px;
		border-radius: 2px;
		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
		background-color: #f7f7f7;
		background-clip: padding-box;
	}
	.ui-dialog-titlebar { padding: 20px 20px; position: relative; }
	.ui-dialog-title { float: left; font-weight: bold; font-size: 1.15em; }
	.ui-dialog-titlebar-close {
		position: absolute;
		right: 10px; top: 50%;
		margin-top: -16px;
		height: 32px; width: 32px;
		border: 0 none !important;
	}
	.ui-dialog-titlebar-close .ui-icon {
		display: block;
		margin: 10px auto 0 auto;
		width: 12px; height: 12px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);
		-webkit-background-size: 12px auto; background-size: 12px auto;
		opacity: .5;
	}
	.ui-button {
		float: right;
		border: 0 none;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		height: 36px;
		border-radius: 18px;
		line-height: 22px;
		outline: none;
		background-color: #FFDD00;
		color: #000;
       
		border: 0 none;
		padding: 7px 22px;
		text-decoration: none !important;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		-webkit-transition: all ease .1s; transition: all ease .1s;
	}
.masha_index {
    display:none !important; }
	.ui-dialog-titlebar-close:hover .ui-icon { opacity: 1; }
	.ui-icon { overflow: hidden; text-indent: -9999px; }
	.ui-dialog label { color: #575757; }
	.ui-dialog-content { padding: 20px; border: 1px solid #fff; overflow: auto; position: relative; zoom: 1; }
	.loginbox.ui-dialog, .loginbox .ui-dialog-content { overflow: visible !important; }
	.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
	.ui-dialog .ui-dialog-buttonpane { padding: 20px; text-align: center; }
	.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
	.ui-draggable .ui-dialog-titlebar { cursor: move; }
	.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }
	.ui-button { margin: 0 3px; }
	.ui-helper-hidden-accessible{display: none;}


.age-text {
    margin: 15px 0 0 0;
    font-size: 18px;
}
.overlay-age {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,0.87);
    display:none;
    z-index:9999;
}
.overlay-age-all {
max-width:500px;
margin:0px auto;
text-align:center;
color:#fff;

}
.overlay-age-title {
    position:relative;
    margin:30vh 0 0 0;
}
.overlay-age-title span {
    display:block;
    width:150px;
    height:150px;
    margin:0px auto;
}

.age-yes {
    display: inline-block;
    background: #FFDD00;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 15px 90px;
    text-align: center;
    font-weight: 600;
    color: #000;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
    -moz-box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
    box-shadow: 0px 5px 28px 0px rgba(255,221,0,0.33);
    -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
    cursor: pointer;
    float:left;
}

.age-no {
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.2);
    background-color: transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 15px 85px;
    text-align: center;
    margin: 0px 0px 10px 20px;
    font-weight: 600;
    color: #fff;

    -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;

    cursor:pointer;
    float:left;
}

.overlay-age-button {
    margin:20px auto 0 auto;
    display:table;
}
.clear {
    clear:both;
}
.overlay-age-title-s {
    font-size:18px;
    font-weight:600;
    margin:20px 0 0 0;
}


      .call-fix {
        position: fixed;
    bottom: 160px;
    width: 65px;
    height: 65px;
    background: #FFDD00;
    right: 54px;
            -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
            cursor:pointer;
          z-index:500;
        }
        .call-fix:before {
        content:"";
            position:absolute;
                top: -5px;
    left: -5px;
            width:75px;
            height:75px;
            background:transparent;
            border:1px solid #FFDD00;
            -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
               -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
          animation: widget2 0.1s infinite;
    -webkit-animation: widget2 0.1s infinite;
    animation-duration: 1s;
    animation-direction: alternate;
            
        }
           .call-fix:after {
        content:"";
            position:absolute;
                top: -10px;
    left: -10px;
            width:85px;
            height:85px;
            background:transparent;
            border:1px solid #FFDD00;
               -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
                  -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
              animation: widget 0.1s infinite;
    -webkit-animation: widget 0.1s infinite;
    animation-duration: 1s;
    animation-direction: alternate;
                transform: scale(1);
               opacity:0;
            
        }
        .call-fix span {
       width: 25px;
    height: 25px;
            display:block;
            background:url(../svg/call-modal.svg) no-repeat;
                margin: 20px auto 0 auto;
                       -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
          animation: widget3 0.1s infinite;
    -webkit-animation: widget3 0.1s infinite;
    animation-duration: 1s;
    animation-direction: alternate;
            -webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg); 
transform: rotate(0deg);
        }
        
        @keyframes widget {
    from {
        transform: scale(1);
        opacity: 0;
    }
    to {
        transform: scale(1.3);
        opacity: 0.4;
    }
}
                @keyframes widget2 {
    from {
        transform: scale(1);
        opacity: 0;
    }
    to {
        transform: scale(1.1);
        opacity: 0.6;
    }
}
        @keyframes widget3 {
    from {
          -webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg); 
transform: rotate(0deg);
    }
    to {
          -webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg); 
transform: rotate(30deg);
    }
}
        @media screen and (max-width:972px){
            .call-fix {
            display:none;
            }
        }
        .button-order-calls a i {
                       -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
          animation: widget4 0.1s infinite;
    -webkit-animation: widget4 0.1s infinite;
    animation-duration: 1s;
    animation-direction: alternate;
            -webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg); 
transform: rotate(0deg);
        }
        
                @keyframes widget4 {
    from {
          -webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg); 
transform: rotate(0deg);
    }
    to {
          -webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg); 
transform: rotate(30deg);
    }
}

@media screen and (max-width:471px) {

.overlay-age-button {
    display:block;
}

.age-no {
    float:none;
    display:block;
    margin:15px 30px 0 30px;
}
.age-yes {
    float:none;
    display:block;
    margin:0 30px;
}
}



/*--- Загрузчик AJAX ---*/
#loading-layer { background: #000; padding: 20px; text-align: center; color: #fff; border-radius: 2px }

.content-other {
    margin:25px 0 0 0;
}

.other-left {
    float:left;
    width:25%;
    border-top:1px solid #eee;
    margin:10px 0 0 0;
    position:relative;
    z-index:1;
    border-right: 1px solid #eee;
}
.other-right {
    float:left;
    width:calc(75% - 0px);
    position:relative;
    z-index:3;
   
}
.other-right:before {
    content:"";
    position:absolute;
    top:10px;
    left:-1px;
    width:1px;
    height:calc(100% - 10px);
    background:#eee;
}
.other-right .colums-products:before {
    right:1px;
}

.other-right .colums-products {
    margin:0px;
   
}

.other-title {
    font-size:18px;
    font-weight:600;
    margin:30px 0 0 32px;
    position:relative;
}
.nav-other {
    margin:25px 0 0 0;
}

.nav-other li{
    list-style: none;
    margin:0px 32px;
    padding:0px 0 30px 0;
    
}

.nav-other li a {
    display:inline;
    border-bottom:1px solid #eee;
    padding:0 0 4px 0;
    color:#000;
    font-size:13px;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.nav-other li a:hover {
    color:#FFDD00;
}

.other-title2 {
    font-size:18px;
    font-weight:600;
    margin:30px 0 0 32px;
    position:relative;
}
.nav-other2 {
    margin:25px 0 0 0;
}

.nav-other2 li{
    list-style: none;
    margin:0px 32px;
    padding:0px 0 30px 0;
    
}

.nav-other2 li a {
    display:inline;
    border-bottom:1px solid #eee;
    padding:0 0 4px 0;
    color:#000;
    font-size:13px;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.nav-other2 li a:hover {
    color:#FFDD00;
}

.other-title3 {
    font-size:18px;
    font-weight:600;
    margin:30px 0 0 32px;
    position:relative;
}
.nav-other3 {
    margin:25px 0 0 0;
}

.nav-other3 li{
    list-style: none;
    margin:0px 32px;
    padding:0px 0 30px 0;
    
}

.nav-other3 li a {
    display:inline;
    border-bottom:1px solid #eee;
    padding:0 0 4px 0;
    color:#000;
    font-size:13px;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.nav-other3 li a:hover {
    color:#FFDD00;
}

.other-title4 {
    font-size:18px;
    font-weight:600;
    margin:30px 0 0 32px;
    position:relative;
}
.nav-other4 {
    margin:25px 0 0 0;
}

.nav-other4 li{
    list-style: none;
    margin:0px 32px;
    padding:0px 0 30px 0;
    
}

.nav-other4 li a {
    display:inline;
    border-bottom:1px solid #eee;
    padding:0 0 4px 0;
    color:#000;
    font-size:13px;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.nav-other4 li a:hover {
    color:#FFDD00;
}

.other-title5 {
    font-size:18px;
    font-weight:600;
    margin:30px 0 0 32px;
    position:relative;
}
.nav-other5 {
    margin:25px 0 0 0;
}

.nav-other5 li{
    list-style: none;
    margin:0px 32px;
    padding:0px 0 30px 0;
    
}

.nav-other5 li a {
    display:inline;
    border-bottom:1px solid #eee;
    padding:0 0 4px 0;
    color:#000;
    font-size:13px;
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.nav-other5 li a:hover {
    color:#FFDD00;
 
}

.pagination {
    padding:40px 20px 30px 20px;
    border-bottom:1px solid #eee;
}
.navigation-pages {
	margin:30px auto 0 auto;
    display:table;
}
.pagination span {
    float:left;
     width:36px;
    height:36px;
    display:block;
     margin:0 7px 7px 0;
           -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
     line-height:36px;
    text-align:center;
    background:#FFDD00;
    color:#000;
    
}
.pagination a {
    float:left;
    width:36px;
    height:36px;
    display:block;
    border:1px solid #eee;
    margin:0 7px 7px 0;
           -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    line-height:34px;
    text-align:center;
    color:#000;
    
          -o-transition:0.3s all;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
}
.pagination a:hover {
    /*border-color:#ddd;*/
}

.cat-desc {
    line-height:1.9;
    padding:40px 40px 40px 40px;
  
}

.other-left.hide {
display:none;
}
.other-right.all-container {
width:100% !important;
    float:none;
}
.other-right.all-container .products-row.td{
width:calc(100%/4 - 0px);
}


.new-drop {
    padding: 0;
}

.new-drop li {
    padding: 10px 0;
    margin: 0 10px;
}

@media screen and (max-width:972px){
    
    /* Добавил по правке от Александра */
    
    .other-right.all-container .products-row.td{
	width:calc(100%/2 - 0px);
		}
    /* Добавил по правке от Александра */
    
    .other-title {
    padding:0 0 20px 0;
    }
    
    
    i.arrow-menu_filter {
    display:block;
    }
    
    .nav-other2 {
    display:none;
    }
    
    
    .other-left {
    float: none;
    width: 100%;
    }
    .other-right {
     float: none;
    width: calc(100% - 0px);
    
    }
    .other-right:before {
        display:none;
    }
    .other-right .colums-products:before {
    right: 0px;
}
    
    .spec-ite {
    float: left;
    width: calc(100%/2 - 0px);
    margin: 0 0px 0px 0;
    position: relative;
}
    
    .f-footer-contacts {
    float: none;
    width: 100%;
        clear:both;
}
    .f-footer-menu {
    float: none;
    width: 100%;
    margin: 0 0% 0 0;
}
    .f-footer-l {
    float: none;
    width: 100%;
    position: relative;
        margin:0 0 30px 0;
}
    .copyright {
    position: relative;
    bottom: 0px;
        margin:20px 0 0 0;
}
    
    .menu-main-yel-sub {
        -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
    }
    .button-order-calls {
        margin:2px 0 0 10px;
    }
    .button-order-calls a {
        padding:0px;
        background:rgba(255,255,255,0.5);
        width:40px;
        height:40px;
        margin:0px;
    }
    
    .header_nav {
        display:none;
        
    }  
    .form-order-send-page:after {
        opacity: 0.1;
    }
    .mobile {
        display:block;
    }
    .col-row-info {
        display:none;
    }
    .button-get-price {
        display:none;
    }
    .logotype {
        margin:50px auto 0 auto;
        display:table;
    }

    .logo-f {
    
        margin: -19px auto 50px auto;
    }
    .logo-f a {
        width: 307px;
    }
    .menu-yel {
        display:block;
        float:none;
    }
    .header .search-header {
        visibility: hidden;
        display:none;
    }
    .menu-arrow {
        -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    }
    .menu-nav {
        display:none;
    }
    .products-row {
    
    width: calc(100%/2 - 0px);
    }
    .section-programs {
        padding:20px 30px;
    }
}
@media screen and (max-width:880px){
    .sec-fl-left {
        float:none;
        width:100%;
            margin: 0 0px 20px 0;
    }
    .sec-fl-center {
        float:none;
        width:calc(100% - 0px);
    }
    .sec-fl-right {
        float:none;
        width:100%;
        margin:20px 0 0 0px;
    }
    .sec-image {
        height:210px;
    }
     .sec-image4 {
        height:210px;
    }
    .sec-content {
        top:3vh;
        left:7%;
    }
    .sec-content-partners {
        top:5vh;
    }
    .sec-title {
        margin:20px 0 0 0px;
        text-align:left;
    }
    .sec-title span {
        margin:10px 0 0 0;
        display:block;
    }
    .sec-txe {
        text-align:left;
        padding:0px;
        margin:12px 0 0 0;
    }
    .button-order-yellow a {
        display:inline-block;
        margin:12px 0 30px 0;
    }
}
@media screen and (max-width:800px){ 
  
    
    
    .cart_order_area_main_div {
    float:none !important;
        width:100% !important;
    }
    
.section-pre-row {
    float: left;
    width: calc(100%/3 - 0px);
}
    .input-row {
    float: left;
    width: calc(100%/2 - 40px);
    margin: 30px 40px 15px 0px;
    position: relative;
}
}
@media screen and (max-width:715px){
    
      .x-cart-table-row.x1 {
    display:none;
        width:0%;
    }
    .x-cart-table-row.x5 {
    width:21% !important;
    }
      .x-cart-table-row.x3 {
    width:21% !important;
    }
    
    .cart_order_area_side {
    float: none !important;
    margin-right: 0 !important;
    width: 100% !important;
    }
    .cart_order_area {
    padding-right: 0px !important;
    }
    
        .cart-options-count {
        display:table;
     margin:20px auto 0 auto;
    }
    
   .products-row.td {
    width: calc(100%/2 - 0px);
}
     .all-price {
        display:table;
        margin:35px auto 0 auto;
    }
    .button-add-shop {
         display:table;
        margin:25px auto 0 auto;
    }
    .full-title {
        text-align:center;
    }
    .full-price-odo {
        display:table;
        margin:25px auto 0 auto;
        text-align:center;
    }
    .full-price-odo .odo-price {
    float:none;
    }
    .full-price-odo span.odo-i {
    float:none;
        clear:both;
        display:block;
    }
    .product-options {
        display:table;
        margin: 30px auto 0 auto;
        text-align:center;
    }
    .product-options ul {
        display:table;
        margin:0px auto;
          text-align:center;
    }
    .ui-title.bio {
    margin: 0px 0 0 20px;
}
    .de-fullstory {
  
    padding: 0 20px 35px 20px;
}
    
    .fullstory-le-info {
    float: none;
    width: 100%;
}
    .fullstory-re-info {
   float: none;
    width: 100%;
    margin: 25px 0px 0 0px;
}
    .content-full-append {
         margin: 50px 20px 30px 20px;
    }
    
}
.mob-cus {
display:none;
}
@media screen and (max-width:613px){
    
    .mob-cus {
    display:block;
    }
     .x-cart-table-row.x3 {
    width:0% !important;
         display:none;
    }
    .x-cart-table-row.x5 {
    width:36% !important;
    }
    .x-cart-table-row.x4 {
    display:none;
    }
    .x-cart-table-row.x6 {
    width:8% !important;
    }
    .x-cart-table-row.x2 {
    width:51% !important;
    }
    }
@media screen and (max-width:570px){
    
    /* Правки от Александра */
    
    .other-right.all-container .products-row.td{
	width:calc(100%/1 - 0px);
	}
    
    /* Правки от Александра */
    
        .card-f {
    right:20px;
        bottom:20px;
    }
       .products-row.td {
    width: calc(100%/1 - 0px);
} 

   
    
    .speedbaru {
        margin:23px 0 0 20px;
    }
    .wrapper {
        padding:0px;
    }
    .mobile {
   
    padding: 0px 20px;
}
    .menu-arrow {
        padding: 0px 60px 0 60px;
    }
    .menu-arrow, .container {
        -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
    }
    .menu-arrow i.list-icon {
        left:20px;
    }
    .ui-title {
        margin:30px 0 0 0;
    }
    .product-item {
        padding:0px 20px;
    }
    .button-order-cart a {
        margin: 20px 20px 30px 20px;
    }
    .products-row {
    width: calc(100%/1 - 0px);
        float:none;
}
    .section-pre-row {
    float: left;
    width: calc(100%/2 - 0px);
}
    .ui-title.b-row {
    margin: 40px 0 0 20px;
}
    .section-programs {
    padding: 20px 20px;
}
    .form-order-send-content {
   
    margin: 60px 20px 0 20px;
}
    .seo-tex {
   
    padding: 0px 20px 50px 20px;
 
}
    .footer {
  
    padding: 50px 20px;
}
    .ui-title i {
   
    max-width: 100%;
  
}
}
@media screen and (max-width:470px){
    
        .button-add-shop {
        margin:25px 20px 0 20px;
    }
 .button-add-shop button {
    display: block;
     width:100%;
    }
    .button-add-shop a {
          display: block;
     width:100%;  
    }
    .sec-txe {
        max-width:80%;
    }
    .input-row {
    float: none;
    width: calc(100%/1 - 0px);
    margin: 30px 0px 38px 0px;
    position: relative;
        clear:both;
}
    .form-tx {
   
    max-width: 100%;
 margin:80px 0 0 0;
        text-align:center;
}
    .and-call {
        margin:30px auto 0 auto;
        display:table;
    }
}
@media screen and (max-width:400px){ 
    
    .product-options ul li {
    float:none;
    }
    .spec-ite {
    float: none;
    width: calc(100%/1 - 0px);
  
}
    

    .search-mobile {
        position:absolute;
        right:20px;
    }
    .sec-content {
        top:1vh;
    }
    .ui-title {
    font-size: 25px;
    }
    .ui-title span {
        margin:13px 0 0 21px;
    }
    .ui-title h1 {
        font-size:25px;
    }
        .search-header {
width: 220px;
  

}
    
}
@media screen and (max-width:350px){

    .and-call a {
    font-size: 28px;
    }
    .section-pre-row {
    float: none;
    width: calc(100%/1 - 0px);
}
}




/* Стили для карты сайта */

.sitemap_categories a {
    color:#000;
        -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.sitemap_categories a:hover {
color:#FFDD00;
}

.sitemap_static_pages a {
    color:#000;
        -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.sitemap_static_pages a:hover {
color:#FFDD00;
}

#hsitemap{
    margin:0 0 0 10px;
}

.net{
    font-size:16px;
    margin:25px 0 0 0;
    background: #ffe6dd;
    border: 1px solid #f0c4b5;
    color: #553c33;
    padding: 15px 20px;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
}

@media screen and (max-width: 715px){
.net{
    margin:25px auto 0 auto;
    width:165px;
    height:50px;
    display:block;
    text-align: center;
}
}
.product-options ul li span{
    display:block;
    border: 1px solid #EEEEEE;
    display: inline-block;
    margin: 0 10px 10px 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #ddd;
    padding: 11px 22px;
    font-size: 13px;
    -o-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -webkit-transition: 0.3s all;
    position: relative;
    cursor:pointer;
}

#PersDann{
    margin:0 0 20px 40px;
}

.pix10top{
	margin:10px 0 0 0;
}

#ParamKraft{
    color: rgba(0,0,0,0.43);
    font-size: 14px;
    text-align:center;
    margin:10px 0 0 0;
}
    
    
@media screen and (max-width: 972px){
.nav-other {
    display: none;
}
    
.nav-other2 {
    display: none;  
}
    
.nav-other3 {
    display: none;
        
}
    
.nav-other4 {
    display: none;
        
}
    
.nav-other5 {
    display: none;
        
}      
       
}   

@media screen and (max-width: 972px){ .stat img {width:100%} }

@media screen and (max-width: 972px){
.other-title2{
    margin-top:10px;
    }
}





/* Стили для CatFace */

#CatDis{
    width:100%;
    padding:10px 5px 20px 5px;
    background-color:#efebeb40;
    text-align:center;
    border-bottom:1px solid #eee;
}

#CatDis a{
    color: #ffa52f;
}

#CatDis a:hover{
    text-decoration:underline;
    color:#000;
    transition: 0.5s;
}

#CatDis img{
	margin:0 auto;
    display:block;
}

#CatName{
    width:100%;
    height:50px;
    font-size:16px;
    padding:15px 0 0 10px;
    border-bottom:1px solid #eee;
}

#CatName span{
    font-style: normal;
    font-size: 20px;
    font-weight: 600;
}

/* Акция стили */

#Ac_1{
    position: absolute;
    height: 15px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: red;
}

/* Блоки "Другая наша продукция" и "Популярные пивоварни " */
.other-products, .popular-pivovars{
    padding: 0 3.5%;
}
.other-products-flex, .popular-pivovars-flex{
    display: flex;
    justify-content: space-around;
}
.other-products-item,.popular-pivovars-item{
    min-width: 20%;
    position: relative;
}
.other-products-item,.popular-pivovars-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.other-products-item:hover p,.popular-pivovars-item:hover p{
    text-decoration: underline;
}
.other-products-flex img{
    max-height: 390px;
    width: auto;
}
.popular-pivovars-flex img{
    max-height: 300px;
}
.other-products-flex img, .popular-pivovars-flex img{
    height: auto;
}
.other-products-flex p, .popular-pivovars-flex p{
    text-align: center;
}
.popular-pivovars-flex p{
    margin-top: 0;
}
.other-products-item a,.popular-pivovars-item a{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.other-products h2, .popular-pivovars h2{
    margin-top: 25px;
}
.other-products h2{
    margin-bottom: 15px;
}
@media (max-width:1130px) {
    .popular-pivovars-flex img{
        max-height: 250px;
    }
}
@media (max-width:954px) {
    .popular-pivovars-flex img{
        max-height: 200px;
    }
}
@media (max-width:764px) {
    .popular-pivovars-flex,.other-products-flex{
        flex-wrap: wrap;
    }
    .popular-pivovars-item,.other-products-item{
        width: 50%;
    }
    .popular-pivovars-flex img{
        max-height: 250px;
    }
}
@media (max-width:496px) {
    .popular-pivovars-item{
        width: 100%;
    }
}
@media (max-width:390px){
    .popular-pivovars-item,.other-products-item{
        width: 100%;
    }
    .other-products-flex img {
        max-height: 190px;
    }
}