@import url('reset.css');
@import url('qs.css');
@import url('slider.css?rnd');
@import url('makecarousel.css');

@font-face {
  font-family: 'FuturaPT';
  src: url('/fonts/FuturaPT/FuturaPT-Medium.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'FuturaPT-bold';
  src: url('/fonts/FuturaPT/FuturaPT-Bold.ttf');
  font-display: swap;
}

html,body {min-height: 100vh;background-color:#efefef;}
h1 {font-size:35px;color:#3F98F7;}
.fancybox-container * {position:none;}
.wrapper  {max-width:1440px; margin:0 auto 0; padding-bottom:200px; min-height: 100vh; overflow:hidden; background-color:white;}

.header   {max-width:1440px; margin:0 auto 0;  width:100%; height:91px;position:fixed;z-index:100;overflow:hidden;background-color:white;}
.header .tstinfo {margin:0 auto 0;  width:100px; height:20px;position:fixed;z-index:99999;overflow:hidden;}

.logo {float:left; margin:23px 0px 10px 82px;}
.header .logo{z-index:99;}
.logo img,.logo div{float:left; margin:0 20px;height:54px;width:auto;}
.logo div {margin:0;padding-top: 5px;font-size:16px;line-height:18px;text-transform:uppercase;}

.header #menuopener {width:30px; height:30px;float:right;margin-right:20px;margin-top:27px;display:none;}
.header #menuopener  img {cursor:pointer;width:100%;}
.shadow {box-shadow:0 10px 10px rgba(0,0,0,0.3);}

.topmenu {float:left; margin:0 0px 0 130px;height:54px;width:auto;}
.topmenu a div, .topmenu > div {margin:30px 15px;display:inline-block; font: normal 18px FuturaPT;}
.logo a:link,.logo a:active,.logo a:visited ,
.topmenu a:link,.topmenu a:active,.topmenu a:visited {color:#3F98F7;}
.topmenu a:hover div,.topmenu a:active div,.topmenu a:visited div {color:#3F98F7;}
.topmenu-right {float:right;height:54px;margin-right:82px;margin-left:0;}
.topmenu-right a {float:right;color:#3F98F7;margin:30px 15px;}
.topmenu-right  input.search_text {
    float:right;width:83px;height:29px;margin-top:27px; border:2px solid #3F98F7;border-radius:30px;padding-left:5px;
    background-image:url(/img/search.svg);background-position: 90% 5px; background-repeat:no-repeat;background-size:20px;
    transition-duration: 1s;
    }
.topmenu-right  input.search_text:focus {width:150px;border:2px solid #3F98F7; transition-duration: 1s; }
.topmenu-right .mobiopener {height:29px;float:right;margin-top:27px;}

.topmenu_h {
    display:none;
    position:fixed;
    z-index:99;
    overflow:hidden;
    max-width:1440px; 
    margin:0 auto 0; 
    padding-bottom:100px; 
    width:100%;top:91px;
    background-color:white;
}

.logo a:link,.logo a:active,.logo a:visited ,
.topmenu a:link,.topmenu a:active,.topmenu a:visited,
.topmenu_h a:link,.topmenu_h a:active,.topmenu_h a:visited {color:#3F98F7;}

.ttop      {display:none;padding-bottom:50px;top:-100px;background-color:white;}
.ttop1     {padding-left:610px;}
.ttop2     {padding-left:700px;}
.ttop3     {padding-left:790px;}
.ttop a {display:block;}
.ttop a:hover {color:#3F98F7;}
/*-------------------------------------------------------------------*/

.mobimenu {display:none;position:fixed;z-index:99999;background-color:white;width:100%;box-shadow:0 10px 10px rgba(0,0,0,0.5);}
.mobimenu .logo{float:none;margin:30px 40px;overflow:hidden;}
.mobimenu .logo img {height:45px;margin:0;float:left;}
.mobimenu .menu {width:100%;margin:20px;}
.mobimenu .menu * {text-align:left;font-size:22px;margin:15px 0;}
.mobimenu .menu2 * {font-size:14px;}
.mobimenu .menu2 .big {font-size:17px;}
.mobimenu a:link,.mobimenu a:active,.mobimenu a:visited {color:#3F98F7;padding-bottom:5px;}
.cat_title a:link,.cat_title a:active,.cat_title a:visited {color:#3F98F7;text-transform:uppercase;}

.clo {height:30px;overflow:hidden;margin:25px 50px 0 0;}
.clo img {height:30px;cursor:pointer;float:right;}
.menu {margin:20px 10px 0;width:220px;}
.menu a * {color:#3F98F7;margin:5px 0;font: 14.98px FuturaPT-bold;}
.menu2 a *{font: 12.76px FuturaPT;}
.big {color:#3F98F7;font: 14.98px FuturaPT-bold;}
/*-------------------------------------------------------------------*/
.body    {overflow:hidden;padding:91px 0;}
.body-inner{padding:0px 165px;}
.body-inner-small{padding:0px 278px;}
.slider-wrapper{height:627px;overflow:hidden;background-color:#d9d9d9;}
.slider-wrapper-inner{width:100%;height:450px;overflow:hidden;background-color:#d9d9d9;}

center.help {overflow:hiden;}
center.help img {width:116px;}

center.sunlight img {width:350px;}
.sunlight-bottom {margin-bottom:-100px;text-align:center;}
.sunlight-bottom img {width:100%;}
.button {
		overflow:hidden; width:200px; padding:10px; color:white; background-color: #3F98F7; border-radius: 100px;
		left:50%;
		margin: 30px 0 30px -100px;
		}
/*-------------------------------------------------------------------*/
.big-apostrof-first,.big-apostrof-last {
    height: 100px;
    color: #3F98F7;
    font-size: 200px;
    font-style: italic;
    position: absolute;
    line-height: 100%;
    top: 0;
    left: 0;
    margin: -40px 0 0 -80px;
}
.big-apostrof-last {
    top: auto;
    bottom:0;
    right: 0;
    left: auto;
    vertical-align: bottom;
    text-align: right;
    margin-right:-40px;
}
.container {margin:50px -100px;overflow:hidden;}
.leftpane{width:48%;float:left;}
.rightpane{width:48%;float:right;}
.rightpane img{margin-bottom:20px;width:calc(100% - 40px)}
.bottles {margin:0 -100px;overflow:hidden}
.bottles img {width:100%}

.block {overflow:hidden;margin:120px 0 20px 0;}
.block a {color:#3F98F7;font-size:25px;font-weight:500;}
.block-left  {overflow:hidden;width:50%;float:left;}
.block-left > div {margin:auto 30px auto 165px;} 
.block-right {width:50%;float:right;}
.image {width:554px;height:324px;background-color:#D9D9D9;}
.weiter {height:24px;margin:0 10px -3px 0;}

.maincat_b {margin-right:0px; height:490px; overflow:hidden;display:none; transition-duration: 1s;}
.maincat_b.active{display:block; transition-duration: 1s;}

.block3 .image img {
    box-shadow: 0 7px 14px rgb(0 0 0 / 10%);;
}
.block4>div {height:660px;}
.block4 .block-right {float:right;overflow:visible;}
.block4 .block-right img {position:absolute;top:289px;left:-221px;width:452px;height:324px;}
.block4 .block-right img:first-child{left:0; top:0;width:554px;height:324px;}
.block4 .block-right img:last-child {top:259px;left:270px;width:auto;height:431px;}

.feedback{background-image:url(/img/feedback.jpg);background-size:contain;}
.getcatalog {background-image:url(/img/getcatalog.jpg);background-size:contain;}
.feedback *{color:white;}
.feedback .block-left,.getcatalog .block-right {background-color:#3F98F7;width:638px;height:695px;padding:49px 59px 61px 83px; margin-left:60px;}

.getcatalog .block-right {height:505px;margin-left:0px;margin-right:60px;}
.feedback .block-left .mailform{margin:0;padding:0;}
.feedback .block-left .mailform input,
.feedback .block-left .mailform textarea,
.getcatalog .block-right .mailform input
    {border:1px solid white; width:496px; border-radius:20px; height:43px;margin-top:13px;color:#005DC0;background-color:#3F98F7;padding:10px 20px;font-size:25px}
.feedback .block-left .mailform textarea 
    {height:100px;}
.mailform input::-moz-placeholder, .mailform textarea::-moz-placeholder { color:#005DC0;}
.mailform input::-webkit-input-placeholder , .mailform textarea::-webkit-input-placeholder { color:#005DC0; }

.feedback .block-left .mailform input[type=button],
.getcatalog .block-right .mailform input[type=button]
    {width:198px;color:#3F98F7;background-color:white;margin-top:20px;padding-top:3px;}
.feedback #mail {margin:0;padding:0;}

.news-wrapper{float:left;width:395px;height:564px; margin:22px;background-color:#3F98F7;border-radius:15px;color:white;overflow:hidden;}
.news-wrapper>div {margin:15px;color:white}
.news-wrapper>div.small{font-size:15px;}
.news-wrapper-foto {width:364px; height:387px; margin:15px; border-radius:10px;overflow:hidden;}
.news-wrapper-title {margin:15px;text-transform:uppercase;overflow:hidden;}
.news-wrapper-title a {color:white;font-size:25px;}
/*-------------------------------------------------------------------*/
.qc-wrapper div{float:right; width: calc(100% - 230px);}
.qc-wrapper div.qc-wrapper-foto{float:left; width:200px;}
.qc-wrapper-foto, .qc-wrapper-foto img {width:200px;}
.qc-wrapper div.qc-wrapper-title{margin-top:0px;}
.qc-wrapper div.small {color:#ccc;font-size:15px;}

/*-------------------------------------------------------------------*/

.col-left  {width:49%;float:left;}
.col-right {width:49%;float:right;}
.col-left > div {margin-right:49px;}
.col-right img {width:555px;}

.cell20 {float:left;width:17%;height:289px;margin-right:3%;overflow:hidden;text-align:left;}
.max13 {width:13%;}
.cell25 {height:200px; width:20%;margin-right:5%;float:left;text-align:left;overflow:hidden;}
.cell25.wellcome {height:280px;}
.cell25 img.napr {width:auto;height:65px;margin:23px 0;clear:both;}
.cell25.wellcome img {width:auto;height:65px;margin:20px 0 20px 0;clear:both;}

.cell33 {float:left;width:25%;height:auto;margin-right:8%;overflow:hidden;}
.cell33 img.history {width:100%;height:auto;margin:28px 0;}
.cell33 img.historypic {width:auto;height:51px;margin:20px 0;}

.innovation {}
.innovation>div {width:80%;height:100%;margin:0 10%;}
.innovation>div:first-child,.innovation>div:last-child {width:9%; height:100px;color:#3F98F7;font-size:220px;position:absolute;left:0;line-height:100%;top:0;margin:0;margin-top:-60px;}
.innovation>div:last-child {bottom:10px;top:auto;right:5%;left:auto;vertical-align:bottom;text-align:right;margin:-10px;}
/*-------------------------------------------------------------------*/
.catbutton {float:left;margin: 0px 10px 20px 0px ;padding:3px 10px;border:1px solid #cdcdcd;color:#cdcdcd;border-radius:30px;cursor:pointer;box-shadow: 0 7px 14px rgba(0,0,0,.1);}
.catbutton.active {border-color:#3F98F7;color:white;background-color:#3F98F7;}

.contact p,.contact p *{font-size:40px;}
.contact p span{font-size:45px;}
/*-------------------------------------------------------------------*/
.footer-wrapper {max-width:1440px; height:100%;margin:0 auto 0; }
.footer {position:absolute;bottom:0;width:100%;height:207px; background-color:#3F98F7;overflow:hidden;}
.footer * {color:white;font-size:18px;}
.footer a:link,.footer a:active,.footer a:visited {color:white}
.footer .col{float:left;width:24%;height:160px; padding:0 0 0px 81px;}
.footer .col2 {width:22%;}
.footer .col2 {width:28%;}
.footer .col2-1 {float:left;}
.footer .col2-2 {float:right;}
.footer .col4{float:right;width:20%;padding-top:27px;}
.footer .col4 img{float:left;height:27px;margin:5px;}

.footer .col4 .flag{position:absolute;left:140px;top:110px;width:100px;}
.footer .col4 .flag img{}
.footer h3,.footer .h3 {font-size:22px;margin:27px 0 12px;}
.footer .copy{position:absolute;bottom:10px;left:81px;font-size:11px;max-width:75%;}
.footer .counter {position:absolute;bottom:10px;right:95px; max-width:25%;}
.footer .counter img {height:1px;opacity:0.5;}
/*-------------------------------------------------------------------*/
.addcombutton {
    float:left;
    background-color: #5483B8;
    background-image: -moz-linear-gradient(center top, #B6D3F4, #5483B8) !important;
    border: 1px solid #9AC9FF !important;
    border-radius: 18px 18px 18px 18px;
    box-shadow: 0 2px 2px white inset, 0 3px 3px rgba(0, 0, 0, 0.6);
    color: white !important;
    display: inline-block;
    font: 600 12px "Lucida Grande", Sans-Serif;
    padding: 3px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    cursor: hand;
    cursor: pointer;
    margin: 0 2px 0 2px;
}

.addcombutton:hover {
    box-shadow: 0 5px 10px white inset, 0 3px 3px rgba(0, 0, 0, 0.6);
}

.addcombutton:active {
    box-shadow: 0 2px 6px white inset, 0 1px 1px rgba(0, 0, 0, 0.6);
    top: 2px;
}

/* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .*/
.clocombutton {
    float:left;
    background-color: #690000;
    background-image: -moz-linear-gradient(center top, #e80000, #690000) !important;
    border: 1px solid #f79797 !important;
    border-radius: 18px 18px 18px 18px;
    box-shadow: 0 2px 2px white inset, 0 3px 3px rgba(0, 0, 0, 0.6);
    color: white !important;
    display: inline-block;
    font: 600 12px "Lucida Grande", Sans-Serif;
    margin: 0 2px 0 2px;
    padding: 3px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    cursor: hand;
    cursor: pointer;
}
.clocombutton:hover {
    box-shadow: 0 5px 10px white inset, 0 3px 3px rgba(0, 0, 0, 0.6);
}
.clocombutton:active {
    box-shadow: 0 2px 6px white inset, 0 1px 1px rgba(0, 0, 0, 0.6);
    top: 2px;
}
/* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
.com-add-wrapper {
    background-color:#fff;
    margin-top:-30px;
    box-shadow:0px 0px 20px rgba(0,0,0,0.5);
    padding:20px;
}
.com-add-wrapper textarea,.com-add-wrapper input[type=text] {
    border:1px solid #ccc;
    width:100%;
    padding:5px
}
.com-add-wrapper textarea{
  height:100px;
}
.comment-item {
    width:100%;
    clear:both;
    margin:20px 0;
    border-top: 1px dotted #ccc;
}
.comment-rating {float:right;}
.comment-date {color:#aaa;font-size: 16px;}
.comment-text {
    font-size: 16px;
    font-weight: 250;
}
.myvideo {
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    background:rgba(0,0,0,0.3);
    }

/*-------------------------------------------------------------------*/
#vhod {
    position:absolute;
    left:50%;
    width:330px;
    margin:65px;
    margin-left:-165px;
    border:1px solid #cccccc;
    background-color:white;
    background-repeat:no-repeat;
}
#vhod img {margin-top:-20px;margin-bottom:-50px;}
#vhod h1{font-size:26px;margin:0;}
#vhod td {text-align:right;padding:10px;font-family: Segoe UI; font-size: 14px; color:black;vertical-align:middle;}
#vhod td#vhod_title {padding:0 10px;height:32px;background:url(/core/adm/img/vhod_title.png) top right;background-repeat:no-repeat;text-align:left;}
#vhod input {font-size: 14px; width:150px;padding:2px;border:1px solid #ccc;}
#vhod td#vhod_remem {padding:0 10px;}
/*-------------------------------------------------------------------*/
@media only screen and (max-width: 1300px) {
    .slide, img.slider,ymaps,.slidesContainer > a {width:100%;}
    .topmenu {margin-left:50px;}
    .topmenu-right {margin-left:0px;}
    .body    {padding-bottom:300px;}
    .footer {height:300px;}
    .footer .col2-2 {float:left;}
    .ttop1     {padding-left:530px;}
    .ttop2     {padding-left:620px;}
    .ttop3     {padding-left:710px;}
    
    .news-wrapper{width:30vw;height:55vw;margin:1.5vw;}
    .news-wrapper-foto {width:26vw;height:auto;}
    .news-wrapper-foto img{width:100%; height:auto}
    .news-wrapper-title { margin:1vw 15px;}
    .news-wrapper-title a{font-size:3vw;line-height:4vw;}
    .news-wrapper>div.small{font-size:1.5vw;margin:0.5vw 15px;}
    
    .feedback,.getcatalog {height:auto;background-position:top right;background-size:cover;}
    .feedback .block-left,.getcatalog .block-right {width:50vw;height:auto;padding:2vw 5vw 2vw 6vw; margin-left:0px;margin-right:0px;}
    .feedback .block-left h2,.getcatalog .block-right h2 {margin:0;padding:0;font-size:4vw}
    
    .feedback .block-left .mailform{margin:0;padding:0;}
    .feedback .block-left .mailform input,.getcatalog .block-right .mailform input,
    .feedback .block-left .mailform textarea {width:40vw; border-radius:20px; height:4vw;margin-top:13px;padding:1vw 2vw;font-size:2vw}
    .feedback .block-left .mailform textarea {height:10vw;}
}
@media only screen and (max-width: 1200px) {
    .topmenu {margin-left:30px;}
    .topmenu-right {margin-left:0px;margin-right:30px;}
    .ttop1     {padding-left:510px;}
    .ttop2     {padding-left:600px;}
    .ttop3     {padding-left:685px;}
    .cell20 {width:30%;margin-right:3%;}
}
@media only screen and (max-width: 1100px) {
    .big-apostrof-first,.big-apostrof-last {font-size:20vw; margin:-3vw 0 0 -5vw;}
    .big-apostrof-last {margin:0 -1vw -7vw 0;}

    .body-inner,.body-inner-small{padding:50px 35px;}
    .bottles {margin:0;}
    .container {margin:0;}
    ul.crumbs {margin-left: 0px;}
    .topmenu,.ttop {display:none;}
    .topmenu-right {display:block;}
    .header #menuopener {display:block;}
    h1{font-size:4vw;}
    
    .block-left > div {margin:auto 30px auto 30px;}
    .block4>div{height:auto;}
    
    .block-left {width:100vw;height:auto;}
    .block-right{width: 95vw;height:auto;margin-left:5vw;}
    .block4 .block-right img {position:absolute;top:30vw;left:4vw;width:45vw;height:30vw;max-width:90vw;max-height:90vw;}
    .block4 .block-right img:first-child{left:20vw; top:0;width:55vw;height:32vw;}
    .block4 .block-right img:last-child {top:30vw;right:0;left:auto;width:auto;height:43vw;}
    
    .body    {padding-bottom:400px;}
    #qs_content {margin:10px;}
    .footer {height:450px;}
    .footer .col {width:calc(49% - 18px); height:300px;margin-left:18px;padding:0;}
    .footer .col,.footer .col a {font-size: 15px;}
    .footer .col2-1,.footer .col2-2  {float:left;width:100%;}
    .footer .col3{position:absolute;left:0px;top:180px;height:180px;float:left;}
    .footer .col4 {width:100%;height:100px;}
    .footer .col4 .flag{right:calc(50% - 55px);left:auto;top:30px;text-align:right;}
    .footer .col4 .flag img{float:right;}
    .footer .copy{font-size:14px;left:18px;}    
    

    .cell20 {width:30%;height:25vw;margin-right:3%;}
    .cell25.wellcome {height:50vw;}
    .cell25.wellcome img {height:7vw;}
    .max13 {width:30%;}
}
@media only screen and (max-width: 850px) {
    .body {padding-bottom:100px;}
    .topmenu_s {display:none;}
    .logo {margin-left:0px;}
    .logo img,.logo div{font-size:12px;height:34px;margin: 20px 0px 20px 18px;padding-top:0px;}
    .logo div {width:115px;line-height:12px;margin-top: 17px}
    .topmenu-right { margin-right: 10px;}
    .topmenu-right  input.search_text,.header #menuopener {margin-top:43px;}
    .topmenu-right  input.search_text:focus {width:100px;z-index:99999;position:fixed;top:0px;right:80px;}
    .wrapper {padding-bottom:400px;}
    
    .block-left{width:100%;float:left;clear:both;overflow:hidden;}
    .getcatalog .block-right{width:100%;clear:both;overflow:hidden;}
    .block-left > div {margin:auto 30px auto 30px;width:calc(100% - 60px);} 
    .rightpane img{margin-bottom:10px;width:100%;}
	
    .image {width:100vw;height:auto;}
    .image  img {width:100vw;height:auto;}
    
    .news-wrapper{width:46vw;height:90vw;margin:2vw;}
    .news-wrapper>div {width:43vw;height:auto;margin:1.5vw;}
    .news-wrapper-foto {}
    .news-wrapper-foto img{width:100%; }
    .news-wrapper-title {font-size:4vw; line-height:3.5vw; margin:1vw;}
    .news-wrapper>div.small{font-size:3vw;}

    .feedback {width:100vw;height:auto;background-position:top right;background-size:cover;margin-top:12vw;}
    .feedback .block-left {width:100vw;height:auto;padding:2vw 5vw 2vw 6vw; margin-left:0px;}
    .feedback .block-left h2 {margin:0;padding:0;font-size:5vw}
    
    .feedback .block-left .mailform,.getcatalog .block-right .mailform {margin:1vw;padding:0;}
    .feedback .block-left .mailform input,.getcatalog .block-right .mailform input,
    .feedback .block-left .mailform textarea {width:80vw; border-radius:20px; height:7vw;margin-top:13px;padding:1vw 2vw;font-size:4vw}
    .feedback .block-left .mailform textarea {height:15vw;}
    .feedback .block-left .mailform input[type=button],.getcatalog .block-right .mailform input[type=button] {width:250px;}
    
    .col-left  {width:100%;margin-bottom:50px;}
    .col-left > div {margin-right:0;}
    .col-right {width:100%;}
    .col-right img {width:100%;height:auto;}
    
    .cell33 {float:left;width:42%;}
    .cell20 {width:40%;margin-right:10%;height:35vw;}
    .max13 {width:40%;}
    
    .maincat_b {height:calc(55vw + 65px);}
    .contact p,.contact p *{font-size:4.0vw;line-height:4.5vw;padding:2vw 0;}
    .contact p span{font-size:4.5vw;}
    .leftpane{width:100%;float:none;margin-bottom:2vw;}
    .rightpane{width:100%;float:none;}
    .sunlight-bottom {margin-bottom:43px;}
    .sunlight-bottom img {width:200%;margin-left:-70%;}
}
@media (max-width: 600px) {
    .body-inner,.body-inner-small{padding:30px 25px;}
    .innovation>div:first-child,.innovation>div:last-child {position:relative;width:100%}
    .cell20 {height:40vw;min-height:140px}
    .footer {height:500px}
    .footer .col3 {top:230px;position:absolute;}
    .footer .col4 {top:400px;position:absolute;}
    
    .qc-wrapper {margin-bottom:30px;}
    video {width:100%;height:auto;}
    .qc-wrapper div{float:none; width:100%;margin-bottom:0px;}
    .qc-wrapper div.qc-wrapper-foto{float:none; width:100%;}
    .qc-wrapper-foto, .qc-wrapper-foto img {width:100%;}
    .qc-wrapper div.qc-wrapper-title{margin-top:0px;}
    .qc-wrapper div.small {color:#ccc;font-size:12px;}
    
}
@media only screen and (max-width: 500px) {
    .news-wrapper{width:92vw;height:140vw;margin:4vw;}
    .news-wrapper>div {width:84vw;height:auto;margin:4vw;}
    .cell33 {float:left;width:95%;}
    .cell25 {height:200px; width:45%}
    .cell25.empty {display:none}
     .topmenu-right { margin-right: 5px;width: 50px;}
     .topmenu-right input.search_text {border:0;}
    
    .contact p{font-size:20px;line-height:25px;padding:7px 0;}
    .cell25.wellcome {height:150px;}
    .cell25.wellcome img {height:25px;}
}