@font-face {
  font-family: 'Brioni';
  src: url('../fonts/BrioniStdBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrioniStdBold.otf')  format('opentype'),
	     url('../fonts/BrioniStdBold.woff') format('woff'), url('../fonts/BrioniStdBold.ttf')  format('truetype'), url('../fonts/BrioniStdBold.svg#BrioniStdBold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Brioni';
  src: url('../fonts/BrioniStdRegular.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrioniStdRegular.otf')  format('opentype'),
	     url('../fonts/BrioniStdRegular.woff') format('woff'), url('../fonts/BrioniStdRegular.ttf')  format('truetype'), url('../fonts/BrioniStdRegular.svg#BrioniStdRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brioni';
  src: url('../fonts/BrioniStdLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrioniStdLight.otf')  format('opentype'),
	     url('../fonts/BrioniStdLight.woff') format('woff'), url('../fonts/BrioniStdLight.ttf')  format('truetype'), url('../fonts/BrioniStdLight.svg#BrioniStdLight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
    font-family: 'titillium';
    src: url('../fonts/titillium-regular_0-webfont.eot');
    src: url('../fonts/titillium-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/titillium-regular_0-webfont.woff') format('woff'),
         url('../fonts/titillium-regular_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titillium';
    src: url('../fonts/titillium-semibold_-_kopia-webfont.eot');
    src: url('../fonts/titillium-semibold_-_kopia-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semibold_-_kopia-webfont.woff2') format('woff2'),
         url('../fonts/titillium-semibold_-_kopia-webfont.woff') format('woff'),
         url('../fonts/titillium-semibold_-_kopia-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;

}
/* ----------------------------------------------------------------------------------------------------------
#) PRINT.MIN
---------------------------------------------------------------------------------------------------------- */
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
/* ----------------------------------------------------------------------------------------------------------
#) GLOBAL.HELPERS
---------------------------------------------------------------------------------------------------------- */
.nopadding		{ padding: 0; }
.nomargin		{ margin: 0; }
.nolist			{ list-style: none; list-style-image: none; }
/* ----------------------------------------------------------------------------------------------------------
#) SITE
---------------------------------------------------------------------------------------------------------- */
body, html { background: #171717; height: 100%; }
body { min-height: 100%; }
main { height: calc(100% - 91px); }
main.sub { height: calc(100%) }
.ui-body { height: calc(100% - 91px); }
.ui-detail { height: calc(100% - 73px); }
.container { height: 100%; }

@media (min-width: 1200px) {
	.container { width: 1180px; }
}

/* ----------------------------------------------------------------------------------------------------------
#) HEADER
---------------------------------------------------------------------------------------------------------- */
header { height: 91px; background: #fff; font-family: 'Brioni', Arial; }
header .item:not(.text-right) { flex: 1; }
header .flex { align-items: center }
header .home { margin: 15px 0 0 75px; font-size: 35px; color: #171717; display: inline-block; }
header .home:focus,
header .home:hover { text-decoration: none; }
header ul { padding-right: 20px!important; display: inline-block; vertical-align: middle; }
header ul li { display: inline-block; vertical-align: middle; margin-left: 14px; }
header ul a  { display: block; height: 57px; width: 57px; border: 2px solid #a18b5a; text-align: center; line-height: 59px; font-weight: bold; color: #2b292a; font-size: 21px; text-transform: uppercase; overflow: hidden; }
header .section-menu-list { height: 57px; background: #e5dcc6; line-height: 59px; font-size: 26px; color: #171717; display: inline-block; vertical-align: middle; padding: 0 30px; margin-right: 50px; font-family: 'Brioni', Arial; }
header .section-menu-list:hover,
header .section-menu-list:focus { text-decoration: none; background: #dbd3bd; }
header ul a:hover,
header ul a:focus,
header ul a.active { background: #a18b5a; color: #fff; text-decoration: none; }

/* ----------------------------------------------------------------------------------------------------------
#) FLEXBOX
---------------------------------------------------------------------------------------------------------- */
.flex { display: flex; height: 100%; }
.flex.no-height { height: auto !important; }
.flex.column { flex-direction: column; }
.flex.column-reverse { flex-direction: column-reverse; }
.flex.row { flex-direction: row; margin-left: 0; margin-right: 0; }
.flex.row-reverse { flex-direction: row-reverse; }
.flex.wrap { flex-wrap: wrap; }
.flex.nowrap { flex-wrap: nowrap; }
.flex.nowrap-reverse { flex-wrap: wrap-reverse; }

.inl-flex { display: inline-flex; }

/* ----------------------------------------------------------------------------------------------------------
#) TITLE SELECT
---------------------------------------------------------------------------------------------------------- */
.title { padding: 46px 11px 0; width: 100%; }
.title .flex { justify-content: space-between; }
.vino { text-align: center; width: 235px; display: inline-block; vertical-align: top; margin: 0 1px 5px; }
.vino-long { width: 100%; text-align: center; margin: 25px 0 30px; }
.vino-long a { display: block; width: 100%; height: 100%; text-align: center; }
.vino-long img { max-width: 100%; display: inline-block; }
.vino .box { width: 230px; height: 450px; background: #2b292a; font-family: 'Brioni', Arial; display: inline-block; margin: 0; }
.vino .box:focus .link,
.vino .box:hover .link,
.vino .box:active .link { background: #a18b5a; color: #fff; }
.vino .box > span { display: block; }
.vino .box .images { width: 259px; height: 211px; overflow: hidden; text-align: center; position: relative; }
.vino .box .images img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
.vino .box .text  { height: 159px; margin-bottom: 0; text-align: center; font-size: 36px; color: #d0caca; text-transform: uppercase; padding-top: 35px; overflow: hidden; }
.vino .box .text span { font-size: 30px; display: block; text-align: center; margin-top: -7px; }
/*.vino.sk:first-child .box .text,
.vino.sk:nth-child(2) .box .text { font-size: 30px; padding-top: 50px; }*/
.vino .box .link { display: block; width: 196px; height: 51px; margin: 0 auto; border: 2px solid #a18b5a; font-weight: 300; color: #a4946f; text-align: center; line-height: 52px; font-size: 18px; text-transform: uppercase; overflow: hidden; }
.vino .box:hover,
.vino .box:focus { text-decoration: none }

/* ----------------------------------------------------------------------------------------------------------
#) BACK BOX
---------------------------------------------------------------------------------------------------------- */
.back-box { height: 73px; background: #2b292a; border-top: 1px solid #171717; padding-left: 73px; }
.back-box .flex { align-items: center; justify-content: flex-start; }
.back-box a { display: inline-block; height: 53px; background: #524f51; font-family: 'Brioni'; font-size: 19px; color: #fff; text-transform: uppercase; border-radius: 3px; line-height: 61px; width: 76px; text-align: center; overflow: hidden; margin-top: 3px; }
.back-box h1 { font-size: 26px; color: #fff; font-family: 'Brioni'; padding-left: 28px; margin: 0; text-transform: uppercase; letter-spacing: 2px; margin-top: 3px; }
.back-box a:focus,
.back-box a:hover { text-decoration: none; }
.back-box .item.name { width: 90%; }

/* ----------------------------------------------------------------------------------------------------------
#) COUNTRY
---------------------------------------------------------------------------------------------------------- */
.country-select { padding-top: 39px; text-align: left; }
.country-select .box { display: inline-flex; align-items: center; justify-content: center; text-align: center; vertical-align: middle; width: 292px; height: 100px; background: #2b292a; color: #d0caca; font-family: 'Brioni', Arial; text-transform: uppercase; font-size: 25px; margin: 0 0 22px 22px; }
.country-select .box:focus,
.country-select .box:active { background: #a18b5a; color: #171717; text-decoration: none; }

/* ----------------------------------------------------------------------------------------------------------
#) CATEGORY SELECT
---------------------------------------------------------------------------------------------------------- */
.category-select { height: 73px; font-family: 'Brioni', Arial; overflow: hidden; }
.category-select .item { flex: 1; }
.category-select .item a { display: block; color: #9f969b; font-size: 24px; text-align: center; line-height: 85px; text-transform: uppercase; background: #2b292a; }
.category-select .item a.active,
.category-select .item a:hover,
.category-select .item a:focus { background: #a92c00; color: #fff; text-decoration: none; }

.detail-box { overflow: auto; font-family: 'titillium', Arial; height: calc(100% - 73px) !important; }
.detail-box .item { flex: 1; }
.detail-box .menu { border-right: 1px solid #262525; font-size: 13px; color: #a18b5a; font-weight: 600; overflow: auto; height: 100% }
.detail-box .menu ul li { display: block; transition: all 0.1s ease; }
.detail-box .menu ul li.country { height: 40px; background: #2e2d2e; line-height: 40px; padding-left: 134px; font-size: 16px }
.detail-box .menu ul li.active { background: #a18b5a; text-decoration: none }
.detail-box .menu ul li.active a { color: #171717; text-decoration: none; }
.detail-box .menu ul div  { border-bottom: 1px solid #262525; font-size: 19px; color: #d0caca; cursor: pointer; padding: 12px 0 17px; }
.detail-box .menu ul div > * { display: inline-block; vertical-align: middle;}
.detail-box .menu ul .price { width: 110px; padding-right: 15px; text-align: right; line-height: 21px;  }
.detail-box .menu ul .name  { width: calc(100% - 125px); line-height: 21px;  }

.detail-box .detail { height: 100%; overflow: auto; }
.detail-box .detail .helper { padding-left: 50px; }
.detail-box .detail .wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; }
.detail-box .vine-name { margin-bottom: 0; color: #d0caca; font-size: 32px; width: 90%; line-height: 35px; padding-top: 25px; }
.detail-box .wrapper > * { float: left; overflow: hidden; }
.detail-box .left-box  { flex: 0 0 14vw; padding-top: 35px; margin-right: 23px; }
.detail-box .right-box { flex: 1; padding-right: 50px; }
.detail-box .vine-select { padding-top: 35px; }
.detail-box .vine-select li { display: inline-block; vertical-align: middle; min-width: 131px; height: 104px; border-radius: 2px; position: relative; margin-right: 10px; box-sizing: content-box; margin-bottom: 17px; }
.detail-box .vine-select li.bottle { /*background: #2b292a url(/images/bottle.png) no-repeat top left;*/ background: #2b292a; }
.detail-box .vine-select li.glass  { /*background: #2b292a url(/images/glass.png) no-repeat top left;*/ background: #2b292a; }
.detail-box .vine-select li .text  { margin-right: 20px; color: #a18b5a; font-size: 25px; font-weight: 600; text-align: right; width: 131px; padding-top: 20px; }
.detail-box .vine-select li .text span { display: block; font-size: 15px; color: #d0caca; position: relative; bottom: -5px; }
.detail-box .vine-description { padding-top: 35px; }
.detail-box .vine-description .line { border-bottom: 1px solid #262525; padding: 14px 0; color: #d0caca; font-size: 19px; }
.detail-box .vine-description .line .item {  }
.detail-box .vine-description .line:last-child { border-bottom: 0; }
.detail-box .vine-description .name { width: 163px; padding-left: 10px; color: #454244; flex: 0; font-weight: bold; }
.detail-box .vine-description .value { padding-left: 80px; line-height: 27px; flex: 2; }
.detail-box .vine-description .name.pl { padding-left: 25px; }
.detail-box .vine-description .value.text { padding: 10px 0 0 25px; width: 97%; }
/*.detail-box .vine-description.en .value { padding-left: 108px; }*/
.detail-box .photo { width: 151px; height: 236px; background: #fff; border-radius: 3px; position: relative; }
.detail-box .photo img { max-width: 95%; max-height: 95%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.pic-select { height: 636px; width: calc(100% - 15px); position: relative; color: #9f969b; font-size: 28px; line-height: 636px; padding-left: 200px; margin-left: 15px; }
.pic-select img { position: absolute; top: 0; left: 0; display: none; }

.food-image { padding-top: 17px; }
.food-image__el { object-fit: cover; width: 100%; border-radius: 4px; }
.left-box__container { padding-left: 10px !important; padding-right: 10px !important; color: #a18b5a !important; font-weight: bold; }
.similar-vine-box { flex: 1 1 100%; margin-top: 25px; padding-right: 50px; margin-bottom: 20px; }
.similar-vine-box__title { color: #a18b5a; font-weight: bold; font-size: 19px; margin-bottom: 20px; border-top: 1px solid #262525; padding-top: 15px; }
/*.similar-vine-box__wrapper { display: flex; align-items: flex-start; overflow-x: auto; }
.similar-vine-box__wrapper::after { content: ""; flex: 0 0 50px; height: 150px; }*/
.similar-vine-box__vine { height: 80px; cursor: pointer; display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #262525; }
.similar-vine-box__vine:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.similar-vine-box__image { flex: 0 0 50px; height: 70px; background: #fff; border-radius: 4px; overflow: hidden; position: relative; }
.similar-vine-box__image img { max-width: 95%; max-height: 95%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.similar-vine-box__content { color: #d0caca; font-size: 15px; padding: 0 15px; flex: 1; }
/*.similar-vine-box__vine:first-child { margin-left: 0; }
.similar-vine-box__vine img { max-width: 95%; max-height: 95%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }*/
.custom-modal-header { font-family: 'Brioni', Arial; display: flex; align-items: stretch; }
.custom-modal-header h4 { font-weight: bold; text-align: left; font-size: 18px; flex: 1; display: flex; align-items: center; }
.custom-modal-body { display: flex; align-items: center; padding-bottom: 25px; }
.modal-body__image { flex: 0 0 30%; height: 250px; position: relative; align-self: stretch; margin-left: -15px; }
.modal-body__image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 90%; max-height: 90%; }
.modal-body__title { color: #a18b5a; font-size: 21px; font-weight: bold; margin-bottom: 5px; }
.modal-body__content { flex: 1; font-family: 'titillium', Arial; }
.modal-body__text { font-size: 18px; padding-right: 55px; }
.modal-body__info { font-weight: bold; font-size: 19px; padding-top: 15px; }
.custom-close { flex: 0 0 40px; height: 40px; font-size: 30px; border: 1px solid #a18b5a !important; margin-left: 25px; opacity: 1 !important; }

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

/* ----------------------------------------------------------------------------------------------------------
#) IE.FIX
---------------------------------------------------------------------------------------------------------- */
html.lt-ie7 {  }
html.lt-ie8 {  }
html.lt-ie9 {  }
/* ----------------------------------------------------------------------------------------------------------
#) FANCYBOX 2.1.4
---------------------------------------------------------------------------------------------------------- */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;#fff-space:nowrap}.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('../images/vendor/fancybox/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('../images/vendor/fancybox/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('../images/vendor/fancybox/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-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../images/vendor/fancybox/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;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;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);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;#fff-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:#000;background:rgba(0,0,0,.8)}