@charset "UTF-8";

.wrap-content {

  text-align: left;

  margin: 0 auto; }



@media screen and (max-width: 1199px) {

  .wrap-content {

    width: 100%; } }

@media screen and (min-width: 1200px) {

  .wrap-content {

    width: 1200px; } }

.content {

  padding-left: 4%;

  padding-right: 4%; }



.vcontent {

  padding-top: 6em;

  padding-bottom: 6em; }



.vcontent-small {

  padding-top: 3em;

  padding-bottom: 3em; }



body {

  font-family: "Roboto", sans-serif; }



.header {

  background-color: #DFD3C9;

  width: 100%;

  position: fixed;

  z-index: 3; }



.header-margin {

  width: 100%;

  height: 100px;

  background-color: transparent; }



.header ul {

  list-style: none;

  overflow: hidden; }



.header li a {

  font-size: 16px;

  color: #800020;

  display: block;

  margin: 20px 17.5px;

  margin-left: 0px;

  text-decoration: none; }



.header li a.active {

  font-weight: 600;

  text-decoration: underline; }



.header li a:hover,

.header .menu-btn:hover {

  font-weight: 600;

  text-decoration: underline; }



.header .logo {

  display: block;

  float: left;

  width: 200px;

  height: 100px;

  text-decoration: none;

  display: flex;

  flex-direction: row;

  align-items: center; }

  .header .logo img {

    max-height: 100px; }

  .header .logo h1 {

    color: #800020;

    font-size: 1.3em;

    font-family: "Playfair Display", serif;

    font-weight: 600; }



.header .logo:hover {

  cursor: pointer; }



/* menu */

.header .menu {

  clear: both;

  max-height: 0;

  transition: max-height .2s ease-out; }



/* menu icon */

.header .menu-icon {

  cursor: pointer;

  display: inline-block;

  float: right;

  padding: 32px 20px;

  position: relative;

  margin-top: 17px; }



.header .menu-icon .navicon {

  background: #800020;

  display: block;

  height: 2px;

  position: relative;

  transition: background .2s ease-out;

  width: 25px; }



.header .menu-icon .navicon:before,

.header .menu-icon .navicon:after {

  background: #800020;

  content: '';

  display: block;

  height: 100%;

  position: absolute;

  transition: all .2s ease-out;

  width: 100%; }



.header .menu-icon .navicon:before {

  top: 5px; }



.header .menu-icon .navicon:after {

  top: -5px; }



/* menu btn */

.header .menu-btn {

  display: none; }



.header .menu-btn:checked ~ .menu {

  max-height: 400px; }



.header .menu-btn:checked ~ .menu-icon .navicon {

  background: transparent; }



.header .menu-btn:checked ~ .menu-icon .navicon:before {

  transform: rotate(-45deg); }



.header .menu-btn:checked ~ .menu-icon .navicon:after {

  transform: rotate(45deg); }



.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {

  top: 0; }



/* 48em = 768px */

@media (min-width: 900px) {

  .header li {

    float: left;

    height: 100%;

    display: flex;

    align-items: center; }



  .header li a {

    display: inline-block;

    text-align: center;

    margin-left: 17.5px; }



  .header li a::before {

    display: block;

    content: attr(title);

    font-weight: bold;

    height: 0;

    overflow: hidden;

    visibility: hidden; }



  .header-content-wrap {

    display: flex;

    flex-direction: row;

    justify-content: space-between; }



  .header .menu {

    clear: none;

    float: right;

    max-height: none; }



  .header .menu-icon {

    display: none; } }

footer {

  background-color: #DFD3C9; }

  footer .footer-content {

    display: flex;

    flex-direction: row;

    justify-content: space-between; }

    footer .footer-content .footer-left {

      width: 47.5%;

      display: flex;

      flex-direction: row; }

      footer .footer-content .footer-left .footer-left-1 .footer-logo {

        display: flex;

        flex-direction: row;

        align-items: center; }

        footer .footer-content .footer-left .footer-left-1 .footer-logo img {

          max-height: 100px; }

        footer .footer-content .footer-left .footer-left-1 .footer-logo h3 {

          color: #800020;

          font-size: 1.3em;

          font-family: "Playfair Display", serif;

          font-weight: 600; }

      footer .footer-content .footer-left .footer-left-1 span {

        display: block;

        font-family: "Playfair Display", serif;

        color: #222222;

        font-size: 1.25em;

        font-weight: 700;

        margin: 0.5em 0; }

      footer .footer-content .footer-left .footer-left-1 a {

        font-size: 1.75em;

        color: #800020; }

        footer .footer-content .footer-left .footer-left-1 a i {

          transition: all 0.15s ease-in-out; }

      footer .footer-content .footer-left .footer-left-1 a:hover i {

        -webkit-transform: scale(1.1, 1.1); }

      footer .footer-content .footer-left .footer-left-2 {

        margin-left: 4em;

        margin-top: 1em; }

        footer .footer-content .footer-left .footer-left-2 ul li a {

          font-family: "Playfair Display", serif;

          color: #222222;

          text-decoration: none;

          font-size: 1.25em;

          font-weight: 700;

          line-height: 1.7; }

        footer .footer-content .footer-left .footer-left-2 ul li a:hover {

          text-decoration: underline; }

    footer .footer-content .footer-right {

      width: 47.5%;

      margin-top: 1em; }

      footer .footer-content .footer-right ul li {

        text-align: right;

        line-height: 2.4;

        color: #222222; }

        footer .footer-content .footer-right ul li i {

          margin-left: 0.5em;

          color: #800020;

          font-size: 1.1em; }

        footer .footer-content .footer-right ul li a {

          color: #222222;

          text-decoration: none; }

          footer .footer-content .footer-right ul li a i {

            margin-left: 0.5em;

            color: #800020;

            font-size: 1.1em; }

        footer .footer-content .footer-right ul li a:hover {

          text-decoration: underline; }

  footer .footer-nociar a {

    display: block;

    text-align: right;

    text-decoration: none;

    color: #222222;

    margin-top: 2em; }

  footer .footer-nociar a:hover {

    text-decoration: underline; }



@media screen and (max-width: 900px) {

  footer .footer-content {

    flex-direction: column; }

    footer .footer-content .footer-left {

      width: 100%;

      flex-direction: column; }

      footer .footer-content .footer-left .footer-left-1 .footer-logo {

        justify-content: center; }

      footer .footer-content .footer-left .footer-left-1 span {

        text-align: center; }

      footer .footer-content .footer-left .footer-left-1 a {

        display: block;

        text-align: center; }

      footer .footer-content .footer-left .footer-left-2 {

        margin-left: 0; }

        footer .footer-content .footer-left .footer-left-2 ul {

          text-align: center; }

    footer .footer-content .footer-right {

      width: 100%; }

      footer .footer-content .footer-right ul li {

        text-align: center; }

  footer .footer-nociar a {

    text-align: center; } }

.cookies-wrap .cookies-content {

  padding-top: 4em;

  color: #333333; }

  .cookies-wrap .cookies-content h1, .cookies-wrap .cookies-content h2, .cookies-wrap .cookies-content h3 {

    text-transform: uppercase; }

  .cookies-wrap .cookies-content h1 {

    font-size: 1.6em;

    font-weight: 600; }

  .cookies-wrap .cookies-content h2 {

    font-size: 1.4em;

    margin: 1em 0; }

  .cookies-wrap .cookies-content h3 {

    font-size: 1.25em;

    margin: 1em 0; }

  .cookies-wrap .cookies-content ul {

    margin-top: 1em; }

    .cookies-wrap .cookies-content ul li {

      font-size: 1.2em;

      list-style-type: circle;

      line-height: 1.2;

      margin-left: 1.2em; }

  .cookies-wrap .cookies-content p {

    font-size: 1.2em;

    line-height: 1.2; }

  .cookies-wrap .cookies-content .cookies-links {

    margin-top: 1em; }

    .cookies-wrap .cookies-content .cookies-links a {

      font-size: 1.35em;

      color: #4287f5;

      margin-right: 0.3em;

      line-height: 1.2; }

    .cookies-wrap .cookies-content .cookies-links a:hover {

      color: #083f96; }



.chyba-wrap .chyba-content {

  padding-top: 6em;

  height: 50vh;

  color: #333333;

  text-align: center; }

  .chyba-wrap .chyba-content h1 {

    text-transform: uppercase;

    font-size: 2em;

    font-weight: 600; }

  .chyba-wrap .chyba-content p {

    font-size: 1.2em;

    line-height: 1.2; }

  .chyba-wrap .chyba-content a {

    font-size: 1.35em;

    color: #4287f5;

    margin-right: 0.3em;

    line-height: 1.2; }

  .chyba-wrap .chyba-content a:hover {

    color: #083f96; }



.oos-wrap .oos-content {

  padding-top: 4em;

  color: #333333; }

  .oos-wrap .oos-content h1, .oos-wrap .oos-content h2 {

    text-transform: uppercase; }

  .oos-wrap .oos-content h1 {

    font-size: 1.6em;

    margin: 1em 0; }

  .oos-wrap .oos-content h2 {

    font-size: 1.6em;

    margin: 1em 0; }

  .oos-wrap .oos-content p {

    font-size: 1.2em;

    line-height: 1.2; }



.button-wine {

  background-color: #DFD3C9;

  color: #800020;

  text-decoration: none;

  padding: 8px 12px;

  border-radius: 15px;

  font-family: "Playfair Display", serif;

  font-weight: 600;

  transition: all 0.3s ease-in-out; }



.button-wine:hover {

  background-color: #800020;

  color: #fff; }



#scroll-to-top {

  display: none;

  position: fixed;

  bottom: 20px;

  right: 20px;

  z-index: 99;

  font-size: 18px;

  border: none;

  outline: none;

  background-color: #800020;

  color: #fff;

  cursor: pointer;

  padding: 15px;

  border-radius: 50%;

  box-shadow: 5px 5px 25px #757575; }



.uvod-1 {

  display: flex;

  flex-direction: row;

  color: #222222; }

  .uvod-1 .uvod-1-image {

    width: 66.66666%;

    background-image: url("../image/static/intro-image.jpg");

    background-color: #DFD3C9;

    height: 700px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover; }

  .uvod-1 .uvod-1-text-wrap {

    width: 33.33333%;

    background-color: #DFD3C9;

    display: flex;

    align-items: center; }

    .uvod-1 .uvod-1-text-wrap .uvod-1-text {

      position: relative;

      left: -100px;

      padding: 22px;

      border-radius: 20px;

      background-color: #fff;

      max-width: 400px;

      line-height: 1.2;

      background-color: #FFFCF7; }

      .uvod-1 .uvod-1-text-wrap .uvod-1-text h2 {

        font-size: 2em;

        font-weight: 600;

        font-family: "Playfair Display", serif;

        margin-bottom: 0.5em; }

      .uvod-1 .uvod-1-text-wrap .uvod-1-text p {

        line-height: 1.4;

        font-size: 18px;

        margin-bottom: 1.5em; }



@media screen and (max-width: 1000px) {

  .uvod-1 {

    flex-direction: column; }

    .uvod-1 .uvod-1-image {

      width: 100%; }

    .uvod-1 .uvod-1-text-wrap {

      width: 100%;

      display: flex;

      justify-content: center;

      padding-right: 4%;

      padding-left: 4%; }

      .uvod-1 .uvod-1-text-wrap .uvod-1-text {

        left: 0;

        margin: 2em 0;

        max-width: 600px;

        text-align: center; } }

.uvod-2 {

  color: #222222;

  background-color: #FFFCF7; }

  .uvod-2 .uvod-2-content h2 {

    font-family: "Playfair Display", serif;

    font-size: 2em;

    font-weight: 700;

    text-align: center; }

  .uvod-2 .uvod-2-content .uvod-2-text {

    font-family: "Roboto", sans-serif;

    font-size: 18px;

    line-height: 1.4;

    text-align: center;

    max-width: 800px;

    margin: 2em auto; }

  .uvod-2 .uvod-2-content .uvod-2-list {

    display: flex;

    flex-direction: row;

    justify-content: space-between; }

    .uvod-2 .uvod-2-content .uvod-2-list .uvod-2-cell {

      width: 30%; }

      .uvod-2 .uvod-2-content .uvod-2-list .uvod-2-cell h3 {

        font-size: 1.2em;

        font-weight: 700;

        text-align: center;

        font-family: "Playfair Display", serif; }

      .uvod-2 .uvod-2-content .uvod-2-list .uvod-2-cell a {

        display: block;

        background-color: #cccccc;

        height: 225px;

        width: 225px;

        border-radius: 50%;

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        margin: 1.5em auto;

        -webkit-filter: grayscale(100%);

        filter: gray;

        transition: all 0.3s ease-in-out; }

      .uvod-2 .uvod-2-content .uvod-2-list .uvod-2-cell a:hover {

        -webkit-transform: scale(1.1, 1.1);

        -webkit-filter: grayscale(0%);

        filter: grayscale(0%); }

      .uvod-2 .uvod-2-content .uvod-2-list .uvod-2-cell p {

        font-family: "Roboto", sans-serif;

        font-size: 18px;

        line-height: 1.4;

        text-align: center; }

  .uvod-2 .uvod-2-content .button-wrap {

    display: flex;

    justify-content: center; }

    .uvod-2 .uvod-2-content .button-wrap a {

      margin: 2em 0 4em;

      padding: 14px 18px;

      border-radius: 20px; }

  .uvod-2 .uvod-2-content span {

    display: block;

    text-align: center;

    font-size: 1.2em;

    color: #800020;

    font-family: "Playfair Display", serif;

    font-weight: 700; }



@media screen and (max-width: 900px) {

  .uvod-2 .uvod-2-content .uvod-2-list {

    flex-direction: column; }

    .uvod-2 .uvod-2-content .uvod-2-list .uvod-2-cell {

      width: 100%;

      margin-bottom: 3em; }

      .uvod-2 .uvod-2-content .uvod-2-list .uvod-2-cell p {

        max-width: 500px;

        margin: 0 auto; } }

.uvod-3 {

  background-color: #DFD3C9;

  border-bottom: 1px solid #b5aba3;

  color: #222222; }

  .uvod-3 .uvod-3-content {

    display: flex;

    flex-direction: row;

    justify-content: space-around; }

    .uvod-3 .uvod-3-content .uvod-3-image {

      display: block;

      background-color: #cccccc;

      height: 250px;

      width: 250px;

      border-radius: 50%;

      background-image: url("../image/static/daniela-sloukova-paticka-2.png");

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover; }

    .uvod-3 .uvod-3-content .uvod-3-text-wrap {

      width: 50%; }

      .uvod-3 .uvod-3-content .uvod-3-text-wrap .uvod-3-text {

        display: block;

        width: 100%;

        max-width: 500px;

        padding: 22px;

        border-radius: 20px;

        background-color: #fff;

        line-height: 1.2;

        background-color: #FFFCF7; }

        .uvod-3 .uvod-3-content .uvod-3-text-wrap .uvod-3-text h3 {

          font-size: 2em;

          font-weight: 600;

          font-family: "Playfair Display", serif;

          margin-bottom: 0.5em; }

        .uvod-3 .uvod-3-content .uvod-3-text-wrap .uvod-3-text p {

          line-height: 1.4;

          font-size: 18px;

          margin-bottom: 1.5em; }



@media screen and (max-width: 900px) {

  .uvod-3 .uvod-3-content {

    flex-direction: column; }

    .uvod-3 .uvod-3-content .uvod-3-image {

      height: 250px;

      width: 250px;

      border-radius: 50%;

      margin: 0 auto; }

    .uvod-3 .uvod-3-content .uvod-3-text-wrap {

      width: 100%; }

      .uvod-3 .uvod-3-content .uvod-3-text-wrap .uvod-3-text {

        right: 0;

        top: 0;

        margin: 0 auto 2em; } }

.quote-wrap {

  background-color: #FFFCF7; }

  .quote-wrap h2 {

    font-family: "Playfair Display", serif;

    font-size: 2em;

    font-weight: 700;

    text-align: center; }



.quote-slider {

  width: 100%;

  height: 200px;

  list-style: none;

  display: block;

  position: relative;

  overflow-x: hidden; }

  .quote-slider li {

    display: inline-block;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -100%;

    width: 100%;

    font-family: "Roboto", sans-serif;

    font-size: 18px;

    line-height: 1.4;

    text-align: center;

    color: #222222; }

    .quote-slider li .quote-content {

      line-height: 1.3; }

    .quote-slider li .author {

      font-weight: 600;

      margin-top: 10px;

      font-size: 16px;

      color: #DFD3C9;

      padding-top: 10px;

      padding-bottom: 10px; }



@media screen and (max-width: 770px) {

  .quote-wrap h2 {

    text-align: center;

    line-height: 1.2;

    font-size: 30px; }



  .quote-slider {

    height: 350px; } }

.cenik {

  background-color: #FFFCF7; }

  .cenik .cenik-content h1 {

    font-family: "Playfair Display", serif;

    font-size: 2em;

    font-weight: 700;

    text-align: center; }

  .cenik .cenik-content ul {

    display: flex;

    flex-direction: row;

    justify-content: center;

    flex-wrap: wrap; }

    .cenik .cenik-content ul li {

      margin: 1em 0; }

      .cenik .cenik-content ul li a {

        padding: 0.1em 0.5em;

        color: #800020;

        font-family: "Playfair Display", serif;

        text-decoration: none;

        font-size: 1.5em;

        border-right: 1px solid #800020; }

      .cenik .cenik-content ul li .border-none {

        border-right: none; }

      .cenik .cenik-content ul li a:hover {

        text-decoration: underline; }

  .cenik .cenik-content p {

    font-family: "Roboto", sans-serif;

    font-size: 18px;

    line-height: 1.4;

    text-align: center;

    max-width: 800px;

    margin: 2em auto; }

  .cenik .cenik-content h2 {

    font-family: "Playfair Display", serif;

    font-size: 1.5em;

    font-weight: 700;

    text-align: center; }

  .cenik .cenik-list .cenik-cell {

    display: flex;

    flex-direction: row;

    padding: 3em 0;

    border-bottom: 2px solid #DFD3C9; }

    .cenik .cenik-list .cenik-cell .cenik-img-wrap {

      width: 50%;

      display: flex;

      align-items: center; }

      .cenik .cenik-list .cenik-cell .cenik-img-wrap .cenik-img {

        display: block;

        background-color: #cccccc;

        height: 225px;

        width: 225px;

        border-radius: 50%;

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        margin: 0 auto; }

    .cenik .cenik-list .cenik-cell .cenik-cell-text {

      width: 50%;

      padding: 0 3%; }

      .cenik .cenik-list .cenik-cell .cenik-cell-text h3 {

        font-family: "Playfair Display", serif;

        font-size: 1.3em;

        font-weight: 700; }

      .cenik .cenik-list .cenik-cell .cenik-cell-text p {

        line-height: 1.4;

        margin: 1em 0; }

        .cenik .cenik-list .cenik-cell .cenik-cell-text p strong {

          font-weight: 600; }

      .cenik .cenik-list .cenik-cell .cenik-cell-text .cena {

        font-size: 1.3em;

        font-weight: 700; }

      .cenik .cenik-list .cenik-cell .cenik-cell-text .cenik-text-small {

        font-size: 14px; }



@media screen and (max-width: 900px) {

  .cenik .cenik-list .cenik-cell {

    flex-direction: column; }

    .cenik .cenik-list .cenik-cell .cenik-img-wrap {

      width: 100%; }

    .cenik .cenik-list .cenik-cell .cenik-cell-text {

      margin-top: 2em;

      width: 100%;

      text-align: center; } }

.kontakt {

  background-color: #FFFCF7; }

  .kontakt .kontakt-content h1 {

    font-family: "Playfair Display", serif;

    font-size: 2em;

    font-weight: 700;

    text-align: center;

    color: #222222; }

  .kontakt .kontakt-content p {

    font-family: "Roboto", sans-serif;

    font-size: 18px;

    line-height: 1.4;

    text-align: center;

    max-width: 800px;

    margin: 2em auto;

    color: #222222; }

  .kontakt .kontakt-content .zprava {

    display: block;

    color: #800020;

    padding: 16px;

    font-family: "Playfair Display", serif;

    background-color: #DFD3C9;

    margin-bottom: 2em; }

  .kontakt .kontakt-content .red {

    color: #800020; }

  .kontakt .kontakt-content form {

    max-width: 800px;

    margin: 0 auto; }

    .kontakt .kontakt-content form input[type=text], .kontakt .kontakt-content form select, .kontakt .kontakt-content form textarea, .kontakt .kontakt-content form input[type=email] {

      width: 100%;

      padding: 12px;

      border: 2px solid #800020;

      border-radius: 14px;

      box-sizing: border-box;

      margin-top: 6px;

      margin-bottom: 16px;

      resize: vertical; }

    .kontakt .kontakt-content form input[type=submit] {

      background-color: #04AA6D;

      color: white;

      padding: 12px 20px;

      border: none;

      border-radius: 4px;

      cursor: pointer; }

    .kontakt .kontakt-content form input[type=submit]:hover {

      background-color: #45a049; }

    .kontakt .kontakt-content form .label-text {

      font-family: "Playfair Display", serif;

      color: #222222;

      font-weight: 600; }

    .kontakt .kontakt-content form .label-radio {

      font-family: "Roboto", sans-serif; }

    .kontakt .kontakt-content form input[type='radio']:after {

      width: 15px;

      height: 15px;

      border-radius: 15px;

      top: -2px;

      left: -1px;

      position: relative;

      background-color: #fff;

      content: '';

      display: inline-block;

      visibility: visible;

      border: 2px solid #800020; }

    .kontakt .kontakt-content form input[type='radio']:checked:after {

      width: 15px;

      height: 15px;

      border-radius: 15px;

      top: -2px;

      left: -1px;

      position: relative;

      background-color: #800020;

      content: '';

      display: inline-block;

      visibility: visible;

      border: 2px solid #800020; }

    .kontakt .kontakt-content form input[type=submit] {

      background-color: #DFD3C9;

      color: #800020;

      text-decoration: none;

      padding: 12px 16px;

      border-radius: 15px;

      font-family: "Playfair Display", serif;

      font-weight: 600;

      display: block;

      margin: 0 auto;

      transition: all 0.3s ease-in-out; }

    .kontakt .kontakt-content form input[type=submit]:hover {

      background-color: #800020;

      color: #fff; }

    .kontakt .kontakt-content form .custom-checkbox {

      display: flex;

      align-items: center;

      font-size: 16px;

      cursor: pointer;

      user-select: none; }

    .kontakt .kontakt-content form .custom-checkbox input[type="checkbox"] {

      display: none;

      /* Skryje původní checkbox */ }

    .kontakt .kontakt-content form .custom-checkbox .checkmark {

      width: 20px;

      height: 20px;

      border: 2px solid #800020;

      /* Výchozí barva rámečku */

      border-radius: 4px;

      display: inline-block;

      margin-right: 10px;

      transition: background-color 0.3s, border-color 0.3s; }

    .kontakt .kontakt-content form .custom-checkbox input[type="checkbox"]:checked + .checkmark {

      background-color: #800020;

      /* Barva pozadí při zaškrtnutí */

      border-color: #800020;

      /* Barva rámečku při zaškrtnutí */ }

    .kontakt .kontakt-content form .custom-checkbox .checkmark::after {

      content: "";

      display: none;

      position: absolute;

      left: 6px;

      top: 2px;

      width: 5px;

      height: 10px;

      border: solid white;

      border-width: 0 2px 2px 0;

      transform: rotate(45deg); }

    .kontakt .kontakt-content form .custom-checkbox input[type="checkbox"]:checked + .checkmark::after {

      display: block; }



.portfolio {

  background-color: #FFFCF7; }

  .portfolio .portfolio-heading h1 {

    font-family: "Playfair Display", serif;

    font-size: 2em;

    font-weight: 700;

    text-align: center; }

  .portfolio .portfolio-heading ul {

    display: flex;

    flex-direction: row;

    justify-content: center;

    flex-wrap: wrap; }

    .portfolio .portfolio-heading ul li {

      margin: 1em 0; }

      .portfolio .portfolio-heading ul li a {

        padding: 0.1em 0.5em;

        color: #800020;

        font-family: "Playfair Display", serif;

        text-decoration: none;

        font-size: 1.5em;

        border-right: 1px solid #800020; }

      .portfolio .portfolio-heading ul li .border-none {

        border-right: none; }

      .portfolio .portfolio-heading ul li a:hover {

        text-decoration: underline; }

  .portfolio .portfolio-heading p {

    font-family: "Roboto", sans-serif;

    font-size: 18px;

    line-height: 1.4;

    text-align: center;

    max-width: 800px;

    margin: 2em auto; }



.container {

  margin: 0 auto; }



.carousel {

  padding: 24px; }

  .carousel h2 {

    margin: 0;

    font-family: "Playfair Display", serif;

    font-size: 1.4em;

    font-weight: 700; }

  .carousel a {

    text-decoration: none; }

  .carousel img {

    height: 175px;

    width: auto;

    -webkit-user-drag: none;

    -khtml-user-drag: none;

    -moz-user-drag: none;

    -o-user-drag: none;

    user-drag: none;

    margin-bottom: 16px; }

  .carousel h3 {

    font-size: 16px;

    margin: 0;

    margin-bottom: 4px; }

  .carousel span {

    color: #a7a7a7;

    font-size: 14px; }

  .carousel .carousel__wrapper {

    position: relative;

    margin-bottom: 24px; }

    @media only screen and (min-width: 1180px) {

      .carousel .carousel__wrapper.has-arrows .carousel__content {

        justify-content: space-between; } }

    @media only screen and (min-width: 1180px) {

      .carousel .carousel__wrapper.has-arrows .carousel__arrows {

        display: flex; } }

  .carousel .carousel__header {

    display: grid;

    grid-auto-flow: column;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 16px; }

  .carousel .carousel__content {

    overflow-y: hidden;

    overflow-x: scroll;

    scrollbar-width: none;

    -ms-overflow-style: none;

    display: grid;

    -webkit-overflow-scrolling: touch;

    cursor: grab;

    padding: 0;

    margin: 0;

    grid-gap: 24px;

    grid-auto-flow: column;

    list-style: none; }

    .carousel .carousel__content::-webkit-scrollbar {

      display: none; }

  .carousel .carousel__item .carousel__description {

    width: 100%; }

  .carousel .carousel__item a {

    display: flex;

    justify-content: center;

    justify-content: flex-start;

    align-items: center;

    flex-direction: column;

    position: relative;

    user-select: none;

    margin: 10px 0px;

    cursor: pointer; }

  .carousel .carousel__controls {

    display: grid;

    grid-auto-flow: column;

    grid-gap: 24px; }

  .carousel .carousel__arrow {

    padding: 0;

    background: transparent;

    box-shadow: none;

    border: 0; }

    .carousel .carousel__arrow:before {

      content: "";

      background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");

      background-size: contain;

      display: block;

      width: 18px;

      height: 12px;

      cursor: pointer; }

    .carousel .carousel__arrow.arrow-prev:before {

      transform: rotate(90deg); }

    .carousel .carousel__arrow.arrow-next:before {

      transform: rotate(-90deg); }



.disclaimer a {

  color: #fff; }



.about {

  background-color: #FFFCF7; }

  .about .about-heading h1 {

    font-family: "Playfair Display", serif;

    font-size: 2em;

    font-weight: 700;

    text-align: center;

    margin-bottom: 2em; }

  .about .about-heading .about-content {

    display: flex;

    flex-direction: row;

    justify-content: space-around; }

    .about .about-heading .about-content .about-img-wrap {

      width: 47.5%;

      display: flex;

      justify-content: center;

      align-items: center; }

      .about .about-heading .about-content .about-img-wrap .about-img {

        display: block;

        width: 400px;

        height: 400px;

        border-radius: 50%;

        background-color: #cccccc;

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover; }

    .about .about-heading .about-content .about-text {

      width: 47.5%; }

      .about .about-heading .about-content .about-text p {

        font-family: "Roboto", sans-serif;

        font-size: 18px;

        line-height: 1.4;

        max-width: 800px;

        margin: 2em auto; }

  .about .about-heading h2 {

    font-family: "Playfair Display", serif;

    font-size: 1.5em;

    font-weight: 700;

    text-align: center;

    margin-bottom: 2em; }

  .about .about-bottom p {

    font-family: "Roboto", sans-serif;

    font-size: 18px;

    line-height: 1.4;

    text-align: center;

    max-width: 800px;

    margin: 2em auto; }

  .about .about-bottom .button-wrap {

    display: flex;

    justify-content: center; }



@media screen and (max-width: 900px) {

  .about .about-heading .about-content {

    flex-direction: column; }

    .about .about-heading .about-content .about-img-wrap {

      width: 100%; }

      .about .about-heading .about-content .about-img-wrap .about-img {

        width: 300px;

        height: 300px; }

    .about .about-heading .about-content .about-text {

      width: 100%;

      text-align: center; } }

.timeline {

  position: relative; }

  .timeline::before {

    content: '';

    background: #800020;

    width: 5px;

    height: 95%;

    position: absolute;

    left: 50%;

    transform: translateX(-50%); }



.timeline-item {

  width: 100%;

  margin-bottom: 70px; }

  .timeline-item:nth-child(even) .timeline-content {

    float: right;

    padding: 40px 30px 10px 30px; }

    .timeline-item:nth-child(even) .timeline-content .date {

      right: auto;

      left: 0; }

    .timeline-item:nth-child(even) .timeline-content::after {

      content: '';

      position: absolute;

      border-style: solid;

      width: 0;

      height: 0;

      top: 30px;

      left: -15px;

      border-width: 10px 15px 10px 0;

      border-color: transparent #f5f5f5 transparent transparent; }

  .timeline-item::after {

    content: '';

    display: block;

    clear: both; }



.timeline-content {

  position: relative;

  width: 45%;

  padding: 10px 30px;

  border-radius: 4px;

  background: #fff;

  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3); }

  .timeline-content::after {

    content: '';

    position: absolute;

    border-style: solid;

    width: 0;

    height: 0;

    top: 30px;

    right: -15px;

    border-width: 10px 0 10px 15px;

    border-color: transparent transparent transparent #f5f5f5; }



.timeline-img {

  width: 30px;

  height: 30px;

  background: #800020;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  margin-top: 25px;

  margin-left: -15px; }



.timeline-card {

  padding: 0 !important; }

  .timeline-card p {

    padding: 20px;

    font-family: "Roboto", sans-serif;

    font-size: 18px;

    line-height: 1.4;

    max-width: 800px; }



.timeline-item:nth-child(1) .timeline-img-header {

  background: url("../image/about/o-mne-1.png") center center no-repeat;

  background-size: cover; }

.timeline-item:nth-child(2) .timeline-img-header {

  background: url("../image/about/o-mne-2.png") center center no-repeat;

  background-size: cover; }

.timeline-item:nth-child(3) .timeline-img-header {

  background: url("../image/about/o-mne-3.png") center center no-repeat;

  background-size: cover; }

.timeline-item:nth-child(4) .timeline-img-header {

  background: url("../image/about/o-mne-4.png") center center no-repeat;

  background-size: cover; }

.timeline-item:nth-child(5) .timeline-img-header {

  background: url("../image/about/o-mne-5.png") center center no-repeat;

  background-size: cover; }



.timeline-img-header {

  height: 200px;

  position: relative; }



.date {

  background: #800020;

  font-family: "Playfair Display", serif;

  font-size: 18px;

  font-weight: 700;

  display: inline-block;

  color: #fff;

  padding: 10px;

  position: absolute;

  top: 0;

  right: 0; }



@media screen and (max-width: 768px) {

  .timeline::before {

    left: 50px; }

  .timeline .timeline-img {

    left: 50px; }

  .timeline .timeline-content {

    max-width: 100%;

    width: auto;

    margin-left: 70px; }

  .timeline .timeline-item:nth-child(even) .timeline-content {

    float: none; }

  .timeline .timeline-item:nth-child(odd) .timeline-content::after {

    content: '';

    position: absolute;

    border-style: solid;

    width: 0;

    height: 0;

    top: 30px;

    left: -15px;

    border-width: 10px 15px 10px 0;

    border-color: transparent #f5f5f5 transparent transparent; } }



/*# sourceMappingURL=style.css.map */