html {color:#222; line-height:1.4; background:#333; width:100%; overflow:hidden; font-family:'Fira Sans', sans-serif; font-weight:normal}
p,div,span,a,b,i,li,ul {box-sizing:border-box}
a {text-decoration:none; color:inherit;}
::-moz-selection {background:#b3d4fc; text-shadow:none;}
 ::selection {background:#b3d4fc; text-shadow:none;}
audio, canvas, iframe, img, svg, video {vertical-align:middle;}
fieldset {border:0; margin:0; padding:0;}
textarea {resize:vertical; }
.browserupgrade {margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0;}
.clear:before, .clear:after {content:" "; display:table;}
.clear {clear:both;}
.small {font-size:12px;}
.color-gray {color:#999;}
.mybutton {margin:10px 0 45px 0!important; border:2px solid #fff!important}

h1,h2,h3,h4,h5 {margin:10px 0;}
/* generic */
.header { line-height:1; font-weight:bold;}
.up-down-label span {display:inline-block; padding:3px 20px; border-top:4px solid #fff; border-bottom:4px solid #fff; margin:1vh 0;}
.bold {font-weight:bold}
.text-right {text-align:right}
.text-center {text-align:center;}
.pull-right {float:right;}

#home, #wines, #history, #visitus, #wineclub, #gallery {width:100vw; height:100vh}
#newsletter {}
.fp {width:100vw; height:100vh;}
.generic-page {color:#fff;  background-size:cover!important;width:100vw; height:100vh}

/* menu */
    #dektop-menu-button {position:absolute; top:30px; left:30px; display:block; width:44px; height:44px; z-index:11;}
    #dektop-menu-button span {height:5px; margin:7px 0px; display:block; background:#fff; border-radius:2px; transition:.4s; width:100%; opacity:1}
    #dektop-menu-button.open span {transition:.6s; transform-origin:39px 3px; }
    #dektop-menu-button.open span:nth-child(1) {transform:rotate(-45deg);}
    #dektop-menu-button.open span:nth-child(2) {transform:translate(300%); width:0; opacity:0 }
    #dektop-menu-button.open span:nth-child(3) {transform:rotate(45deg); }
    #site-menu {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; transition:.6s; z-index:10}
    #site-menu.closed {width:0; transition:.6s;}
    /*#site-menu.closed #sheet {opacity:0; transition:.2s;}*/


    /* contact */
        #sheet .menu {margin-top:100px; float:left; width:50%; padding-left:5%; border-right:5px solid #fff}
        #sheet .extra {margin-top:100px; float:left; width:39%; padding-left:5%; color:#aaa8a9}

        #sheet .menu a {display:block; color:#fff; border-left:6px solid rgba(0,0,0,0); padding:.2vh 5px .2vh 25px; margin:1vh 0;}
        #sheet .menu a:first-child {margin-top:50px;} /* same margin with #sheet .extra .social bellow */
        #sheet .menu a.active {border-left:6px solid #fff; transition:.5s;}


        #sheet .extra .social {margin:50px 0 20px 0;}
        #sheet .extra .social a:last-child {margin-right:0;}
        #sheet .extra .social a:hover {transition:.2s;}
        #sheet .extra .social a.fb {background-image:url(/img/social/fb.jpg); background-position:center top; }
        #sheet .extra .social a.ig {background-image:url(/img/social/ig.jpg); background-position:center top; }
        #sheet .extra .social a.yt {background-image:url(/img/social/yt.jpg); background-position:center top; }
        #sheet .extra .social a.ta {background-image:url(/img/social/ta.jpg); background-position:center top; }
        #sheet .extra .social a.fb:hover {background-image:url(/img/social/fb.jpg); background-position:center bottom; }
        #sheet .extra .social a.ig:hover {background-image:url(/img/social/ig.jpg); background-position:center bottom; }
        #sheet .extra .social a.yt:hover {background-image:url(/img/social/yt.jpg); background-position:center bottom; }
        #sheet .extra .social a.ta:hover {background-image:url(/img/social/ta.jpg); background-position:center bottom; }

        #sheet .extra h3 {color:#fff; margin:50px 0 15px 0;}

        #sheet .find-map {margin-top:30px}
        #sheet .find-map a {color:#fff;}

        .liner {margin-bottom: 15px;}
        .contact-link {color:#aaa8a9; border-bottom:1px solid #fff; padding:2px 8px; display:inline-block; width:50%; text-align:center}
        .contact-link.active {color:#fff; border:1px solid #fff; border-bottom:1px solid rgba(0,0,0,0); border-radius: 6px 6px 0 0 }
        .contact-panel {padding-left:10px;}

#booknow {position:fixed;z-index: 30; top:0; height:0; left:0; right:0; background:#231f20; transition:.6s; overflow:hidden; color:#fff;}
#booknow.open {height:100vh; transition:.6s}
#booknow .in {width:760px; margin:0 auto; padding-top:5%;}
#booknow .in h3 {color:#ddd; margin-bottom:20px; font-weight:normal;}
#booknow .in h4 {color:#ddd; margin-bottom:20px; font-weight:normal; text-align:center;}
#booknow .part {width:380px; float:left;}

#booknow .label {width:200px; margin-top:2px; float:right; display:block; text-align:right; margin-bottom:10px; white-space:nowrap; line-height:17px; margin-bottom:20px;}
#booknow .rightpart {width:170px; float:right; display:block; margin-bottom:10px; white-space:nowrap; line-height:17px; margin-bottom:20px;}
#booknow input {margin-left:10px;display:block; background:#231f20; border:none; border-bottom:1px solid #fff; outline:none; color:#fff;}
#booknow textarea {margin-left:10px;display:block; height:74px; background:#231f20; border:none; border-bottom:1px solid #fff; outline:none; color:#fff;}
#booknow select {margin-left:10px;background:#231f20; border:none; border-bottom:1px solid #fff; outline:none; color:#fff!important;}
#booknow option {color:#fff!important;}
#booknow .close {position:absolute; top:20px; right:20px; font-size:30px; height:30px; width:30px; display:block; border-radius:50%; background:#fff; color:#000; line-height: 30px; text-align: center; cursor:pointer}
#booknow input.error {border-bottom:1px solid red;}
#error-msg, #error-msg-c, #error-msg-gdpr{color:#f00;}
#date-closed, #date-error, #date-past, #date-sundays, #date-busy {position:absolute; border:1px solid #fff; background:red; right:0; color:#fff; padding:10px; display:inline-block}

.booknow


#booknow-thanks {position:fixed;z-index: 30; top:100vh; height:0; left:0; right:0; background:#231f20; overflow:hidden; padding:0; text-align: center; font-size: 32px; color:#fff; transition:.6s; overflow:hidden; }
#booknow-thanks.open {height:80px; top:calc(50vh - 40px); transition:.6s;padding:20px}
#booknow-thanks.open.closed {top:-90px; transition:.6s;padding:0}
/* cover */
    #all-cover {position:absolute; top:-100vh; left:0; width:100%; height:200vh; overflow:hidden; z-index:1}
    #all-cover.open {top:100vh; height:0; transition:2.2s;}
    #all-cover .in {position:relative; width:100%; height:100%}
    #all-cover .in div {background:#231f20; width:100vw; height:200vw; position:absolute;}
    #all-cover .in div:nth-child(1) {transform:rotate(37deg); transform-origin:0 0;left:50%;}
    #all-cover .in div:nth-child(2) {transform:rotate(-37deg); transform-origin:100% 0;right:50%;}

/* footer */
    footer {position:fixed; bottom:0; left:0; width:100%; z-index:11; pointer-events:none;}
    footer .line {position:fixed; bottom:0; width:100%; height:3vh; min-height:20px; background:#231f20}
    footer img {position:fixed; bottom:0; width:28vw; min-width:220px; max-width:400px; left:50%; transform:translate(-50%,0);}





/* home */
    /* video */
    video#bgvid, video.bgvid {position:fixed; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; transform:translateX(-50%) translateY(-50%);}
    #home-labels { position:absolute; right:30px; top:30px; color:#fff; text-align:right; color:#fff}
    .mybutton, #home-labels .bordered-link a {display:inline-block; padding:5px 10px; border:5px solid #fff; margin:20px 0;color:#fff}
    .mybutton:hover, #home-labels .bordered-link a:hover {background:#231f20; border-color:#231f20}


/* age verification */
    #age_verification_in {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:400px; height:250px; padding:40px; background:#231f20; color:#fff; text-align:center;}
    #age_verification_in h3 {font-size: 24px; font-weight: normal;}
    #age_verification_in button, #age_verification_in a {padding:10px 20px!important; display:inline-block; border:2px solid #fff; color:#fff; margin:30px 20px 30px; 0; background:none; font-size:24px}
    #age_verification_in button:hover, #age_verification_in a:hover {background:#fff; color:#000;}




/* wines */
    #wines {}
    #wines .third {width:25%; float:left; height:100%; position:relative; background-size:cover!important}
    #wines .third .in {width:100%; position:absolute; bottom:50%; text-align:right; padding:30px; color:#fff; z-index:2; pointer-events:none; transition:.3;}
    /*#wines .third:hover .in {transform:matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0015,0,0,1,0,0,0,0,1); transition:.3;}*/
    #wines .third > a {position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.38); transition:.7s;}
    #wines .third > a:hover {background:rgba(0,0,0,0); transition:.7s;}

    #wines .sv {background:url('/img/wines/sv.jpg') center center no-repeat;}
    #wines .pgi {background:url('/img/wines/pgi.jpg') center center no-repeat;}
    #wines .lw {background:url('/img/wines/lw.jpg') center center no-repeat;}

    #wines-repeater {}
    #wines-repeater .in {position:absolute; top:0; left:0; right:0; bottom:0; background:red}




/* wines inner pages */
    .single-vineyard {background:url(/img/wines/single_vineyard/bg.jpg) center center no-repeat; background-size:cover!important}
    .wineslist {width:100vw; height:100vh;}
    .wineslist .menu {width:25%; float:left; padding:50px 20px 0 20px; color:#fff; text-align:right}
    .wineslist .bottle {width:25%; float:left;}
    .wineslist .data {width:50%; float:left;}


    .wineslist .menu .back:before {content:" "; position:relative; top:1px; display:inline-block;width:10px; height:10px; transform:rotate(45deg); border-bottom:1px solid #fff; border-left:1px solid #fff}
    .wineslist .menu h3 {font-weight:bold;}
    .wineslist .menu h2 {font-weight:bold; line-height:1; margin-bottom:0}
    .wineslist .menu .intro { min-width:30%; display:inline-block; border-top:4px solid #fff;  border-bottom:4px solid #fff; padding:10px 0; line-height:0.9; font-weight:bold;}
    .wineslist .menu menu {padding:0; margin:6vh 0 0 0;}
    .wineslist .menu menu a {display:block; padding:5px 0; font-weight:300; transition:.4s; transform:translate(0, -30%); line-height:1;}
    .wineslist .menu menu a:hover { font-weight:300; transition:.4s;font-weight:800;line-height:1.3;}

    .wineslist .bottle {position:relative; height:100%;}
    .wineslist .bottle img {height:80%; position:absolute; left:50%; top:50%; transform:translate(-50%, -53%);}

    .wineslist .data {width:50%; float:left; position:relative; height:100%}


    .wineslist .data .paper {position:relative; margin: 8vh 20px 6vh 20px; background: #dededc; height:85vh; overflow:hidden}
    /*.wineslist .data .paper .paper-in {position:absolute; top:-6vh;}*/

    .wineslist .data .label {text-align:center}
    .wineslist .data .label img {height:26vh; margin-left:-40px;}

    .wineslist .data .paper .left {width:50%; padding:20px 0 20px 20px; float:left; line-height:1.2}
    .wineslist .data .paper .right {width:50%; padding:20px; float:left; line-height:1.1}

    .wineslist .data .paper .right .awards {background:#ebebeb; padding:10px 5px; max-height:40vh; overflow:auto;}
    .wineslist .data .paper .right .awards .clear {margin-bottom:10px}
    .wineslist .data .paper .right .awards .clear:last-child {margin-bottom:0}
    .wineslist .data .paper .right .title {width:55%; float:left}
    .wineslist .data .paper .right .award {width:45%; float:left}





/* visit us */
    .visitus {min-height:1000px; color:#fff; width:100vw; height:100vh; background:url(/img/visit-us/bg.jpg) center center no-repeat; background-size:cover!important}

    .visitus > .menu {width:25%; float:left; padding:50px 20px 0 20px; text-align:right; }
    .visitus .info {width:100%;}
    .visitus > .main-area .socialize {position: fixed; right:30px; top:70px;;}
    .socialize {text-align:center;width:213px;}
    .socialize-icons-in {margin:30px auto 0 auto; width:100px; height:67px; background:url(/img/social/lyrarakis_sh_icons.png) left top no-repeat; text-align:left}
    .socialize-icons-in a {width:26px; height:27px; margin:0 10px 0 0; display:inline-block; }
    .socialize-icons-in a:last-child {margin:0;}
    .visitus > .tour-area {width:50%; float:left; text-align:center;}
    .visitus > .right-part {width:25%; float: left;}


    .visitus > .menu .back:before {content:" "; position:relative; top:1px; display:inline-block;width:10px; height:10px; transform:rotate(45deg); border-bottom:1px solid #fff; border-left:1px solid #fff}
    .visitus > .menu h3 {font-weight:bold; line-height:90%}
    .visitus > .menu h2 {font-weight:bold; line-height:1; margin:20px 0 0 0}
    .visitus > .menu menu {padding:0; margin:6vh 0 0 0;}
    .visitus > .menu menu a { display:block; padding:1vh 0; font-weight:300; transition:.4s; /*transform:translate(0, -30%); */line-height:1;}
    .visitus > .menu menu a:hover {font-weight:300; transition:.4s;font-weight:800;line-height:1.1;}

    .visitus .info .left {width:50%; float:left; padding:0 25px 8px 30px; border-right:5px solid #fff; margin-top:20px; text-align:right}
    .visitus .info .left div {line-height:1; margin-top:8px;}
    .visitus .info .left div.small {margin-top:0px;}
    .visitus .info .right {text-align:left; width:50%; float:left; padding:0 25px 0 25px; margin-top:20px; height:auto}
    .visitus .info .right div {line-height:1; margin-top:8px;}
    .visitus .info .right div.small {margin-top:0px;}
    .visitus > .main-area {text-align:center; position: absolute; top:0; bottom:0; width:100%; padding-bottom:120px;}

    .visitus > .main-area .header {width:280px; margin:0 auto; margin-top:20px;}
    .visitus > .main-area .up-down-label {text-align:center; }
    .visitus > .main-area .up-down-label span {width:100%;white-space:nowrap; font-weight:normal;}
    .visitus > .main-area .subtitle {margin:2vh 0 ;}
    .visitus > .main-area .body {width:50%; margin:0 auto;}

    .visitus > .tour-area .items {width:65%; margin:0 auto; text-align:left}
    .visitus > .tour-area ul {padding:10px 0 0 0; margin:0;}
    .visitus > .tour-area li {margin-bottom:10px;}
    .visitus > .tour-area .body {width:80%; margin:0 auto; text-align:left;}
    .visitus > .tour-area .extra-line {color:#bbb;}
    .extra-line-small {color:#bbb; font-size:10px;}

    .visitus > .tour-area .header {text-align:center; margin-top:20px;}
    .visitus > .tour-area .up-down-label {text-align:center; margin:30px 0 20px 0;}
    .visitus > .tour-area .price {margin:15px 0 0 0;}
    .visitus .visitus1-2 {width:50%; padding:0 30px; float:left;}
    .visitus .visitus1-2 strong {font-size:1.4vw;}
    .visitus .visitus1-2 .item span {color:#aaa; display:block; padding:9px 0; line-height:1.5vw;}
    /*.visitus .visitus1-2 .item div {padding-bottom:20px}*/
    .visitus .visitus1-2 .up-down-label {padding:20px 0 10px 0 }
    .visitus .visitus1-2 .up-down-label span {font-size:2vw; font-weight: bold;}



    .booknow a {display:inline-block; padding:10px 20px; margin:20px 0; border:2px solid #fff}
    .visitus > .tour-area .up-down-label span {white-space:nowrap; font-weight:normal; padding:6px 0;}
    .booknow a:hover {background:#fff; color:#000!important}


    #booknow .booknow a {color:#fff}






/* single page */










.wineclub {position:fixed; top:0; left:0; right:0; bottom:0;  background:#231f20;}
.wineclub #frm-email {background:#231f20}
.booknow a {display:inline-block; padding:10px 20px; margin:20px 0; border:2px solid #fff}

.signup h2 {color:#fff;}
.signup h4 {color:#fff;}
.signup input {text-align:center; height:26px; padding:5px; background:#000; border:none; border-bottom:1px solid #fff; outline:none; color:#fff; width:100%;}
.signup input:focus {border-bottom:1px solid #231f20;}
.signup a {display:inline-block; padding:10px 20px; margin:20px 0; border:2px solid #fff; color:#fff; outline:none}
.signup a:focus {border:2px solid #231f20;}
.signup a:hover {background:#fff; color:#000!important}

#galin > div {width:calc(33% - 5px); margin-left:5px; float:left}
#galin > div img {width:100%; display:block; margin-bottom:5px}
#gal-overlay {position:fixed; top:0; left:0; right:0; bottom:0; z-index:12;background-color:#000; }
#gal-overlay .in {background-size:contain; background-repeat:no-repeat; background-position: center center; width:100%; height:100%; overflow:hidden}
#gal-overlay .in .close {position: absolute; top: 20px; right: 20px; font-size: 30px; height: 30px; width: 30px; display: block; border-radius: 50%; background: #fff; color: #000; line-height: 30px; text-align: center; cursor: pointer;}
#gal-overlay .in .close:hover {background:#f00; color:#fff;}
#gal-overlay .prev {position: fixed; top:48%; left:10px; display:inline-block; font-size:4vh; cursor:pointer; color:#fff; z-index:2; background:rgba(255,255,255,.3); border-radius:50%; width:60px; height:60px; text-align:center;}
#gal-overlay .next {position: fixed; top:48%; right:10px; display:inline-block; font-size:4vh; cursor:pointer; color:#fff; z-index:2; background:rgba(255,255,255,.3); border-radius:50%; width:60px; height:60px; text-align:center;}
#gal-overlay .prev:hover, #gal-overlay .next:hover {background:rgba(255,255,255, .7); color:#000;}



/* generic */
.generic-page .left h2 {padding:20px; font-weight:bold; line-height:1; margin:20px 0 0 0; text-align:right;}
.generic-page .left {width:25%; padding:20px; float:left; margin-top:10vh;}
.generic-page .right {width:50%;padding:20px; float:left; margin-top:10vh; height:calc(80vh - 120px); overflow:hidden;}
.generic-page .right-gallery {position:absolute; top:20px; bottom:20px; left:25%; right:20px;}
.generic-page .right-gallery .in {width:100%; height:100%; overflow:auto; position:relative;}
.generic-page .left .up-down-label {text-align:right}

/* effects
    all transitions should be .6s
    */
    .has-effect {transition:.6s;}
    .moveDivsRight {transform:translateX(140%); transition:.6s;}
    .flatup {height:0; overflow:hidden; transform:translate(0, 100%); transition:1.2s;}
    .flatdown {height:0; overflow:hidden; transform:translate(0, -100%); transition:1.2s;}


/* scroller */
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(255,255,255,.25);
  position   : absolute;
  width      : 12px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .2;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(255,255,255,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
    .gallery .menu {width:25%; float:left; padding:90px 20px 0 20px; color:#fff; text-align:right}
  .gallery .menu .back {font-size:1vw;}
  .gallery .menu h3 {font-size:2vw;}
  .gallery .menu h2 {font-size:calc(16px + 2vw)}
  .gallery .menu menu a { font-size:1.5vw; display:block;transition:.4s}
  .gallery .menu menu a:hover { font-size:1.7vw;transition:.4s}

@media screen and (max-width:768px) {
  .signup {position: absolute; top:0; left:50%; width:320px; transform:translate(-50%,40px); text-align: center}
  #sheet {width:100vw; height:100%; background:#231f20; transition:.2s}
  #sheet .extra .social a {display:block; float:left; margin-right:6px; width:calc(40px + 1vw); height:calc(40px + 1vw); transition:.2s; background-size:calc(40px + 1vw) auto; overflow:hidden; background-repeat:no-repeat;}
  #sheet .menu a {font-size:5vw;}
  #sheet .extra .contact {font-size:2vw}
  .visitus > .main-area .header {font-size:calc(12px + 3vw); padding:10px 0 0px 0 ;}
  .visitus > .main-area .header span {font-size:calc(6px + 1vw);}
  .visitus > .main-area .subtitle {font-size:1.3vw;}
  .tour-area h2 {font-size:calc(12px + 0.5vw);}
}

@media screen and (min-width:769px) {
  .signup {position: absolute; top:50%; left:50%; width:440px; transform:translate(-50%,-50%); text-align: center}
  .tour-area h2 {font-size:calc(12px + 1vw);}
  .visitus > .main-area .header {font-size:calc(12px + 3vw); padding:10px 0 0px 0 ;}
  .visitus > .main-area .header span {font-size:calc(6px + 1vw);}
  #sheet .extra .social a {display:block; float:left; margin-right:6px; width:calc(20px + 1vw); height:calc(20px + 1vw); transition:.2s; background-size:calc(20px + 1vw) auto; overflow:hidden; background-repeat:no-repeat;}
  #sheet {width:50vw; height:100%; background:#231f20; transition:.2s}
  .x1 {font-size:calc(17px + 2vw)!important}
  .x3 {font-size:calc(6px + .8vw)!important}
  .text-size {font-size:calc(13px + 0.2vw)!important}
  .font-os {font-family:"Open Sans Condensed"}
  #home-labels .bordered-link a {font-size: calc(10px + 1vw)}
  #home-labels .header {font-size:calc(12px + 5vw);}
  .home-lines span {font-size:calc(6px + 2vw); margin-top:20px}
  html {font-size:calc(13px + 0.2vw)}
  #sheet .menu a {font-size:2.5vw;}
  #sheet .extra .contact {font-size:1.3vw}
  #booknow .in h3 {font-size:20px;}
  .wineslist .menu .back {font-size:1vw;}
  .wineslist .menu h3 {font-size:2vw;}
  .wineslist .menu h2 {font-size:calc(22px + 2vw);}
  .wineslist .menu .intro {font-size:1.4vw;}
  .wineslist .menu menu a { font-size:1.5vw;}
  .wineslist .menu menu a:hover { font-size:1.7vw;}
  .wineslist .data .paper .right {font-size:calc(8px + 0.5vw);}

  .visitus .info {font-size:1.10vw}
  .visitus > .menu .back {font-size:1vw;}
  .visitus > .menu h3 {font-size:2vw;}
  .visitus > .menu h2 {font-size:calc(16px + 2vw)}
  .visitus > .menu menu a { font-size:1.5vw;}
  .visitus > .menu menu a.special:before {content:"Premium"; display:inline-block; border-radius:2px; height:9px; color:#000; background:#fff; padding: 3px 8px; font-size:10px; font-weight: bold; margin-right:25px; position:relative;}
  .visitus > .menu menu a:hover { font-size:1.7vw;}
  /*.visitus > .info .left div.small {font-size:.6em;}*/
  .visitus .main-area .info .right div.small {font-size:calc(8px + 0.2vw);}

  .visitus > .main-area .up-down-label {font-size:1vw; }
  .visitus > .main-area .subtitle {font-size:1.3vw;}
  /*.visitus > .main-area .body { font-size:1.3vw;}*/
  /*.visitus > .tour-area .body {font-size:1vw;}*/
  .visitus  .extra-line {font-size:calc(12px + 0.2vw);}

  .visitus > .tour-area .header {font-size:3vw}
  .visitus > .tour-area .up-down-label {font-size:20px;}
  .visitus .right-part .price {font-size:20px;}
  .visitus .right-part .booknow a {font-size:20px;}
  .generic-page .left h2 {font-size:calc(22px + 2vw);}
  .tech-sheet-download {line-height:1; display:inline-block; padding:5px 10px; border:4px solid #000; font-weight:bold}
}



.check {display:inline-block; border:1px solid #fff; width:24px; height:24px; margin-right:10px; transform:translate(0, 5px)}
.check span {display:none}
.check.checked span {display:block; padding:3px; width:9px; height:15px; margin:1px 0px 0px 6px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); }




.fs-1 {font-size: calc(12px + 5vw)}



#visiting_warning {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(23,23,23,.7); cursor:pointer;}
#visiting_warning .inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:400px; height:250px; padding:40px; background:#231f20; color:#fff; text-align:center}


#main-place.thanks {color:#eee; width:420px; margin:0 auto}
#main-place.thanks .ty-updown {border-top:5px solid #fff;border-bottom:5px solid #fff; padding:10px; font-size:24px; font-weight: bold; text-align: center; margin-top:50px;}
#main-place.thanks .ty-sep {border-top:1px solid #666;}
#main-place.thanks .is-total {font-size:20px; font-weight: bold;}
#main-place.thanks .ty-sep-big {border-top:4px solid #fff;}
#main-place.thanks div {padding:10px;}
#main-place.thanks div span {float:right;}
#main-place.thanks .bb {border-bottom:1px solid #fff; margin-bottom:20px;}











input.pl-red[type="text"]:-ms-input-placeholder {color:#f00; opacity: 1;}
input.pl-red[type="text"]::-ms-input-placeholder {color:#f00; opacity: 1;}
input.pl-red[type="text"]::placeholder {color:#f00; opacity: 1;}
input.pl-red[type="text"]::webkit-input-placeholder {color:#f00; opacity: 1;}
input.pl-red[type="text"]::moz-placeholder {color:#f00; opacity: 1;}
input.pl-red[type="text"]::moz-placeholder {color:#f00; opacity: 1;}




    .center-div {width:60%; margin:0 auto;}
    .my-header {text-align:center; margin-top: 20px; font-size:calc(12px + 3vw)}
    .sust-cover {position:absolute; top:0; left:0; right:0; bottom:0;}
    .sust-cover a.apanel {height:100%; position:relative; opacity:0; transition:.6s; float:left; opacity:0; transition:.3s}
    .sust-cover a.apanel.visible {opacity:1; transition:.6s}
    .sust-cover a.apanel .title {position:absolute; top:40%; right:0; font-size:calc(12px + 2vw); color:#fff; text-align:right; padding-right:15px;}


    .sust-data {position:relative; margin:10vh 0; float:left; width:70%; height:80vh}
    .sust-paper {background:#dededc; position:absolute; top:0; bottom:0; left:0; right:0;}
    .sust-paper .left {float:left; width:64%; padding:3%; overflow:auto; height:100%}
    .sust-paper .right {float:left; width:36%; padding:3% 3% 3% 0; overflow:auto; height:100%}