/* --------------------------------------------------------------------
* Defatul Stylesheet
* Author:		Mirko Cogo
* URL:			https://www.yumestudio.it/
-------------------------------------------------------------------- */
/*
* Normalize v8.0.1 / github.com/necolas/normalize.css
* General
* Smooth Scrollbar
* Remodal
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

:root {
  --col1: #6f4c2d;
  --col2: #bcbcbc; 
  --col3: #e6271a;
  --col4: #646363;
  --col5: #84ace7;
}


/* FONTS CORMORANT 
@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-Light.ttf) format('truetype');font-style:normal;font-weight:300}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-LightItalic.ttf) format('truetype');font-style:italic;font-weight:300}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-Regular.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-Italic.ttf) format('truetype');font-style:italic;font-weight:400}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-Medium.ttf) format('truetype');font-style:normal;font-weight:500}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-MediumItalic.ttf) format('truetype');font-style:italic;font-weight:500}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-SemiBold.ttf) format('truetype');font-style:normal;font-weight:600}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-SemiBoldItalic.ttf) format('truetype');font-style:italic;font-weight:600}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-Bold.ttf) format('truetype');font-style:normal;font-weight:700}@font-face{font-family:Cormorant;src:url(../fonts/Cormorant-BoldItalic.ttf) format('truetype');font-style:italic;font-weight:700}
*/

/* FONTS PlayfairDisplay */
@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-Regular.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-Italic.ttf) format('truetype');font-style:italic;font-weight:400}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-Medium.ttf) format('truetype');font-style:normal;font-weight:500}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-MediumItalic.ttf) format('truetype');font-style:italic;font-weight:500}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-SemiBold.ttf) format('truetype');font-style:normal;font-weight:600}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-SemiBoldItalic.ttf) format('truetype');font-style:italic;font-weight:600}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-Bold.ttf) format('truetype');font-style:normal;font-weight:700}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-BoldItalic.ttf) format('truetype');font-style:italic;font-weight:700}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-ExtraBold.ttf) format('truetype');font-style:normal;font-weight:800}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-ExtraBoldItalic.ttf) format('truetype');font-style:italic;font-weight:800}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-Black.ttf) format('truetype');font-style:normal;font-weight:900}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-BlackItalic.ttf) format('truetype');font-style:italic;font-weight:900}
/* ==============================================================*/
/* # GENERAL */
/* ==============================================================*/
html {
  scroll-behavior: smooth;
  overflow-x: hidden; 
}
html, body { font-family: 'PlayfairDisplay', serif; color:var(--col5); font-size:18px; line-height: 25px; overflow-x: hidden; color:#fff;}
body { background:#000; }
.overflowhide {
  overflow: hidden !important;
}
img { max-width:100%;}


/*h1,h2,h3,h4,h5 { font-family: 'Cormorant', serif; }*/
/* text selection */
::-moz-selection {
  background: var(--col1);
  color: #fff;
}

::selection {
  background: var(--col1);
  color: #fff;
}

::-moz-selection {
  background: var(--col1);
  color: #fff;
}

::-webkit-selection {
  background: var(--col1);
  color: #fff;
}

/* SCROLL */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--col1);
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--col1);
}
.error {
  background: #ed5050;
  color: #fff;
  padding: 5px;
}
.sent {
  background: #baf17a;
  color: #000;
  padding: 5px;
}


a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color:var(--col1);
    text-decoration: none;
}



#back-top a { 
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 99;
    background: rgb(51 51 51 / 50%);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 40px;
    margin: 0;
    transition: all 1s;
}
#back-top a:hover {
    background:rgb(157 157 157 / 50%);
}

/* ==============================================================*/
/* # HEADER */
/* ==============================================================*/
.lingue{ margin-top: 20px; font-size: 20px;}
.lingue a { color: #aaa; }
.lingue a:hover {color: #fff;}
.lingue a.active { pointer-events: none; cursor: default; color: #fff;}

#prenota {
    width: auto;
    position: fixed;
    top: 50px;
    left: 20px;
    z-index: 2;
}
#togglemenu { 
    position: fixed;
    right: 20px;
    top: 50px;
    cursor: pointer;
    text-align:center;
    z-index: 2;
    background: #000;
    padding: 5px 5px 0px;
}
#menutog { transition: all 2s ease; }
#togglemenu svg { display: block; margin-bottom: 10px; }
#togglemenu svg .cls-3 {   fill:none; }
#togglemenu:hover svg .cls-3 {  }

#togglemenu svg .cls-3 {
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 0.81px;
}
#togglemenu svg .cls-4 {
    transform-origin: center;
    fill: #fff;
    transition: all 0.5s ease;
}


#togglemenu:hover svg .cls-4 {
    transform: perspective(400px) rotateY(180deg);
    perspective-origin: inherit;
       
}
@media (max-width: 767.98px) {
    #prenota { display: none;}

}

/* ==============================================================*/
/* # HOMEPAGE */
/* ==============================================================*/
.homecover { height:100vh; display: block; width:100vw; }
.logo {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    max-width: 100%;
    padding: 0 10px;
    z-index: 1;
}


.bg {
    position: absolute;
    display: block;
    height: 100vh;
    width: 100vw;
    object-fit: cover;
    object-position: left top;
    position: absolute;
    top: 0;
    z-index: -1;
}
.welcomelogo { max-height: 300px; }
.welcome2 b, .welcome2 strong { font-size:180%; }
.welcome1, .welcome2 { overflow: hidden; z-index: 1; position: relative;}
.welcome3 { z-index: 1;position: relative;}
.luxlogo { width: 220px;}
.testo2, .testo3 { color:var(--col2); }

#founder { height: 100vh;
    display: flex;
    align-items: center; margin-bottom:600vh; }
.girolamo { width: 500px; position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }

.part2 {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.part2 small { color:var(--col2); font-size:70%; }
.part2 b { font-size: 120%;}

.disttext { /*position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);*/ }
.distimg { /*width:901px; max-width: 70vw; */ }

/*

*/


.fading {
    height: 100vh;
    display: block;
    position: relative;
    aspect-ratio: 2 / 1;
    margin: 0 auto;
    max-width: 100vw;
    /*margin-bottom: 450vh;*/
}
.fadeimg {
    position: absolute;
    height: 100vh;
    width: auto;
    display: block;
    /*left: 50%; transform: translateX(-50%);*/
    object-fit: contain;
}


@media (max-width: 767.98px) {
    .fading {
        height: 100vh;
        display: block;
        position: relative;
        aspect-ratio: 1 / 1;
        margin: 0 auto;
        max-width: 100vw;
        /*margin-bottom: 450vh;*/
    }

    .fadeimg {
        position: absolute;
        height: 100vh;
        width: auto;
        display: block;

        object-fit: contain;
    }
}



.testifade {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    text-align: center;
    padding-top: 2%;
    padding-left: 5%;
    /*background: linear-gradient(181deg, black, transparent);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 100%);*/

    height:100%;
    padding-top: 15%;
    text-shadow: 0 0 10px black;
}



.image1 { left:0; }
.image2 {right: 0; opacity:0; }
/*.testifade { position: absolute; top:2%; left:5%; }*/
/*.testifade span { display: inline-block; height: 10px; width:50px; }*/
.testifade .txt2 {opacity: 0; line-height: 4rem; margin-top: 1rem;}

#founder1 { 
   /*height: 100vh;
    display: flex;
    align-content: space-between;
    justify-content: center;
    flex-direction: column;
    align-items: center;  */
    text-align: center;
}
.girolamo2 { width: 400px;}
.part2b small {
    color: var(--col2);
    font-size: 70%;
}

.museoul { margin-top: -100px; }
/* ==============================================================*/
/* # ALTRE PAGINE */
/* ==============================================================*/
.sfumatura::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 45%, rgb(0 0 0 / 0%) 100%);
    z-index: 1;
}
.sfumatura2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    background-image: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 75%, rgb(0 0 0 / 0%) 100%);
    z-index: 1;
}
body:not(.index) .prenotatop { display:none !important; }
 body:not(.index) .bg {  object-position: right center; }
.homecoversmall {
    height: 30vh;
    min-height: 300px;
    display: block;
    width: 100vw;
}
/* ==============================================================*/
/* # PRENOTA */
/* ==============================================================*/
.people-select-box {
    /* height: 60px; */
    line-height: 44px;
    padding: 6px 0;
    border-top: 2px solid #EEE;
    border-bottom: 2px solid #EEE;
}

.people-select-box span {
    padding-left: 2px;
}

.people-select-box .select-style {
    float: right;
    height: 40px;
    line-height: 40px;
}

.people-select-box .select-style select {
    line-height: 30px; border: 0;
}

.select-style {
    border: 1px solid #e1e0e1;
    width: 70px;
    border-radius: 20px;
    margin-top: 3px;
    text-align: center;
}

@media (max-width:480px) {
    .people-select-box {
        height: 62px;
        line-height: 24px;
    }

    .people-select-box span {
        max-width: 250px;
        padding-left: 0;
        float: left;
    }
}

@media (max-width:360px) {
    .people-select-box {
        height: auto;
        overflow: hidden;
    }

    .people-select-box span {
        max-width: 208px;
    }
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #e9e9e9 !important;
    background: #e9e9e9 !important;
    font-weight: normal;
    text-align: center;
}
/* OGGI */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #84ace7 !important;
    background: #84ace7 !important;
    color: #ffffff !important;
}

/* DISABILITATO */
.ui-state-default:hover{
    border: 1px solid #a4db65 !important;
}

.ui-datepicker-current-day .ui-state-active {
    background:#a4db65 !important;
    border: 1px solid #a4db65 !important;
}

/* DISABILITATO */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .25;
    -ms-filter: "alpha(opacity=25)";
    background-image: none;
}





  .ui-datepicker-inline {
      max-width: 100%; width: 100% !important;
  }
   .ui-state-disabled {
       color: #e7e7e7;
   }
.ui-widget.ui-widget-content {
    border: 2px solid #EEE;
}
.ui-widget-header {border: 0px !important;}


a.ui-state-default:hover,
a.ui-state-default:active{
    color:#000 !important;
}

   /*
        .ui-state-disabled:not(.sunday) {
            color: #d32230;
            font-weight: bold;
        }

        .ui-state-disabled:not(.sunday) :before {
            height: 32px;
            width: 3px;
            background-color: #d32230;
            display: block;
            transform: rotate(132deg);
            content: "";
            position: absolute;
            margin-top: 3px;
            margin-left: 17px;
            border-right: 2px solid #FFF;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
        }
        */
.sceltaorario { 

    }

  .sceltaorario div{
    }

.sceltaorario div a {
    padding: 10px;
        margin: 10px;
    text-align: center;
    display:block;
    color:#000;
    border: 1px solid #c5c5c5;
}

.orario:hover, .orario:active {color:#000 !important; }
.orario.active { background: #a4db65;
    color:#fff !important; }
/* ==============================================================*/
/* # MENU */
/* ==============================================================*/
.overmenu { display: none; position: fixed; top:0; left: 0; z-index: 99;  width: 100vw; height: 100vh; display:none;  overflow-x:hidden; overflow-y: auto;}
.tendina { transition: clip-path 0.8s; display: none; background: #000; width: 100vw; height: 100vh; position:fixed; top:0; left:0; z-index: 9; }

.closemenu { position: fixed; top:0; right: 20px; margin-top: 20px; }


/*.overmenu.open { display: block; }*/

.overmenu .museologo { width: 80px; margin-top:20px;}
.overmenu .btn-outline {
    width: 400px;
    margin: 50px auto;
        max-width: 100%;
}
.flexval{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.topom { position: absolute; top:0; width: 100%;}
@media (max-width: 575.98px) { .topom {
        position: relative;
    }}

@media (min-height: 1000px) {
    .flexval {
            justify-content: space-around;
        }
}

/* ==============================================================*/
/* # ANIMAZIONI */
/* ==============================================================*/
.reveal {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    transition: clip-path 1s;
}

.reveal img {
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(0.8);
    width: 100%;
    /*object-position: 50% 50%;*/
}

.reveal2 {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    transition: clip-path 1s;
}

.reveal2 img {
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(0.8);
    width: 100%;
    /*object-position: 50% 50%;*/
}


/* ==============================================================*/
/* # Helpers */
/* ==============================================================*/
.relative { position: relative;}
.tj { text-align: center; }
.fullwidth { width:100vw;}
.fullwidth img{
    width: 100vw;
}
.col1 { color:var(--col1); }
.col2 {  color: var(--col2);}
.col3 {  color: var(--col3);}

.col4 { color: var(--col4); }
.white { background: #fff; color:#000; }

.white a { color:var(--col1); }
.white a:hover {
    color: var(--col2);
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}

.contmsg {
    padding: 10px;
    font-size: 15px;
    margin-top: 10px;
        border-radius: 10px;
}
/* ==============================================================*/
/* # BUTTONS */
/* ==============================================================*/
.btop { border-top:1px solid #777; width:70%; margin: 0 auto; padding-top:40px;}
.btn-outline { font-size:24px; color:#fff; text-decoration: none; padding: 10px 20px;
    width: 200px;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border:1px solid #777;
    transition: all 1s;
    display:block;
    text-align: center;
}
.btn-outline:hover { /*background: var(--col3);*/ color:#fff;  border-color:#bca155; }
.bhrv::before { content: "";
    background: #777;
    width: 1px;
    height: 40px;
    display: block;
    position: absolute;
    top: -40px;
    left: 50%; z-index: -1; }


.btn-form {
    font-size: 18px;
    color: #777;
    text-decoration: none;
    padding: 10px 20px;
    width: 200px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #777;
    transition: all 1s;
    text-align: center;
}
.btn-form:hover {
    border-color: #bca155;
}

.btn-form.btn-dark { color: #fff; border: 1px solid #fff;}

.btn-form.btn-dark:hover {
    border-color: #bca155; color: #bca155;
}

.white a.btn-form { color:#000; }
.white a.btn-form:hover {
    color: #bca155;
}
/* ==============================================================*/
/* # FORMS */
/* ==============================================================*/
.form-control,
textarea.form-control {
    font-size: 1em;
    height: 3.3em;
    border-radius: 10px;
    padding-left: 22px;
    color: #666666;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

textarea.form-control {
    height: 7.9em;
    padding-top: 1.1em;
    resize: none;
}

.form-control:focus {
    border-color: #b5b5b5;
    background-color: #fff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::-moz-placeholder {
    color: #666666;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #666666;
}

.form-control::-webkit-input-placeholder {
    color: #666666;
}

.form-control.error {
    border-color: #b5b5b5;
}

.form-group {
    margin-bottom: 10px;
}

.wobble-error {
    -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;
    animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;
}

label.error {
    display: none !important;
}


/*a#prenotabtn, a#prenotabtn:hover{ color:#fff !important; }*/

#bookingform { display: none;}
/* ==============================================================*/
/* # Footer */
/* ==============================================================*/
.luxlogo2 {
    width: 120px;
    margin-bottom: 25px;
}
.footer { font-size:16px; }
.footer h5 { color: var(--col1); font-weight: 900;}
.footer dt, .footer dd { display: inline-block; }
.footer dt { text-transform: uppercase;width: 180px; }
.footer dd { }
.footer2 { font-size:14px; line-height: 18px;}

/* ==============================================================*/
/* # RESPONSIVE */
/* ==============================================================*/

@media (max-width: 575.98px) {
    .logo { width: 150px; top: 20px; }
    #togglemenu { right: 10px;top: 10px; font-size: 15px; margin-bottom: 0; }
    #togglemenu svg {width: 50px; }
    .bg { object-position: center top; }
    .closemenu {right: 20px; }
     .luxlogo { width: 150px; }
    .museoul { margin-top: 0;  }
    .disttext { position: relative;}
    .h5, h5 { font-size: 1em; }
     body:not(.index) .bg {object-position: center;}
     .homecoversmall { height: 100px; min-height: 100px; }
}

/* ==============================================================*/
/* # QUESTIONARIO - SURVEY */
/* ==============================================================*/
  #survey {
      text-align: left;
  }

  .rating {
      display: inline-block;
      position: relative;
      height: 40px;
      line-height: 40px;
      font-size: 30px;
      margin: 5px 0 30px;
  }

  .rating input {
      position: absolute;
      left: -9999px;
  }

  .rating label {
      float: right;
      display: inline-block;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      text-align: center;
      font-size: 16px;
      font-family: system-ui;
      line-height: 38px;
      margin: 5px;
      color: #000;
      background-color: #eee;
      cursor: pointer;
  }

  .rating label:hover {
      background-color: #ccc;
  }

  .rating input:checked~label {
      background-color: #ccc;
      color: #fff;
  }

  .rating input:checked~label {
      background-color: #bca155;
      color: #fff;
  }

  /* Customize the label  */
  .radios {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin: 20px 0 50px;
  }

  .labelcon {
      display: inline-block;
      position: relative;
      padding-left: 35px;
      margin: 10px 25px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      text-align: left;
  }

  /* Hide the browser's default radio button */
  .labelcon input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
  }

  /* Create a custom radio button */
  .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 25px;
      width: 25px;
      background-color: #eee;
      border-radius: 50%;
  }

  /* On mouse-over, add a grey background color */
  .labelcon:hover input~.checkmark {
      background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  .labelcon input:checked~.checkmark {
      background-color: #bca155;
  }

  input[type="checkbox"] {
      accent-color: #bca155;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
      content: "";
      position: absolute;
      display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .labelcon input:checked~.checkmark:after {
      display: block;
  }

  /* Style the indicator (dot/circle) 
    .labelcon .checkmark:after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }
    */
ol,
ul {
    padding-left: 1.2rem;
}


/* ==============================================================*/
/* # NEWS */
/* ==============================================================*/
.widget {
    margin-bottom: 60px;
}

.clearlist,
.clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.widget-posts-img {
    float: left;
    margin: 0 15px 0 0;
}

.widget-posts li {
    font-size: 13px;
    margin-bottom: 20px;
}

.widget-posts-descr {
    padding-left: 90px;
}

.blog-page-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}


.moreg.g-5,
.moreg.gx-5 {
    --bs-gutter-x: 4rem;
}