/* body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-display: swap;
    }


*/


    .logo {
      float: left !important;
    }

    /* Create a Parallax Effect */
    .bgimg-1,
    .bgimg-2,
    .bgimg-3,
    .bgimg-4 {
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    h3.fst3 {
      font-weight: 100;
      font-size: 20px;
    }

    a.content-links {
      float: none !important;
      font-size: inherit !important;
      color: inherit !important;
    }

    .w3-center.spacer1 {
      margin: 65px 0 25px 0;
    }

    /* First image */
    .bgimg-1 {
      background-image: url('images2/akiu_namai_fonas.jpg');
      min-height: 100%;
      width: 100%;
      background-size: 50%;
      background-repeat: repeat;
      background-position: -350px 0px;
    }

    /* Second image  */
    .bgimg-2 {
      background-image: url("images2/akiu_namai_fonas.jpg");
      min-height: 400px;
    }

    /* Third image */
    .bgimg-3 {
      background-image: url("images/ergonominis_biuro_stalas_kedes.webp");
      min-height: 400px;
    }

    /* Fourth image */
    .bgimg-4 {
      background-image: url("images2/akiu_namai_fonas.jpg");
      min-height: 400px;
    }

    .w3-bar .w3-bar-item {
      padding: 16px;
    }

    .w3-18 {
      margin: 18px 0;
    }

    .w3-wide {
      letter-spacing: 10px;
      display: block;
      line-height: normal;
      text-shadow: 1px 1px 2px #000;
    }

    .w3-hover-opacity {
      cursor: pointer;
    }

    textarea {
      resize: none;
    }

    a:link,
    a:visited {
      background-color: transparent;
      text-decoration: none;
      opacity: 1;
    }



    /* Cookie */
    .alert {
      padding: 20px;
      color: white;
      overflow: hidden;
      background-color: #333;
      position: fixed;
      bottom: 0;
      width: 100%;
    }

    .closebtn {
      margin-left: 15px;
      color: white;
      font-weight: bold;
      float: right;
      font-size: 22px;
      line-height: 20px;
      cursor: pointer;
      transition: 0.3s;
    }

    .closebtn:hover {
      color: #999;
    }

    /** Accordion **/
    .accordion {
      position: relative;
      padding: 25px;
    }

    .accordion a {
      float: right;
      color: black;
      font-size: 12px;
    }

    .accordion a:hover {
      color: #999 !important;
    }

    .accordion input[type=checkbox] {
      opacity: 0;
    }

    .accordion label {
      cursor: pointer;
      position: relative;
      overflow: hidden;
      display: inline-block;
      padding-right: 45px;
      color: black !important;
      font-weight: 100;
    }

    .accordion label:hover {
      color: #999 !important;
    }

    .accordion label::before {
      content: "\f105";
      /*font-family: FontAwesome;*/
      font-style: normal;
      font-weight: normal;
      font-size: 25px;
      position: absolute;
      top: 5px;
      right: 0;
      opacity: 0.1;
    }

    .accordion input[type="checkbox"]:checked~h2 label::before {
      content: "\f107";
      /*font-family: FontAwesome;*/
      font-style: normal;
      font-weight: normal;
      font-size: 25px;
      position: absolute;
      top: 5px;
      right: 0;
      opacity: 0.1;
    }

    .accordion p {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
    }

    .accordion input[type=checkbox]:checked~h2~p {
      max-height: 330px;
    }

    /** Accordion Images **/
    .images {
      display: block;
      width: 100%;
      height: auto;
    }

    .column::after {
      content: '';
      clear: both;
      display: block;
    }

    .column div {
      position: relative;
      float: left;
      padding: 25px;
    }

    .column div span {
      display: block;
      color: #fff;
      font-size: 18px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      pointer-events: none;
    }

    .column mark {
      background: unset;
      color: #fff;
      font-size: 12px;
    }

    .column figure {
      margin: 0;
      padding: 0;
      background: #fff;
      overflow: hidden;
    }

    .column figure:hover+span {
      opacity: 1;
    }

    .hoverblack figure {
      background: black;
    }

    .hoverblack figure img {
      opacity: 1;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
    }

    .hoverblack figure:hover img {
      opacity: 0.75;
    }

    @media only screen and (max-width: 992px) {
      .accordion label {
        font-size: 25px;
        line-height: normal;
      }

      .accordion label::before {
        top: 0px;
      }

      .column div span {
        line-height: normal;
      }
    }

    @media only screen and (max-width: 600px) {
      .column div {
        padding: 0;
      }
    }

    /** Image Ligtbox CSS **/
    a.lightbox img {
      height: 150px;
      margin: 20px auto;
    }

    .lightbox-target {
      position: fixed;
      top: -100%;
      width: 100%;
      background: black;
      opacity: 0;
      -webkit-transition: opacity .5s ease-in-out;
      -moz-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
      transition: opacity .5s ease-in-out;
      overflow: hidden;
      z-index: 1001;
    }

    .lightbox-target img {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-height: 0%;
      max-width: 0%;
      box-sizing: border-box;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
    }

    a.lightbox-close {
      display: block;
      width: 50px;
      height: 50px;
      box-sizing: border-box;
      background: white;
      color: black;
      text-decoration: none;
      position: absolute;
      top: -80px;
      right: 0;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
    }

    a.lightbox-close:before {
      content: "";
      display: block;
      height: 30px;
      width: 1px;
      background: black;
      position: absolute;
      left: 26px;
      top: 10px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    a.lightbox-close:after {
      content: "";
      display: block;
      height: 30px;
      width: 1px;
      background: black;
      position: absolute;
      left: 26px;
      top: 10px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .lightbox-target:target {
      opacity: 1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .lightbox-target:target img {
      max-height: 100%;
      max-width: 100%;
    }

    .lightbox-target:target a.lightbox-close {
      top: 0px;
    }

    .imgzoom {
      overflow: hidden;
    }

    .imgzoom img {
      transition: all .25s ease-in-out;
    }

    .imgzoom:hover img {
      transform: scale(1.1);
    }

    /* Conact form */
    /* form {
  width:459px;
  margin:0 auto;
} */
    input,
    textarea {
      width: 100%;
      border: 1px solid #efefef;
      padding: 10px;
      margin-top: 3px;
      font-size: 0.9em;
    }

    input:focus,
    textarea:focus {
      border: 1px solid #97d6eb;
    }

    .submit {
      width: 120px;
    }

    .submit:hover {
      color: #000 !important;
      background-color: #ccc !important;
    }

    /* Buttons */
    .btn,
    .submit {
      display: inline-block;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: transparent;
      line-height: normal;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      letter-spacing: 2px;
      width: 270px;
      padding: 1rem 2.25rem;
      font-size: 15px;
      margin: .375rem;
      border-radius: .125rem;
      cursor: pointer;
      text-transform: uppercase;
      white-space: normal;
      word-wrap: break-word;
      color: black;
    }

    .btn-outline {
      border: 1px solid #dedede !important;
      background-color: transparent !important;
      color: #fff !important;
    }

    .btn-outline2,
    .submit {
      border: 1px solid #000 !important;
      background-color: transparent !important;
      color: #000 !important;
    }

    .btn:active,
    .btn:focus,
    .btn:hover {
      background-color: rgba(0, 0, 0, .1) !important;
      text-decoration: none;
      box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
      outline: 0;
    }

    /* Turn off parallax scrolling for tablets and phones */
    @media only screen and (max-device-width: 1024px) {

      .bgimg-1,
      .bgimg-2,
      .bgimg-3,
      .bgimg-4 {
        background-attachment: scroll;
      }
    }

    @media screen and (max-width: 992px) {
      footer .nav {
        height: 216px;
      }
    }

    @media screen and (max-width: 600px) {
      .bgimg-1 {
        background-image: url('images2/akiu_namai_fonas.jpg');
        min-height: 90%;
        width: 100%;
        background-size: 100%;
        background-repeat: repeat;
        background-position: -350px 0px;
      }

      footer .nav {
        height: auto;
      }
    }