.admin-bar{
    display: none!important;
}

  h1,h2,h3,h4,h5,h6{
    font-family: 'Playfair Display', sans-serif!important;
  font-weight: 700;
}

p,a,input,button,span,div{
    font-family: 'Montserrat', sans-serif!important;
  font-weight: 400;
}

.fancy---font{
    font-family: 'Dancing Script', sans-serif!important;
  font-weight: 500;
}

#header{
    background-color: rgba(255,255,255,0.36);
  -webkit-transition: background-color 160ms linear;
  -moz-transition: background-color 160ms linear;
  -ms-transition: background-color 160ms linear;
  transition: background-color 160ms linear;
}

#header:hover{
    background-color: #fff!important;
}

#header .header-top .site-name a{
    z-index: 100;
}

@media only screen and (min-width: 768px){
    #header #navigation ul.menu-level-1>li.exp>ul {
      margin-left: 0!important;
    left: -19px!important;
  }
}

@media only screen and (min-width: 1201px) {
  #header #navigation ul.menu-level-1>li.exp>ul {
      left: -54px!important;
  }
}

#header.fixed-menu{
    background-color: #fff!important;
}

@media only screen and (max-width: 767px) {
  #header {
      background: #fff !important;
  }
}

#carousel{
    margin-top: -100px;
}

  @media only screen and (max-width: 767px) {
  #carousel {
      margin-top: -30px;
  }
  
  #header .container .header-top .site-name-wrapper{
          margin-left: initial!important;
      }
}

#navigation ul.menu-level-1>li>a{
text-transform: uppercase;
}

#navigation ul.menu-level-1>li>a b{
font-weight: 600;
}

#navigation{
  margin-left: 0;
}

#header .container .header-top .site-name-wrapper{
  margin-left: calc(50vw - 150px);
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .menu-helper {
      right: 696px !important;
  }
}

.menu-helper.visible ul li a{
  text-align: right;
}

.homepage-box.welcome-wrapper{
  width: 100%!important;
max-width: 100%!important;
margin-top: -160px!important;
}

.homepage-box.welcome-wrapper .container {
  padding: 0!important;
max-width: 100%!important;
}

.homepage-box.welcome-wrapper .container > .welcome-wrapper > .welcome {
  padding: 0!important;
}

#footer > .container.footer-bottom{
  display: none!important;
}

#footer > .container.footer-rows > .site-name{
  display: none!important;
}

#footer > .container.footer-rows{
  margin: 0!important;
padding: 0!important;
max-width: 100%!important;
width: 100%!important;
}

#footer > .container.footer-rows > .custom-footer.elements-1{
  width: 100%!important;
padding: 0!important;
}

#footer > .container.footer-rows > .custom-footer.elements-1 > .custom-footer__banner16{
  width: 100%!important;
padding: 0!important;
}

main#content > div.category-top > h1.category-title{
  display: none!important;
}

main#content > div.category-top > ul.subcategories.with-image{
  display: none!important;
}

div#content-wrapper.container.content-wrapper{
  max-width: 100%!important;
margin: 0!important;
padding: 0!important;
}

main#content > div.category-content-wrapper{
justify-content: center!important;
}

#products > .product{
  border: 1px solid #000!important;
margin: 0!important;
padding: 0!important;
width: 33.33%;
}

@media screen and (max-width: 767px){
  #products > .product{
    width: 50%;
}
}

.products-block.products .product:hover{
  top: 0!important;
box-shadow: none!important;
}

#products .product .p-code,
#products .product .ratings-wrapper,
#products .product .price,
#products .product .p-tools{
  display: none;
}

#products .product{
  background-color: #FFF;
overflow: hidden;
}

#products .product .name,
#products .product .name span{
  min-height: initial;
font-family: 'Playfair Display', sans-serif!important;
font-size: 32px;
font-weight: 400;
text-align: center;
color: #000;
line-height: 48.8px;
display: block;
}

#products .product .p-desc{
  font-weight: 400;
font-size: 16px;
line-height: 40px;
text-align: center;
color: #000;
background-color: transparent;
display: block;
margin-top: 0;
}

#products .product img{
  -webkit-transition: transform 260ms linear;
-moz-transition: transform 260ms linear;
-ms-transition: transform 260ms linear;
  transition: transform 260ms linear;
}

#products .product:hover img{
  transform: scale(1.05);
}

@media screen and (max-width: 480px){
  #products .product .name,
  #products .product .name span{
    font-size: 24px;
}

#products .product .p-desc{
    font-size: 14px;
}

.cat-header-scroll-wrapper{
    padding: 0 16px;
}
}

.cat-header-scroll-wrapper{
  padding: 0 32px;
}

.filters-unveil-button-wrapper > a::after{
  font-family: 'Montserrat', sans-serif!important;
}

.widget-parameter-wrapper{
    display: none!important;
}

  .breadcrumbs-wrapper{
    margin-left: 0!important;
  padding-left: 32px!important;
  background-color: transparent!important;
}

.breadcrumbs-wrapper span{
    font-weight: 500;
  font-size: 16px;
  line-height: 19.5px;
  letter-spacing: 1.1px;
  color: #28272B;
}

.breadcrumbs-wrapper::before{
    background-color: transparent!important;
}

.p-detail-inner h1{
    font-weight: 700;
  font-size: 32px;
  line-height: 38.24px;
  color: #4051A2;
  padding-top: 20px;
  margin-bottom: 0;
  box-sizing: border-box;
  padding-left: 32px!important;
}

.p-detail-inner h1::before{
    background-color: transparent!important;
}

.p-info-wrapper{
    background-color: #EBF5F9!important;
}

#cloud-zoom-big{
    display: none!important;
}

.stars-wrapper,
.p-code,
.p-detail-inner .social-buttons.no-display{
    display: none!important;
}

.price-final-holder{
    text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  line-height: 21.94px;
  letter-spacing: 1.1px;
  color: #28272B;
}

.p-detail-info{
    order: -2;
}

.product-top .p-detail-info .p-short-description{
    font-weight: 400;
  font-size: 16px;
  line-height: 19.5px;
  color: #000;
}

.p-detail div.col-xs-12.p-info-wrapper, .p-detail div.p-info-wrapper{
    padding: 64px!important;
}

.p-detail-info{
    background-color: #EBF5F9!important;
}

.p-detail-info .detail-parameters th{
    font-weight: 600;
  font-size: 16px;
  line-height: 19.5px;
  letter-spacing: 1.1px;
  color: #28272B;
  text-transform: uppercase;
  margin-bottom: 16px!important;
}

.type-detail .detail-parameters .custom-variants-list .custom-variants .variant{
    border: 2px solid #4051A2;
  background-color: transparent;
  font-weight: 600;
  font-size: 16px;
  line-height: 19.5px;
  letter-spacing: 1.1px;
  text-align: center;
  color: #28272B;
}

.type-detail .detail-parameters .custom-variants-list .custom-variants .variant:hover,
.type-detail .detail-parameters .custom-variants-list .custom-variants .variant.active{
    background-color: #4051A2;
  color: #fff;
     border: 2px solid #4051A2;
  box-shadow: none;
}

.product-top .availability-label[style="color: #009901"]{
    color: #009901!important;
}

.add-to-cart{
    gap: 16px;
}

.add-to-cart .quantity{
    border-radius: 27px;
  border: 1px solid #000;
}

.add-to-cart .quantity span.increase{
    border-radius: 0 27px 27px 0;
}

.add-to-cart .quantity span.decrease{
    border-radius: 27px 0 0 27px;
}

.add-to-cart .quantity span.increase:hover,
.add-to-cart .quantity span.decrease:hover{
    background-color: #4051A2!important;
}

  .add-to-cart .quantity span.increase:hover::before,
  .add-to-cart .quantity span.decrease:hover::before{
    filter: invert(100%)!important;
}

.product-top .add-to-cart button{
    background-color: transparent;
  border-radius: 27px!important;
  border: 2px solid #000!important;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  line-height: 21.94px;
  letter-spacing: 1.1px;
}

.product-top .add-to-cart button:hover{
    border-color: #4051A2!important;
  color: #fff;
}

.disabled-add-to-cart .product-top .add-to-cart button{
    background-color: transparent!important;
  opacity: 0.56;
  color: #000;
}

.shp-tabs-wrapper.p-detail-tabs-wrapper .col-sm-12.shp-tabs-row.responsive-nav{
    display: none!important;
}

.shp-tabs-wrapper.p-detail-tabs-wrapper > .row{
    width: 100%!important;
}

.type-detail .shp-tabs-wrapper .row .shp-tabs-row+div{
    width: 100%!important;
}

.type-detail .shp-tabs-wrapper #tab-content{
    padding: 0!important;
}

.type-detail .shp-tabs-wrapper .basic-description{
    padding: 0px!important;
}

.type-detail .shp-tabs-wrapper .basic-description > h3{
    display: none;
}

  @media only screen and (max-width: 992px) {
    .p-detail .p-image-wrapper{
      width: 100%!important;
    max-width: 100%!important;
  }
  
  .p-detail-info{
      padding: 64px!important;
    padding-bottom: 0!important;
  }
}

  @media only screen and (max-width: 767px){
    .one-column-body.type-detail h1{
      margin-top: 0!important;
  }
  
    .p-detail div.col-xs-12.p-info-wrapper, .p-detail div.p-info-wrapper{
    padding: 32px!important;
        }
    
    .p-detail-info{
      padding: 32px!important;
    padding-bottom: 0!important;
  }
}

@media screen and (max-width: 480px){
    .p-detail-inner h1{
      padding-left: 16px!important;
  }
  
        .p-detail div.col-xs-12.p-info-wrapper, .p-detail div.p-info-wrapper{
    padding: 16px!important;
        }
    
    .p-detail-info{
      padding: 16px!important;
    padding-bottom: 0!important;
  }
}

.cart-inner.cart-empty .h1, .cart-inner.cart-empty h1{
    font-family: 'Montserrat', sans-serif!important;
}

.cart-inner:not(.cart-empty) .cart-row .col-md-4{
    padding-right: 20px!important;
}

.products-block.products .product .flags.flags-default{
    left: calc(50% - 41px);
  top: 8px;
}

.flags .flag.flag-new{
    background-color: #FDA874!important;
  color: #fff;
  margin: 0;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 16.4px;
  letter-spacing: 1.1px;
}

.row.product-top .brand-wrap{
    display: none!important;
}

.product-top .p-detail-info .flags{
    margin-top: 0;
}

.social-buttons-wrapper .link-icon{
    display: none!important;
}

  .social-buttons-wrapper .link-icon.watchdog{
    display: flex!important;
}

main#content > .content-inner > article > header > h1{
    display: none;
}

@media screen and (max-width: 480px){
      .products-block.products .product .flags.flags-default{
    left: calc(50% - 34px);
      top: 0;
}
}

.cart-content .cart-summary h4{
    font-family: 'Montserrat', sans-serif!important;
}

.ordering-process .checkout-box-wrapper h4{
    font-family: 'Montserrat', sans-serif!important;
}

#checkoutContent .cart-content .co-box h4{
    font-family: 'Montserrat', sans-serif!important;
}

#checkoutContent .form-group .form-control{
    font-family: 'Montserrat', sans-serif!important;
}

.social-buttons-wrapper .link-icon.chat{
    display: flex!important;
}

.p-detail div.col-xs-12.p-info-wrapper, .p-detail div.p-info-wrapper{
    border-radius: 27px 0 0 27px;
}

.menu-item-740{
    display: none!important;
}

@media screen and (max-width: 767px){
    .p-detail div.col-xs-12.p-info-wrapper, .p-detail div.p-info-wrapper{
      border-radius: 0px!important;
  }
}

.products-block.products .product .image{
    width: 100%!important;
  margin: 0!important;
}

.products-block.products .product .p{
    margin: 0!important;
}

#products .product img{
    width: 100%!important;
  display: block;
}

#products .product .name{
    line-height: initial!important;
  margin: 0!important;
}

.products-block.products .product .p-in .p-in-in{
    padding-top: 0!important;
}

.products-block.products .product .p-in{
    background-color: #e5e8ee;
}

#products .product .p-desc{
    line-height: initial!important;
}

#products .product .name span{
    line-height: initial!important;
}

#custom--hero-img{
    display: flex;
    width: 100%;
    min-height: 650px;
    max-height: 1000px;
    position: relative;
    justify-content: center;
    align-items: center;
}

#custom--hero-img{
    width: 100%;
}

#custom--hero-img img{
    width: 100%;
    height: auto;
    display: block;
    border: 0;
}

#custom--hero-img div{
    width: 100%;
    position: absolute;
    padding: 16px;
    box-sizing: border-box;
    top: 40%;
    text-align: left;
}

#custom--hero-img h1{
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    color: #fefefe;
    max-width: 30ch;
    margin-right: auto;
    margin-left: 0;
    margin-bottom: 60px;
    font-family: 'Playfair Display', sans-serif!important;
} 

#custom--hero-img a{
    text-transform: uppercase;
    text-decoration: none;
    line-height: 22px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1.2px;
    color: #fefefe;
    padding: 0.86em 1.26em;
    border: 1px solid #fefefe;
    border-radius: 27px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
    margin-left: auto;
    margin-right: auto;
}

#custom--hero-img a:hover{
    background-color: #4051A2;
    color: #fff;
    border-color: transparent;
}

@media screen and (max-width: 800px){
    #custom--hero-img div{
        top: 50%;
        text-align: center;
        height: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: rgb(193,158,120);
        background: linear-gradient(35deg, rgba(193,158,120,1) 0%, rgba(163,125,91,1) 100%);
    }

    #custom--hero-img h1{
        margin-left: auto;
        text-align: center;
    }
}

@media screen and (max-width: 767px){
    #custom--hero-img{
        margin-top: 100px;
    }
}

@media screen and (max-width: 480px) {
    #custom--hero-img h1{
        margin-bottom: 30px;
    }

    #custom--hero-img h1{
        font-size: 30px;
        line-height: 46px;
    }

    #custom--hero-img a{
        font-size: 14px;
    }
}

@media screen and (max-width: 340px){
    #custom--hero-img{
        margin-top: 50px;
    }
}

#custom--news{
    display: flex;
    width: 100%;
    min-height: 500px;
    background: url('https://www.inagio.cz/user/documents/upload/images/news-carousel-items/inagio-christmas-bg.v1.jpg');
    background-color: #1e1e1e;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#custom--news > div{
    width: 45%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px;
    padding-left: 64px;
    box-sizing: border-box;
    z-index: 2;
}

#custom--news > div:nth-child(2){
    width: 55%;
    padding-left: 32px;
    padding-right: 64px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

#custom--news h2{
    color: #f0f0f0;
    line-height: 48.8px;
    font-weight: 600;
    font-size: 32px;
}

#custom--news p{
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
}

#custom--news a{
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 21.94px;
    letter-spacing: 1.2px;
    color: #fff;
    text-decoration: none;
    margin-top: 24px;
    padding: 8px;
    box-sizing: border-box;
    position: relative;
}

#custom--news a::after{
    content: '';
    display: block;
    position: absolute;
    margin-top: 8px;
    background-color: #fff;
    width: 0px;
    height: 4px;
    -webkit-transition: width 160ms linear;
    -moz-transition: width 160ms linear;
    -ms-transition: width 160ms linear;
    transition: width 160ms linear;
}

#custom--news a:hover::after{
    width: 58px;
}

#custom--news #custom---mover{
    max-width: 400px;
    height: 400px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: inline-block;
}

#custom--news #custom---mover > div{
    width: inherit;
    top: 0;
    position: relative;
}

#custom--news #custom---mover a::after{
    display: none;
}

#custom--news #custom---mover .custom---item-move{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    height: 400px;
}

#custom--news #custom---mover .custom---item-move a{
    margin: 0;
    -webkit-transition: background-color 160ms linear;
    -moz-transition: background-color 160ms linear;
    -ms-transition: background-color 160ms linear;
    transition: background-color 160ms linear;
}

#custom--news #custom---mover a:hover{
    background-color: rgba(0,0,0,0.46);
}

#custom--news #custom---mover p{
    text-transform: initial;
}

#custom--news img{
    width: 240px;
    height: auto;
    display: block;
}

#custom--news h3{
    font-weight: 400;
    font-size: 32px;
    line-height: 48.8px;
    text-align: center;
    color: #fff;
    margin: 0;
}

#custom--news .custom---move-control{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

#custom--news .custom---move-buttons{
    cursor: pointer;
    margin-top: 0;
    padding: 8px;
    background-color: transparent;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--news .custom---move-buttons::after{
    display: none;
}

#custom--news .custom---move-buttons:hover{
    background-color: #fff;
}

#custom--news .custom---move-buttons:hover img{
    filter: invert(100%);
}

#custom--news .custom---move-control span{
    width: 12px;
    height: 12px;
    background-color: #fff;
}

#custom--news .custom---item-move-leaving{
    animation: itemMoveLeaving;
    animation-duration: 1250ms;
    animation-timing-function: linear;
}

#custom--news span.custom---square-change{
    background-color: #FDA874;
}

#custom--news .custom---square-change{
    animation: squareChange;
    animation-duration: 1250ms;
    animation-timing-function: linear;
}

#custom--news .custom---move-buttons img{
    max-width: 24px;
    height: auto;
    -webkit-transition: filter 160ms linear;
    -moz-transition: filter 160ms linear;
    -ms-transition: filter 160ms linear;
    transition: filter 160ms linear;
}

#custom--news .custom---news-bg{
    position: absolute;
    width: inherit;
    height: 100%;
    background-color: rgba(0,0,0,0.26);
    z-index: 1;
}

@keyframes itemMoveLeaving {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to{
        opacity: 0;
        transform: scale(0.36);
    }
}

@keyframes squareChange {
    from{
        background-color: #fff;
    }
    to{
        background-color: #FDA874;
    }
}

@media screen and (max-width: 767px){
    #custom--news{
        flex-direction: column;
    }

    #custom--news > div{
        width: 100%;
        padding-left: 32px;
        padding-bottom: 0;
        padding: 16px;
    }

    #custom--news > div:nth-child(2){
        padding-right: 32px;
        width: 100%;
        padding: 16px;
    }
}

#cat--select{
    display: flex;
    padding: 0 3em;
    box-sizing: border-box;
    justify-content: center;
    width: 100%;
    margin-top: 64px;
    margin-bottom: 32px;
    gap: 24px;
}

#cat--select > div{
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 24px;
}

#cat--select > div div{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#cat--select img{
    max-width: 400px;
    width: 100%;
    height: auto;
    transition: transform 260ms ease-in;
    display: block;
    border: 0;
}

#cat--select a{
    font-family: 'Playfair Display', sans-serif!important;
    font-weight: 600;
    font-size: 24px;
    line-height: 36.6px;
    color: #28272B;
    text-decoration: none;
    margin-top: 24px;
    position: relative;
    overflow: hidden;
}

#cat--select div a:last-child{
    overflow: visible;
    padding: 8px;
    box-sizing: border-box;
}

#cat--select a:hover img{
    transform: scale(1.05);
}

#cat--select div a:last-child::after{
    display: block;
    content: '';
    position: relative;
    margin-top: 8px;
    background-color: #28272B;
    width: 0;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: width 160ms linear;
    -moz-transition: width 160ms linear;
    -ms-transition: width 160ms linear;
    transition: width 160ms linear;
}

#cat--select div a:last-child:hover::after{
    width: 46px;
}

@media screen and (max-width: 767px){
    #cat--select a{
        font-size: 20px;
    }

    #cat--select{
        padding: 0 2em;
        flex-direction: column;
    }

    #cat--select > div{
        width: 100%;
    }
}

@media screen and (max-width: 480px){
    #cat--select{
        padding: 0 1em;
        gap: 16px;
    }

    #cat--select > div{
        gap: 16px;
    }

    #cat--select a{
        font-size: 18px;
    }
}

#custom--lb-mess{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 64px;
    margin-bottom: 32px;
    align-items: center;
    position: relative;
}

#custom--lb-mess > div:first-child{
    width: 100%;
    text-align: center;
    padding: 0 1em;
    padding-bottom: 24px;
    box-sizing: border-box;
}

#custom--lb-mess img{
    width: 100%;
    height: auto;
    display: block;
    border: 0;
    -webkit-transition: transform 260ms linear;
    -moz-transition: transform 260ms linear;
    -ms-transition: transform 260ms linear;
    transition: transform 260ms linear;
}

#custom--lb-mess h2{
    font-size: 80px;
    line-height: 122px;
    color: #28272B;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 24px;
}

#custom--lb-mess p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #454545;
}

#custom--lb-mess > div:first-child a{
    padding: 16px 24px;
    border: 1px solid #000;
    border-radius: 27px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 1.2px;
    color: #1E1E1E;
    text-decoration: none;
    margin-top: 24px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--lb-mess > div:first-child a:hover{
    background-color: #4051A2;
    border-color: transparent;
    color: #FFF;
}

#custom--lb-mess .custom--lb-mess-small{
    max-width: 400px;
}

#custom--lb-mess .custom--lb-mess-big{
    max-width: 600px;
}

#custom--lb-mess > div:last-child a{
    overflow: hidden;
}

#custom--lb-mess > div:last-child a:hover img{
    transform: scale(1.05);
}

#custom--lb-mess > div:first-child{
    max-width: 46%;
    z-index: 10;
    background-color: rgba(255,255,255,0.66);
}

#custom--lb-mess > div:last-child{
    min-height: 840px;
    width: 100%;
    position: relative;
}

#custom--lb-mess > div:last-child a{
    position: absolute;
}

#custom--lb-mess > div:last-child a:nth-child(1){
    top: 620px;
    right: 120px;
    z-index: 4;
}

#custom--lb-mess > div:last-child a:nth-child(2){
    top: 0;
    left: 20px;
    z-index: 2;
}

#custom--lb-mess > div:last-child a:nth-child(3){
    top: -20px;
    right: 0px;
    z-index: 1;
}

#custom--lb-mess > div:last-child a:nth-child(4){
    top: 1220px;
    left: 220px;
    z-index: 5;
}

#custom--lb-mess > div:last-child a:nth-child(5){
    top: 660px;
    left: 160px;
    z-index: 3;
}

#custom--lb-mess > div:last-child a:nth-child(6){
    top: 740px;
    right: 80px;
    z-index: 6;
}

@media screen and (max-width: 1350px){
    #custom--lb-mess > div:last-child a{
        transform: scale(0.8);
    }

    #custom--lb-mess > div:last-child a:nth-child(5){
        top: 660px;
        left: 80px;
    }

    #custom--lb-mess > div:last-child a:nth-child(1){
        top: 520px;
        right: 70px;
    }

    #custom--lb-mess > div:last-child a:nth-child(4){
        top: 1220px;
        left: 220px;
    }

    #custom--lb-mess > div:last-child a:nth-child(6){
        top: 540px;
        right: 0px;
    }

    #custom--lb-mess > div:last-child a:nth-child(2){
        top: 0;
        left: -40px;
    }

    #custom--lb-mess > div:last-child a:nth-child(3){
        top: -180px;
        right: 0;
    }
}

@media screen and (max-width: 1100px){
    #custom--lb-mess > div:last-child a:nth-child(4){
        top: 1220px;
        left: 20px;
    }

    #custom--lb-mess > div:last-child a:nth-child(1){
        top: 620px;
        right: 0px;
    }

    #custom--lb-mess > div:last-child a:nth-child(6){
        top: 740px;
        right: 0px;
    }
}

@media screen and (max-width: 1000px){
    #custom--lb-mess > div:last-child a:nth-child(1){
        top: 620px;
        right: 0;
    }

    #custom--lb-mess > div:last-child a:nth-child(6){
        top: 740px;
        right: 0;
    }

    #custom--lb-mess > div:last-child a:nth-child(5){
        top: 660px;
        left: 0px;
    }

    #custom--lb-mess > div:last-child a:nth-child(4){
        top: 1220px;
        left: -40px;
    }
}


@media screen and (max-width: 767px){
    #custom--lb-mess > div:first-child{
        max-width: 100%;
    }

    #custom--lb-mess > div:last-child{
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 0px;
        justify-items: center;
        align-items: center;
        position: relative;
        min-height: 0;
    }

    #custom--lb-mess > div:last-child a{
        position: relative;
        transform: initial;
    }

    #custom--lb-mess > div:last-child a:nth-child(1){
        grid-area: 1 / 1 / 2 / 4;
        top: initial;
        left: initial;
        right: initial;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(2){
        grid-area: 2 / 3 / 3 / 4;
        top: initial;
        left: initial;
        right: initial;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(3){
        grid-area: 3 / 1 / 4 / 2;
        top: initial;
        left: initial;
        right: initial;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(4){
        grid-area: 2 / 1 / 3 / 3;
        top: initial;
        left: initial;
        right: initial;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(5){
        grid-area: 3 / 2 / 4 / 3;
        top: initial;
        left: initial;
        right: initial;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(6){
        grid-area: 3 / 3 / 4 / 4;
        top: initial;
        left: initial;
        right: initial;
    }
}

@media screen and (max-width: 480px) {
    #custom--lb-mess > div:last-child{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-row-gap: 16px;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(1){
        grid-area: 1 / 1 / 2 / 3;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(2){
        grid-area: 2 / 1 / 3 / 2;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(3){
        grid-area: 2 / 2 / 3 / 3;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(4){
        grid-area: 3 / 1 / 4 / 3;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(5){
        grid-area: 4 / 1 / 5 / 2;
    }
    
    #custom--lb-mess > div:last-child a:nth-child(6){
        grid-area: 4 / 2 / 5 / 3;
    }

    #custom--lb-mess h2{
        font-size: 40px;
    }
}

#custom--home-about{
    width: 100%;
    background-color: #FDA874;
    min-height: 650px;
    position: relative;
    margin-top: 78px;
    display: flex;
    align-items: center;
}

#custom--home-about .home-about--bg{
    background: url('https://www.inagio.cz/user/documents/upload/images/inagio-about-us-bg-1600px.v1.png');
    background-color: rgba(255,255,255,0.0);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

#custom--home-about > div:nth-child(2){
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 64px;
    box-sizing: border-box;
    z-index: 2;
}

#custom--home-about > div:nth-child(3){
    position: relative;
    width: 50%;
    min-height: 650px;
}

#custom--home-about > div:nth-child(3) img{
    position: absolute;
}

#custom--home-about > div:nth-child(3) img:first-child{
    bottom: -20px;
    right: 370px;
}

#custom--home-about > div:nth-child(3) img:last-child{
    bottom: -45px;
    right: 0px;
}

#custom--home-about h2{
    font-weight: 600;
    font-size: 32px;
    line-height: 48.8px;
    color: #28272B;
    text-align: left!important;
}

#custom--home-about p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
    text-align: left!important;
}

#custom--home-about a{
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 1.2px;
    color: #1E1E1E;
    border: 1px solid #000;
    border-radius: 27px;
    padding: 16px 24px;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: auto;
    margin-top: 38px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--home-about a:hover{
    background-color: #4051A2;
    border-color: transparent;
    color: #FFF;
}

@media screen and (max-width: 1100px){
    #custom--home-about{
        align-items: flex-start;
    }

    #custom--home-about > div:nth-child(3) img{
        transform: scale(0.8);
    }

    #custom--home-about > div:nth-child(3) img:first-child{
        bottom: -48px;
        right: 270px;
    }
    
    #custom--home-about > div:nth-child(3) img:last-child{
        bottom: -67px;
        right: -40px;
    }

    #custom--home-about > div:nth-child(2){
        padding: 36px;
    }
}

@media screen and (max-width: 767px){
    #custom--home-about{
        flex-direction: column;
    }

    #custom--home-about h2{
        margin-top: 0;
    }

    #custom--home-about > div:nth-child(2){
        width: 100%;
    }

    #custom--home-about > div:nth-child(3){
        width: 100%;
        display: flex;
    }
    
    #custom--home-about > div:nth-child(3) > *{
        bottom: 0!important;
        width: 100%;
        height: auto;
        display: block;
        border: 0;
        transform: scale(1.0)!important;
    }

    #custom--home-about > div:nth-child(3) img:first-child{
        max-width: 300px;
        right: 370px;
    }

    #custom--home-about > div:nth-child(3) img:last-child{
        max-width: 400px;
        right: 0!important;
    }
}

@media screen and (max-width: 680px){
    #custom--home-about > div:nth-child(3){
        min-height: 330px;
    }

    #custom--home-about > div:nth-child(3) img:first-child{
        max-width: 150px;
        right: 190px;
    }

    #custom--home-about > div:nth-child(3) img:last-child{
        max-width: 200px;
    }
}

@media screen and (max-width: 350px){
    #custom--home-about > div:nth-child(2){
        padding: 16px;
    }

    #custom--home-about > div:nth-child(3){
        min-height: 250px;
        overflow: hidden;
    }

    #custom--home-about > div:nth-child(3) img:first-child{
        max-width: 100px;
        right: 155px;
    }

    #custom--home-about > div:nth-child(3) img:last-child{
        max-width: 160px;
    }
}

#custom--blog-car{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 64px;
    padding-right: 0;
    box-sizing: border-box;
    margin-top: 48px;
    gap: 32px;
}

#custom--blog-car h3{
    font-weight: 600;
    font-size: 32px;
    line-height: 48.8px;
    color: #28272B;
    margin-bottom: 0;
    text-align: left!important;
}

#custom--blog-car .blog-car--wrapper{
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 16px;
}

#custom--blog-car .blog-car--wrapper::-webkit-scrollbar {
    display: none;
  }

#custom--blog-car figure{
    margin: 0;
    position: relative;
}

#custom--blog-car figcaption{
    position: absolute;
    margin-left: 16px;
    margin-bottom: 16px;
    left: 0;
    bottom: 0;
}

#custom--blog-car figcaption a{
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 1.1px;
    color: #FFF;
}

#custom--blog-car .blog-car--bg{
    width: 100%;
    height: 36%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #00000036, #12121200);
}

#custom--blog-car img{
    max-width: 400px;
    height: auto;
    display: block;
    border: 0;
}

#custom--blog-car .blog-car--control{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#custom--blog-car .blog-car--mover{
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 8px;
    box-sizing: border-box;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--blog-car .blog-car--mover img{
    filter: invert(100%);
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--blog-car .blog-car--mover:hover{
    background-color: #000;
}

#custom--blog-car .blog-car--mover:hover img{
    filter: initial;
}

#custom--blog-car > a{
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 1.2px;
    color: #1E1E1E;
    position: relative;
    padding: 8px;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: auto;
}

#custom--blog-car > a::after{
    display: block;
    content: '';
    position: relative;
    width: 0;
    height: 3.6px;
    background-color: #1E1E1E;
    margin-top: 8px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--blog-car > a:hover::after{
    width: 52px;
}

@media screen and (max-width: 767px){
    #custom--blog-car{
        padding: 32px;
        padding-right: 0;
    }

    #custom--blog-car img{
        max-width: 340px;
    }
}

@media screen and (max-width: 480px){
    #custom--blog-car{
        padding: 16px;
        padding-right: 0;
    }

    #custom--blog-car img{
        max-width: 220px;
    }

    #custom--blog-car figcaption a{
        font-size: 14px;
    }
}

#custom-brand-high{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FDA874;
    margin-top: 64px;
    padding: 64px;
    box-sizing: border-box;
    text-align: center;
}

#custom-brand-high h3{
    font-weight: 700;
    font-size: 32px;
    line-height: 38.24px;
    color: #2D2D2D;
}

#custom-brand-high > p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
    max-width: 56%;
    margin-top: 0;
}

#custom-brand-high > div{
    display: flex;
    gap: 24px;
    justify-content: center;
    width: 100%;
    margin-top: 64px;
}

#custom-brand-high > div > div{
    display: flex;
    width: 100%;
    gap: 24px;
    justify-content: center;
}

#custom-brand-high > div > div > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 16px;
}

#custom-brand-high > div > div > div p{
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    color: #000;
}

@media screen and (max-width: 767px){
    #custom-brand-high{
        padding: 32px;
    }

    #custom-brand-high > p{
        max-width: 100%;
    }

    #custom-brand-high > div > div{
        flex-direction: column;
        align-items: center;
    }
}

#custom-news-sign-up{
    width: 100%;
    display: flex;
    background-color: #4051A2;
    padding: 64px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    position: relative;
}

#custom-news-sign-up h3{
    font-weight: 600;
    font-size: 40px;
    line-height: 61px;
    color: #FFF;
    margin-top: 0;
    margin-bottom: 26px;
}

#custom-news-sign-up p,
#custom-news-sign-up fieldset div:last-child p
{
    margin-top: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #FFF;
    text-align: center;
}

#custom-news-sign-up .custom-no-display{
    display: none!important;
}

#custom-news-sign-up fieldset{
    display: flex;
    border: 0;
    width: 100%;
    justify-content: center;
    margin-top: 32px;
    flex-direction: column;
    box-sizing: border-box;
}

#custom-news-sign-up fieldset div {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 24px;
}

#custom-news-sign-up input[type=email]{
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 16px 24px;
    box-sizing: border-box;
    color: #fff;
    min-width: 360px;
}

#custom-news-sign-up button[type=submit]{
    text-transform: uppercase;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 26px;
    padding: 16px 24px;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 1.1px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom-news-sign-up button[type=submit] > span{
    font-weight: 600!important;
}

#custom-news-sign-up button[type=submit]:hover{
    background-color: #FDA874;
    border-color: transparent;
}

#custom-news-sign-up fieldset div:last-child{
    margin-top: 16px;
    color: #fff;
}

#custom-news-sign-up fieldset div:last-child p a{
    color: #fff;
}

#custom-news-sign-up > img{
    position: absolute;
    left: 0;
    top: 20px;
}

#custom-news-sign-up > img:last-child{
    right: 0;
    left: initial;
    transform: scale(0.76);
    top: 0;
}

@media screen and (max-width: 1160px){
    #custom-news-sign-up > img{
        display: none;
    }
}

@media screen and (max-width: 767px){
    #custom-news-sign-up{
        padding: 32px;
    }

    #custom-news-sign-up input[type=email]{
        min-width: 180px;
    }
}

@media screen and (max-width: 480px){
    #custom-news-sign-up{
        padding: 16px;
    }

    #custom-news-sign-up fieldset div{
        flex-direction: column;
    }
}

#custom-footer{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 64px;
    margin-top: 64px;
    gap: 32px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}

#custom-footer > div{
    width: 100%;
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
}

#custom-footer > div:nth-child(2) > div{
    width: 100%;
}

#custom-footer > div p{
    text-align: right;
}

#custom-footer .custom-footer--logo{
    width: 240px;
    max-width: 240px;
    height: auto;
    display: block;
    border: 0;
    -webkit-transition: opacity 160ms linear;
    -moz-transition: opacity 160ms linear;
    -ms-transition: opacity 160ms linear;
    transition: opacity 160ms linear;
}

#custom-footer .custom-footer--logo:hover{
    opacity: 0.86;
}

#custom-footer .custom-footer--socials-wrapper{
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    width: 100%;
}

#custom-footer .custom-footer--socials-wrapper a{
    padding: 8px;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom-footer .custom-footer--socials-wrapper img{
    display: block;
    width: 100%;
    max-width: 39px;
    height: auto;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom-footer .custom-footer--socials-wrapper a:hover{
    background-color: #FDA874;
}

#custom-footer .custom-footer--socials-wrapper a:hover img{
    filter: invert(100%);
}

#custom-footer > p,
#custom-footer > p a{
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
    display: inline-block;
}

#custom-footer .custom-footer--name{
    font-weight: 700;
    font-size: 18px;
    line-height: 21.94px;
    color: #000;
    margin-bottom: 32px;
}

#custom-footer .custom-footer--address,
#custom-footer .custom-footer--contact-link{
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    text-decoration: none;
}

#custom-footer .custom-footer--no-margin-bottom{
    margin-bottom: 0;
}

#custom-footer .custom-footer--no-margin-top{
    margin-top: 0;
}

#custom-footer .custom-footer--sitemap-wrapper{
    display: flex;
    gap: 8px;
}

#custom-footer .custom-footer--sitemap-wrapper > div{
    width: 100%;
    display: flex;
    gap: 16px;
    flex-direction: column;
}

#custom-footer .custom-footer--sitemap-wrapper a{
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
}

@media screen and (max-width: 767px){
    #custom-footer{
        padding: 32px;
    }

    #custom-footer > div:nth-child(2){
        flex-direction: column;
    }
    #custom-footer > div:nth-child(2) > div p{
        text-align: left;
    }

    #custom-footer .custom-footer--logo{
        max-width: 190px;
    }
}

@media screen and (max-width: 480px){
    #custom-footer{
        padding: 16px;
    }

    #custom-footer > div{
        flex-direction: column;
        align-items: flex-start;
    }

    #custom-footer .custom-footer--socials-wrapper{
        justify-content: flex-start;
    }
}

#custom--a-products{
    width: 100%;
    display: flex;
    position: relative;
}

#custom--a-products picture{
    width: 100%;
}

#custom--a-products img{
    width: 100%;
    height: auto;
    border: 0;
    display: block;
}

#custom--a-products div{
    width: 100%;
    height: 60%;
    display: flex;
    padding: 64px;
    box-sizing: border-box;
    position: absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#custom--a-products h2{
    color: #E3EDED;
    font-weight: 600;
    font-size: 56px;
    line-height: 74.65px;
    text-align: center;
}

#custom--a-products p{
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    max-width: 66%;
}

#custom--best-selling{
    width: 100%;
    margin-top: 64px;
    padding: 0 64px;
    box-sizing: border-box;
    text-align: center;
}

#custom--best-selling h2{
    font-weight: 600;
    font-size: 32px;
    line-height: 42.66px;
    color: #4051A2;
}

@media screen and (max-width: 767px){
    #custom--a-products div{
        padding: 32px;
        height: 100%;
    }

    #custom--a-products p{
        max-width: 100%;
    }

    #custom--best-selling{
        padding: 0 32px;
    }
}

@media screen and (max-width: 480px){
    #custom--a-products div{
        padding: 16px;
    }

    #custom--best-selling{
        padding: 0 16px;
    }

    #custom--a-products h2{
        font-size: 40px;
        line-height: initial;
    }
}

#custom--cat-showcase{
    width: 100%;
    display: flex;
    background-color: #EBF5F9;
    gap: 32px;
    justify-content: space-between;
}

#custom--cat-showcase div{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 64px;
    box-sizing: border-box;
}

#custom--cat-showcase div:last-child{
    width: 60%;
    padding: 0;
    align-items: flex-end;
}

#custom--cat-showcase h2{
    font-weight: 600;
    font-size: 56px;
    line-height: 74.65px;
    color: #4051A2;
    margin-top: 0;
}

#custom--cat-showcase p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #4051A2;
}

#custom--cat-showcase img{
    width: 100%;
    max-width: 800px;
    border: 0;
    display: block;
    height: auto;
}

@media screen and (max-width: 767px){
    #custom--cat-showcase{
        flex-direction: column;
    }

    #custom--cat-showcase > div{
        width: 100%;
        padding: 32px;
        order: 2;   
    }

    #custom--cat-showcase > div:last-child{
        padding: 0;
        width: 100%;
        order: 1;
    }
}

@media screen and (max-width: 480px){
    #custom--cat-showcase > div{
        padding: 16px;
    }

    #custom--cat-showcase > div:last-child{
        padding: 0;
    }
}

#custom-product--sizes{
    width: 100%;
    display: flex;
    gap: 32px;
    justify-content: center;
    align-items: center;
    padding: 64px;
    box-sizing: border-box;
}

#custom-product--sizes > *{
    width: 100%;
}

#custom-product--sizes img{
    width: 100%;
    max-width: 800px;
    height: auto;
    border: 0;
    display: block;
}

#custom-product--sizes p{
    padding: 64px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
}

@media screen and (max-width: 992px){
    #custom-product--sizes p{
        padding: 16px;
    }
}

@media screen and (max-width: 767px){
    #custom-product--sizes{
        padding: 32px;
        flex-direction: column;
    }

    #custom-product--sizes p{
        padding: 0;
    }
}

@media screen and (max-width: 480px){
    #custom-product--sizes{
        padding: 16px;
    }
}

#custom-p--features{
    width: 90%;
    display: flex;  
    margin: 64px auto;
    padding: 48px;
    box-sizing: border-box;
    background-color: #EBF5F9;
    gap: 86px;
}

#custom-p--features > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#custom-p--features p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
    margin-bottom: 32px;
}

#custom-p--features .p-features--header{
    font-weight: 600;
    font-size: 24px;
    line-height: 29.26px;
    margin-bottom: 0;
    text-transform: uppercase;
}

#custom-p--features .p-features--wrapper{
    width: 100%;
    display: flex;
    gap: 32px; 
}

#custom-p--features .p-features--wrapper > div{
    width: 100%;
    display: flex;
    flex-direction: column;
}

#custom-p--features .p-features--subheader+p{
    margin-top: 4px;
}

#custom-p--features .p-features--subheader{
    font-size: 16px;
    margin-bottom: 0;
    text-transform: initial;
}

@media screen and (max-width: 767px){
    #custom-p--features{
        padding: 32px;
        width: 95%;
        gap: 43px;
        flex-direction: column;
    }
}

@media screen and (max-width: 480px){
    #custom-p--features{
        padding: 16px;
        width: 100%;
    }
}

#custom--style-car{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 64px;
    padding-right: 0;
    box-sizing: border-box;
    margin-top: 48px;
    gap: 32px;
}

#custom--style-car h3{
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 600;
    font-size: 24px;
    text-align: left!important;
    line-height: 29.26px;
    text-transform: uppercase;
    line-height: 29.26px;
}

#custom--style-car .style-car--wrapper{
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 16px;
}

#custom--style-car .style-car--wrapper::-webkit-scrollbar {
    display: none;
  }

#custom--style-car figure{
    margin: 0;
    position: relative;
    width: 100%;
}

#custom--style-car figcaption{
    position: absolute;
    margin-left: 16px;
    margin-bottom: 16px;
    left: 0;
    bottom: 0;
}

#custom--style-car figcaption a{
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 1.1px;
    color: #FFF;
}

#custom--style-car .style-car--bg{
    width: 100%;
    height: 36%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #00000036, #12121200);
}

#custom--style-car img{
    max-width: 400px!important;
    height: auto!important;
    display: block;
    border: 0;
}

#custom--style-car .style-car--control{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#custom--style-car .style-car--mover{
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 8px;
    box-sizing: border-box;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--style-car .style-car--mover img{
    filter: invert(100%);
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--style-car .style-car--mover:hover{
    background-color: #000;
}

#custom--style-car .style-car--mover:hover img{
    filter: initial;
}

#custom--style-car > a{
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 1.2px;
    color: #1E1E1E;
    position: relative;
    padding: 8px;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: auto;
}

#custom--style-car > a::after{
    display: block;
    content: '';
    position: relative;
    width: 0;
    height: 3.6px;
    background-color: #1E1E1E;
    margin-top: 8px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--style-car > a:hover::after{
    width: 52px;
}

@media screen and (max-width: 767px){
    #custom--style-car{
        padding: 32px;
        padding-right: 0;
    }

    #custom--style-car img{
        max-width: 340px!important;
    }
}

@media screen and (max-width: 480px){
    #custom--style-car{
        padding: 16px;
        padding-right: 0;
    }

    #custom--style-car img{
        max-width: 220px!important;
    }

    #custom--style-car figcaption a{
        font-size: 14px;
    }
}

#custom--our-story{
    width: 100%;
    display: flex;
    position: relative;
}

#custom--our-story picture{
    width: 100%;
}

#custom--our-story img{
    width: 100%;
    height: auto;
    border: 0;
    display: block;
}

#custom--os-desc{
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 64px;
    padding-bottom: 16px;
    box-sizing: border-box;
    align-items: center;
}

#custom--os-desc > div{
    grid-area: 1 / 1 / 2 / 2;
}

#custom--os-desc > img:nth-child(2){
    grid-area: 1 / 2 / 2 / 3;
}

#custom--os-desc > img:nth-child(3){
    grid-area: 2 / 1 / 3 / 2;
}

#custom--os-desc > img:nth-child(4){
    grid-area: 2 / 2 / 3 / 3;
    align-self: flex-start;
}

#custom--os-desc h2{
    font-weight: 600;
    font-size: 56px;
    line-height: 74.65px;
    color: #4051A2;
    margin-top: 0;
}

#custom--os-desc p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
    max-width: 60%;
}

#custom--os-desc img{
    width: 100%;
    height: auto;
    display: block;
    border: 0;
}

#custom--os-desc .os-desc--small-img{
    max-width: 480px;
}

#custom--os-desc .os-desc--big-img{
    max-width: 960px;
    align-self: flex-start;
}

@media screen and (max-width: 992px){
    #custom--os-desc p{
        max-width: 100%;
    }
}

@media screen and (max-width: 767px){
    #custom--os-desc{
        padding: 32px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        padding-bottom: 16px;
    }

    #custom--os-desc > div{
        grid-area: 2 / 1 / 3 / 3;
    }
    
    #custom--os-desc > img:nth-child(2){
        grid-area: 3 / 1 / 4 / 2;
    }
    
    #custom--os-desc > img:nth-child(3){
        grid-area: 1 / 1 / 2 / 3;
        align-self: center;
    }
    
    #custom--os-desc > img:nth-child(4){
        grid-area: 3 / 2 / 4 / 3;
        align-self: center;
    }
}

@media screen and (max-width: 480px){
    #custom--os-desc{
        padding: 16px;
        display: flex;
        flex-direction: column;
    }

    #custom--os-desc > div{
        order: 2;
    }
    
    #custom--os-desc > img:nth-child(2){
        order: 3;
    }
    
    #custom--os-desc > img:nth-child(3){
        order: 1;
    }
    
    #custom--os-desc > img:nth-child(4){
        order: 4;
    }
}

#custom--os-numbers{
    width: 100%;
    display: flex;
    padding: 32px 64px;
    box-sizing: border-box;
}

#custom--os-numbers > div{
    width: 100%;
    display: flex;
    position: relative;
    background-color: #EBF5F9;
    overflow: hidden;
    gap: 32px;
}

#custom--os-numbers .os-numbers--bg{
    background: url('https://www.inagio.cz/user/documents/upload/images/inagio-about-us-bg-1600px.v1.png');
    background-color: rgba(255,255,255,0.0);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

#custom--os-numbers > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px;
    box-sizing: border-box;
    justify-content: space-around;
}

#custom--os-numbers > div > div:nth-child(2){
    margin-left: 48px;
}

#custom--os-numbers h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 47.8px;
    color: #28272B;
}

#custom--os-numbers p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
    align-self: flex-end;
}

#custom--os-numbers > div > div > div{
    width: 100%;
    display: flex;
    gap: 16px;
    align-items: center;
}

#custom--os-numbers > div > div > div *{
    margin: 0;
}

@media screen and (max-width: 992px){
    #custom--os-numbers{
        padding: 32px 32px;
    }

    #custom--os-numbers > div{
        flex-direction: column;
        gap: 16px;
    }

    #custom--os-numbers > div > div:nth-child(2){
        margin-left: 0;
    }

    #custom--os-numbers h3{
        margin-top: 0;
    }

    #custom--os-numbers p{
        margin-bottom: 0;
    }

    #custom--os-numbers > div > div{
        gap: 16px;
    }
}

@media screen and (max-width: 480px){
    #custom--os-numbers h3{
        font-size: 28px;
        line-height: 36px;
    }

    #custom--os-numbers{
        padding: 32px 16px;
    }
}

#custom--os-mis{
    width: 100%;
    display: flex;
    gap: 24px;
    margin-top: 48px;
    align-items: center;
}

#custom--os-mis img{
    width: 100%;
    max-width: 1200px;
    height: auto;
    display: block;
    border: 0;
}

#custom--os-mis > div{
    display: flex;
    padding: 64px;
    padding-left: 0;
    box-sizing: border-box;
    width: 100%;
    gap: 32px;
}

#custom--os-mis > div:first-child{
    padding: 0;
}

#custom--os-mis > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
}

#custom--os-mis p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
}

#custom--os-mis .os-mis--header{
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.1px;
    color: #28272B;
}

@media screen and (max-width: 767px){
    #custom--os-mis{
        flex-direction: column;
    }
    
    #custom--os-mis > div{
        padding: 32px;
        flex-direction: column;
    }
}

@media screen and (max-width: 480px){
    #custom--os-mis > div{
        padding: 16px;
    }
}

#custom--team-car{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 64px;
    padding-right: 0;
    box-sizing: border-box;
    margin-top: 48px;
    gap: 32px;
}

#custom--team-car h3{
    font-weight: 600;
    font-size: 56px;
    line-height: 74.65px;
    color: #4051A2;
    margin-bottom: 0;
    text-align: left!important;
}

#custom--team-car .team-car--wrapper{
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 16px;
}

#custom--team-car .team-car--wrapper::-webkit-scrollbar {
    display: none;
  }

#custom--team-car figure{
    margin: 0;
    position: relative;
}

#custom--team-car figcaption{
    position: absolute;
    margin-left: 16px;
    margin-bottom: 16px;
    left: 0;
    bottom: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 1.1px;
    color: #FFF;
}

#custom--team-car .team-car--bg{
    width: 100%;
    height: 36%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #00000036, #12121200);
}

#custom--team-car img{
    max-width: 400px!important;
    height: auto;
    display: block;
    border: 0;
}

#custom--team-car .team-car--control{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#custom--team-car .team-car--mover{
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 8px;
    box-sizing: border-box;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--team-car .team-car--mover img{
    filter: invert(100%);
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--team-car .team-car--mover:hover{
    background-color: #000;
}

#custom--team-car .team-car--mover:hover img{
    filter: initial;
}

@media screen and (max-width: 767px){
    #custom--team-car{
        padding: 32px;
        padding-right: 0;
    }

    #custom--team-car img{
        max-width: 340px!important;
    }
}

@media screen and (max-width: 480px){
    #custom--team-car{
        padding: 16px;
        padding-right: 0;
    }

    #custom--team-car img{
        max-width: 220px!important;
    }

    #custom--team-car figcaption{
        font-size: 14px;
    }
}

#custom--lb-row-header{
    width: 100%;
    display: flex;
    gap: 24px;
    align-items: center;
}

#custom--lb-content{
	width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 2.25fr 3fr 2.25fr 2.5fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 16px;
}

#custom--lb-row-header > div{
    width: 100%;
    display: flex;
    flex-direction: column;  
    padding: 64px;
    box-sizing: border-box; 
}

#custom--lb-row-header > div:last-child{
    padding: 0;
}

#custom--lb-row-header p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
}

#custom--lb-row-header figure,
#custom--lb-content figure{
    margin: 0;
    max-width: 100%;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    overflow: hidden;
}

#custom--lb-content figure{
    margin: auto;
    align-self: start;
}

#custom--lb-row-header figure:hover figcaption,
#custom--lb-content figure:hover figcaption{
    padding: 8px;
    background-color: #000;
    color: #fff;
}

#custom--lb-row-header figcaption,
#custom--lb-content figcaption{
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 1.1px;
    height: 35px;
    color: #28272B;
    text-transform: uppercase;
    padding: 8px 8px 8px 0;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--lb-row-header img{
    width: 100%;
    max-width: 480px!important;
    height: auto;
    border: 0;
    display: block;
    margin-right: 0;
    margin-left: auto;
}

#custom--lb-content img{
    width: 100%;
    height: auto;
    border: 0;
    display: block;
}

#custom--lb-row-header .lb-row--showcase,
#custom--lb-content .lb-row--showcase{
    position: absolute;
    width: 100%;
    height: calc(100% - 35px);
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--lb-row-header .lb-row--showcase a,
#custom--lb-content .lb-row--showcase a{
    position: absolute;
    padding: 8px;
    box-sizing: border-box;
    background-color: #fff;
    color: #28272B;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom--lb-row-header figure:hover .lb-row--showcase,
#custom--lb-content figure:hover .lb-row--showcase{
    visibility: visible;
    opacity: 1;
}

#custom--lb-row-header .lb-row--showcase a:hover,
#custom--lb-content .lb-row--showcase a:hover{
    background-color: #4051A2;
    color: #fff;
}

#showcase-p-0 a:nth-child(1){
    top: 5%;
    left: 15%;
}

#showcase-p-0 a:nth-child(2){
    top: 50%;
    left: 35%;
}

#showcase-p-0 a:nth-child(3){
    top: 80%;
    left: 50%;
}

#custom--lb-content figure:nth-child(1){
    grid-area: 1 / 1 / 2 / 3;
}

#custom--lb-content figure:nth-child(1) figcaption{
    text-align: right;
    padding-right: 0;
}

#custom--lb-content figure:nth-child(1):hover figcaption{
    padding-right: 8px;
}

#custom--lb-content figure:nth-child(2){
    grid-area: 1 / 3 / 2 / 8;
}

#custom--lb-content figure:nth-child(3){
    grid-area: 2 / 1 / 3 / 4;
}

#custom--lb-content figure:nth-child(3) figcaption{
    text-align: right;
    padding-right: 0;
}

#custom--lb-content figure:nth-child(3):hover figcaption{
    padding-right: 8px;
}

#custom--lb-content figure:nth-child(4){
    grid-area: 2 / 4 / 4 / 8;
}

#custom--lb-content figure:nth-child(5){
    grid-area: 3 / 1 / 4 / 4;
}

#custom--lb-content figure:nth-child(5) figcaption{
    text-align: right;
    padding-right: 0;
}

#custom--lb-content figure:nth-child(5):hover figcaption{
    padding-right: 8px;
}

#custom--lb-content figure:nth-child(6){
    grid-area: 4 / 1 / 5 / 3;
}

#custom--lb-content figure:nth-child(6) figcaption{
    text-align: right;
    padding-right: 0;
}

#custom--lb-content figure:nth-child(6):hover figcaption{
    padding-right: 8px;
}

#custom--lb-content figure:nth-child(7){
    grid-area: 4 / 3 / 5 / 8;
}


@media screen and (max-width: 767px) {
    #custom--lb-row-header{
        margin-top: 60px;
    }

    #custom--lb-row-header > div{
        padding: 32px;
    }

    #custom--lb-row-header .lb-row--showcase a,
    #custom--lb-content .lb-row--showcase a{
        font-size: 10px;
    }

    #custom--lb-content{
        display: flex;
        flex-direction: column;
    }

    #custom--lb-content figure:nth-child(1){
        display: none;
    }

    #custom--lb-row-header figcaption, #custom--lb-content figcaption{
        padding: 8px!important;
    }
}

@media screen and (max-width: 660px){
    #custom--lb-row-header{
        flex-direction: column;
    }

    #custom--lb-row-header > div:first-child{
        order: 2;
    }

    #custom--lb-row-header > div:last-child{
        order: 1;
    }

    #custom--lb-row-header img{
        max-width: 660px!important;
    }
}

@media screen and (max-width: 480px) {
    #custom--lb-row-header > div{
        padding: 16px;
    }

    #custom--lb-content{
        display: flex;
        flex-direction: column;
    }
}

#custom-legal{
    width: 76%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 64px;
    box-sizing: border-box;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
}

#custom-legal h2{
    margin-top: 0;
    font-weight: 600;
    font-size: 56px;
    line-height: 74.65px;
    color: #1E1E1E;
}

#custom-legal h3,
#custom-legal h4,
#custom-legal p{
    font-family: 'Montserrat', sans-serif!important;
    margin-top: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    color: #000;
    margin-bottom: 0;
}

#custom-legal p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    margin-bottom: 8px;
}

#custom-legal a{
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dotted #000;
    color: #000;
}

#custom-legal .custom--cookies-btn{
    padding: 16px 24px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #000;
    letter-spacing: 1.1px;
    border-radius: 26px;
    margin-left: 0;
    margin-right: auto;
    margin-top: 24px;
    font-size: 18px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#custom-legal .custom--cookies-btn:hover{
    border-color: transparent;
    background-color: #000;
    color: #fff;
}

#custom-legal .legal-txt-miss{
    background-color: yellow;
}

@media screen and (max-width: 767px){
    #custom-legal{
        padding: 0 32px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 480px){
    #custom-legal{
        padding: 0 16px;
    }

    #custom-legal h2{
        font-size: 42px;
    }
}

#custom-contact-us{
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #EBF5F9;
    align-items: center;
    text-align: center;
    padding: 64px;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
}

#custom-contact-us h2{
    margin-top: 0;
    font-weight: 600;
    font-size: 56px;
    line-height: 74.65px;
    color: #4051A2;
}

#custom-contact-us h3{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
    margin-top: 0;
    margin-bottom: 42px;
}

#custom-contact-us a,
#custom-contact-us p{
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    text-decoration: none;
}

#custom-contact-us p{
    font-weight: 400;
    margin-top: 0;
}

#custom-contact-us img{
    width: 100%;
    max-width: 280px!important;
    height: auto;
    display: block;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width: 767px){
    #custom-contact-us{
        padding: 32px;
        margin-top: 60px;
    }

    #custom-contact-us img{
        max-width: 150px!important;
        top: 50px;
        left: -30px;
    }
}

@media screen and (max-width: 480px){
    #custom-contact-us{
        padding: 16px;
    }

    #custom-contact-us h2{
        font-size: 36px;
    }

    #custom-contact-us img{
        display: none;
    }
}

#custom-branch{
    width: 100%;
    display: flex;
}

#custom-branch > div{
    width: 100%;
    display: flex;
    flex-direction: column;
}

#custom-branch > div:last-child{
    padding: 64px;
    box-sizing: border-box;
    margin-left: 64px;
    padding-right: 16px;
}

#custom-branch picture{
    width: 100%;
}

#custom-branch img{
    width: 100%;
    max-width: 800px!important;
    height: auto;
    border: 0;
    display: block;
}

#custom-branch p{
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    margin: 0;
}

#custom-branch span{
    font-weight: 600;
    text-transform: uppercase;
}

#custom-branch a{
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 1.1px;
    color: #4051A2;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 24px;
    margin-top: 8px;
}

@media screen and (max-width: 1280px){
    #custom-branch > div:last-child{
        padding-left: 0;
    }
}

@media screen and (max-width: 767px){
    #custom-branch{
        flex-direction: column;
    }

    #custom-branch > div:last-child{
        margin: 0;
        padding: 32px;
    }
}

@media screen and (max-width: 480px){
    #custom-branch > div:last-child{
        padding: 16px;
    }
}

#custom-faq{
    width: 100%;
    display: flex;
    max-width: 1280px;
    padding: 64px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    gap: 24px;
    margin-bottom: 32px;
}

#custom-faq h2{
    font-weight: 600;
    font-size: 56px;
    line-height: 74.65px;
    color: #4051A2; 
    margin-top: 0;
}

#custom-faq > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(to right, #FDA874, #EFD1BF);
    padding: 16px;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: left;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}

#custom-faq .custom-faq--header{
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

#custom-faq .custom-faq--desc{
    margin: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    -webkit-transition: max-height 500ms linear, opacity 500ms linear, visibility 500ms linear;
    -moz-transition: max-height 500ms linear, opacity 500ms linear, visibility 500ms linear;
    -ms-transition: max-height 500ms linear, opacity 500ms linear, visibility 500ms linear;
    transition: max-height 500ms linear, opacity 500ms linear, visibility 500ms linear;
}

#custom-faq .active.custom-faq--desc{
    max-height: 260px;
    visibility: visible;
    opacity: 1;
    animation-name: showFAQitem;
    animation-duration: 500ms;
    animation-timing-function: linear;
}

@keyframes showFAQitem {
    from {
        max-height: 0;
        opacity: 0;
    }
    to {
        max-height: 260px;
        opacity: 1;
    }
}

#custom-faq button{
    background-color: transparent;
    position: relative;
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
}

#custom-faq .custom-faq--button-hor,
#custom-faq .custom-faq--button-ver{
    position: absolute;
    width: 24px;
    height: 4px;
    background-color: #4051A2;
    left: 0;
    top: 10px;
    border-radius: 2px;
    -webkit-transition: all 260ms linear;
    -moz-transition: all 260ms linear;
    -ms-transition: all 260ms linear;
    transition: all 260ms linear;
}

#custom-faq .custom-faq--button-hor{
    width: 4px;
    height: 24px;
    top: 0;
    left: 10px;
}

#custom-faq .active > .custom-faq--button-hor{
    transform: scale(0);
}

@media screen and (max-width: 767px){
    #custom-faq{
        padding: 32px;
    }
}

@media screen and (max-width: 480px){
    #custom-faq{
        padding: 16px;
    }

    #custom-faq > div{
        padding: 12px;
    }

    #custom-faq h2{
        font-size: 36px;
    }
}

#blog-main-article{
    min-width: 100%;
    display: flex;
    margin-top: 64px;
    margin-bottom: 64px;
    background-color: #FDA874;
    padding: 32px 64px 32px 64px;
    box-sizing: border-box;
    position: relative;
    overflow-x: clip;
}

#blog-main-article > div{
    position: relative;
    width: 100%;
    display: flex;
}

#blog-main-article .main-blog-item{
    min-width: 100%;
    display: flex;
    padding-left: 64px;
    padding-right: 64px;
    box-sizing: border-box;
    justify-content: center;
    gap: 76px;
}

#blog-main-article .main-blog-item > div{
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

#blog-main-article .main-blog-item > div:last-child{
    width: 100%;
    align-items: flex-start;
}

#blog-main-article .main-blog-item img{
    width: 100%;
    max-width: 360px;
    height: auto;
    border: 0;
    display: block;
}

#blog-main-article .main-blog-item-img{
    border-radius: 27px;
}

#blog-main-article .main-blog-item.active .main-blog-item-img{
    transform: scale(1.32);
}

#blog-main-article .blog-item-date{
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 1.1px;
    color: #000;
}

#blog-main-article .main-blog-item > div > div{
    width: 100%;
    display: flex;
    gap: 16px;
    align-items: center;
}

#blog-main-article .main-blog-item p{
    margin: 0;
}

#blog-main-article .blog-item-category{
    padding: 8px 24px;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #4051A2;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 1.1px;
    color: #EBF5F9;
}

#blog-main-article .blog-item-header{
    font-family: 'Playfair Display', sans-serif!important;
    font-weight: 600;
    font-size: 32px;
    line-height: 42.66px;
    color: #1e1e1e;
}

#blog-main-article .blog-item-desc{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    color: #000;
}

#blog-main-article .blog-item-author{
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 1.1px;
    color: #424242;
}

#blog-main-article .blog-item-ending{
    margin-bottom: 0;
    margin-top: auto;
    justify-content: space-between;
}

#blog-main-article .blog-image-link img{
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#blog-main-article .main-blog-item.active .blog-image-link img:hover{
    transform: scale(1.36);
}

#blog-main-article .blog-item-link{
    padding: 12px 28px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 27px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    margin-top: 16px;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}

#blog-main-article .blog-item-link:hover{
    color: #FFF;
    background-color: #4051A2;
    border-color: transparent;
}

#blog-main-article .main-blog-arrow{
    position: absolute;
    left: 16px;
    top: calc(50% - 32px);
    background-color: transparent;
    border: 0;
}

#blog-main-article .main-blog-arrow img{
    width: 36px;
    height: auto;
    border: 0;
    display: block;
    filter: brightness(26%);
}

#blog-main-article .main-blog-arrow:last-child{
    left: initial;
    right: 16px;
}