@font-face {font-family: 'Palatino Linotype';src: url(../font/pala.ttf), url(../font/palab.ttf), url(../font/palabi.ttf), url(../font/palai.ttf);}
*{margin:0;padding:0;empty-cells: show;font-family: 'Palatino Linotype', serif;position: relative;behavior: url(PIE.htc);}
body{min-width: 740px;background: url(../img/fon.jpg) no-repeat left top fixed;background-size: cover;}
img {border:0;}
.clear {clear:both;}
textarea {resize: none;}
input {outline: none!important;}
input:focus, textarea:focus {outline: 0;}
button {border: 0;outline: none!important;}

i{background:url(../img/icons.png) no-repeat;vertical-align:middle;display:inline-block;text-align:center;text-decoration:none;}

header, footer {position: fixed;background: #76726c;width: 100%;display: block;left: 0;z-index: 10;padding: 7px 20px 2px;min-width: 740px;}
header {top: 0;}
footer {bottom: 0;}
.fb, .vk, .insta, .tw, .gplus, .share, .pin, .yt {width: 24px;height: 24px;margin: 0 1px;top: -3px;}
.fb {background-position: -3px -4px;}
.vk {background-position: -30px -4px;}
.insta {background-position: -57px -4px;}
.tw {background-position: -84px -4px;}
.gplus {background-position: -111px -4px;}
.pin {background-position: -165px -4px;}
.yt {background-position: -192px -4px;}
.share {background-position: -138px -4px;}
.fb:hover {background-position: -3px -31px;}
.vk:hover {background-position: -30px -31px;}
.insta:hover {background-position: -57px -31px;}
.tw:hover {background-position: -84px -31px;}
.gplus:hover {background-position: -111px -31px;}
.pin:hover {background-position: -165px -31px;}
.yt:hover {background-position: -192px -31px;}
.share:hover {background-position: -138px -31px;}
.share-link {display: inline-block;}
.share-link .pluso {position: absolute;background: #76726c;padding: 10px;transition: all ease-out 0.5s;left: 25px;top: -225px;border-radius:0;}
.share-link:hover .pluso {top: -15px;}

.right-top {float: right;display: inline-block;font-size: 14px;text-transform: uppercase;}
.right-top a {text-decoration: none;color: white;margin: 0 10px;border: 1px solid rgba(0,0,0,0.0);padding: 2px 5px 3px;}
.right-top a:hover {border: 1px solid white;}


/* Form */
.customForm {float: right;width: 90px;display: inline-block;vertical-align: top;margin: -2px 20px 0 0;}
/*	=	Select */
.slct, .slct-2, .slct-3, .slct-4 {display: block;width: 33px;padding: 4px 15px 4px 10px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;border: 0!important;}
.slct {margin-left: 6px!important;}
.slct:hover, .slct-2:hover {border: 0!important;}
.select, .select-2, .select-3, .select-4 {display: inline-block;width: 33px;}
.select-4 {display: none;}
.drop, .drop-2, .drop-3, .drop-4 {margin: 0;display: none;position: absolute;background: #76726c;left: 2px;text-align: center;max-height: 200px;overflow-x: hidden;}
.drop li, .drop-2 li, .drop-3 li, .drop-4 li {list-style: none;cursor: pointer;display: block;color: white;padding: 8px;text-align: center;}
.drop-2 {left: 8px;}
.drop li {padding: 8px 8px 8px 10px;}
.drop li:hover, .drop-2 li:hover, .drop-3 li:hover .drop-4 li:hover {color: #222;}

.left-nav {width: 200px;top: 60px;left: 10px;position: fixed;}
.left-nav .logo img {margin-left: 7px;width: 187px;}
.left-nav ul {list-style: none;}
.left-nav ul li a {text-decoration: none;text-transform: uppercase;color: white;padding: 5px 18px;background: #76726c;display: block;border-bottom: 1px solid #87847f;cursor: pointer;}
.left-nav ul li a:hover {background: #87847f;}
.left-nav ul li ul li {transition: all 0.5s ease-out;/*height: 0;*/overflow: hidden;margin: 0 0 0 20px;}
/*.left-nav ul li:hover ul li {height: 33px;}*/
.left-nav ul li ul li a {background: #87847f;border-bottom: 1px solid #76726c;}
.left-nav ul li ul li a:hover {background: #76726c;}
.left-nav > ul > li > ul {display:none;}

.middle {width:500px;margin: 38px 0 0 220px;background: rgba(118, 114, 108, 0.85);padding: 35px 25px 100px 15px;min-height: 90vh;}
.middle h2 {text-transform: uppercase;font-size: 20px;line-height: 30px;color: #ffffff;font-weight: normal;}
.middle h1 {text-transform: uppercase;font-size: 25px;line-height: 34px;color: #ffffff;font-weight: normal;}
.middle h3 {font-size: 22px;color: #ffffff;font-weight: normal;margin: 5px 0 80px;}

.product {margin: 40px 0 0;color: white;}
.product img {float: left;margin-right: 10px;z-index: 1;}
.product a img {width: 148px;margin: 0 10px 25px 0;}
.product .name {font-size: 18px;font-weight: bold;}
.product .name a {text-decoration: none;color: white;text-transform: uppercase;}
.description {font-size: 14px;line-height: 18px;}
.product .description {margin: 10px 0 40px;}
.product .price {display: inline-block;font-size: 22px;width: 125px;}
.product .price span {font-size: 16px;}
.kol-vo {width: 50px;border: 1px solid white;font-size: 17px;display: inline-block;padding: 5px 10px;color: white;}
.up-kol-vo {background-position: -5px -56px;width: 20px;height: 20px;position: absolute;top: -3px;right: 5px;}
.down-kol-vo {background-position: -5px -75px;width: 20px;height: 20px;position: absolute;bottom: -5px;right: 5px;}
.up-kol-vo:hover, .down-kol-vo:hover {cursor: pointer;opacity: 0.8;}
.buy-button, .coupon-button {border: 1px solid white;font-size: 17px;display: inline-block;padding: 5px 10px;text-transform: uppercase;text-align: center;text-decoration: none;color: white;}
.buttons a {text-decoration: none;color: white;}
.coupon-button {text-transform: none;}
.product .buy-button {float: right;/*margin: 3px 0 0;*/}
.buy-button:hover, .coupon-button:hover {background: #87847f; cursor: pointer;}
.cart-button {border: 1px solid #76726c;background-color:#76726c;font-size: 17px;display: inline-block;padding: 5px 25px;text-transform: uppercase;text-align: center;text-decoration: none;color: white;}
.cart-button:hover {background: #87847f;}

.relative {position: relative;}
.cart-settings {}
.cart-settings-block {position: absolute;width: 100%;height: 100%;z-index: 100;display: none; background: url('../img/fancybox_loading.gif') no-repeat center top;}

footer p {display: inline-block;font-size: 12px;color: #c2c2c1;margin: 0 10px 10px;width: 175px;}
footer nav {color: #ffffff;font-size: 15px;display: inline-block;}
footer nav a {color: white;display: inline-block;margin: 0 20px;}
footer nav a:hover {text-decoration: none;}

/*vine-club*/

.text {color: white;font-size: 14px;line-height: 18px;margin: 25px 0;}

/*about*/

.news .description {margin: 10px 0 20px;}
.news .buy-button {float: none;width: 155px;}

/*gallery*/

.middle .fancybox {margin: 0 5px 10px 10px;display: inline-block;}
.middle .fancybox:nth-child(odd) {margin: 0 0 10px 10px;}
.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {background: #f9f9f9;color: #444;text-shadow: none;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../img/fancybox_sprite.png);}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url(../img/fancybox_loading.gif) center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url(../img/blank.gif);-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-lock {overflow: hidden;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url(../img/fancybox_overlay.png);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-title {visibility: hidden;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent;background: rgba(0, 0, 0, 0.8);color: #FFF;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: rgba(0, 0, 0, 0.8);}

/*statiya*/

.breadcrumbs {margin: 0 0 20px;}
.breadcrumbs a {font-size: 14px;color: white;}
.breadcrumbs a:hover {text-decoration: none;}

.f-l {float: left;margin: 0 20px 0 0;}

/*read-us*/

#contact-form {margin: 0 0 0 4px;}
#contact-form p, .buy-form p, .simple-form p {font-size: 17px;color: white;margin: 20px 0 10px;}
#contact-form input, #contact-form textarea,
.buy-form input, .buy-form textarea,
.simple-form input, .simple-form textarea{padding: 5px;border: 1px solid white;width: 270px;background: none;color: white;font-size: 17px;}
#contact-form textarea, .buy-form textarea, .simple-form textarea {width: 490px;height: 140px;}
#contact-form button, .buy-form button, .simple-form button {background: none;display: block;width: 200px;cursor: pointer;margin: 10px 0;}
#contact-form button:hover, .buy-form button:hover, .simple-form button:hover {background: #87847f;}


/*product-page*/

.description-list {list-style: outside disc;color: white;font-size: 14px;line-height: 20px;margin: 10px 0 20px 35px;}
.product ul {list-style: outside disc;color: white;font-size: 14px;line-height: 20px;margin: 10px 0 20px 35px;}
.product-img {float: left;overflow: hidden;width: 160px;}
.product-img img {left: -180px;}
.description-list + p + .price, .description-list + .price {margin: 0 0 0 35px;}

/*cabinet*/

.cabinet-list {list-style: none;text-transform: uppercase;color: white;font-size: 12px;line-height: 30px;font-weight: bold;margin: 20px 0;}
.cabinet-list li ul {padding: 0 25px;list-style: none;}
.cabinet-list a {color: white;text-transform: none!important;font-size: 14px;line-height: 23px;font-weight: normal;}
.cabinet-list a:hover {text-decoration: none;}
.list, .pagination, .order-list {color: white;}

/*buket-1*/

.caption-table {padding: 6px 10px;color: white;font-weight: bold;font-size: 12px;margin: 20px 0 0;border-bottom: 1px solid white;}
.caption-table span {display: inline-block;}
.caption-table span:nth-child(1) {width: 216px;}
.caption-table span:nth-child(2) {width: 95px;}
.caption-table span:nth-child(3) {width: 62px;}
.caption-table span:nth-child(4) {width: 70px;margin: 0 0 0 10px;}

.body-table {padding: 10px 0 15px; border-bottom: 1px solid white;}
.line-table {margin: 0 0 5px;}
.line-table a.description {text-decoration: none;width: 210px;margin: 0 5px 0 11px;}
.line-table .description {color: white;font-size: 14px;line-height: 18px;display: inline-block;margin: -3px 15px 0;width: 160px;vertical-align: top;}
.line-table .kol-vo {vertical-align: top;margin: 0 11px 0 0;}
.line-table .price {display: inline-block;vertical-align: top;color: white;font-size: 16px;width: 60px;padding: 5px 0 0 10px;}
.price-t {width: 75px!important;}
.delete i {background-position: -35px -65px;width: 18px;height: 18px;vertical-align: top;margin: 7px 0 0 1px;}
.delete {display: inline-block;vertical-align: top;}
.delete:hover {opacity: 0.8;}

.sum {text-align: right;color: white;font-size: 16px;margin: 15px 0;font-weight: bold;}

.success {margin-top: 15px;color: white;}
.warning {margin-top: 15px;color: rgba(150, 0, 0, 0.98);}
.text-center input {margin: 10px 0 0;}
.text-center a {color: white;}

.next-buy {font-size: 14px;padding: 10px 20px;margin: 15px 0 0;}
.next-buy + .next-buy {float: right;}

/*buket-2*/

.sum span {width: 80px;display: inline-block;}

.simple-form {float: none;width: 500px;margin: 0;}
.simple-form p:first-child span {font-size: 12px;vertical-align: top;}
.simple-form p:first-child input {width: 200px;vertical-align: top;}
.simple-form button {width: 200px;font-size: 14px;margin: 20px 0;}
.np {background-position: 0 -95px;width: 195px;height: 40px;}
.simple-form .select-3 {width: 290px;vertical-align: top;z-index: 1;}
.simple-form .slct-3 {width: 260px;border: 1px solid white!important;text-decoration:none;color: white;margin: 1px 0 0;padding: 6px 15px 6px 10px;font-size: 17px;background: url(../img/icons.png) no-repeat 250px -56px;}
.simple-form .drop-3 li {padding: 8px;text-align: left;border-bottom: 1px solid #87847f;}
.simple-form .drop-3 {left: 0px;}
.simple-form .select-4 {width: 290px;vertical-align: top;}
.simple-form .slct-4 {width: 260px;border: 1px solid white!important;text-decoration:none;color: white;margin: 1px 0 0;padding: 6px 15px 6px 10px;font-size: 17px;background: url(../img/icons.png) no-repeat 250px -56px;}
.simple-form .drop-4 li {padding: 8px;text-align: left;border-bottom: 1px solid #87847f;}
.simple-form .drop-4 {left: 0px;}

.buy-form {float: none;width: 500px;margin: 0;}
.buy-form p:first-child span {font-size: 12px;vertical-align: top;}
.buy-form p:first-child input {float: right;width: 200px;vertical-align: top;}
.buy-form button {width: 200px;font-size: 14px;margin: 20px 0;}
.np {background-position: 0 -95px;width: 195px;height: 40px;margin: 0 0 60px 0;float: left;}
.buy-form .select-3 {width: 290px;vertical-align: top;z-index: 1;margin: 0 0 0 10px;}
.buy-form .slct-3 {width: 260px;border: 1px solid white!important;text-decoration:none;color: white;margin: 1px 0 0;padding: 6px 15px 6px 10px;font-size: 17px;background: url(../img/icons.png) no-repeat 250px -56px;height: 23px;}
.buy-form .slct-3 input {width: 240px;height: 25px;padding-left: 10px;top:-1px;left:-2px;position: absolute;border-right:0;color: white;}
.buy-form .drop-3 li {padding: 8px;text-align: left;border-bottom: 1px solid #87847f;}
.buy-form .drop-3 {height: 160px;left: 0px;top: 38px;width: 287px;}
.buy-form .select-4 {float: right;width: 290px;vertical-align: top;margin: 5px;}
.buy-form .slct-4 {width: 260px;border: 1px solid white!important;text-decoration:none;color: white;margin: 1px 0 0;padding: 6px 15px 6px 10px;font-size: 17px;background: url(../img/icons.png) no-repeat 250px -56px;height: 23px;}
.buy-form .slct-4 input {width: 240px;height: 25px;padding-left: 10px;top:-1px;left:-2px;position: absolute;border-right:0;color: white;}
.buy-form .drop-4 li {padding: 8px;text-align: left;border-bottom: 1px solid #87847f;}
.buy-form .drop-4 {width: 287px;left: 0px;height: 125px;}

.v-club-register-form h2 {text-transform: uppercase;margin-bottom: 20px;}
.v-club-register-form p {color: #76726c;margin: 10px;float: left;}
.v-club-register-form input[type="text"],
.v-club-register-form input[type="email"] {border: #76726c solid 1px;padding: 5px;width: 220px;border-radius: 3px;float: right;}
.v-club-register-form .buy-button {background: #87847f;margin-top:10px;transition: opacity 0.4s;}
.v-club-register-form .buy-button:hover {opacity:0.7;transition: opacity 0.3s;}

.order-list {border-top:white solid 1px;padding-top: 5px;margin-top: 15px;}
.order-list table {width: 100%;}
.order-list .buy-button {margin-top: 10px;}

.info-main-block {color: white;}
.info-main-block b {white-space: nowrap;padding: 0 10px 0 0;}
.info-main-block td {padding: 0 20px 0 0;vertical-align: top;}
.info-main-block thead {white-space: nowrap;}
.info-main-block tbody td {border-bottom:grey solid 1px;padding-bottom: 5px;}
.info-main-block .no-border tbody td {border-bottom:white solid 1px;padding-bottom: 5px;margin-bottom: 15px;}

.pluso-more {display: none!important;visibility: hidden!important;}

.exit-button {top: 10px;border-top: 1px solid #87847f;}

.ctrl {float: right;margin: 2px 8px;}






/************* Адаптивность *************/

@media only screen and (max-width: 965px), only screen and (max-device-width: 965px) {
body {background: url(../img/fon-1.png) no-repeat left top scroll, url(../img/fon-2.jpg);}
.middle {margin: 44px 0 0 220px;}
/*body {background-size: auto 135vh;}*/
}
/*@media only screen and (max-width: 801px), only screen and (max-device-width: 801px) {

body{min-width: 770px;}
.main {width:770px;margin:0;}	
header {min-width:770px;height: 275px;}

}

@media only screen and (max-width: 769px), only screen and (max-device-width: 769px) {
	
body{min-width: 740px;}
.main {width:740px;}	
header {min-width:740px;}

}*/

@media only screen and (max-width: 701px), only screen and (max-device-width: 701px) {

header, footer {position: static;/*padding: 1px 10px 2px 20px;height: 32px;width: auto;*/}
/*.right-top {margin: 11px 0 0;float: left;}*/
.middle {margin: 5px 0 0 220px;min-height: 1100px;}
body {background-size: auto 135vh;}
/*body {background: url(../img/fon-1.png) no-repeat left top scroll, url(../img/fon-2.jpg);}

.fb, .vk, .insta, .tw, .gplus, .share, .pin, .share-link {top: 3px;float: left;}
.share-link {top: 0;}*/


}
/*
@media only screen and (max-width: 450px), only screen and (max-device-width: 450px) {



}


@media only screen and (max-width: 601px), only screen and (max-device-width: 601px) {

body{min-width: 570px;}
.main {width:575px;}	
header {min-width:570px;height: 215px;}

}

@media only screen and (max-width: 481px), only screen and (max-device-width: 481px) {

body{min-width: 460px;}
.main {width:450px;}	
header {min-width:460px;height: 215px;}

}

@media only screen and (max-width: 321px), only screen and (max-device-width: 321px) {

body{min-width: 300px;max-width: 310px;}
.main {width:300px;}	
header {min-width:300px;height: 295px;width: 305px;}

}


@media only screen and (max-width: 241px), only screen and (max-device-width: 241px) {

html {width: 239px;}
body{min-width: 239px;max-width: 239px;width: 239px;overflow: hidden;overflow-y: scroll;}
.main {width:220px;}	
header {min-width:239px;height: 260px;width:239px;}

}*/