body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .right-left-60 {padding-left: 60px;padding-right: 60px;}
  .padding-left-80 {padding-left: 80px;}
  code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
      monospace;
  }
  
  .bg-blue {background-color: #115893;}
  .bg-light-grey {background-color: #F2F2F2;}
  .bg-middle-grey {background-color: #D6D6D6;}
  
  .text-white {color: #ffffff;}
  
  .border-bottom-grey {border-bottom: 5px solid #828282;}
  .border-right-grey {border-right: 1px solid #828282;}
  
  .float-right {float: right;}
  .float-left {float: left;}
  
  .header .nav-item {padding-left: 20px;padding-right: 20px;text-align: center;padding-top: 5px;padding-bottom: 5px;}
  .header .navbar-light .navbar-nav .nav-link,
  .header .navbar-light .navbar-nav .nav-link:link,
  .header .navbar-light .navbar-nav .nav-link:visited,
  .header .navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff;
    font-size: 9pt;
    text-align: center !important;
    line-height: normal;
  }
  .header .navbar-light .navbar-nav .nav-link:hover {
    color: #35bce3


  }

  .header .nav-link {
    display: block;
    padding: .0rem 1rem;
  }
  .header {background-color: #ffffff; height: auto;}
  .header .logo {margin-top: 15px;margin-bottom: 15px;}
  
  .header .ico-big {font-size: 14pt !important;}

  .header .menu-ico .nav-item {padding-right: 5px !important;padding-left: 5px !important;}
  .header .menu-ico-sx {padding-left: 50px;}
  .header .menu-ico-rx {padding-right: 50px;}
  .header .vert {padding-top: 6px;}

  .header .lang {
    position: fixed;top: 0px; float: right;right: 0px;
    padding-top: 5px;padding-bottom: 5px;padding-left: 5px;padding-right: 100px;
    color: #ffffff;
  }

  .navbar-light .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
    padding-top: 5px;padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .navbar-toggler-icon {color: #ffffff;  border-color: rgb(255,102,203);  }
  
  
  .slider-img {width: 100%;}

  .menu-sx {padding-top: 50px;width: 150px;}
  /*.main {width: calc(100% - 150px);}*/

  .menu-sx .row {padding-top: 20px;padding-bottom: 20px;}
  .menu-sx .line {
    background-color: #828282;
    height: 5px;width: 10px;
    margin-top: 10px;margin-bottom: 10px;
    margin-right: -25px;
  }
  .menu-sx p {text-align: right;font-size: 10pt;font-weight: bold;}

  .menu-sx a,
  .menu-sx a:link,
  .menu-sx a:visited,
  .menu-sx a:hover,
  .menu-sx a:active {color: #115893;}

  .btn-menu-down {
    border: 1px solid #115893;
    background-color: transparent;
    font-size: 16pt;
    padding-top: 2px;padding-bottom: 2px;
  }
  .btn-menu-down:link,
  .btn-menu-down:hover,
  .btn-menu-down:visited,
  .btn-menu-down:active {color: #115893;}
  #menu-about .line {top:7px;padding-left: 20px;font-size:3pt;background-color: #828282;margin-right: -20px;}
  /*
  #menu-division {}
  #menu-division .line-division {position: absolute;top:6px;padding-left: 20px;font-size:3pt;background-color: #828282;right:0px;"}
  */

  .line-division {position: absolute;top:6px;padding-left: 20px;font-size:3pt;background-color: #828282;right:0px;}

  #about {padding-bottom: 0;}
  #about .spacer {padding-bottom: 200px;}
  #about .main {padding-left:0px;padding-right: 0px;}
  #about .area-text {padding-top:50px;padding-left: 60px;padding-right: 60px;}

  #bottle 
  #bottle .spacer {padding-bottom: 200px;}
  #bottle .main {padding-left:0px;padding-right: 0px;padding-top: 50px;padding-bottom: 100px;}
  #bottle .main .row{margin-left: 0px;margin-right: 0px;}
  #bottle .area-text {padding-top:50px;}

  .bottle-menu {padding-top: 50px;}
  .bottle-menu .box {margin-bottom: 50px;padding-right: 30px;padding-left: 30px;}

  .bottle-box {width: 70%;float: right;padding-right: 30px;}

  .swiper-button-prev {
    background-image: url(/static/img/arrow-prev.png);
    margin-left: 30px;
}

.swiper-button-next {
    background-image: url(/static/img/arrow-next.png);
    margin-right: 30px;
}


  #main p
  #about p,
  #bottle p,
  p,
  .title,
  .text {color: #6d6e71 !important}

  .p1
  .li1,
  .s1 {color: #6d6e71; font-size: 12pt;}

  .footer {padding-top: 30px;padding-bottom: 100px;}

  .footer p {font-size: 11pt !important;}

  .footer a,
  .footer a:link,
  .footer a:visited,
  .footer a:hover {color: #ffffff;}

  .footer .social li {display: inline;list-style: none;padding-left: 15px;}
  .footer .social li a {font-size: 16pt;}
  .footer .social li a:link,
  .footer .social li a:active,
  .footer .social li a:visited,
  .footer .social li a:hover {color: #ffffff;}

  .footer .copyright {font-size: 10pt!important;text-align: center;padding-top: 60px;}
  .footer p {color: #ffffff !important;}

  label {margin-bottom: 0.1rem !important;margin-top: 20px;color: #ffffff;}

  .lang {color: #ffffff;border-bottom-left-radius: 20px;}
  .lang p {font-size: 8pt !important;margin-bottom: 0px;}

  .lang a,
  .lang a:link,
  .lang a:hover,
  .labg a:visited {color: #ffffff;}

  .area-text {min-height: 800px;}

  .radius-10 {border-radius: 10px;}


  .eupopup-container {
    background-color: #14436f !important;
    color: #efefef;
    padding: 5px 100px;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 9999999;

}

  .eupopup-body {
    color: #ffffff !important;
}

.eupopup-button_1 {
  color: #c3c3c3;
}
.eupopup-button_2 {
  color: #c3c3c3;
}

#blog,
#post {padding-top: 30px;padding-bottom: 100px;}

#post,
#blog p {font-size: 11pt;text-align: justify;}

label {color: black;}

@media only screen and (max-width: 767px) {
  .right-left-60 {padding-left: 20px;padding-right: 20px;}
  .padding-left-80 {padding-left: 15px;}
  .header .lang {padding-right: 20px !important;}
  
  .header .menu-ico-sx {padding-top: 20px;}
  .header .menu-ico-sx,
  .header .menu-ico-rx {
    padding-left: 0px;
    flex-direction: unset;
    padding-right: none;
  }
  .header .menu-ico-sx .nav-item {
    display: inline-block;
  }

  .header .navbar-light .navbar-nav .nav-link, .header .navbar-light .navbar-nav .nav-link:link, .header .navbar-light .navbar-nav .nav-link:visited, .header .navbar-light .navbar-nav .nav-link:hover {
    font-size: 14pt;
    padding-top: 10px;padding-bottom: 10px;
  }

  .header .navbar {padding-left: 0px;padding-right: 0px;}
  .header .navbar-collapse {
    background-color: #F2F2F2;
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .ico-link,
  .ico-link:link,
  .ico-link:hover,
  .ico-link:visited,
  .ico-link:active {color: #ffffff;}

  .badge { padding: 15px 40px;border-radius: 20px;width: auto;}
  .badge-1 {
    background-color: #0E5998;
  }
  .badge-2 {
    background-color: #6E8F8E;
  }
  .menu-sx {padding-top: 0px;width: 100%;}
  .menu-sx .line {display: none;}

  #menu-about p {text-align: center; font-size: 14pt;}
  .menu-sx p {
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
  }
  .menu-sx .row {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px;margin-right: 0px;
  }

  #about .area-text {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .bottle-menu .box {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .bottle-menu .img-mobile {height: 120px;}

  .bottle-box {
    width: 70%;
    float: none;
    margin: 0 auto;
    padding-left: none;padding-right: none;
  }

  label {
      color: #000000;
  }

  .footer {text-align: center;}
  .footer .social {padding-left: 0px;margin-top: 30px;}
  .footer .social li {padding-left: 0px;}
  .footer .social li a {padding-left: 5px; padding-right: 5px;}

}