/*Colors*/
/*Fonts family*/
@font-face {
  font-family: 'HelveticaNeueCyr_Bold';
  src: url('../fonts/HelveticaNeueCyr-Bold.eot');
  src: local('../fonts/HelveticaNeueCyr-Bold'), url('../fonts/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueCyr-Bold.woff2') format('woff2'), url('../fonts/HelveticaNeueCyr-Bold.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueCyr_Light';
  src: url('../fonts/HelveticaNeueCyr-Light.eot');
  src: local('../fonts/HelveticaNeueCyr-Light'), url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueCyr-Light.woff2') format('woff2'), url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
/*@font-face {
    font-family: 'HelveticaNeue_Norm';
    src: url('../fonts/HelveticaNeueLight.eot');
    src: url('../fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLight.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLight.woff') format('woff'),
        url('../fonts/HelveticaNeueLight.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue_Bold';
    src: url('../fonts/HelveticaNeueBold.eot');
    src: url('../fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueBold.woff2') format('woff2'),
        url('../fonts/HelveticaNeueBold.woff') format('woff'),
        url('../fonts/HelveticaNeueBold.ttf') format('truetype'),
        url('../fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
*/
/* Basic settings*/
html {
  font-size: 10px;
}
body {
  height: 100vh;
  font-family: 'HelveticaNeueCyr_Light', Helvetica, Open Sans, sans-serif;
}
a:hover {
  text-decoration: none;
  color: #46301c;
}
.nav {
  display: inline-block !important;
  width: 100%;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #46301C;
  background-color: #F4DFB8;
}
.nav-pills .nav-link.active.bar-link_ref,
.nav-pills .show > .nav-link.bar-link_ref {
  -moz-text-shadow: 0 0 10px #46301C, 0 0 5px #46301C;
  -webkit-text-shadow: 0 0 10px #46301C, 0 0 5px #46301C;
  text-shadow: 0 0 10px #46301C, 0 0 5px #46301C;
}
/*.container{
	display: inline-block;
}*/
/*.container {
	display: flex;
    width: 100%;
    align-items: stretch;
}*/
.lang {
  margin-top: 3rem;
}
.bar {
  height: 100vh;
  position: fixed;
  top: 0;
  display: block;
  padding: 0;
  z-index: 1;
  background-color: #F4DFB8;
  overflow: hidden;
  transition: 0.5s;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
}
.bar_logo {
  text-align: center;
  width: 95%;
  margin: 2rem auto 1rem;
}
.bar_logo h1 {
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.2rem;
  color: #46301C;
  text-align: center;
  text-transform: uppercase;
  line-height: 25px;
  width:0;
  height:0;
  visibility:hidden;
}
.bar-link {

  margin-bottom: 3.0rem;
  text-align: center;
  /*	display: flex;
	;*/
}
.bar-link_ref {
  display: inline-block;
  color: #46301C;
  letter-spacing: 0.2rem;
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  position: relative;
  align-items: stretch;
  padding:0px 0px;
  /*Animation underline links*/
}
.bar-link_ref .span-anim:hover {
  color: #46301c;
  cursor: pointer;
}
.bar-link_ref .span-anim::before {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #46301c;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  animation-timing-function: ease-out;
}
.bar-link_ref .span-anim:hover:before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
}
.bar-link .span-anim:target {
  color: green;
  text-decoration: underline;
}
.bar-hidden {
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
}
.cright {
  color: #46301C;
  font-size: 1.2rem;
  text-align: center;
}
/*Button for mobile menu*/
#openbutton {
  top: 0;
  border-radius: 0.5rem;
  display: block;
  cursor: pointer;
  background-color: #F4DFB8;
  width: 6rem;
  height: 6rem;
  border: none;
}
#openbutton #img-open {
  width: 90%;
  height: 90%;
}
#closebutton {
  top: 0;
  border-radius: 0.5rem;
  display: none;
  cursor: pointer;
  background-color: #F4DFB8;
  width: 6rem;
  height: 6rem;
  border: none;
}
#closebutton #img-close {
  width: 90%;
  height: 90%;
}
.logotype {

  width: 100%;
}
/*Mobile menu - appear just on smaller screens*/
.mob {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: 1;
}
.mobbar {
  height: 15vh;
  width: 100vw;
  background-color: #F4DFB8;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 0;
}
.mobbar-button {
  display: inline-block;
  top: 0.3rem;
  width: 100%;
}
.mobbar-button-wrapper {
  padding-right: 30px;
}
#openbutton{
    outline:none;
}
#closebutton{
    outline:none;
}
.mobbar-title {
  top: 0.8rem;
  text-align: center;
  text-transform: uppercase;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
  display: inline-block;
  width: 100%;
  margin-top: 2.0rem;
}
.mobbar-title .tar {
  padding-left: 3rem;
  padding-top: 0.5rem;
}
.mobbar-title-wrapper-tar {
  padding-left: 2.5rem;
}
.mobbar-title-in {
  letter-spacing: 0.8rem;
  color: #46301C;
  width: 100%;
}
.mobbar-logotype {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.mobbar-logotype-img {
  width: 85%;
  height: 85%;
}
/*Index page*/
.about_us {
  height: 100vh;
  background: #ffffff url(../img/Great_Grape.jpg) left center no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/Great_Grape.jpg) left center no-repeat;
  background-size: cover;
  padding: 0;
}
.about_us:hover {
  transition: all 0.3s;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/Great_Grape.jpg) left center no-repeat;
  background-size: cover;
}
.about_us:hover .hyper_link {
  opacity: 100;
}
.hyper_link {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.contact_us {
  height: 100vh;
  background: #ffffff url(../img/barrel1.jpeg) center center no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/Cabernet_bottle.jpeg) center center no-repeat;
  background-size: cover;
  padding: 0;
}
.contact_us:hover {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/Cabernet_bottle.jpeg) center center no-repeat;
  background-size: cover;
}
.contact_us:hover .hyper_link {
  opacity: 1;
}
.img_link {
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: center;
  margin: 0;
}
.hyper_link {
  /*margin: 0 auto;*/
  padding: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 2rem;
  text-transform: uppercase;
  opacity: 0;
}
.hyper_link:hover {
  color: #ffffff;
}
.label {
  padding-top: 40vh;
  text-align: center;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
  letter-spacing: 0.3rem;
  font-size: 3rem;
}
.label:hover {
  cursor: pointer;
}
/*Contact_us page*/
.main {
  color: #46301C;
}
.main-contact {
  background-color: #F7E8CD;
}
.head {
  padding-top: 6rem;
  text-align: center;
  left: 6rem;
  text-transform: uppercase;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
  letter-spacing: 0.2rem;
  color: #46301C;
}
/*Phone-contact*/
.m-phone {
  display: inline-block;
  margin-top: 4rem;
}
.m-phone-icon {
  display: inline-block;
  width: 75px;
  margin-right: 0;
}
.m-phone-icon-img {
  width: 6rem;
  height: 6rem;
}
.m-phone-icon-img:hover {
  animation-name: swing;
}
.m-phone-ref {
  text-align: center;
  display: inline-block;
  font-size: 2rem;
}
.m-phone-ref a {
  color: #46301C;
}
/*Email blocks*/
.e-mail {
  display: inline-block;
  margin-top: 4rem;
}
.e-mail-icon {
  display: inline-block;
  width: 75px;
  margin-right: 0;
}
.e-mail-icon-img {
  width: 6rem;
  height: 6rem;
}
.e-mail-ref {
  /*text-decoration: underline;*/
  text-align: center;
  display: inline-block;
  font-size: 2rem;
  letter-spacing: 0.2rem;
}
.e-mail-ref a {
  color:#46301C;
}
.d-phone {
  display: inline-block;
  margin-top: 4rem;
}
.d-phone-icon {
  display: inline-block;
  width: 75px;
  margin-right: 0;
}
.d-phone-icon-img {
  width: 6rem;
  height: 6rem;
}
.d-phone-icon-img:hover {
  animation-name: swing;
}
.d-phone-ref {
  text-align: center;
  display: inline-block;
  font-size: 2rem;
}
.d-phone-ref a {
  color:#46301C;
}
.adr {
  text-align: center;
  display: inline-block;
  margin-top: 5rem;
}
.adr-icon {
  display: inline-block;
  width: 75px;
  margin-right: 0;
}
.adr-icon-img {
  width: 6rem;
  height: 6rem;
}
.adr-ref {
  line-height: 2rem;
  text-align: center;
  display: inline-block;
  font-size: 2rem;
  letter-spacing: 0.2rem;
}
/*maps*/
.map {
  text-align: center;
  margin-top: 3rem;
}
.mapborder{
    border: 1px solid #46301C;
}
.map-wrapper {
  padding-left: 1rem;
}
.winestore {
  margin-top: 2rem;
  text-align: center;
  text-transform: uppercase;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
}
.time {
  display: inline-block;
  margin-top: 4rem;
}
.time-icon {
  display: inline-block;
  width: 75px;
  margin-right: 0;
}
.time-icon-img {
  width: 6rem;
  height: 6rem;
}
.time-ref {
  text-align: center;
  display: inline-block;
  font-size: 2rem;
}
.calendar {
  display: inline-block;
  margin-top: 4rem;
}
.calendar-icon {
  display: inline-block;
  width: 75px;
  margin-right: 0;
}
.calendar-icon-img {
  width: 6rem;
  height: 6rem;
}
.calendar-ref {
  text-align: center;
  display: inline-block;
  font-size: 2rem;
}
.map {
  margin-bottom: 4rem;
}
.info {
  font-size: 2rem;
  padding: 3rem 10rem 0rem;
  text-align: justify;
  overflow: hidden;
}
/*About us page*/
.parallax-window {
  min-width: 100%;
  background:transparent;
}
.for-aubg {
  background-color: #703342;
  margin-left: -15px;
  margin-right: -15px;
}
.vine,
.factory,
.soil,
.collection,
.wine {
  min-height: 80vh;
  overflow-x: show;
  
}
.vine-in,
.factory-in,
.soil-in,
.collection-in,
.wine-in {
  margin-top: 18rem;
  color: #ffffff;
}
.vine-in-head,
.factory-in-head,
.soil-in-head,
.collection-in-head,
.wine-in-head {
  text-transform: uppercase;
  font-size: 3rem;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
  letter-spacing: 0.2rem;
}
.vine-in-info,
.factory-in-info,
.soil-in-info,
.collection-in-info,
.wine-in-info {
  margin-top: 2rem;
  font-size: 2rem;
  letter-spacing: 0.2rem;
  font-family: 'HelveticaNeueCyr_Light', Helvetica, Open Sans, sans-serif;
  text-align: justify;
  line-height: 2.5rem;
  /*text-transform: uppercase;*/
}
.cont {
  min-height: 80vh;
  overflow-x: show;
}
.cont-in {
  margin-top: 14rem;
  color: #ffffff;
}
.cont-in-head {
  text-transform: uppercase;
  font-size: 3rem;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
  letter-spacing: 0.2rem;
}
.cont-in-info {
  margin-top: 2rem;
  font-size: 2rem;
  letter-spacing: 0.2rem;
  font-family: 'HelveticaNeueCyr_Light', Helvetica, Open Sans, sans-serif;
  text-align: justify;
  line-height: 2.5rem;
  /*text-transform: uppercase;*/
}
.slider {
  width: 100%;
  background-color: #703342;
}
.slide {
  width: 100%;
}
.slide-over {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  font-size: 3rem;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
}
.slide-head {
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
  font-size: 4rem;
  color: #F4DFB8;
  margin-top: 2rem;
  text-align: center;
  text-transform: uppercase;
}
.slide-in {
  text-align: center;
  color: #F4DFB8;
  margin-top: 66%;
}
.slide-in h1 {
  text-transform: uppercase;
  font-family: 'HelveticaNeueCyr_Bold', Helvetica, Open Sans, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}
.slide-in p {
  text-transform: uppercase;
  font-size: 2rem;
}
/*Contact us button*/
.butn-contact {
  margin-top: 5rem;
  width: 26rem;
  height: 5rem;
  border-radius: 0.5rem;
  background-color: #F4DFB8;
  border-color: #F4DFB8;
  color: #46301C;
  padding: 1rem 2.5rem;
  position: relative;
  transition: 1s;
  overflow: hidden;
}
/*Button Blick on hover*/
.butn-contact:before,
.butn-contact:after {
  content: '';
  position: absolute;
  width: 6rem;
  height: 100%;
  top: 0;
  left: -20rem;
  background-color: #ffffff;
  filter: blur(4rem);
  transform: skewX(-45deg);
  -webkit-transform: -45deg;
  -moz-transform: -45deg;
}
.butn-contact:hover,
.butn-contact:focus {
  cursor: pointer;
  -moz-text-shadow: 0 0 10px #46301C, 0 0 5px #46301C;
  -webkit-text-shadow: 0 0 10px #46301C, 0 0 5px #46301C;
  text-shadow: 0 0 10px #46301C, 0 0 5px #46301C;
  background-color: #F4DFB8;
  border-color: #F4DFB8;
  color: #46301C;
  filter: brightness(1.1);
  outline: none;
}
.butn-contact:hover:before,
.butn-contact:focus:before {
  left: calc(120%);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
.butn-contact:hover:after,
.butn-contact:focus:after {
  left: calc(125%);
  transition: 0.5s 0.5s;
  -webkit-transition: 0.5s 0.5s;
  -moz-transition: 0.5s 0.5s;
}
.butn-ref {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5rem;
  font-size: 2.1rem;
}
/*Width-adjust*/
@media (max-width: 991px) {

  .bar {
    width: 0;
    top: 0;
    left: 0;
  }
 .lang {
     margin-top: 6rem;
 }
  .main {
    width: 100%;
  }
  #main {
    margin-left: 0;
  }
  #openbutton {
    display: block;
  }
  /*About page*/
  .vine-in,
  .factory-in,
  .soil-in,
  .collection-in,
  .wine-in,
  .cont-in {
    margin-top: 10rem;
    text-align: center;
  }
  .vine-in-info,
  .factory-in-info,
  .soil-in-info,
  .collection-in-info,
  .wine-in-info,
  .cont-in-info {
    margin-top: 4rem;
    text-align: center;
  }
  .slide-in {
    margin-top: 65%;
  }
  .m-phone-ref,
  .e-mail-ref,
  .d-phone-ref,
  .time-ref,
  .calendar-ref {
    font-size: 3rem;
  }
  .adr-icon {
    margin-bottom: 1.5rem;
  }
  /*Contact page*/
  .head {
    left: auto;
  }
  .adr-ref {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .about_us,
  .contact_us {
    height: 50vh;
  }
  .label {
    padding-top: 20vh;
  }
  .bar-link_ref {
    font-size: 2.5rem;
  }
  .mobbar-button {
    top: 0.5rem;
    padding-left: 0.5rem;
  }
  .mobbar-button-wrapper {
    padding-right: 0;
  }
  .mobbar-title-wrapper-tar {
    width: 100%;
    padding-left: 0;
  }
  .mobbar-title-in {
    letter-spacing: 0.2rem;
    font-size: 2rem;
  }
  .mobbar-logotype {
    margin-top: 0.5rem;
  }
  .mobbar-logotype-img {
    width: 100%;
    height: 100%;
  }
  .win {
    padding-left: 0;
  }
  .tar {
    margin-left: 1.5rem;
    padding-right: 0;
  }
  .vine-in {
    margin-top: 8rem;
    text-align: center;
  }
  .vine-in-head {
    font-size: 4rem;
  }
  .vine-in-info {
    font-size: 2.5rem;
    line-height: 3.5rem;
    margin-top: 3rem;
    text-align: center;
  }
  .factory-in,
  .soil-in,
  .collection-in,
  .wine-in,
  .cont-in {
    margin-top: 9.5rem;
    text-align: center;
  }
  .factory-in-head,
  .soil-in-head,
  .collection-in-head,
  .wine-in-head,
  .cont-in-head {
    font-size: 4rem;
  }
  .factory-in-info,
  .soil-in-info,
  .collection-in-info,
  .wine-in-info,
  .cont-in-info {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-top: 3.5rem;
    text-align: center;
  }
  .slide-in {
    margin-top: 62%;
  }
}
@media (max-width: 991px) and (max-height: 600px) {
     .mobbar {
    height: 14vh;
  }
}
@media (max-width: 575px) {
  #longmail {
    margin-left: 3rem;
  }
}
@media (max-width: 520px) {
  .m-phone-ref,
  .e-mail-ref,
  .d-phone-ref,
  .time-ref,
  .calendar-ref {
    font-size: 2.8rem;
  }
}
@media (max-width: 490px) {
  .m-phone-ref,
  .e-mail-ref,
  .d-phone-ref,
  .time-ref,
  .calendar-ref {
    font-size: 2.6rem;
  }
}
@media (max-width: 465px) {
  .m-phone-ref,
  .e-mail-ref,
  .d-phone-ref,
  .time-ref,
  .calendar-ref,
  .adr-ref {
    font-size: 2.2rem;
  }
  .m-phone-icon-img,
  .e-mail-icon-img,
  .d-phone-icon-img,
  .time-icon-img,
  .calendar-icon-img,
  .adr-icon-img {
    width: 3.5rem;
    height: 3.5rem;
  }
  #longmail {
    margin-left: 2rem;
  }
}
@media (max-width: 430px) {
  #longmail {
    font-size: 2rem;
  }
}
@media (max-width: 425px) {
  .vine-in {
    margin-top: 5rem;
    text-align: center;
  }
  .vine-in-head {
    font-size: 4rem;
  }
  .vine-in-info {
    font-size: 2.3rem;
    line-height: 3.5rem;
    margin-top: 2.5rem;
    text-align: center;
  }
  .factory-in,
  .soil-in,
  .collection-in,
  .wine-in,
  .cont-in {
    margin-top: 6rem;
    text-align: center;
  }
  .factory-in-head,
  .soil-in-head,
  .collection-in-head,
  .wine-in-head,
  .cont-in-head {
    font-size: 4rem;
  }
  .factory-in-info,
  .soil-in-info,
  .collection-in-info,
  .wine-in-info,
  .cont-in-info {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-top: 3rem;
    text-align: center;
  }
  .head {
    padding-top: 3rem;
  }
  .m-phone,
  .e-mail,
  .d-phone,
  .time,
  .calendar,
  .adr {
    margin-top: 2.5rem;
  }
  .map {
    margin-bottom: 3rem;
  }
  .mobbar {
    height: 12vh;
  }
  .mobbar-button {
    top: 0rem;
  }
}
@media (max-width: 375px) {
  #longmail {
    margin-left: 1rem;
  }
  .mobbar {
    height: 11vh;
  }
  .mobbar-button {
    padding-left: 0.5rem;
  }
  .mobbar-button-wrapper {
    padding-right: 0;
  }
  .mobbar-title-wrapper-tar {
    width: 100%;
    padding-left: 0;
  }
  .mobbar-title-in {
    letter-spacing: 0.2rem;
    font-size: 1.8rem;
  }
  .mobbar-logotype {
    margin-top: 0.5rem;
    padding-right: 0.5rem;
    padding-left: 1rem;
  }
  .mobbar-logotype-img {
    width: 100%;
    height: 100%;
  }
  .win {
    padding-left: 0;
  }
  .tar {
    margin-left: 1.5rem;
    padding-right: 0;
  }
}
@media (max-width: 360px) {
  #longmail {
    letter-spacing: 0;
    margin-left: 1.5rem;
  }
  .mobbar-button {
    width: 90%;
    padding-left: 0;
  }
  .mobbar-logotype {
    padding-right: 0;
  }
  .mobbar-title-in {
    font-size: 1.55rem;
  }
}
@media (max-width: 320px) {
  .mobbar {
    height: 11vh;
  }
  .mobbar-button {
    top: 0.5rem;
    padding-left: 0rem;
  }
  .mobbar-button-wrapper {
    padding-right: 0;
  }
  .mobbar-title-wrapper-tar {
    width: 100%;
    padding-left: 0;
  }
  .mobbar-title-in {
    letter-spacing: 0.2rem;
    font-size: 1.55rem;
  }
  .mobbar-logotype {
    margin-top: 0.5rem;
    padding-right: 0rem;
  }
  .mobbar-logotype-img {
    width: 100%;
    height: 100%;
  }
  .win {
    padding-left: 0;
  }
  .tar {
    margin-left: 1.5rem;
    padding-right: 0;
  }
}
/*Height-Adjust*/
@media (max-height: 520px) {
  .mobbar {
    height: 16vh;
  }
}
@media (max-height: 460px) {
  .mobbar {
    height: 17vh;
  }
}
@media (max-height: 440px) {
  .mobbar {
    height: 18vh;
  }
  .mobbar-button {
    top: 0.5rem;
    padding-left: 0.5rem;
  }
  .mobbar-button-wrapper {
    padding-right: 0;
  }
  .mobbar-title-wrapper-tar {
    width: 100%;
    padding-left: 0;
  }
  .mobbar-title-in {
    letter-spacing: 0.2rem;
  }
  .mobbar-logotype {
    margin-top: 0rem;
    padding-right: 1rem;
  }
  .mobbar-logotype-img {
    width: 100%;
    height: 100%;
  }
}
@media (max-height: 410px) {
  .mobbar {
    height: 19vh;
  }
}
@media (max-height: 390px) {
  .mobbar {
    height: 20vh;
  }
  .mobbar-button {
    top: 0.5rem;
    padding-left: 0.5rem;
  }
  .mobbar-button-wrapper {
    padding-right: 0;
  }
  .mobbar-title {
    margin-top: 0rem;
  }
  .mobbar-title-wrapper-tar {
    width: 100%;
    padding-left: 0;
  }
  .mobbar-title-in {
    letter-spacing: 0.2rem;
    font-size: 2rem;
  }
  .mobbar-logotype {
    margin-top: 0.1rem;
    padding-right: 1rem;
  }
  .mobbar-logotype-img {
    width: 100%;
    height: 100%;
  }
}
@media (max-height: 360px) {
  .mobbar {
    height: 21vh;
  }
  .mobbar-button {
    top: 0.5rem;
    padding-left: 0.5rem;
    width: 90%;
    height: 90%;
  }
  .mobbar-button-wrapper {
    padding-right: 0;
  }
  .mobbar-title {
    margin-top: 0rem;
  }
  .mobbar-title-wrapper-tar {
    width: 100%;
    padding-left: 0;
  }
  .mobbar-title-in {
    letter-spacing: 0.2rem;
    font-size: 2rem;
  }
  .mobbar-logotype {
    margin-top: 0rem;
    padding-right: 1rem;
  }
  .mobbar-logotype-img {
    width: 100%;
    height: 100%;
  }
}
@media (max-height: 340px) {
  .mobbar {
    height: 22.1vh;
  }
}
/*Animation*/
/*.animate__animated.animate__fadeInRightBig {
  --animate-duration: 1s;
}*/
/*@media (max-width:575px){
	.mobbar{
		&-button{
			top:0.5rem;
			padding-left: 0.5rem;
			
			&-wrapper {

				padding-right: 0;
			}
		}
		&-title {

			&-wrapper-tar {
				width: 100%;
				padding-left: 0;
			}
			&-in {
			letter-spacing: 0.2;
			font-size: 2rem;
			
		}
		
	}
	    
	     &-logotype{
	     	margin-top: 0.5rem;

	     &-img{

	   	width: 100%;
	   	height: 100%;
	   }
	   }
	
}
.win {
	padding-left: 0;
}
.tar {
    margin-left: 1.5rem;
	padding-right: 0;
}

.vine,.factory,.soil,.collection,.wine{
        &-in { 
        	margin-top: 9.5rem;
        	text-align: center;
        	&-head {
        		font-size: 4rem;
        	}

        	&-info {
        		font-size: 3rem;
        		line-height: 3.5rem;
        		margin-top: 3.5rem;
        		text-align: center;
        	}
        }
    }
    .slide {
    	&-in {
    		margin-top: 62%;
    	}
    }
}


/*Animation*/
.hidden {
  display: none;
}
.animate__animated.animate__fadeInRightBig {
  --animate-duration: 2s;
}
/*.animate__animated.animate__fadeIn  {
  --animate-duration: 1s;

}*/