@import url("reset.css");

/* @group Общий стиль */

html{width: 100%;}
body{font: 17px 'Roboto', sans-serif; font-weight: 300; background: white; color: rgb(51, 51, 51); position: relative;-webkit-font-smoothing: antialiased; }
input {font-weight: 300;}
li{list-style: none;}
p{margin-bottom: 15px;}
.phones p{margin-bottom: 0px;}
hr{margin: 5px 0; height: 1px; border: none; color: #fcfcfc; background-color: #f5f5f5; clear:both;}
.hr-dotted {clear: both; color: #aaa; height: 1px; border-bottom: 1px dotted #ccc;}
h1, h2, h3 {font-weight: 300;}
h1{font-size: 25px; letter-spacing: -0.015em; margin-top: 5px;}
h2{font-size: 18px;}
h3, h5{font-size: 15px;font-weight: 300}
h4{font-size: 11px;font-weight: normal}

img{line-height: 20px; vertical-align: middle;}
a { color: #19a1cc; text-decoration: none;}
a:hover{color: rgba(131, 119, 185, 0.90); text-decoration: underline;}
.clear {clear:both;}

.hover_mouse				{opacity:0.7;}
.hover_mouse:hover			{opacity:1.0;}
.holiday {width: 100%; height: 100%; background: #ffd94f; text-align:center; color: black;}
#wrapper{width: 100%; min-width: 1024px; position: relative; overflow: hidden;}
/* HEADER */
.header{background: #fbfbfb; position: relative; display: block; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.top-nav{height:35px; width: 100%;list-style: none; vertical-align: top; padding-top: 3px;}
ul.top-nav li a{ background: white; border: 1px solid #e8efea; float: left; font-size: 13px; color: #353535; height: 30px; line-height: 30px; padding: 2px 10px 0px 10px; margin:0 3px; text-transform: uppercase;border-radius: 4px;}
.top-nav .selected {background: #8679bd; color: white;}

#top{position: relative; background: rgba(255, 255, 255, 0.95); width: 100%; min-width: 1024px;height: 80;z-index: 99;}
#top .logo {width: 180px; height: 80px; margin-left: 15px; border-radius: 6px; padding: 0 10px;overflow: hidden;}

#main_container{width: 100%;min-width: 1024px; max-width: 1800px; margin: 0 auto; position: relative;}
#content{width: 79%; float: right; position: relative; overflow: hidden;}
#main{width: 97%; padding: 0 20px; margin: 0 auto; position: relative;overflow: hidden;}
#page{}
#page_title{position: relative;color: #444;font-size: 20px;letter-spacing: -0.015em;margin: 20px 0 0 5px;white-space: nowrap;}
#page_title a{color: #444;}
.list-wrapper {padding: 0 20px;}
/* @end — Общий стиль */

.title{
    color: #333;
    position: relative;
    padding: 10px 0;
    line-height: 40px;
    height: 100%;
    letter-spacing: -0.015em;
    overflow: hidden;
    font-family: Arial, Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
}
.title-arrow{
    color:white;
    padding: 0 20px;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    background-color: #60c152;
}

.title-arrow:before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border-width: 20px 0 20px 15px;
    border-style: solid;
    border-color: #60c152 #60c152 #60c152 transparent;
    left: -14px;
}
.title-arrow::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid #60c152;
    right: -15px;
}
.title-arrow:hover{background-color: #C9C4E2; color:white;}
.title-arrow:hover:before {border-color: #C9C4E2 #C9C4E2 #C9C4E2 transparent;}
.title-arrow:hover::after {border-left: 15px solid #C9C4E2;}
.title_icon{
    background: url('../images/bg/info_icon3.png') 100px no-repeat;
    height: 40px;
    width: 45px;
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.browsed{background-position: -0 -700px;}
.author {background-position: -0 -800px;}
.desc   {background-position: -0 -900px;}
.a_works{background-position: -0 -1000px;}
.comm   {background-position: -0 -1105px;}
.random {background-position: -0 -1300px;}
.related{background-position: -0 -1400px;}
.posting{background-position: -0 -2502px;}
.filter_icon { height: 35px; line-height: 35px;  padding-left: 25px;    list-style: none;
    background: url('../images/bg/idream-icons.png') no-repeat -10% -605px;}


.act-wrapper{width: 100%;}
.act-shell{max-width: 1500px; overflow: hidden;margin: 0 auto;}
.act-level1{cursor: pointer; width: 25%; height: 170px; display: block;float: left; }
.act-head{width: 100%; height: 35px; text-align: center; color: #56698F;}
.act-head a{color: #56698F;}
.act-desc{text-align: center; padding: 5px 0 0 0; color: #8c8c8c;}
.act {border: 1px solid #56698F; border-radius: 50%; margin: 0 auto; display: block; width: 65px; height: 65px; background: url('../images/bg/bg-slider-icons.png') 50% 50% no-repeat; }
.act1{background-position: 50% -7%; }
.act2{background-position: 67% 33%; }
.act3{background-position: 50% 72%; }
.act4{background-position: 50% 109%; }

/*BRANDs*/
.brand-description{padding-left: 110px;}

/*SLIDER*/

#slider {height: 170px; max-width: 1500px; min-width: 1024px; padding: 10px 0 1px 0; margin: 0 auto;  position: relative;overflow: hidden;}
.sliders-wrapper {width:100%; display: block; margin: 0 auto;}
.sliders {border-radius: 8px; margin: 0 auto; width: 1024px; height: 170px; overflow: hidden;position: relative;}
/* МЕНЮ */
#catalog-wrapper{background: #fafafa; display: table; width: 100%; z-index: 1; position: relative; overflow: hidden; border-radius: 12px;}

#catalog-wrapper .catalog-wrapper{ padding: 0 20px; width: 100%; min-width: 1024px; max-width: 1500px; margin:  0 auto;}
#catalog-wrapper .catalog {line-height: 45px; height: 45px; text-align: left; position: relative;}
#catalog-wrapper li{height: 120px; width: 10%; overflow: hidden; text-align: center; float: left; padding: 5px 5px 0 5px;border-radius: 8px;box-shadow: rgba(251, 143, 153, 0.90)
}

#catalog-wrapper li img{display: block; margin: 0 auto; vertical-align: bottom;}
#catalog-wrapper li:hover { background: #f7f4ee;}
#catalog-wrapper li.selected { background: #e5e4f7; position: relative; }
#catalog-wrapper a {display: block; color: #667B74; vertical-align: bottom;}
#catalog-wrapper a:hover {text-decoration: none;}
#catalog-wrapper .lvl1 {position: absolute; top:105%;width: 150%; border-top: 1px dotted #f3f2ff; background: rgba(252, 252, 252, 0.95);}
#catalog-wrapper .lvl1 li{width: 10%; border:1px solid #f6f6f6; float: left;}

.sub-catalog-main-wrapper{width: 100%; padding-top: 10px;overflow: hidden;}
.sub-catalog-wrapper {height: 120px; width: 100%;margin: 0 auto; text-align: center;}
.sub-wrapper{width: 120px; margin-right: 10px; cursor: pointer; font-weight: 400;}
.sub-wrapper a{display: block;}
.sub-img{margin: 0 auto; width: 75px; height: 75px;  border-radius: 10%; border: 1px solid #fff;}
.sub-img:hover{opacity: 0.5;}
.sub-wrapper img {display: block; padding-top: 10px; margin: 0 auto; vertical-align: bottom; max-width: 77px; max-height: 77px;}
.menu-line {
    width: 100%; display: block; height: 3px; float: right;
    box-shadow:         0px 3px 0px 0px rgba(173, 197, 195, 0.50);
    -webkit-box-shadow: 0px 3px 0px 0px rgba(173, 197, 195, 0.50);
    -moz-box-shadow:    0px 3px 0px 0px rgba(173, 197, 195, 0.50);}

#menu{max-width: 700px;margin-top: 5px;float: left;}
#menu li{padding: 5px 0; display: inline;float: left; border-left: 1px solid white; border-right: 1px solid #ccc;}
#menu .selected{opacity: 0.3;}
#menu .img a{height: 35px; width: 60px; display: block; background: url('../images/bg/info_icon3.png') no-repeat; margin-top: 0; border-right: 1px solid #ccc;}
#menu .main a {background-position: -5px -1808px;}
#menu .help a {background-position: -0px -1910px;}
#menu .blog a {background-position: -0px -2010px;}
#menu .contact a {background-position: 25px -2110px;}
#menu .ordered a {background-position: -0px -2110px;}
#menu .partnership a {background-position: 0px -2402px;}
#menu .zakaz {float: right; line-height: 35px;}
#menu .zakaz a {color: white; padding: 0 10px 0 40px; display: block;  border: 1px solid #ccc; border-radius: 24px; background:  #79d670 url('../images/bg/info_icon3.png') no-repeat -1px -2715px; }
#menu .zakaz a:hover, .zakaz .selected  {background:  white url('../images/bg/info_icon3.png') no-repeat -1px -2715px; opacity: 1; color: #79d670;}
                 /* USER */
#account{height: 35px; margin-right: 12%; margin-top: 5px; display: block; float: right;}
#account div{display: inline;float: left;}
#account .register, .login,.user{padding: 5px 0;}
#account .register, .user{box-shadow: 2px 0px 0px -1px rgba(0,0,0, 0.1)}
#account .logout{padding: 5px; margin-left: 5px;background: url('../images/bg/menu_icons.png') no-repeat 0% -147px;}
#account .user .bonuses{float: right;}
#uLogin {margin: 0 auto; padding: 0 40%;}

                /* USERs BONUSES*/
.bonuses{float: right; margin-right:5px; height: 27px; width:35px; background: url('../images/bg/menu_icons.png') no-repeat; cursor: pointer;}
.silver{background-position: 0 -200px;}
.gold{background-position: 0 -250;}
.emerald{background-position: 0 -300px;}
.gift{background-position: 0 -348px;}
                        /* PHONES */

.phones{
    position: relative;
    float: left;
    width: 30%;
    font-family: 'bebas_neuebold';
    font-size: 26px;
    color: #626262;
    font-weight: 500;
}
.phone-icon{
    float: left;
    height: 90px;
    width: 100px;
    margin-right: 5px;
    background: url('../images/bg/idream-icons.png') 0px -1424px no-repeat;
}
.phone-icon:hover{background: url('../images/bg/idream-icons.png')-0px -1324px no-repeat}
.phone-open{font-weight: 400;}
a.phone-contacts {color:#2a87ad; display: block; text-decoration: underline; font-weight: 400; cursor: pointer; position: absolute; bottom: 3px; left: -20px;}
a.phone-contacts:hover {color:#2a87ad; text-decoration: none; }

.viber-icon {position: absolute; top:0; left: 5px; display: block; height: 25px; width: 25px; background: url(../images/bg/info_icon3.png) -6px -3040px; }

   /* ИНФОРМЕР КОРЗИНЫ */
.cart-name {font-weight: 400;position: absolute; width: 100%; top: -20px; left: -30px;}
#cart_informer{
    float: right;
    position: relative;
    height: 100px;
    width: 140px;
    color: #505050;
    z-index: 990;
    text-align: center;
}
.cart-image{height: 100%;width: 100%;position: absolute;
    background: url('../images/bg/idream-icons.png') no-repeat;}
#cart_informer .empty       {background-position: 0px -1215px;}
#cart_informer .empty:hover {background-position: 0px -1115px;}
#cart_informer .load        {background-position: 0px -1015px;}
#cart_informer .load:hover  {background-position: 0px -915px;}
#cart_informer .cart-image form {position: absolute; top: 33%; right: 28%; }
#cart_informer .cart-image .circle_amount
{font-size: 32px; color: #F62459; border: none; text-align: center; width: 80px; height: 75px;
    background: none; cursor: pointer;display: block;}
/* МИНИ КОРЗИНЫ */
.shopping_cart_mini{
    position: absolute;
    top: 80px;
    left: -100px;
    min-width: 250px;
    background: white;
    border-radius: 4px;
    z-index: 10000;
    padding: 5px;
    font-size: 13px;
    color: #979797;
    box-shadow:    2px 0 10px 0 rgba(0,0,0,0.6);
    display: none;
}

.shopping_cart_mini .item{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.shopping_cart_mini .item_image{
    display: block;
    float: left;
    line-height: 60px;
    width: 60px;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    overflow: hidden;
}
.shopping_cart_mini .item_info{width: 70%;float: left;}
.shopping_cart_mini .item_name{float: left;width: 100%;overflow: hidden;}
.shopping_cart_mini .item_details{width: 100%;float: left;overflow: hidden;}
.shopping_cart_mini .item_price{color: #11b319; float: right;}
.shopping_cart_mini .item_price strike{color: #df3734;}
.shopping_cart_mini .delete a{
    background: url('../images/bg/delete.png') no-repeat 50% 50%;
    height: 60px;
    width: 30px;
    text-align: center;
    line-height: 60px;
    display: block;
    float: left;
    -webkit-transform:scale(0.7);
    -moz-transform:scale(0.7);
    -ms-transform:scale(0.7);
    -o-transform:scale(0.7);
    transform:scale(0.7);
}
.shopping_cart_mini .apl_order{
    float: right;
    color: white;
    text-decoration: none;
    font-size: 15px;
}





/*СТИЛИ ДЛЯ INPUT*/
input[type="text"],input[type="file"], input[type="captcha"],input[type="tel"],input[type="password"], input[type="email"], textarea, input[type="search"]{
    font-size: 17px;
    width: 90%;
    padding: 8px 12px;
    border-radius: 8px;
    vertical-align: middle;
    margin-bottom: 30px;
    margin-left: 20px;
    outline: none;
    border: 1px solid #dddddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 3px 3px 1px 0 #eeeeef;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="tel"]{padding: }
/* ПОИСК */
.search-wrapper{float: left; width: 35%;}
#search{
    display: block;
    position: relative;
    padding: 25px 0 25px 0;
    height: 40px;
    margin: 0 auto;
    width: 90%;
    min-width: 80px;
    opacity: 0.9;
}
#search .input_search{
    width: 95%;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    height: 50px;
    font-size: 15px;
    border-radius: 16px;
    display: block;
    cursor: text;
    float: left;
    border: 1px solid #e0e0e0;
}
#search .search-value{padding: 0 10px 0 30px; font-size: 20px;}
#search .button_search {
    position: absolute;
    right: 10px;
    width: 24%;
    height: 50px;
    cursor: pointer;
    display: block;
    border: none;
    font-size: 20px;
    border-radius: 0 6px 6px 0;
    color: white;
    border-bottom: 3px solid #71669f;
    background-image: linear-gradient(to bottom, #7E71B1, #887abf);
}
#search .button_search:hover {background-image: linear-gradient(to bottom, #8a7cc2, #9e8edf);border-bottom: 2px solid #71669f;}

                        /* КОРЗИНА */
.cart-block-right{width: 69%; display: inline; overflow: hidden; }
.cart-block-left .form-content{width: 300px; border-radius: 8px; padding: 0; }
.buyer{border-left: 10px solid #57ce32; background: #e5e5e5; padding: 10px 0; border-radius: 8px;}
.buyer input [type="text"]{width: 50% !imporatant; }



ul#deliveries{
    padding: 20px 0px 0 10px;
    list-style: none;
}
ul#deliveries > li{margin-bottom: 30px;}
ul#deliveries li div.checkbox{float: left; margin-right: 15px;}
ul#deliveries li h3, ul#deliveries li .description{display: block; margin-left: 25px;}
#deliveries label{line-height: 30px;}
/* @end */

/* @group Кабинет */
#orders_history{list-style: none;}
#orders_history li{margin-bottom: 10px;}
#orders_history li a{font-size: 16px;}
/* @end — Кабинет */

/* @group Детали заказа */
.order_info {float: left;}
.order_info .total-price {float: right;}
table.order_info{ margin-right: 20px;margin-bottom: 20px;background-color: #f9f9f9;}
table.order_info td{padding: 10px;border: 1px dotted #ccc;}

.checkout_button{
    padding: 10px 20px 10px 20px;
    border: 1px solid #51a400;
    background-color: #d3ffa9;
    color: #2e5e00;
    font-size: 14px;
}

#cart_popup .someclassname {width: 95%;}

#cart_popup {width: 900px; border-radius: 15px; font-size: 15px; display: none;}
#purchases #page_title{float: left;}
#cart_popup #purchases{text-align: left; margin: 0;}
.cart_continue {float: right; padding: 6px 20px; }


#cart_popup .image, #cart-status .image{ width:20%; margin:5px 0; min-width: 100px; height: 100px; line-height:60px;text-align:center;float: left;}
#cart_popup .variant_block, #cart-status .variant_block{width: 40%; padding: 0 10px;}
#cart_popup .variant-color, #cart-status .variant-color {display:block; margin-bottom: 5px; width: 70px; overflow: hidden; float: left;}
.variant-color span{float: left; margin: 0 auto; display: block; height: 25px; width: 50px; border: 1px solid #ccc; border-radius: 26px;}
#cart_popup .variant, #cart-status .variant{height: 34px; }
#cart_popup .price, #cart-status .price{float: left; padding-left:15px; }
#cart_popup .price-list, #cart-status .price-list {margin-top: 7px; text-align: center; border-radius: 8px; padding: 5px; font-size: 18px; color: #080f08; background: #f4ecd9; }
.price-wrap{border-radius: 8px; color: #080f08; background: #fff3b5; padding: 5px 10px;}
#cart_popup .amount, #cart-status .amount{font-size:15px; float: left; padding:30px 0 ;}
.amount .add2{top: 30px; height: 48px; text-align: center; line-height: 48px;}
.amount .add1{top: 30px; height: 48px; text-align: center; line-height: 48px;}
#cart_popup .total-price-block, #cart-status .total-price-block{width: 17%; padding:32px 0; position: relative; display: table; overflow: hidden;}
#cart_popup .total_price, #cart-status .total_price2 {padding-left: 30%; text-align: center;  display: inline-block; vertical-align: middle;}
#cart_popup .remove, #cart-status .remove{width: 4%; text-align:left;}
#cart_popup .remove a, #cart-status .remove a {font-weight: 700; font-size: 24px; color: #979797; margin: 0 auto;  display: block; width:25px; height: 25px; padding: 25px 0;}
#cart_popup .remove a:hover, #cart-status .remove a:hover {text-decoration: none;}
#cart_popup .close, #cart-status .close {background: none;border: none; cursor: pointer;}
#cart_popup button {background: none; border: none; padding: 10px 15px; cursor: pointer; }
#cart_popup .popup-order-button { background: #60c152; margin-right: 25px; border-radius: 8px;}
#cart_popup .popup-continue-button{background: #f7f7f7; border-radius: 8px; border: 1px solid #ccc; }
#cart_popup .popup-order-button:hover {background: #60c152; border-radius: 8px;}
#cart_popup .popup-continue-button:hover{background: #ebebeb;}


#cart_popup .cart-popup-order-wrap {width: 210px; margin: 10px 0px 10px 0;  padding: 5px 10px;}


.purchases {width: 100%;float: left;}
.purchases .but_order{border-bottom: 3px solid #008803; margin: 10px 0 20px 20px; width: 95%; height: 50px; border-radius: 8px;}

#purchases 						{width: 100%; margin:10px 0 5px 10px;float:left; }
#purchases td					{padding:3px;vertical-align:middle;text-align:center;}
#purchases tr					{border-top:1px solid #E3E3E3;}
#purchases th					{padding:10px 7px;font-size:18px;font-weight:normal;}
#purchases .image				{width:10%;line-height:60px;text-align:center;}
#purchases .image img			{vertical-align:middle;}
#purchases .image a				{display:table-cell;width:60px;height:60px;}
#purchases td.name				{width:20%;padding-right:5px;}
#purchases td.variant			{width:20%;padding-right:5px; text-align: left;}
#purchases td.variant-color     {width: 5%;}
#purchases td.price				{width:12%;padding:0 10px; text-align: center;}
#purchases td.amount			{width:6%;font-size:15px;}
#purchases td .download_attachment{white-space:nowrap;color:#3b8500;padding:5px 10px 7px 10px; background-color:#ccff72;line-height:30px;}
#purchases .remove				{width:7%; text-align:center; }

.purchases .total-price{display: inline; padding-top:10px; float:right;}

.purchases .coupon {float: left; width: 400px; padding: 25px 10px 0 10px;  border-radius: 8px;}
.purchases  .coupon-input {width: 60%; border: 1px solid #ccc !important;}
.purchases .but_coupon {width: 30%; margin: 0 0 20px 20px;  height: 40px;}
.purchases .coupon-greetings {background: #76c66f; color: white; line-height: 35px; text-align: center; margin: 0 0 20px 20px; border-radius: 8px; }

/*ХЛЕБНЫЕ КРОШКИ*/
#breadcrumbs{width: 100%; overflow: hidden; margin: 10px 0 10px 0; z-index: 5;}
#breadcrumbs li{float: left; margin: 0 10px 0 15px;}
#breadcrumbs a{
    padding: 10px 20px;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    background-color: #f5f2f0;
}
#breadcrumbs a:hover {background: #818181;}
#breadcrumbs .current {background: #818181; color: white;}
#breadcrumbs a:before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -21px;
    border-width: 20px 0 22px 15px;
    border-style: solid;
    border-color: #f5f2f0 #f5f2f0 #f5f2f0 transparent;
    left: -14px;
}
#breadcrumbs a:hover::before,
#breadcrumbs .current::before
{border-color: #818181 #818181 #818181 /*#99db76*/ transparent;}
#breadcrumbs a::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid #f5f2f0;
    right: -14px;
}
#breadcrumbs a:hover::after,#breadcrumbs .current::after{border-left-color: #818181;}

                /* MAIN */

/* PAGES */
#page{
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 0 auto;
}
                    /* PRODUCTS */
.tiny_products{
    width: 100%;
    margin-top: 5px;
    display: block;
    overflow: hidden;
}
.product{
    width: 200px;
    height: 400px;
    display: block;
    margin: 0 auto;
    overflow:hidden;
    position: relative;
}
.products{
    float:left;
    margin: 0 auto;
    padding: 12px;
    min-width: 200px;
    /*border-right: 1px solid rgba(234, 234, 234, 0.33);*/
    border-collapse: collapse;
}
.product:hover{
    box-shadow:         0px 5px 0px 0px rgba(138, 127, 195, 0.60);
    -webkit-box-shadow: 0px 5px 0px 0px rgba(138, 127, 195, 0.60);
    -moz-box-shadow:    0px 5px 0px 0px rgba(138, 127, 195, 0.60);
}
.product .image{
    height: 190px;
    text-align:center;
    line-height:190px;
    border: none;
    margin: 0 auto;
    overflow:hidden;
    z-index: 2;
}
.article{z-index: 1; overflow:hidden; top: 54%; right: 7%;}
.article .sku{float: right; padding: 0;  margin: 0;  z-index: 1;}
.annotation{width: 100%;  margin: 0px 0px 0px 0px; height: 88px;  z-index: 2; }
.annotation span {height: 20px; display: block; overflow: hidden;}
.annotation span p {margin: 0;}
.annotation a{color:#3e77aa;}
.annotation a:hover{color: rgb(139, 78, 167);}

.product .price{
    position: relative;
    width: 100%;
    height: 90px;
    margin:10px 0 20px 0;
    float: left;
    border-radius: 8px;
    color: #2e2e2e;
}

.price .current_price{
    float: left;
    border-radius: 4px;
    padding: 5px 8px;
    margin-left: 10px;
    z-index: 2;
    display: block;
    background: #fffae9;

}
.price .compare_price{
    display: inline;
    color: #444;
    position: absolute;
    top: 0%;
    left: 6%;
    background: #dddddd;
    padding: 5px;
    z-index: 1;
    border-radius: 2px;
}

.opt{
    display: block;
    width: 100%;
    margin: 3px 0 0 5px;
}
.opt1{width: 115px;}
.booble{width: 5px;height: 5px;border-radius: 50%; background: #e1e1e1; float: left;margin: 6px 10px 0 0 ;}
.opt2{width: 70px; background: #ffefc2; padding: 1px 5px; border-radius: 25%;}
.price .hot{
    color: #ca2c25;
    background: #ffe48e;
    position: absolute;
    top: 23%;
    left: 5%;
}
.old_price{
    background: #7e7e7e;
    font-size: 1px;
    line-height: 1px;
    height: 2px;
    width: 100%;
    content:'';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 40%;
    transform: scale(1) rotate(0deg) translate(0px,0px) skew(0deg,0deg);
}
                /* ЗНАЧКИ ДЛЯ ТОВАРОВ */
.label {
    position: absolute;
    z-index:2;
    width: 50px;
    height: 50px;
    top: 0px;
    font-size: 13px;
    line-height: 50px;
    box-shadow: 0 0 10px 2px #ffffff;
    text-align: center;
    border-radius: 50%;
}
.label_featured{border: 1px solid #10a822; background: #10b820; color:white; }
.label_sales{color: WHITE ; background: #ca2c25;}

.small{width: 60px; min-width: 50px; height: 15px; line-height: 15px; font-size: 10px;}



                /*ONE PRODUCT PAGE*/
#one_product{width: 99%; float: left;  position: relative; overflow: hidden;}
#one_product figure{width: 30%; min-width: 315px; float:left; position: relative; padding: 0; margin: 0;}
#one_product .image{
    min-width: 300px;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    position: relative;
}
#one_product .var-images a{float: left; margin: 15px 5px 10px 0;}
#one_product .image a{padding: 5px; vertical-align: top;}
#one_product .product_info{
    width: 48%;
    border-radius: 16px;
    float: left;
    position: relative;
}
.article1{
    float: left;
    padding: 10px 0;
    width: 100%;
    height: 50px;
    text-align: left;
    line-height: 25px;
    color: #333;
    position: relative;
}
#one_product .product_info form{width: 100%; padding: 19px 0; position: relative;}
#one_product .product_info .var{border-radius: 18px; margin-right: 5px; padding: 3px;}
#one_product .product_info .var li{height: 45px; float: left; margin-right: 20px;}

#one_product .price_detail{
    content: '';
    background: #ffffff;
    border: 3px solid #11b319;
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: 10px;
    left: -25px;
    width: 50px;
    height: 50px;
    z-index: 1;
    transform: rotate(45deg);
}
#one_product .product_info .price{position: relative;width: 100%;float: left;margin: 10px 0;}
#one_product .price-wrapper{width: 375px; height: 85px; background: #ffefc2; overflow: hidden; padding-top: 10px; border-radius: 8px;}
.old_price{
    background: rgba(246, 73, 79, 0.60);
    font-size: 1px;
    line-height: 1px;
    height: 2px;
    width: 110%;
    content:'';
    position: absolute;
    display: block;
    left: -5%;
    right: 0;
}
.color a.selected{border: 2px solid red;}
#one_product .current_price{
    width: 160px;
    border: none;
   /* background: url('../images/bg/pricing.png') no-repeat;
    background-position: 50% 33%;*/
    height:45px;
    line-height: 70px;
    padding: 0 0 3px 0;
    text-align: center;
    float: left;
    z-index: 100;
    margin: 0;
}
/*блок цена и купить*/
#one_product .compare_price{
    height: 45px;
    top: 66%;
    padding: 0 3px;
    border-radius: 3px;
    left: 5%;
    color: #808080;
    z-index:1;
    background: #ccc;
    position: absolute;
    /*transform: scale(1) rotate(340deg) translate(0px,0px) skew(0deg,0deg);*/
}
.hot-line{
    height: 1px;
    background: #943333;
    width: 100%;
    top: 40%;
    position: absolute  ;
    transform: scale(1) rotate(350deg) translate(0px,0px) skew(0deg,0deg);
}

#one_product .hot{
   border: none;
   z-index: 100;
   color: #ca2c25;
   background: #ffe48e;
}
#one_product .product_cart_informer{
   float: right;
   margin-right: 10px;
   width: 140px;
   text-align: center;
   line-height: 25px;
}
#one_product .product_cart_informer a{
   font-size: 12px;
   color: #979797;
}
.description{
   width: 100%;
   overflow: hidden;
   padding: 0;
   text-align: justify;
   line-height: 23px;
   padding: 10px 0;
   }
#one_product .section{
   width: 98%;
   max-height: 592px;
   margin-top: 5px;
   float: left;
   overflow: auto;
   text-align: justify;
}
ul.tabs{
   height: 28px;
   line-height: 25px;
}
.tabs li{
   float: left;
   display: inline;
   margin: 0 0 0 0;
   padding: 0 20px 1px;
   color: #333;
   cursor: pointer;
   background: white;
   border-right: 1px solid #E4E4E4;
   position: relative;
   text-align: center;
   opacity: 0.8;
}
.tabs li:hover,
.vertical .tabs li:hover {background: #f1f1f1;}
.tabs li.current {
   padding: 0 18px 1px;
   border-bottom: 3px solid #79d670;
   opacity: 1;
}
.box {
   display: none;
   -webkit-border-bottom-left-radius: 18px;
   -webkit-border-bottom-right-radius: 18px;
   padding: 20px 12px;
   border-top: 1px solid #E4E4E4;
}
.box.visible {display: block;} /* по умолчанию показываем нужный блок */

/* Характеристики */
#one_product  .features{}
#one_product  .features li{padding: 5px 0;}
.even{background: #f7f4ee;}
#one_product  .features label{
    display: inline-block;
    width: 30%;
    float: left;
    margin-right: 10px;
    clear: both;
}

/* БЛОК ВАРИАНТОВ */
.related-block{width: 100%; vertical-align:middle; height: 100px; overflow: hidden; display: block;}
.related-block:hover{background: #FCFAEB; }
.related-image {float:left; width: 100px; height: 100px; background: white; overflow: hidden; line-height: 100px;}
.related-name {float: left; width: 27%; padding: 20px 0px 0 0px; color: #3e77aa; min-width: 270px;}
.related-block a:hover{color:#A19AC3;width: 100%;}
.related-right-block {width: 613px; padding-top: 20px; }
.variant-right-block {width: 613px; padding-top: 5px;}
.related-stock{float: left; width: 62px; line-height: 20px; margin-right: 10px; overflow: hidden;}
.related-color {width: 70px;height: 35px;border-radius: 16px; margin: 0 15 0 0}


#footer {
    position: relative;
    width: 100%;
    min-width: 1024px;
	overflow: hidden;
	height: 140px;
    background: rgba(0,0,0,0.1);
    box-shadow: #938f86 0px 2px 50px inset, #323232 0px -5px 10px inset;
}
#footer_mask{
    width: 100%;
    height: 100%;
    background: #171717;
    opacity: 1;
    position: absolute;
    z-index: 1;
}
#footer_mask:hover{
    opacity: 0.1;
}

#footer .light{
    position: absolute;
    left: 245px;
    top: 32px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff600;
    opacity: 0.5;
}
#footer .cat{
    position: absolute;
    left: 50px;
    width: 250px;
    height: 150px;
    background: url('../images/bg/cat3.png') no-repeat 100% 15%;
    -webkit-transform:scale(0.9);
     -moz-transform:scale(0.9);
     -ms-transform:scale(0.9);
     -o-transform:scale(0.9);
     transform:scale(0.9);
}
#footer .cat.eyes{background-position: 100% 171%; z-index: 3;}

.footer-menu{position: absolute; width: 750px; z-index: 2; left: 250px; margin: 0 auto;}
.footer-menu {}
.footer-menu-block {float: left; display: block; margin: 20px 150px 0 0; }

#footer a {color:#D3CCC6;}
.button2{
    color: white;
    float: right;
    margin: 0 4px 0 0;
    font-size: 16px;
    cursor: pointer;
    padding: 3px 17px 10px 17px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
    background: #66CC5A /*2ECC71*/;
    box-shadow:
        3px 3px 3px 0 rgba(147, 143, 134, 0.50),
        inset -1px -3px 0 0 #3a9731;
}
.sign {background: #1e2123; text-align: center; overflow: hidden; width: 100%; height: 49px;}
.copyr{line-height: 49px; }
.button2:hover{
    background: #40c13f;
    padding: 4px 17px 9px 17px;
    box-shadow:
        3px 3px 3px rgba(98, 232, 85, 0.50),
        inset -1px -3px 0 0 #3a9731;
}
.button2:active{
    background: #62e855;
    box-shadow:
        3px 3px 3px 0 rgba(98, 232, 85, 0.50),
        inset 1px 4px 0 0 #3a9731;
}
.button3{
    color: #979797;
    float: right;
    margin-right: 4px;
    font-size: 16px;
    cursor: pointer;
    padding: 3px 17px 10px 17px;
    text-shadow: 0 -1px 0 rgba(228, 228, 228, 0.30);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
    background:  #ededed;
    border: 1px solid #ccc;
}
.button3:hover{
    color: white;
    background: #3a9731;
}

.to_cart_disabled{
    width: 92px;
    height: 37px;
    float: right;
    color: #000000 !important;
    border: none;
    /* background: rgb(241 241 241); */
    background: -moz-linear-gradient(top, rgb(102, 204, 90) 0%, rgb(91, 181, 80) 100%);
    /* background: -webkit-linear-gradient(top, rgb(102, 204, 90) 0%, rgb(91, 181, 80) 100%); */
    /* background: linear-gradient(to bottom, rgb(102, 204, 90) 0%, rgb(91, 181, 80) 100%); */
}
.cart-long_disabled {
    width: 40%;
    /* color: #fff !important; */
    border-radius: 6px;
    border-bottom: 3px solid #418f37;
    text-align: center;
}

.to_cart{
    width: 92px;
    height: 37px;
    float: right;
    color: #fff !important;
    border: none;
    background: rgb(87, 193, 74);
    background: -moz-linear-gradient(top, rgb(102, 204, 90) 0%, rgb(91, 181, 80) 100%);
    background: -webkit-linear-gradient(top, rgb(102, 204, 90) 0%, rgb(91, 181, 80) 100%);
    background: linear-gradient(to bottom, rgb(102, 204, 90) 0%, rgb(91, 181, 80) 100%);
}

.product_buy {height: 50px;}
.cart-long{width: 40%; color:#fff !important; border-radius: 6px; border-bottom: 3px solid #418f37; text-align: center;}
.cart-long a{color:#fff; font: 18px; font-weight: 300;  text-decoration: none; line-height: 37px; text-align: center; }
.cart-long a:hover{color: #fff; }

.to_cart:hover{
    cursor: pointer;
    color:#fff;
    background: rgb(91, 181, 80);
    background: -moz-linear-gradient(top, rgb(91, 181, 80) 0%, rgb(102, 204, 90) 100%);
    background: -webkit-linear-gradient(top, rgb(91, 181, 80) 0%, rgb(102, 204, 90) 100%);
    background: linear-gradient(to bottom, rgb(91, 181, 80) 0%, rgb(102, 204, 90) 100%);
    /* background: #85e065; */
}
/* КНОПКА */
.button {
    float: right;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
    border-radius:8px;
    border:1px solid #cccccc;
    height: 26px;
    color:#616069;
    text-align: center;
    font-size:14px;
    padding:1px 5px;
    text-decoration:none;
    cursor: pointer;
    /* */
}

.button2.product_buy{ width: 200px; height: 75px; font-size: 22px; margin: 0;}
.button.order{ margin-top: 15px; height: 50px; width: 100%;}
.but_reg{margin: 0 0 20px 20px; width: 95%; height: 40px;}
.button:hover {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
    color: #11b319;
}
.button:active {position:relative; top:1px;}
  /* PRODUCTS BLOCK*/

.product .variant_name {float: left; margin-right: 10px; font-size: 12px;}
.product .variant_radiobutton {margin-right: 5px; margin-left: 0px;}



                    /*LEFT BAR*/
#left_bar{
    position: relative;
    float: left;
    width: 20%;
    margin-right: 9px;
   /* border-right: 1px solid #f6f6f6;*/
}
                    /* ФИЛЬТРЫ */
#filters{width: 98%;}
#filters a{ margin: 5px 0 5px 10px;display: list-item;}
#filters .name{margin: 10px 5px 5px 5px;padding: 5px;border-top: 1px inset rgba(250, 250, 250, 0.50);}

label input{display: none;}
input[type='radio']{width: 25px; height: 25px;}
input[type='submit']{box-shadow: none !important; -moz-box-shadow: none; }
label span {width: 28px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: block;
    float: left;
    margin-right: 5px;
    line-height: 25px;
    box-shadow: 1px 1px 1px #ccc inset;}
.var label span {width: 35px; height: 35px;}
.var [type=radio]:checked + label span {
    background: #A19AC3 url('../images/bg/info_icon3.png') -0px -2608px;
    border: 1px solid #A19AC3;
    box-shadow: 0px 0px 1px -1px red inset;}


[type=checkbox]:hover + span, [type=radio]:hover + label span {border: 1px solid rgba(240, 74, 92, 1);}
[type=checkbox]:checked + span{
    background: #A19AC3 url('../images/bg/idream-icons.png') -35px -1806px;
    border: 1px solid #A19AC3;
    box-shadow: 0px 0px 1px -1px red inset;}
[type=radio] + label{line-height: 35px;margin-left: 5px; cursor: pointer;}
[type=radio] + label .variant_color{width: 36px; height: 36px; border: 1px solid #a2c3b8; border-radius: 50%; float: left; margin: 0 5px 0 10px;}

.variants-block{ clear: both; margin-bottom: 20px;}
.variant-wrapper{width: 100%;height: 60px;overflow: hidden;display: block; padding: 5px 0;}
.variant-hover:hover{background: #FCFAEB;}
.variant-color{width: 50px; height: 50px; border-radius: 8px; float: left; margin: 0 15px 0 0;}
.white-color-border {border:1px solid #ccc;}

.variant_name{width: 27%; color: #3e77aa; min-width: 270px; padding-top: 10px;}
.variant-buy{float:right; height: 50px;
    width: 105px;
    border-bottom: 3px solid #418f37;;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
.variant_price {float: left; display: inline-block; width: 58px; line-height: 50px; padding: 0 2px 0 3px;text-align: center;}
.variant_price1 {float: left; line-height: 48px; margin: 0 auto; padding: 0 10px; background: #ffefc2; border-radius: 8px; margin-right: 10px;}
.variant-currency {margin: 0 5px; line-height: 50px; float: right;}
.variant-price-wrapper{ background: #ffefc2; margin-right: 10px; position: relative;border-radius: 8px;}
.variant-table{height: 35px; padding: 10px 25px; margin-right: 20%; border: 2px solid #bcd2ff; border-radius: 8px;}
.variant-table div{display: inline-block; padding: 5px;}
.variant-table span{padding: 10px 5px; display: inline-block;}
.variant-amount-wrapper{display: inline-block; color: #666; font-weight: bold;  position: relative;  width: 120px; height: 50px; !important; margin-right: 10px;}
.add1{ width: 40px; height: 100%; cursor: pointer; background: white; border-collapse: collapse;  border: 1px solid #dddddd; position: absolute; left:0; top: 0; }
.add2{ width: 40px; height: 100%;  cursor: pointer; background: white; border-collapse: collapse;  border: 1px solid #dddddd; position: absolute; right:0; top: 0;}
.add1:hover, .add2:hover{color: #60c152
}

.variant-amount-input{border-collapse: collapse; border:1px solid #dddddd; height: 100%; width:80px !important; text-align:center;}

.variant-available {width: 25px; height: 100%; margin-right: 5px;}

#filters li {width: 98%; margin: 0 0 0 10px;}
#filters label {color: #667B74;display: block;line-height: 28px; padding: 5px;}
#filters label:hover, .var label:hover  {color: rgba(240, 74, 92, 1); background: #fcfcee; text-decoration: underline; cursor: pointer;}
#filters dt {margin: 15px 0px 5px 5px; text-transform: uppercase;}
#filters dt span {padding: 5px 10px; border-radius: 8px; ]}
#filters .color{
    display: inline;
    width: 25px;
    height: 25px;
    margin: 5px;
    padding: 2px;
    border: 2px solid #d9d9d9;
    float: left;
    font-size: 0px;
}


/* СОРТИРОВКА И ПАГИНАЦИЯ*/
.pagination a, .sort a{
    text-decoration: none;
    color: #ccc;
    height: 40px;
    float: left; margin-left: 5px;
    line-height: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #ccc;;
}
.filter-reset a {float: left; height: 40px; line-height: 40px;padding: 10px; border: none; border-radius: 8px;}
.pagination a:hover, .sort a:hover{border: 1px solid rgba(240, 74, 92, 1); color: rgba(240, 74, 92, 1);}
.pagination a.selected, .sort a.selected{background: #A2C3B8;color: white;border: 1px solid #A2C3B8;}

                /* ФИЛЬТР */

.filter-reset a {display: block; background: #a2c3b8; color: white; padding: 0 15%;border-bottom: 3px solid #79928A;}
.filter-reset a:hover{background: #ccc;text-decoration: none;}
                /*СОРТИРОВКА*/
.sort{
    width: 40%;
    overflow: hidden;
    float: left;
    display: inline;
    font-style: normal;
    position: relative;
    margin-bottom: 25px;
    margin-top: 5px;
    position: relative;
}
.sort a{padding: 0 10px;text-transform: uppercase;}
                        /* ПАГИНАТОР */
.pagination {font-size: 20px; margin: 5px 0 25px 0; display: flex; justify-content: center; text-align: center; position: relative;}
.pagination_bottom{padding-left:40%;}
.pagination a{width: 40px;}
.pagination a.show_all{margin-left: 10px;}


/* BROWSERED PRODUCT */
#list{width: 95%;height: 105px;margin: 0 auto;padding: 10px; overflow: hidden;}
#list li{
    position: relative;
    display:inline-block;
    text-align:center;
    margin: 0 19px 0 0;
    padding-bottom: 15px;
    width:105px;
    height:100px;
    overflow: hidden;
    line-height:90px;
}
#list .image img{max-width:100px; max-height: 100px; padding: 5px 0;}
#list a{ padding-left: 5px;}
#list li:hover{padding-bottom: 13px; border-bottom: 2px solid #ccc;}
                        /* ФОРМЫ  */
form{overflow:hidden;}
.form-content a{display: block; text-align: center;}
.form-content{
    width: 500px;
    padding: 20px 40px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}
.form-content h5{
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -.05;
    margin-bottom: 20px;
}
.reg-form{margin: 0 auto;}
::-webkit-input-placeholder {font-family: 'roboto' !important; color: #aeaeae;}
::-moz-placeholder          {font-family: 'roboto' !important; color:#ccc; }/* Firefox 19+ */
:-moz-placeholder           {font-family: 'roboto' !important; color:#ccc;}/* Firefox 18- */
:-ms-input-placeholder      {font-family: 'roboto' !important; color:#ccc;}
textarea{font-family: 'roboto' !important; font-weight: 300; height: 100px; border-radius: 8px;}

.reg-form input[type="text"]:valid, .reg-form input[type="email"]:valid, .reg-form input[type="tel"]:valid, .reg-form input[type="password"]:valid{
    border: #e8e8e8 1px solid;}
.reg-form input:focus{background: #f9f9f9; border: #e5afae 1px solid;}

/*Настройки каптчи*/
.captcha {width: 100%; overflow: hidden; padding: 0 0 30px 20px;box-sizing: border-box; }
.captcha img{float: left; }
.captcha .input_captcha {float: right; width: 124px; height: 43px;}


#right-product-info{
    position: relative;
    width: 180px;
    height: 100px;
    float: right;
    margin: 5px 0 0 0;
    padding:5px;
    border-radius: 12px;
    font-size:12px;
    color: #7d7d7d;
    display: table;
    border: 2px solid #bcd2ff;
}
/* ПРАВЫЙ БЛОК ПРОДУКТА */
.shop_info {padding: 5px; display: block; overflow: hidden; margin-bottom: 10px;}
.shop_info .info_icon {height: 50px;width: 50px; display: block; background: url('../images/bg/idream-icons.png') no-repeat;}
.shop_info .info_mini {padding: 0 4px; height: 50px; width: 112px; text-align: justify; line-height: 25px;}
.shop_info .lh{line-height: 50px; font-weight: bold; }
.shop_info .order {background-position: -23px -640px;}
.shop_info .pickup {background-position: -23px -740px;}
.shop_info .delivery {background-position: -23px -840px;}
.shop_info .discount {background-position: -23px -840px;}
.shop_info .map {height: 16px;width: 16px; background: url('../images/map.png') no-repeat; margin-right: 10px;}



/* КОММЕНТАРИИ */
.comment-text{margin-left: 65px;}
.comments-content{width: 100%;display: inline-block;}
.comment_form {width: 100%; min-width: 800px; padding-top: 20px; }
.comment_textarea {width: 95%; border: 1px solid rgba(211, 204, 198, 0.5)
}
.comment_form input {border: 1px solid rgba(211, 204, 198, 0.5);}
.comment_form .input_name {float: left; width: 250px; margin-right: 50px;}
.comment_form .input_captcha { width: 165px; margin-right: 20px; height: 43px;}
.comment_form img {margin-bottom: 30px;}
.add_comment {float: right; padding: 10px 12px; margin-right: 30px; border: none !important; border-radius: 6px; cursor: pointer; opacity: 0.8; }
.add_comment:hover {opacity: 1;}
.comment-wrapper{padding-top: 20px; background: #818181;}
#vk_comments{float: left; width: 100%;}
.fb-comments{float: left;}

#features {padding: 0 35px;}
.comment_header {
    color: #a2c3b8;
    font-size: 24px;
    font-weight: 400;
    padding: 0 20px;
    border-radius: 8px;
}
.comment-image {display: block; border: 1px solid #ccc; height: 40px; width: 40px; border-radius: 50%  50%; background: #fff url(../images/bg/menu_icons.png) no-repeat; background-position: 2px -42px;margin-right: 5px;}
.comment-cell{padding: 10px;}

/* ОШИБКИ */
.message_error{
	clear: both;
	height: 18px;
    padding: 8px 12px;
	margin: 10px 0px 20px 20px;
	overflow: hidden;
	color: red;
	background-color: #ffcaca;
	border: 1px dotted #ff4545;
}
/*ОПИСАНИЕ*/
#text_desc{
    margin: auto;
    padding: 0 50px;
    text-align: justify;
    color: rgb(153, 153, 153);
    overflow: hidden;
}
#text-desc-wrapper{
    height: 320px;
    width: 100%;
    margin: 0 auto;
}

/* CAROUSEL */
.owl-wrapper-outer{overflow: visible !important;}
.post-carousel{width: 100%; overflow: hidden;  padding: 5px 0;  position: relative;}

.list{ width: 100%;padding: 5px 0px;position: relative; overflow: hidden;  margin: 0 auto;}
.brands-carousel{width: 100%; padding: 25px 0px; position: relative; overflow: hidden; margin: 0 auto;}
.colorless{-webkit-filter: grayscale(100%);opacity: 0.5;display: block;}
.colorless:hover{-webkit-filter: grayscale(10%); opacity: 1.0;}
.colorless2{-webkit-filter: grayscale(50%);opacity: 0.7;display: block;}
.colorless2:hover{-webkit-filter: grayscale(10%); opacity: 1.0;}
.brands-carousel .next, .brands-carousel .prev, .list .next, .list .prev, .post-carousel .next, .post-carousel .prev {width: 45px; height: 120px; background: #d4cdea url('../images/bg/idream-icons.png') no-repeat; position: absolute;z-index: 900;}
.list .next, .post-carousel .next, .brands-carousel .next {right: 0; top: 15%;
    background-position: -25px -155px;
    border-bottom-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    -webkit-border-top-left-radius: 16px;
    opacity: 0.2;
    }
.list .prev, .post-carousel .prev, .brands-carousel .prev {left: 0px; top: 15%;
    background-position: -25px -55px;
    border-bottom-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    opacity: 0.2;
    display: block;}
.list .next:hover,.prev:hover, .post-carousel .prev:hover, .post-carousel .next:hover, .brands-carousel .prev:hover, .brands-carousel .next:hover {cursor: pointer; opacity: 0.8;display: block;}


/* BLOGS */
.post{
    float: left;
    height: 250px;
    width: 100%;
    border-collapse: inherit;
}
.post-wrapper{height: 80%; margin: 10px; padding: 20px; overflow: hidden; border-radius: 8px; box-shadow:0px 0px 0px 1px rgba(204, 204, 204, 0.50);}
.post-wrapper:hover{box-shadow:0px 0px 0px 1px rgba(139, 78, 167, 0.5);}

.more-posts a{background: #a2c3b8; padding: 10px; color: white;border-radius: 4px;}
.post a:hover,
.more-posts a:hover {color: rgb(139, 78, 167); text-decoration: none;}
.post .post-image{overflow: hidden;}
.img_border_left {padding:3px;margin:0px 15px 5px 0px;float:left;background-color:white;border:1px solid #e3e3e3;}
.more-posts{width: 100%; height: 40px; text-align: left; line-height: 40px; font-size: 20px;}
                /*SPANs*/
.blue{color: #19a1cc;}
.orange{color:#FC6520;}
.red{color: #e82537;}
.emerald {color: #2DC26B;}
.green {color:#6dbb31;}
.mint{color:#a2c3b8}
.white {color: #fff;}
.light_grey {color: #ccc;}
.m_grey {color: #aaa;}
.dark_grey {color: #858585;}
.black {color: #333;}
.d-mint { color: #667B74;}
.violet{color: #A19AC3;}
.bg-craft{background: #ffefc2;}
.bg-light-craft{background: #f7f4ee}
.bg-dark-craft {background: #D3CCC6;}
.bg-mint{background: #a2c3b8;}
.bg-violet{background: #6b5e98;}
.bg-redclass{background: #DE5E5D}
.bg-emerald{background: #2DC26B;}
.bg-green{background: #6dbb31;}
.bg-price1{background: #fbffc2; }
.bg-price2{background: #e2ffc2; }
.bg-price3{background: #cbffc2; }


.f_xxxl {font-size: 27px;}
.f_xxl{font-size: 26px;}
.f_xl{font-size: 25px;}
.f_h{font-size: 22px;}
.f_mh{font-size: 18px;}
.f_sh{font-size: 16px;}
.f_l {font-size:15px; }
.f_s {font-size:13px;}
.f_xs {font-size:11px;}
.f_bold{font-weight: 400;}
.i {padding: 0 10px;}
.i_s {padding: 0 5px; vertical-align:middle;}
.tm {margin: 10px 0 0 0;}
.tm13 {margin: 13px 0 0 0;}
.lm {margin: 0 0 0 10px;}
.rm {margin: 0 10px 0 0;}
.l {float: left;}
.r {float: right;}
.m-c {margin: 0 auto;}

/*WRAPPERS */
.wrapper-grey{background: #fafafa; border-radius: 8px;}
.r123 {margin: 0 0 10px 25px;} /* используется в статьях */
.r123::before {content: '\2014'; line-height: 1.4em; padding: 0 5px 0 5px;}
.zoom-05{
    zoom: 0.5;
    -ms-zoom: 0.5;
    -webkit-zoom: 0.5;
    -moz-transform:  scale(0.5,0.5);
    -moz-transform-origin: left center;
}
.zoom-033{
    zoom: 0.33;
    -ms-zoom: 0.33;
    -webkit-zoom: 0.33;
    -moz-transform:  scale(0.33,0.33);
    -moz-transform-origin: left center;
}

.message_good{background:#d3ffa9; padding: 5px 10px 5px 15px; border-radius: 5px;}

/* Figures */
.product_title { width: 97%;}
.product_title .circle{background: #ccc9e5; display: block; opacity: 0.2; margin: 0 2%;}
.product_title .circle:hover{opacity: 1;}
.circle{width: 65px; height: 65px;
    -moz-border-radius: 65px;
    -webkit-border-radius: 65px;
    border-radius: 65px;
}
.circle a .arrow_l {display: block; text-align: center; height: 100%;background: url('../images/bg/idream-icons.png') no-repeat 40px -2155px;}
.circle a .arrow_r {display: block; text-align: center; height: 100%;background: url('../images/bg/idream-icons.png') no-repeat 50px -2260px;}
/* Выключение сайта */
#offline{width: 1024px;margin: 0 auto;text-align: center;}

/*PANEL FOR society*/
.society-panel{position: relative; height: 50px;}

/* Rating */
.rating .rater-starsOff, .rating .rater-starsOn { width: 80px; display: inline-block; background:url(../images/rating.jpg) repeat-x 0 0px; height:16px;}
.rating .rater-starsOn { background-position: 0 -16px; }
/*
.rating {float: left; position: relative; margin-top: 4px;}
.rating .rater-starsOff, .rating .rater-starsOn, .original{width: 46px; height: 46px; display: block; background:url(../images/bg/idream-icons.png) no-repeat;overflow: hidden; }
.rating .rater-rateCount {position: absolute; width: 20px; bottom: 0px; right: -2px; color: #000000; background: white; border-radius: 50%;text-align: center;}
.rating .rater-starsOn,.rating .rater-starsOff {background-position: -21px -390px;}
*/
.stock {width: 50px; text-align: center; line-height: 10px; float: right; margin-right: 5px;}

/* Original */
.original {float: left; margin-left: 5px; background-position: 0 -798px;}

/*Scroll UP*/
.scrollup {background: white; text-align: center; line-height: 65px;}
.scrollup a{ color: #979797; margin: 0 auto; height: 50px;  display: block; background: url(../images/bg/idream-icons.png) no-repeat 50% -542px;opacity: 0.5;}
.scrollup a:hover{opacity: 1;}

.page-header:before{content: '';
    display: block;
    border-top: 1px solid #DDD;
    position: absolute;
    top: 50%;
    margin-top: 5px;
    left: 0;
    width: 100%;}
.page-header{clear:both; position: relative; margin: 0 auto; text-align: center; width: 100%;}
.page-header-title{
    position: relative;
    margin: 20px 0 10px 0;
    letter-spacing: 0.15em;
    display: inline-block;
    background: #fff;
    color: #666;
    font: 300 30px/30px 'Open Sans', sans-serif;
    padding: 0 15px;
    z-index: 2;}

.opt_order {height: 20px;}

.non-visible {display: none;}

#delivery_novaposhta .chosen-container {
    width: 100%!important;
    margin-top: 30px;
}

.novaposhta_div {
    display: none;
}

#delivery_novaposhta .chosen-container-single .chosen-single {
    font-size: 17px;
    font-weight: 300;
    font-family: inherit;
    width: 90%;
    height: auto;
    line-height: 20px;
    padding: 8px 12px;
    border-radius: 8px;
    vertical-align: middle;
    margin-left: 20px;
    outline: none;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: inset 3px 3px 1px 0 #eeeeef;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

#delivery_novaposhta .chosen-container-single .chosen-single div b {
    background-position: 0 10px;
}

#delivery_novaposhta .chosen-container-single .chosen-single div b {
    background-position: -18px 10px;
}

#delivery_novaposhta .chosen-container .chosen-drop {
    border: 1px solid #e0e0e0;
    margin-left: 20px;
    width: calc(100% - 20px);
    margin-top: -35px;
}

.term_np {
    margin-left: 22px;
    margin-top: 15px;
}

.description.orange {
    width: calc(100% - 40px);
    padding-bottom: 0;
}

.description.orange p {
    margin: 0;
}

.deliver_price {
    width: auto;
    height: auto;
    border: none;
    float: none;
    margin: 0;
    display: inline;
    line-height: normal;
    box-shadow: unset;
    color: #FC6520;
}
/*fast_select_city*/
ul.fast_select_city {
    margin: 0;
    padding-top: 10px;
}
ul.fast_select_city li {
    display: inline;
    margin-right: 4px;
    padding: 2px;
    font-size: 17px;

}
ul.fast_select_city span {
    display: inline;
    font-size: 14px;
    color: #19a1cc;
    cursor:pointer;
    border-bottom: 1px dashed #19a1cc;
    /*text-decoration:underline;*/
}
ul.fast_select_city span:hover {
    text-decoration:none;
    color: rgba(131, 119, 185, 0.90);
    border-bottom: 1px dashed rgba(131, 119, 185, 0.90);

}
/*/fast_select_city*/
/*novaposhta_cost*/
select.warehouses_novaposhta{
    border: 1px solid #aaa;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));
    background-image: -webkit-linear-gradient(#eee 20%,#fff 80%);
    background-image: -moz-linear-gradient(#eee 20%,#fff 80%);
    background-image: -o-linear-gradient(#eee 20%,#fff 80%);
    background-image: linear-gradient(#eee 20%,#fff 80%);
    box-shadow: 0 1px 0 #fff inset;
    border-radius: 5px;
    line-height: 24px;
    height: 25px;
    width: 250px;
    margin-top: 30px;
    margin-bottom: 10px;
}
select.city_novaposhta{
    border: 1px solid #aaa;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));
    background-image: -webkit-linear-gradient(#eee 20%,#fff 80%);
    background-image: -moz-linear-gradient(#eee 20%,#fff 80%);
    background-image: -o-linear-gradient(#eee 20%,#fff 80%);
    background-image: linear-gradient(#eee 20%,#fff 80%);
    box-shadow: 0 1px 0 #fff inset;
    border-radius: 5px;
    line-height: 24px;
    height: 25px;
    width: 250px;
    margin-top: 15px;
    margin-bottom: 5px;
}
label span.labelcity_novaposhta {
    width: 250px;
}
label span.labelwarehouses_novaposhta {
    width: 250px;
}
/*/novaposhta_cost*/

/*vedastudio_quick_view*/
@media (min-width: 1200px) {
    .product_quickview {
        width: 1170px;
    }

    .quickview_button {
        display: block;
    }

    .quickview_icon {
        display: none;
    }
}
/*/vedastudio_quick_view*/

/*vedastudio_quick_view*/
.quickview_icon {
    position: absolute;
    top: 92px;
    right: 24px;
    width: 28px;
    height: 16px;
    background-image: url(../images/quickview.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.quickview_button {
    display: none;
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 160px;
    opacity: 0.8;
    padding: 5px 0px;
    text-align: center;
    color: #fff;
    background-color: #f2bd0b;
    border-radius: 2px;
    text-decoration: none;
}
.product_quickview {
    max-width: 1170px;
}
/*/vedastudio_quick_view*/
.warehouses_novaposhta {
    width: 100%;
    height: 30px;
    background: #fff;
    border: 1px solid #a9a9a9;
    font-family: inherit;
}
.select2-search--dropdown .select2-search__field {
    width: 80% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: white !important;
}

.select2-container .select2-selection--single {
    height: auto !important;
    margin-top: 7px !important;
}
.select2-selection--single {
    /*height: 100% !important;*/
    width: 100% !important;
}

.select2-selection__rendered {
    line-height: 38px !important;
    font-size: 14px;
}
.select2-container--default .select2-selection--single {
    /*height: 100% !important;*/
    width: 100% !important;
}
.delivery_description .select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px!important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid rgb(169, 169, 169)!important;
    border-radius: 4px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent!important;
}