/* Reusable content components shared by corporate route families. */

.divider { background-color: var(--redder-color-surface-muted); height: 1px; margin: 10px 0; width: 100%; }
.table { margin-top: 20px; }
.table .price { font-size: var(--redder-font-size-ui); font-weight: var(--redder-font-weight-bold); }
.table h2.title { font-size: var(--redder-font-size-lead); font-weight: var(--redder-font-weight-bold); }
.col-sm-4.third { padding: 0 5px; width: 33.33333%; }
.col-sm-4.third:nth-of-type(1) { padding: 0 5px 0 0; }
.col-sm-4.third:nth-of-type(3) { padding: 0 0 0 5px; }

.button {
  background-color: var(--redder-color-overlay);
  border: 1px solid transparent;
  border-radius: var(--redder-radius-sm);
  color: var(--redder-color-surface);
  float: left;
  font-size: var(--redder-font-size-sm);
  font-weight: var(--redder-font-weight-semibold);
  margin: 0 8px;
  padding: 8px 24px;
  text-transform: uppercase;
  transition: all var(--redder-duration-standard) var(--redder-easing-standard);
}

.buttons { display: inline-block; margin-top: 40px; }
.inner .button { background-color: var(--redder-color-surface); border: 0 solid; border-radius: var(--redder-radius-lg); clear: both; color: var(--redder-color-ink); float: none; font-size: var(--redder-font-size-ui); font-weight: var(--redder-font-weight-light); margin-top: 10px; padding: 10px 15px; }
.inner .button a, .inner button a:hover { color: var(--redder-color-ink); }
.inner .button:hover { background-color: var(--redder-color-surface-muted); }

.jumpto-container { position: relative; }
.jumpto-container .contenitore { padding: 0; }
.jumpto-subnav { background: var(--redder-color-surface); color: var(--redder-color-ink); left: 20px; opacity: 0; position: absolute; top: 100px; transition: all var(--redder-duration-standard) var(--redder-easing-standard); z-index: var(--redder-layer-jump-nav); }
.jumpto-subnav.fixed { left: 20px; margin-left: 0; position: fixed !important; top: 100px; }
.jumpto-subnav.fixed.bottom { bottom: 0; position: absolute !important; top: auto; }
.jumpto-subnav ul, .jumpto-subnav ul li { list-style: none; margin: 0; padding: 0; }
.jumpto-subnav ul li { text-align: left; }
.jumpto-subnav ul li a { box-sizing: border-box; color: var(--redder-color-ink); display: block; font-family: var(--redder-font-body); font-size: var(--redder-font-size-2xs); font-weight: var(--redder-font-weight-bold); padding: 3px 10px; text-transform: uppercase; }
.jumpto-subnav ul li a:hover, .jumpto-subnav ul li a.active { background: var(--redder-color-brand); color: var(--redder-color-surface); }
.jumpto-subnav ul > li > ul > li > a { padding-left: 15px; }
.jumpto-subnav .jumpto-second { display: none; }
.jumpto-subnav.view { opacity: 1; text-align: right; }
.jumpto-title, .jumpto-close a { background: var(--redder-color-border); color: var(--redder-color-ink-action); display: block; font-size: var(--redder-font-size-2xs); font-weight: var(--redder-font-weight-bold); padding: 5px 10px; text-align: left; text-transform: uppercase; }

.owl-item .list { text-align: center; }
.owl-item .list img { width: auto !important; }
.owl-item, .um .owl-item { opacity: 0; width: 100%; }
.owl-item.active, .um .owl-item.active { opacity: 1; }
.owl-theme .owl-controls { left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: calc(50% - 22px); width: 100%; z-index: var(--redder-layer-carousel); }
.owl-theme .owl-controls .owl-nav [class*=owl-] { background-color: transparent; color: var(--redder-color-ink); font-size: 34px; font-weight: var(--redder-font-weight-bold); height: 34px; width: 34px; }
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background-color: transparent; color: var(--redder-color-black); }
.owl-nav { position: relative; }
.owl-prev { left: 0; position: absolute; }
.owl-next { position: absolute; right: 0; }

.box, #bgBox { margin: 15px 0; }
#bgBox h4 { background-color: var(--redder-color-surface); border-radius: var(--redder-radius-md); box-sizing: border-box; float: left; margin: 25px !important; padding: 8px 20px; }
#bgBox p { box-sizing: border-box; clear: both; font-size: var(--redder-font-size-ui); line-height: 24px; padding: 0 25px 25px; }
.box h4, #bgBox h4 { border-top-left-radius: var(--redder-radius-md); border-top-right-radius: var(--redder-radius-md); font-size: var(--redder-font-size-sm); font-weight: var(--redder-font-weight-bold); margin: 0; text-transform: uppercase; }
.box p, #bgBox p { border-bottom-left-radius: var(--redder-radius-md); border-bottom-right-radius: var(--redder-radius-md); margin: 0; }

.singleItem { display: block; float: left; width: 33.3334%; }
.singleItem.w2 { width: 50%; }
.singleItem.w25 { padding: 0 !important; width: 25%; }
.singleItem.w25 img { border-radius: 0 !important; margin: 0; padding: 0; }
.singleItem.photo, .singleItem.plus { box-sizing: border-box; padding: 3px; }
.singleItem.photo img { border-radius: var(--redder-radius-md); }
.innerPlus { border: 1px solid var(--redder-color-brand); border-radius: var(--redder-radius-md); box-sizing: border-box; padding: 15px; }

.section img { margin: 30px 0; max-width: 100%; }
.section img.item { margin: 0; max-width: none; }
.section .aligncenter { margin: 30px auto !important; }
.section img.intense { margin: 20px auto !important; max-width: 80% !important; }
.col-md-12 .intense, .col-md-12 .nointensity { margin: 40px 0; }

.ptp-cta, .ptp-not-most-popular, .ptp-price { display: none; }
.ptp-bullet-item:last-of-type { border-bottom: 0 solid transparent; }
#ptp-1176 div.ptp-item-container,
#ptp-1183 div.ptp-item-container { margin-bottom: 0; }
#ptp-1181 div.ptp-bullet-item,
#ptp-1183 div.ptp-bullet-item,
#ptp-1171 div.ptp-bullet-item,
#ptp-1176 div.ptp-bullet-item { border-bottom: transparent; }
.invisible { color: transparent; float: none; height: 0; margin: 0; padding: 0; width: 0; }

.toolTitolo { background-color: var(--redder-color-ink); border-radius: var(--redder-radius-md); color: var(--redder-color-surface); font-size: var(--redder-font-size-xs); line-height: 18px; margin: 0 0 5px; padding: 6px 12px; }
.tooltipr { background: var(--redder-color-surface); border: 1px solid var(--redder-color-ink); border-radius: var(--redder-radius-md); box-sizing: border-box; cursor: pointer; font-size: var(--redder-font-size-xs); font-weight: var(--redder-font-weight-regular); line-height: 18px; margin: 5px 0; padding: 6px 12px; text-transform: lowercase; transition: all var(--redder-duration-standard) var(--redder-easing-standard); }
.tooltipr:hover { background-color: #f2f2f2; border-color: #bbbbbb; }
.ttips { margin: 10px 0; }
.ttips img { margin: 30px 0; }
.ttips:nth-of-type(3n+4) { clear: both; }
.video iframe { width: 100%; }
.videoWrapper { height: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative; }
.videoWrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.testoExtra { background-color: var(--redder-color-border); box-sizing: border-box; color: var(--redder-color-black); font-size: var(--redder-font-size-2xs); margin: 0 auto; padding: 8px 16px; text-align: center; }
.testoExtra p:last-of-type { margin-bottom: 0; padding-bottom: 0; }
h2:empty { margin: 0; }
.intro h1 { font-size: var(--redder-font-size-h1); font-weight: var(--redder-font-weight-bold); }
.intro h3 { font-size: var(--redder-font-size-h3); font-weight: 100; margin-top: 5px; }

.plan { background-color: transparent; border: 2px solid var(--redder-color-surface); color: var(--redder-color-surface); font-size: var(--redder-font-size-sm); margin: 20px 0 0; text-transform: lowercase; }
.plan:hover { background-color: var(--redder-color-surface); border-color: var(--redder-color-surface); color: var(--redder-color-ink); }
.plan a { color: var(--redder-color-surface); text-decoration: underline; }
.plan a:hover, .plan:hover a, .plan:hover i { color: var(--redder-color-ink); }
.plan i { color: var(--redder-color-surface); font-size: var(--redder-font-size-h4); margin-right: 3px; position: relative; top: 3px; }
.link a, .file a { color: var(--redder-color-surface); font-size: var(--redder-font-size-lead); font-weight: var(--redder-font-weight-bold); text-transform: uppercase; }
.link p, .file p { margin-bottom: 0; }
.extLink { transition: all var(--redder-duration-standard) var(--redder-easing-standard); }
.extLink:hover { background-color: var(--redder-color-ink-action) !important; }
.extLink .ext { background-color: var(--redder-color-surface); border: 0 solid var(--redder-color-surface); border-radius: var(--redder-radius-md); color: var(--redder-color-ink); display: inline-block; font-size: var(--redder-font-size-ui); font-weight: var(--redder-font-weight-semibold); line-height: 18px; margin-left: 10px; padding: 8px 16px; text-transform: lowercase; transition: all var(--redder-duration-standard) var(--redder-easing-standard); }
.extLink .ext:hover { background-color: var(--redder-color-surface-muted); }
.extLink .ext:active { background-color: var(--redder-color-border); }

.contactBtn { background-color: transparent; border: 1px solid var(--redder-color-brand); border-radius: var(--redder-radius-lg); color: var(--redder-color-brand); cursor: pointer; display: block; float: left; font-size: var(--redder-font-size-h4); font-weight: 100; line-height: 48px; margin: 10px 0; padding: 20px; text-align: center; transition: all var(--redder-duration-standard) var(--redder-easing-standard); width: 100%; }
.contactBtn:hover { background-color: var(--redder-color-surface-soft); border-color: var(--redder-color-ink-action); color: var(--redder-color-ink-action); }
.contactBtn.phone { background-color: var(--redder-color-surface-soft); border-color: var(--redder-color-ink-action); color: var(--redder-color-ink-action); }
.contactBtn.phone span { background-color: #f2f2f2; border-radius: var(--redder-radius-xl); color: var(--redder-color-ink-action); padding: 10px 20px; text-align: center; }
.contactBtn.phone a { color: var(--redder-color-ink-action); }

@media (max-width: 1024px) {
  .ttips.col-md-4:first-of-type { display: none; }
  .owl-controls { display: none; }
}

@media (max-width: 980px) {
  .jumpto-subnav { display: none; }
}

@media (max-width: 768px) {
  .intro h1 { font-size: 25px; }
  .intro h2 { font-size: var(--redder-font-size-h4); }
  .jumpto-subnav { display: none !important; }
  .col-md-6:nth-of-type(2) { margin-top: 40px; }
  .ttips.col-md-4 { margin: 10px 0; width: 50%; }
  .singleItem.w25 { width: 50%; }
  .contactBtn { margin: 10px 0; width: 100%; }
  .contactBtn.phone a { text-decoration: underline; }
}

@media (max-width: 480px) {
  .ttips.col-md-4:first-of-type { display: block; }
  .ttips.col-md-4 { margin: 10px 0; width: 100%; }
  .contactBtn { font-size: var(--redder-font-size-lead); }
  .singleItem.w25 { width: 50%; }
}