@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Lato-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: italic;
  src: url("fonts/Lato-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/Lato-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: italic;
  src: url("fonts/Lato-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Lato";
  font-weight: 900;
  font-style: normal;
  src: url("fonts/Lato-Black.ttf") format("truetype");
}





html {
  overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 18px;
  color: #333333;
  background-color: #ffffff;
}

a {
  color: #e57f5a;
  text-decoration: none;
}
  a:visited {
    color: #c4603d;
  }
  .sysHasHover a:hover {
    color: #ffa585;
    text-decoration: underline;
  }
  
  a.link-highlight {
    font-family: "Lato", "Arial", sans-serif;
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 0.1ex;
  }

  a img {
    border: 0;
  }

p {
  margin: 1em 0;
}

form {
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

abbr {
  cursor: help;
}






.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.hidden {
  display: none;
}

.warning {
  color: red;
}

.help {
  cursor: help;
}

.clear {
  clear: both;
}

.nobr {
  white-space: nowrap;
}

.clearfix {
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.style-elegant {
  font-family: "Times New Roman", "Times", serif;
}

.style-datetime {
  white-space: nowrap;
}

.style-price {
  font-family: "Times New Roman", "Times", serif;
  white-space: nowrap;
}

.style-smallerette {
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.2ex;
}





div.hr {
  overflow: hidden;
  height: 1px;
  font-size: 0;
  line-height: 0;
  background-color: #b1978a;
}
  div.hr hr {
    display: none;
  }
div.hr.thick {
  background: transparent;
  border-top: 2px solid #b1978a;
  height: 2px;
  border-bottom: 1px solid #e2e2e2;
}
div.hr.fancy {
  background: transparent;
  border-top: 1px solid #b1978a;
  height: 4px;
  border-bottom: 1px solid #b1978a;
}







.form_text {
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  background-color: #f9f9f9;
  padding: 7px 6px;
  margin: 0;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 14px;
  color: #000000;
}
  .sysHasHover .form_text:hover {
    color: #000000;
    background-color: #f9f9f9;
    border-color: #dedede;
    outline: none;
  }
  .form_text:disabled,
  .sysHasHover .form_text:disabled {
    color: #9a9a9a;
    background-color: #e9e9e9;
    border-color: #dedede;
    outline: none;
  }
  .form_error .form_text,
  .sysHasHover .form_error .form_text {
    color: #000000;
    background-color: #f9f9f9;
    border-color: #ff0000;
    outline: 1px solid #ff0000;
  }
  .form_text:focus,
  .sysHasHover .form_text:focus {
    color: #000000;
    background: #fdfdfd;
    border-color: #e57f5a;
    outline: none;
  }


.form_area {
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  background-color: #f9f9f9;
  padding: 6px 6px;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 14px;
  color: #000000;
}
  .sysHasHover .form_area:hover {
    color: #000000;
    background-color: #f9f9f9;
    border-color: #dedede;
    outline: none;
  }
  .form_area:disabled,
  .sysHasHover .form_area:disabled {
    color: #9a9a9a;
    background-color: #e9e9e9;
    border-color: #dedede;
    outline: none;
  }
  .form_error .form_area,
  .sysHasHover .form_error .form_area {
    color: #000000;
    background-color: #f9f9f9;
    border-color: #ff0000;
    outline: 1px solid #ff0000;
  }
  .form_area:focus,
  .sysHasHover .form_area:focus {
    color: #000000;
    background: #fdfdfd;
    border-color: #e57f5a;
    outline: none;
  }


.form_select {
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  background-color: #f9f9f9;
  padding: 6px 6px;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 14px;
  color: #000000;
}
  .sysHasHover .form_select:hover {
    color: #000000;
    background-color: #f9f9f9;
    border-color: #dedede;
    outline: none;
  }
  .form_select:disabled,
  .sysHasHover .form_select:disabled {
    color: #9a9a9a;
    background-color: #e9e9e9;
    border-color: #dedede;
    outline: none;
  }
  .form_error .form_select,
  .sysHasHover .form_error .form_select {
    color: #000000;
    background-color: #f9f9f9;
    border-color: #ff0000;
    outline: 1px solid #ff0000;
  }
  .form_select:focus,
  .sysHasHover .form_select:focus {
    color: #000000;
    background: #fdfdfd;
    border-color: #e57f5a;
    outline: none;
  }


.form_button {
  overflow: hidden;
  background-color: #e57f5a;
  border: 0;
  padding: 0.7em 4ex;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2ex;
  cursor: pointer;
}
  .sysHasHover .form_button:hover {
    background-color: #ffa585;
    background-color: #cf7351;
    color: #ffffff;
  }
  .form_button:disabled,
  .sysHasHover .form_button:disabled {
    background-color: #dddddd;
    color: #aaaaaa;
    cursor: not-allowed;
  }
.form_button.special {
  
}
  .sysHasHover .form_button.special:hover {
    
  }


.form_table {
  margin: 0 auto;
  border-spacing: 4px 6px;
  cursor: default;
}
  .form_table th {
    padding-right: 5px;
    font-weight: normal;
    text-align: right;
    cursor: default;
  }
    
    .form_table th strong {
      font-weight: normal;
    }
  .form_table td {
    padding: 6px 0;
  }


.form_layout {
  margin: 0 auto;
  max-width: 600px;
}
  .form_layout .form_block_area {
    margin-left: -2%;
  }
      .form_layout .form_block_area::after {
        content: "";
        display: table;
        clear: both;
      }
  .form_layout .form_block {
    float: left;
    width: 98%;
    margin: 0.5em 0 0.5em 2%;
  }
    .form_layout .form_block label {
      display: block;
      latter-spacing: 0.2ex;
      font-size: 0.8em;
    }
    .form_layout .form_block .form_text,
    .form_layout .form_block .form_select,
    .form_layout .form_block .form_area {
      width: 100%;
      box-sizing: border-box;
    }

  .form_layout .form_block.half-size {
    width: 48%;
  }

@media (max-width: 800px) {
  .form_layout .form_block_area {
    margin-left: 0;
  }
  .form_layout .form_block,
  .form_layout .form_block.half-size {
    float: none;
    width: auto;
    margin: 1em 0;
  }
}



.form_buttons_panel {
  margin: 1.6em 0 2em;
  text-align: center;
}
  .form_buttons_panel .form_button {
    margin: 0 2ex;
  }


a.linkbutton {
  display: inline-block;
  overflow: hidden;
  padding: 0.8em 3ex;
  border-width: 1px;
  border-style: solid;
  border-color: #e57f5a;
  background-color: #e57f5a;
  text-decoration: none;
  font-family: "Lato", "Arial", sans-serif;
  font-size: inherit;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 12px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0w);
}
  a.linkbutton:active {
    
    outline: none !important;
    -webkit-touch-callout: none;
  }
  a.linkbutton:focus {
    
    outline: none !important;
    -webkit-touch-callout: none;
  }
  a.linkbutton:visited {
  }
  .sysHasHover a.linkbutton:hover {
    color: #ffffff;
    background-color: #c4603d;
    border-color: #c4603d;
    text-decoration: none;
  }


a.linkbutton.special {
  background-color: #43a7ca;
  border-color: #43a7ca;
}
  a.linkbutton.special:visited {
  }
  .sysHasHover a.linkbutton.special:hover {
    background-color: #3c96b5;
    border-color: #3c96b5;
  }


a.linkbutton.secondary {
  border-color: #000000;
  background-color: #ffffff;
  color: #000000;
}
  a.linkbutton.secondary:visited {
  }
  .sysHasHover a.linkbutton.secondary:hover {
    background-color: #ffffff;
    border-color: #cf7351;
    color: #cf7351;
  }






.dialog {
  padding: 10px 6px;
  margin: 20px;
  border-width: 1px;
  border-style: solid;
  cursor: default;
}
  .dialog p {
    margin: 0px;
    font-weight: normal;
  }
  .dialog p.message {
    padding: 6px 0px 6px 25px;
    background-repeat: no-repeat;
    background-position: left center;
  }
  .dialog.information {
    border-color: #aeaeef;
    background-color: #ededf9;
    border: none;
    background: transparent;
    text-align: center;
  }
  .dialog.information p.message {
    
  }
  .dialog.warning {
    border-color: #ff0000;
    background-color: #ffeae3;
  }
  .dialog.warning p.message {
    background-image: url(../images/dialog_icon_warning.png);
  }
  .dialog.error {
    border-color: #ff0000;
    background-color: #ffeae3;
  }
  .dialog.error p.message {
    background-image: url(../images/dialog_icon_error.png);
  }


.dialog.error {
  border: none;
  background: none;
}
  .dialog ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.2ex;
  }
  .dialog.error ul {
    color: red;
    font-weight: bold;
  }






.link-lightbox-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.link-lightbox {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  margin: 0.5em;
  width: 180px;
  max-width: 300px;
  height: 300px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
  .link-lightbox::after {
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transition: background-color 1s;
  }
    .link-lightbox:hover::after {
      background-color: rgba(195, 53, 3, 0.5);
      mix-blend-mode: multiply;
    }
  .link-lightbox .link-lightbox-content {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    padding: 0 6%;
    box-sizing: border-box;
    color: #000000;
  }
    .link-lightbox a.link-lightbox-content:hover {
      color: #000000;
      text-decoration: none;
    }
    .link-lightbox .link-lightbox-content .label {
      display: block;
      margin-bottom: 1em;
      font-family: "Times New Roman", "Times", serif;
      font-style: italic;
      font-size: 1.2em;
    }
    .link-lightbox .link-lightbox-content .footlink {
      display: block;
      padding-bottom: 20px;
      font-size: 0.8em;
    }
  .link-lightbox .link-lightbox-content {
    position: relative;
    z-index: 11;
  }

.link-lightbox-image-pages {
  background-image: url(../images/link-lightbox-pages.jpg);
}
.link-lightbox-image-stilo {
  background-image: url(../images/link-lightbox-stilo.jpg);
}
.link-lightbox-image-villa {
  background-image: url(../images/link-lightbox-villa.jpg);
}
.link-lightbox-image-writing {
  background-image: url(../images/link-lightbox-writing.jpg);
}







table.stdTable {
  border-spacing: 0 8px;
}
  table.stdTable thead th {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ae988c;
    padding: 0.5em 1ex;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.9em;
    cursor: default;
    letter-spacing: 0.1ex;
    vertical-align: middle;
  }
    table.stdTable thead th strong {
      display: block;
    }
  table.stdTable tbody tr {
    background-color: #f2f2f2;
  }
    .sysHasHover table.stdTable tbody tr:hover {
      background-color: #e0e0e0;
    }
  table.stdTable tbody td {
    padding: 0.3em 1ex;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
  }

  table.stdTable tfoot tr {
    background-color: #ffffff;
  }
    table.stdTable tfoot td,
    table.stdTable tfoot th {
      font-weight: bold;
      font-size: 1.1em;
      padding: 1.0em 1ex;
    }


table.stdTable-deflinks {
}
  table.stdTable-deflinks a {
    color: inherit;
  }


table.stdTable-rowlink {
}
  table.stdTable-rowlink tbody tr.rowlink-clickable {
    cursor: pointer;
  }
  table.stdTable-rowlink tbody a.rowlink {
    color: inherit;
    text-decoration: none;
  }
  .sysHasHover table.stdTable-rowlink tbody a.rowlink:hover {
    color: inherit;
    text-decoration: none;
  }


table.stdTable-elegant-1 {
  width: 100%;
}
  table.stdTable-elegant-1 tbody td {
    height: 4em;
  }









div.pages {
  position: relative;
  margin: 2em 0;
}
  div.pages ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    cursor: default;
    font-weight: bold;
    font-size: 0.9em;
  }
    div.pages ul li {
      display: inline-block;
    }
      div.pages ul li a,
      div.pages ul li span {
        display: inline-block;
        padding: 0.3em 0;
        margin: 0;
        width: 5ex;
        vertical-align: top;
        color: #000000;
      }
      div.pages ul li a {
        text-decoration: none;
      }
        .sysHasHover div.pages ul li a:hover {
          text-decoration: none;
          color: #000000;
          background: #e0e0e0;
        }
      div.pages ul li.pages_current span {
        color: #e57f5a;
      }
      div.pages ul li.pages_nav a,
      div.pages ul li.pages_nav span {
      }
      div.pages ul li.pages_nav.pages_disabled span {
        color: #ffffff;
      }






.rdcIcon16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/rdcIcons16.png);
  background-repeat: no-repeat;
  background-size: 160px 16px;
  vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 2dppx) {
  .rdcIcon16 {
    background-image: url(../images/rdcIcons16-2x.png);
  }
}
  .rdcIcon16.rdcIconSearch {
    background-position: -16px 0;
  }
  .rdcIcon16.rdcIconClose {
    background-position: -32px 0;
  }
  .rdcIcon16.rdcIconArrowLeft {
    background-position: -48px 0;
  }
  .rdcIcon16.rdcIconArrowRight {
    background-position: -64px 0;
  }






.rdcIcon32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../images/rdcIcons32.png);
  background-repeat: no-repeat;
  background-size: 480px 128px;
  vertical-align: middle;
  overflow: hidden;
  text-align: left;
  text-indent: -50ex;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 2dppx) {
  .rdcIcon32 {
    background-image: url(../images/rdcIcons32-2x.png);
  }
}
  .rdcIcon32.rdcIconMenu {
    background-position: 0 -32px;
  }
  .rdcIcon32.rdcIconProfile {
    background-position: -32px 0;
  }
  .rdcIcon32.rdcIconCredits {
    background-position: -64px 0;
  }
  .rdcIcon32.rdcIconFavorites {
    background-position: -96px 0;
  }
  .rdcIcon32.rdcIconCart {
    background-position: -128px 0;
  }
  .rdcIcon32.rdcIconDownload {
    background-position: -160px 0;
  }
  .rdcIcon32.rdcIconTrash {
    background-position: -352px 0;
  }
  .rdcIcon32.rdcIconCalendar {
    background-position: -384px 0;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconProfile {
    background-position: -32px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconCredits {
    background-position: -64px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconFavorites {
    background-position: -96px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconCart {
    background-position: -128px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconDownload {
    background-position: -160px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconAddFavorites {
    background-position: -224px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconAddDownload {
    background-position: -256px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconSentence {
    background-position: -288px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconSentenceNotes {
    background-position: -320px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconTrash {
    background-position: -352px -32px;
  }
  .rdcIcon32.rdcIcon32-themed.rdcIconCalendar {
    background-position: -384px -32px;
  }
  .rdcIcon32.rdcIcon32-reverse.rdcIconCredits {
    background-position: -64px -64px;
  }
  .rdcIcon32.rdcIcon32-painted.rdcIconAddFavorites {
    background-position: -224px -96px;
  }
  .rdcIcon32.rdcIcon32-painted.rdcIconAddDownload {
    background-position: -256px -96px;
  }






.rdcIconFrame {
  display: inline-block;
  background: #ffffff;
  border-style: solid;
  border-color: #cfcfcf;
  font-family: "Times New Roman", "Times", serif;
  font-weight: bold;
  text-indent: 0;
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
}
  .rdcIconFrame .rdcIcon32 {
    vertical-align: top;
  }
.rdcIcon32Frame {
  width: 32px;
  height: 32px;
  padding: 1px;
  border-width: 1px;
  line-height: 33px;
  font-size: 25px;
  border-radius: 0 9px 0 9px;
}
.rdcIcon64Frame {
  width: 64px;
  height: 64px;
  padding: 1px;
  border-width: 2px;
  line-height: 65px;
  font-size: 42px;
  border-radius: 0 18px 0 18px;
}
  .rdcIconFrameHighlight {
    background: #e57f5a;
    border-color: #e57f5a;
    color: #ffffff;
  }
  .rdcIconFrameThemed {
    border-color: #e57f5a;
  }
  .rdcIcon32Frame.rdcIconFrameThick {
    padding: 0;
    border-width: 2px;
  }
  .rdcIcon64Frame.rdcIconFrameThick {
    padding: 0;
    border-width: 3px;
  }















p.highlight {
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em 1ex 0.7em 1ex;
}
  p.highlight strong,
  strong.highlight {
    color: #0b78bb;
  }






.container {
  position: relative;
  clear: both;
  margin: 0 auto;
}
  .container::after {
    content: "";
    display: table;
    clear: both;
  }

.container {
  max-width: 1310px;
}




.videoContainer {
  margin: 0 auto;
}
.videoWrapper {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%; 
  padding-bottom: 75%; 
  height: 0;
}
  .videoWrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }




div.advSearch_popup {
  display: block;
  position: absolute;
  top: 20%;
  left: 50%;
  box-shadow: 0px 4px 10px 2px #ccc;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  z-index: 2;
}
  div.advSearch_popup div.content {
    overflow: hidden;
    width: 200px;
    height: 15em;
    font-size: 0.9em;
    padding-top: 1em;
    box-sizing: border-box;
  }
  div.advSearch_popup ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
    div.advSearch_popup ul li a {
      display: block;
      text-decoration: none;
      color: inherit;
      line-height: 1.4em;
      padding: 0 2ex;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
      .sysHasHover div.advSearch_popup ul li a:hover {
        color: inherit;
      }
  div.advSearch_popup p.nav {
    text-align: center;
    margin: 0 0 0.2em 0;
  }
    div.advSearch_popup p.nav a.nav {
      display: inline-block;
      margin: 0 1ex;
      padding: 0 1ex;
      line-height: 30px;
    }
  div.advSearch_popup a.close {
    position: absolute;
    top: 2px;
    right: 8px;
  }

@media (max-width: 800px) {
  div.advSearch_popup {
  }
    div.advSearch_popup div.content {
      height: 29em;
    }
    div.advSearch_popup ul {
    }
      div.advSearch_popup ul li a {
        border-bottom: 1px solid #e0e0e0;
        padding: 0.6em 2ex;
      }
}


div.infoRow {
  border-style: solid;
  border-width: 1px 0;
  border-color: #d0ced7;
  background-color: #ffffff;
  margin: 0 25px 20px 15px;
  padding: 1px 0;
}
  div.infoRow .left {
    display: block;
    float: left;
    margin-left: 1ex;
  }
  div.infoRow .right {
    display: block;
    line-height: 1.5em;
    background-color: #eaebf4;
    text-align: right;
    padding: 0 2ex;
  }











.PageTitle {
  margin: 2.5em 0 1.4em 0;
  text-align: center;
}
  .PageTitle h2 {
    font-family: "Times New Roman", "Times", serif;
    font-size: 2.0em;
    font-weight: normal;
    font-style: italic;
    margin: 0;
  }
  .PageTitle div,
  .PageTitle em {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.2ex;
    color: #e57f5a;
  }
  .PageTitle div.pre-title {
    margin: 0 0 -0.25em 0;
  }
  .PageTitle div.post-title {
    margin: 0.15em 0 0 0;
  }










ul.smart-themed-bullets {
  list-style-type: none;
  padding: 0 0 0 1.5em;
  margin: 1em 0 1em 0;
}
  ul.smart-themed-bullets li {
    padding-left: 1em;
    text-indent: -1em;
  }
    ul.smart-themed-bullets li::before {
      content: "\002022";
      color: #e57f5a;
      display: inline-block;
      text-align: left;
      width: 1em;
      text-indent: 0;
    }




.PageContent .intro-text {
  text-align: center;
}


.PageContent .intro-text-elegant {
  max-width: 870px;
  margin: 1em auto;
  font-family: "Times New Roman", "Times", serif;
  font-size: 1.2em;
  line-height: 1.35em;
  text-align: center;
}




.hero-slider {
  position: relative;
  height: 560px;
  background: #444444;
}
  .hero-slider .hero-slider-frame {
    display: none;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
      .hero-slider .hero-slider-frame.active {
        display: block;
      }
    .hero-slider .hero-slider-frame .container {
      padding: 1px 0;
    }
    .hero-slider .hero-slider-frame .hero-slider-frame-overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 56%;
      height: 100%;
      background-color: rgba(195, 53, 3, 0.5);
      mix-blend-mode: multiply;
      z-index: 10;
    }

  .hero-slider-content {
    position: relative;
    padding: 100px 0 1px 0;
    z-index: 11;
    color: #ffffff;
  }
    .hero-slider-content p {
      margin: 3em 2% 2em 2%;
    }
    .hero-slider-content p.text {
      font-family: "Times New Roman", "Times", serif;
      font-size: 1.8em;
      line-height: 1.4em;
      width: 44%;
    }
      .hero-slider-content p em {
        white-space: nowrap;
      }

  .hero-slider .selector {
    display: flex;
    position: absolute;
    left: 50%;
    bottom: 18px;


    list-style-type: none;
    margin: 0 0 0 -29px;
    padding: 0;
    z-index: 12;
  }
    .hero-slider .selector li {
      display: block;
    }
      .hero-slider .selector li a {
        display: block;
        margin: 3px;
        padding: 2px;
        border: 1px solid #ffffff;
        border-radius: 6px;
      }
        .hero-slider .selector li a span {
          display: block;
          overflow: hidden;
          text-indent: -20ex;
          width: 6px;
          height: 6px;
          border-radius: 5px;
        }
          .hero-slider .selector li.active a span {
            background: #ffffff;
          }




.hero-decor {
  position: relative;
  background-color: #f8f6f0;
  height: 190px;
}
  .hero-decor.empty {
    

    height: 9px;
  }
  .hero-decor.banner-fascicoli {
    background: #f8f6f0 url(../images/hero-banner-fascicoli.jpg) no-repeat center center;
  }
  .hero-decor.banner-guestbook {
    background: #393937 url(../images/hero-banner-guestbook.jpg) no-repeat center center;
  }
  .hero-decor.banner-martello {
    background: #f8f6f0 url(../images/hero-banner-martello.jpg) no-repeat center center;
  }
  .hero-decor.banner-pages {
    background: #dfddd7 url(../images/hero-banner-pages.jpg) no-repeat center center;
  }
  .hero-decor.banner-sede {
    background: #44423d url(../images/hero-banner-sede.jpg) no-repeat center center;
  }
  .hero-decor.banner-stilo {
    background: #f8f6f0 url(../images/hero-banner-stilo.jpg) no-repeat center center;
  }
  .hero-decor.banner-typewriter {
    background: #9d9c98 url(../images/hero-banner-typewriter.jpg) no-repeat center center;
  }
  .hero-decor.banner-villa {
    background: #cbcbcb url(../images/hero-banner-villa.jpg) no-repeat center center;
  }
  .hero-decor.banner-writing {
    background: #a1a09c url(../images/hero-banner-writing.jpg) no-repeat center center;
  }

  .hero-decor-overlay {
    height: 100%;
    width: 54%;
    background-color: rgba(195, 53, 3, 0.5);
    mix-blend-mode: multiply;
  }



.footlink {
  position: relative;
  letter-spacing: .2ex;
  text-transform: uppercase;
}
  .footlink a,
  .footlink span {
    display: inline-block;
    text-decoration: none;
    color: #000000;
  }
    .sysHasHover .footlink a:hover {
      text-decoration: none;
      color: #000000;
    }
  .footlink a::after,
  .footlink span::after {
    content: " ";
    display: inline-block;
    transition: width .5s ease-out;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #000000;
    width: 40%;
    height: 0.65em;
    vertical-align: top;
  }
    .footlinkHover {
      cursor: pointer;
    }
    .sysHasHover .footlink a:hover,
    .sysHasHover .footlinkHover:hover .footlink a,
    .sysHasHover .footlinkHover:hover .footlink span {
      color: #000000;
    }

    .sysHasHover .footlink a:hover::after,
    .sysHasHover .footlinkHover:hover .footlink a::after,
    .sysHasHover .footlinkHover:hover .footlink span::after {
      width: 100%;
    }

.footlink.thicker a {
  padding: 1.5em 0;
}

.footlink.white {
}
  .footlink.white a {
    color: #ffffff;
  }
    .sysHasHover .footlink.white a:hover {
      text-decoration: none;
      color: #ffffff;
    }
  .footlink.white a::after {
    border-color: #ffffff;
  }
    .sysHasHover .footlink.white a:hover,
    .sysHasHover .footlinkHover:hover .footlink.white a {
      color: #ffffff;
    }



.content-links {
}
  .content-links a {
    text-transform: uppercase;
    color: inherit;
    font-size: 0.9em;
    letter-spacing: 0.2ex;
  }
    .content-links a:hover {
      text-decoration: none;
      color: inherit;
    }
    .content-links a:hover span {
      text-decoration: underline;
    }
  .content-links .content-links-left {
    float: left;
  }
  .content-links .content-links-right {
    float: right;
  }
  .content-links::after {
    content: "";
    display: block;
    clear: both;
  }

.rdc-main-content {
}
  .rdc-main-content .container {
    
    padding: 1px 0;
  }


.footer-banner {
  
  background-color: #c97b62;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-image: url(../images/banner-footer.jpg);
  color: #ffffff;
}
  .footer-banner .container {
    padding: 1px 0;
    height: 372px; 
    
    margin-bottom: 0.61%;



  }
  .footer-banner p {
    margin-left: 10px;
    margin-right: 240px;
    
  }
  .footer-banner .text {
    margin-top: 3em;
    margin-bottom: 1em;
    font-family: "Times New Roman", "Times", serif;
    font-size: 1.6em;
  }
  .footer-banner .smallerette {
    text-transform: uppercase;
    letter-spacing: 0.2ex;
    font-size: 0.9em;
  }
  .footer-banner .footlink {
    font-size: 0.8em;
    margin-top: 3em;
    font-weight: bold;
  }


#topMenu {
  border-bottom: 2px solid #b1978a;
  font-size: 0.9em;
}
  #topMenu a {
    color: inherit;
  }
  #topMenu .search_form_text {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e4e4e4;
    width: 190px;
  }
  #topMenu .search_form_button {
  }


.rdc-main-header {
  border-top: 1px solid #e2e2e2;
}
  .rdc-main-header h1 {
    margin: 0;
    font-size: 1.0em;
    font-weight: normal;
    letter-spacing: 0.15ex;
  }
    .rdc-main-header h1 a {
      display: block;
      text-decoration: none;
      color: #582200;
      background-image: url(../images/rdc-logo.png);
      background-repeat: no-repeat;
      background-position: center left;
      background-size: 435px 50px;
    }
      .sysHasHover .rdc-main-header h1 a:hover {
        text-decoration: none;
        color: #582200;
      }
      .rdc-main-header h1 a span {
        display: block;
        font-size: 1.2em;
        font-weight: 900;
        text-transform: uppercase;
        display: none; 
      }
      .rdc-main-header h1 a small {
        display: block;
        font-weight: bold;
        font-size: 0.9em;
        display: none; 
      }


.rdc-main-header {
  
  margin-top: 40px;
  height: 150px;
}
  .rdc-main-header h1 {
    

    position: absolute;
    top: 30px;
    left: 2%;
    width: 460px;
    z-index: 2;
  }
    .rdc-main-header h1 a {
      


      padding: 30px 0 0;
      height: 70px;
    }


div.style-long-text {
  margin-top: 3em;
}
  div.style-long-text p {
    margin: 0 0 1em;
  }

.PageContent h3 {
  font-family: "Times New Roman", "Times", serif;
  font-weight: normal;
  font-size: 2.5em;
  font-style: italic;
}
  .PageContent h3 .pre-title,
  .PageContent h3 .post-title {
    display: block;
    font-family: "Lato", "Arial", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 0.4em;
    text-transform: uppercase;
    color: #e57f5a;
  }

.style-caps-themed {
  text-transform: uppercase;
  letter-spacing: 0.2ex;
  font-size: 0.85em;
  color: #e57f5a;
}

.style-spaced-letters {
  letter-spacing: 0.4ex;
  word-spacing: 0.5ex;
}


.style-signature {
  text-align: right;
  font-style: italic;
  margin-top: -0.5em;
}





.rdc-main-links {
  background: yellow;
  height: 300px;
}
  .rdc-main-links ul {
    display: block;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
  }
    .rdc-main-links ul li {
      
      display: inline;
    }

    .rdc-main-links a {
      display: block;
      float: left;
      width: 125px;
      height: 22px;
      padding-top: 12px;
      color: #6f6f6f;
      text-decoration: none;
      text-align: center;
      font-family: "Georgia", "Times", serif;
      font-size: 15px;
      font-weight: normal;
    }




.style-long-text {
  line-height: 1.5em;
  
  text-align: left;
}

.PageContent {
  padding-left: 2.08%;
  padding-right: 2.08%;
  margin-bottom: 2.5em;
}
.long-text-column {
  padding: 1px 0;
}
  .long-text-column p {
    margin: 0 0 1em 0;
  }

.auto-columns-2 {
  column-count: 2;
  column-gap: 3ex;
}
  .auto-columns-2 p {
    margin: 0 0 1em 0;
  }

.auto-columns-3 {
  column-count: 3;
  column-gap: 3ex;
}
  .auto-columns-3 p {
    margin: 0 0 1em 0;
  }


footer {
  background-color: #f9f6ef;
  color: #5a2201;
  padding-top: 2em;
  font-size: 0.9em;
}
footer a,
footer a:visited,
.sysHasHover footer a:hover {
  color: #5a2201;
}

.footer-block-credits {
  background-image: url(../images/rdc-logo.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 435px 50px;
}
  .footer-block-credits .logo {
    display: none;
    font-size: 1.1em;
  }
    .footer-block-credits .logo strong {
      font-size: 1.2em;
      text-transform: uppercase;
    }
  .footer-block-credits .company {
    padding-top: 62px;
    letter-spacing: 0.2ex;
  }

.footer-block-address {
}
  .footer-block-address .email {
    margin-top: 0.2em;
  }

.footer-block-vat {
}

.footer-block-links {
  padding: 2em 0;
}


.footer-legalinks {
  position: absolute;
  right: 2ex;
  bottom: -5em;
  z-index: 1;
}

.footer-block-copyright {
  padding: 1em 0 2em 1%;
}


  footer .hr {
    margin: 20px 0;
  }



ul.footer-links {
  list-style-type: none;
  margin: 0;
  padding: 1em 0;
  font-size: 0.9em;
}
  ul.footer-links li {
    display: inline;
  }
  ul.footer-links a {
    display: block;
    float: left;
    padding: 0.5em 3.5ex;
    margin: 0 1ex 1ex 0;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.2ex;
  }
    ul.footer-links :first-child a {
      padding-left: 1.5ex;
    }
  ul.footer-links li.special a {
    padding: 0 0;
  }
    ul.footer-links li.special a span {
      display: block;
      width: 88px;
      height: 36px;
      margin-left: 5ex;
      padding-left: 26px;
      background: url(../images/sitelinks-special-piccin.png) no-repeat center center;
      line-height: 36px;
      font-weight: bold;
    }


.topmenu-block {
  font-size: 0.8em;
}
    .topmenu-block a {
      text-decoration: none;
    }
  .topmenu-block-search {
    padding-left: 2ex;
    padding-right: 1ex;
    line-height: 35px;
  }
    .topmenu-block-search .search_form_button {
      border: none;
      background: transparent;
      padding: 0.5em 1ex;
      margin: 0;
      font-family: inherit;
      font-size: 1.0em;
      cursor: pointer;
    }
  .topmenu-block-advsearch {
    text-align: center;
    width: 175px;
    line-height: 35px;
    white-space: nowrap;
    padding: 0 0.5ex;
  }
    .topmenu-block-advsearch a {
    }
  .topmenu-block-issn {
    padding-left: 3ex;
    font-size: 0.8em;
    letter-spacing: 0.3ex;
    color: #815c49;
  }
  .topmenu-block-lang {
    padding-left: 1ex;
    padding-bottom: 2px;
    margin: 0 auto;
  }
    .topmenu-block-lang a {
      display: inline-block;
      padding: 0 2px;
    }
      .topmenu-block-lang a img {
        vertical-align: bottom;
      }

  .topmenu-block-user-profile {
    padding: 0 0.5ex 0 0;
    line-height: 35px;
  }
      .topmenu-block-user-profile strong {
      }
  .topmenu-block-user-info {
    


    padding: 0 0.5ex;
    min-width: 50px;
    text-align: center;
    line-height: 35px;
  }
    .topmenu-block-user-info .info-bubble {
      margin-left: -3ex;
      margin-right: 0.65ex;
      display: inline-block;
      border: 2px solid #f47950;
      background-color: rgba(244, 121, 80, 0.85);
      padding: 0 6px;
      min-width: 14px;
      line-height: 26px;
      text-align: center;
      font-weight: bold;
      border-radius: 15px;
      vertical-align: middle;
      font-size: 12px;
      color: #ffffff;
    }
  .topmenu-block-user-register {
    padding: 0 2ex;
    line-height: 35px;
  }
  .topmenu-block-user-login {
    padding: 0 2ex;
    line-height: 35px;
  }
  .topmenu-block-user-logout {
    padding: 0 2ex;
    line-height: 35px;
  }




#topLinks ul {
  list-style-type: none;
  margin: 60px 12px 0 460px;
  padding: 0;
  text-align: right;
}
  #topLinks ul li {
    display: inline-block;
  }
    #topLinks ul li a {
      display: inline-block;
      margin: 0 1px;
      padding: 0.65em 1.4ex;
      text-align: center;
      text-decoration: none;
      color: inherit;
      letter-spacing: 1px;
    }
      #topLinks ul li.active a,
      .sysHasHover #topLinks ul li a:hover {
        color: #e57f5a;
        background: url(../images/topmenu-bg-hover.png) no-repeat center bottom;
        text-decoration: none;
      }
    #topLinks ul li.special a,
    .sysHasHover #topLinks ul li.special a {
      width: 91px;
      height: 36px;
      padding: 0 0 0 23px;
      margin-left: 1ex;
      line-height: 36px;
      text-align: center;
      background-image: url(../images/topmenu-special-piccin.png);
      background-repeat: no-repeat;
      background-position: center bottom;
      color: #ffffff;
      font-weight: bold;
    }
      #topLinks ul li.special.active a,
      .sysHasHover #topLinks ul li.special a:hover {
        background-position: center top;
      }


#siteMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
  #siteMenu ul li {
    display: inline;
  }
    #siteMenu ul li a {
      display: block;
      margin: 0;
      padding: 1.5em 0;
      border-bottom: 1px solid #000000;
      color: #000000;
    }
      .sysHasHover #siteMenu ul li a:hover {
        background-color: #f0f0f0;
        text-decoration: none;
      }
      #siteMenu ul li.special a span {
        display: block;
        width: 91px;
        height: 36px;
        padding: 0 0 0 23px;
        margin: 0 auto;
        line-height: 36px;
        text-align: center;
        background-image: url(../images/topmenu-special-piccin.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        color: #ffffff;
        font-weight: bold;
      }




#siteMenu {
  display: none;
  position: absolute;
  left: 0;
  top: 38px;
  width: 80%;
  background: #ffffff;
  z-index: 90;
  box-shadow: 6px 6px 8px -2px rgba(0, 0, 0, 0.75);
}

#topMenu {
  position: absolute;
  top: 0;
  width: 100%;
  height: 36px;
  
}
#topMenu .container {
  display: flex;
  align-items: center;
}
  #topMenu .topmenu-block {
  }
  #topMenu .topmenu-block-menu {
    display: none;
    line-height: 35px;
  }
  #topMenu .topmenu-block-search {
    flex-shrink: 0;
  }
  #topMenu .topmenu-block-advsearch {
    border-left: 1px solid #b1978a;
    border-right: 1px solid #b1978a;
    flex-shrink: 1;
  }
  #topMenu .topmenu-block-issn {
  }
    #topMenu .topmenu-block-issn span {
    }
  #topMenu .topmenu-block-user-profile {
    flex-shrink: 0;
    margin-left: auto;
    border-right: 1px solid #b1978a;
  }
  #topMenu .topmenu-block-user-info {
    flex-shrink: 0;
    border-right: 1px solid #b1978a;
  }
  #topMenu .topmenu-block-user-logout {
    flex-shrink: 0;
  }
  #topMenu .topmenu-block-user-register {
    flex-shrink: 0;
    margin-left: auto;
  }
  #topMenu .topmenu-block-user-login {
    flex-shrink: 0;
    margin-left: auto;
  }




#topLinks {
  position: absolute;
  top: 40px;
  width: 100%;
}






.multi-columns-row {
  margin-left: -2%;
}
.long-text-column {
  float: left;
  margin-left: 2%;
  width: 48%;
}



.footer-block-credits {
  float: left;
  margin-left: 1%;
  width: 48%;
  min-width: 435px;
}
.footer-block-address {
  float: left;
  width: 30%;
  margin-left: 1%;
}
.footer-block-vat {
  float: left;
  margin-left: 1%;
  width: 18%;
}

footer p {
  margin: 0 0 0.4em 0;
}




.layout-columns-row {
  margin-left: -2%;
}
  .layout-columns-row .layout-column-two {
    float: left;
    margin-left: 2%;
    margin-bottom: 4%;
    width: 48%;
    box-sizing: border-box;
  }

.layout-columns-row::after {
  content: "";
  display: table;
  clear: both;
}


.topmenu-block-user-info {
  position: relative;
}
  .sysHasHover .topmenu-block-user-info:hover .user-info-popup {
    display: block;
  }

.user-info-popup {
  display: none;
  position: absolute;
  top: 45px;
  left: -67px;
  border: 1px solid #faae96;
  z-index: 12;
  background: #ffffff;
  line-height: 1.2em;
  padding: 0.8em 0;
  width: 200px;
  box-shadow: 0px 3px 14px -6px #444;
}
    .user-info-popup.smaller {
      width: 150px;
      left: -47px;
    }
  .user-info-popup::after {
    content: " ";
    display: block;
    width: 11px;
    height: 8px;
    background: red;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -6px;
    background: url(../images/user-info-popup-dent.png) no-repeat center center;
    background-size: 11px 8px;
  }

@media (max-width: 800px) {
  .layout-columns-row {
    margin-left: 0;
  }
    .layout-columns-row .layout-column-two {
      float: none;
      margin-left: 0%;
      width: auto;
    }
}



@media (max-width: 1100px) {
  body {
    font-size: 14px;
  }
}


@media (max-width: 1050px) {
  
  #topMenu .topmenu-block-user-profile {
  }
    #topMenu .topmenu-block-user-profile strong {
      display: none;
    }
}

@media (max-width: 800px) {
  
  #topMenu .topmenu-block-menu {
    display: block;
  }
  
  #topMenu .topmenu-block-issn {
    display: none;
  }
  
  #topMenu .topmenu-block-user-profile {
  }
    #topMenu .topmenu-block-user-profile strong {
      display: none;
    }
  
  #topMenu .topmenu-block-search {
  }
    #topMenu .topmenu-block-search input {
      display: none;
    }
  
  #topMenu .topmenu-block-advsearch {
    display: none;
  }

  
  #topLinks {
    display: none;
  }
}


@media (max-width: 800px) {
  .hero-slider {
    height: 460px;
  }
  .hero-slider .hero-slider-frame::after {
    width: 92%;
  }
  .hero-slider-content {
    padding-top: 60px;
  }
  .hero-slider-content p.text {
    width: auto;
  }

  body {
    font-size: 16px;
  }
  .PageContent {
    margin: 0 1.92% 2em; 
  }
  
  .rdc-main-header {
    height: auto;
  }
    .rdc-main-header h1 {
      position: static;
      width: auto;
      display: flex;
      justify-content: center;
      font-size: 3.6vw;
    }
      .rdc-main-header h1 a {
        padding: 1.5em 0 1.4em;
        height: auto;
      }
    
    .rdc-main-header h1 {
      display: block;
    }
      .rdc-main-header h1 a {
        margin: 1em 0;
        padding: 11% 0 0 0;
        background-position: center center;
        background-size: contain;
      }
  .hero-decor {
    margin-top: 0;
  }
    .hero-decor-overlay {
      width: 80%;
    }


  .footer-banner {
    background-image: url(../images/banner-footer-mobile.jpg);
    background-size: 190px 158px;
  }
    .footer-banner .container {
      height: 298px;
    }
    .footer-banner p {
      margin-right: 20px;
    }

  
  .footer-block-credits {
    background-size: contain;
    float: none;
    margin: 0 3% 0 3%;
    width: auto;
    min-width: 0;
  }
    .footer-block-credits .company {
      padding-top: 13%;
    }
  .footer-block-address {
    float: none;
    margin: 2em 3% 0 3%;
    width: auto;
  }
  .footer-block-vat {
    float: none;
    margin: 1em 3% 0 3%;
    width: auto;
  }

  .footer-links {
    display: none;
  }
  .footer-legalinks {
    position: static;
    padding: 1em 3% 1em 3%;
  }

  .footer-block-copyright {
    padding: 0.5em 3% 1.5em 3%;
  }
}

@media (max-width: 800px) {
  .long-text-column {
    float: none;
    width: auto;
  }
  .auto-columns-2,
  .auto-columns-3 {
    column-count: auto;
  }
}