/* ====================================================================================================

		RESET
   
   ==================================================================================================== */
/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
--------------------------------------------------------------
   ================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers
   ================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

:root {
	--blue:#465994;
	--light-blue:#768bb7;
	--light-grey:#fafafa;
	--posts-bgcolor:#eeeeee; 
	--blue-vitali:#053f7d;
	--white:#ffffff;
	--black:#000000;
	--grey:#8194a7;
}

/* ====================================================================================================

		TYPOGRAPHY
   
   ==================================================================================================== */
/* --------------------------------------------------------------
   
   Set default typography based on Blueprint
   
--------------------------------------------------------------
   ================================================== */
/* Text elements
 * -----------------------------------------------------------
 */
p { margin: 2.5rem 0;line-height:2.6rem; }
ul { margin: 0 0 1.8rem 3.2remm }
ol { margin: 0 0 1.8rem 3.2rem }
ul { list-style: disc }
ol { list-style-type: decimal }
ol ol { list-style: upper-alpha }
ol ol ol { list-style: lower-roman }
ol ol ol ol { list-style: lower-alpha }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0 }
dl { margin: 0 2.2rem }
dt { font-weight: bold }
dd { margin-bottom: 1.8rem }
strong { font-weight: bold }
cite, em, i { font-style: italic }
blockquote { margin: 0 4.4rem }
blockquote em, blockquote i, blockquote cite { font-style: normal }
pre { font: 11px Monaco, monospace; line-height: 1.8rem; margin-bottom: 1.8rem; }
code { font: 1.1rem Monaco, monospace }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
ins { text-decoration: none }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; font-size: smaller; }
sub { top: .5ex }
a { text-decoration: none; }
/** Pullquotes
 * -------------------------------------------------------------- 
 */
blockquote.left { float: left; margin-left: 0; margin-right: 2rem; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 2rem; margin-right: 0; text-align: left; width: 33%; }
/**
 * 
 * Adapt the following for use in your Child Themes when using
 * different font-sizes and line-heights
 * 
 * body, input, textarea {
 *     font: --px Arial,sans-serif;
 *     line-height:--px;
 * }
 * p, ul, ol, dd, pre {
 *     margin-bottom:--px;
 * }
 * pre, code {
 *     font:--px Monaco, monospace;
 *     line-height:--px;
 * }
 * 
 * All other styles can be overridden--or ignored!--in Child Theme stylesheets
 */

/* ====================================================================================================

		FRAMEWORK W3B
   
   ==================================================================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.allclear { clear: both }
.col10,.flex-10 { width: 10% }
.col20,.flex-20 { width: 20% }
.col25,.flex-25 { width:25%; }
.col30,.flex-30 { width: 30% }
.col40,.flex-40 { width: 40% }
.col50,.flex-50 { width: 50% }
.col60,.flex-60 { width: 60% }
.col70,.flex-70 { width: 70% }
.col80,.flex-80 { width: 80% }
.col90,.flex-90 { width: 90% }
.col100,.flex-100 { width: 100% }

.col33,.flex-33 { width: 33.3333% }
.col65 { width: 65% }
.col55 { width: 55% }
.col45 { width: 45% }
.col25 { width: 25% }
.col16 { width: 16.6% }
.col10, .col20, .col30, .col40, .col50, .col60, .col70, .col80, .col90, .col100, .col45, .col33, .col25, .col65, .col55, .col16 { float: left; display: block; position: relative; }
.col-flex {display:flex;}
.flex-10, .flex-20, .flex-25, .flex-30, .flex-40, .flex-50, .flex-60, .flex-70, .flex-80, .flex-90, .flex-100, .flex-45, .flex-33, .flex-25, .flex-65, .flex-55, .flex-16 {display:flex;flex-direction:column;position: relative;} 
.flex-row {flex-direction:row;}
.flex-column {flex-direction:column;}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-vertical-align {align-self:center}
.margin-auto {margin-left: auto !important;margin-right: auto !important; float: none !important;}
.no-space {margin:0!important;padding:0!important;}
img { /*display: inline-block;*/ display: block; margin: 0; /*max-height: 100%;*/ max-width: 100%; padding: 0; position: relative; width: auto; height: auto; }
img.align-left, .align-left { float: left; margin: 0 1rem 0.5rem 0; }
img.align-right, .align-right { float: right; margin: 0 0 0.5rem 1rem; }
img.align-middle, .align-middle { text-align: center; margin: 1rem auto; }
img.full-width { clear: both; display: block; width: 100%; height: auto; margin: 0 0 1rem 0; }
.flex-center {align-items: center;}
.cover {object-fit: cover;display:block;overflow:auto;}
a.block { width: 100%; height: 100%; display: block; }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
.alignjustify { text-align: justify }
.spacer, .wrapper.spacer { margin: 5rem auto;}
.bigspacer, .wrapper.bigspacer { margin: 10rem auto;}
p {font-family: 'd-din'; font-weight:normal;}
span { color:var(--blue-vitali); font-family: 'd-din'; font-weight:normal;}
span.bold-element, .bold-element {font-family: 'd-din', sans-serif;font-weight:700;}
h1, h2, h3, h4, h5, h6 {line-height:120%;font-family: 'd-din';} 
h1 { font-size: 5rem; margin: 1rem 0; line-height: 130%; }
h2 { font-size: 4rem; margin: 1rem 0; line-height: 130%; }
h3 { font-size: 2.5rem; margin: 1rem 0 1rem 0; line-height: 130%; }
h4 { font-size: 1.8rem; margin: 1rem 0 1rem 0;}
h5 { font-size: 1.6rem; margin: 1rem 0 1rem 0;}
h6 { font-size: 1.4rem; margin: 1rem 0 0.5rem 0;}
img.style1 { border: solid 1px #FFFFFF; -moz-box-shadow: 0px 5px 5px #a1a4a9; -webkit-box-shadow: 0px 5px 5px #a1a4a9; box-shadow: 0px 5px 5px #a1a4a9; }
.overflow-hide {overflow:hidden;}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}
.noselect::selection {
  background: none;
}
.noselect::-moz-selection {
  background: none;
}

@media screen and (max-width: 600px) { 
	.small-col100 {width: 100% !important;}
	.small-col70 {width: 70% !important;}
}
@media screen and (max-width: 320px) { 
	.xsmall-col80 {width: 100% !important;}
	.xsmall-col100 {width: 100% !important;}
}

/* ====================================================================================================

		GOOGLE FONTS.CSS
   
   ==================================================================================================== */
/* material-icons-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/material-icons-v140-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/material-icons-v140-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/material-icons-v140-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/material-icons-v140-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/material-icons-v140-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/material-icons-v140-latin-regular.svg#MaterialIcons') format('svg'); /* Legacy iOS */
}

/* material-symbols-outlined-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url('/css/fonts/material-symbols-outlined-v92-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('/css/fonts/material-symbols-outlined-v92-latin-100.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url('/css/fonts/material-symbols-outlined-v92-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('/css/fonts/material-symbols-outlined-v92-latin-200.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url('/css/fonts/material-symbols-outlined-v92-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('/css/fonts/material-symbols-outlined-v92-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/material-symbols-outlined-v92-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('/css/fonts/material-symbols-outlined-v92-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/material-symbols-outlined-v92-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('/css/fonts/material-symbols-outlined-v92-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url('/css/fonts/material-symbols-outlined-v92-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('/css/fonts/material-symbols-outlined-v92-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/material-symbols-outlined-v92-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('/css/fonts/material-symbols-outlined-v92-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/css/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/css/fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/css/fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/css/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('/css/fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/css/fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('/css/fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'd-din';
    src: url('/css/fonts/d-din-webfont.woff2') format('woff2'),
         url('/css/fonts/d-din-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'd-din';
    src: url('/css/fonts/d-din-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/d-din-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}


/* ====================================================================================================

		LAYOUT.CSS
   
   ==================================================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* { transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -webkit-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -moz-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -o-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; }*/
a { transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }

html, body { margin: 0; padding: 0; color:var(--text-color); background: #FFF repeat-x 0 0; text-align: left; height: 100%; font-weight: 400; font: normal 62.5%/150% 'd-din', Verdana, Arial, serif; }
body {font-size:1px;font-size:2.2rem;overflow-x:hidden }
/* wrapcontent  */
.wrapper {width:120rem;margin:0px auto;padding:2rem;position:relative;}
.clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
  clear: both;
}
.hide{opacity:0}

.prevent-scroll {overflow: hidden;}
body.prevent-scroll::before {
	content: "";
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.5);
	z-index: 100;
	/*filter: blur(5px);*/
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index:5;
}

/* -- LazyLoad effects
/* -----------------------------------------------*/

/* fade image in  */

.lazyload,
.lazyloading {
	opacity: 0 !important;
}
.lazyloaded {
	opacity: 1.0;
	transition: opacity 500ms;
}



/* CONTENT
   ==================================================
   ================================================== */


/* HEADER
   ==================================================
   ================================================== */
#header {min-height:100vh;width:100vw;}
#header h1, #header h2, .page-black h3, .list-number h4 {color:var(--white);} 
#header h1 {width:60%;font-weight:700;}
#header h2 {font-size:2rem;padding:20px 0;}
#logo img {padding-top:40px;}
#logo img, #footer img  {max-width:280px;}
#text-header {padding:80px;}
#made-in-italy {max-width:160px;}
.bg-riunito-1 {background:#000 url('images/bg-riunito-1.jpg') no-repeat bottom right;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#cover-mobile {display:none;}
.bottone-made {align-items: center;}
#header a.bt {margin-right:40px;}


/* FOOTER
   ==================================================
   ================================================== */
#footer {padding-bottom:8rem;}
#footer p {color:var(--grey);}
#footer .social {padding-top:20px;}
#footer .social img {max-width:46px;}

/* ADD CLASS	
   ==================================================
   ================================================== */
.page-black {background:var(--black);}
.page-black-white {background: linear-gradient(180deg,rgba(0, 0, 0, 1) 60%, rgba(255, 255, 255, 1) 60%);}
.page-white-black {background: linear-gradient(rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 1) 50%);}
.page-black span, .list-number p {color:var(--grey);}
.page-black h3 {font-size: 4rem;font-weight:700;}
.page-black h2 {color:var(--white);}
.page-white {background:var(--white);}
.page-grey {background:var(--light-grey);}
#number-1 {background: url('images/01.svg') no-repeat top right;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;background-size: auto;}
#number-2 {background: url('images/02.svg') no-repeat top right;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;background-size: auto;}
#number-3 {background: url('images/03.svg') no-repeat top right;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;background-size: auto;}
#number-4 {background: url('images/04.svg') no-repeat top right;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;background-size: auto;}
.list-number {padding:10px 0 0 0;border-bottom:solid 1px var(--grey);min-height:168px;overflow:hidden;}
.list-number h4 {font-size:3rem;font-weight:700;}
.title-page {padding:60px 0;}
.plus-4 .flex-column, #gamma-prodotti > div {padding:20px;}
.plus-4 .flex-column span {padding-top:20px;text-align:center;font-weight:700;}
.block-blue-benefici {background:var(--blue-vitali);padding:40px;margin-bottom:40px;overflow:hidden;}
.block-blue-benefici img {max-width:64px;}
.block-blue-benefici img#shield {max-width:54px;}
.block-blue-benefici h2, .block-blue-benefici p {color:var(--white);}
.block-blue-benefici h2 {font-weight:700;}
.block-blue-benefici .flex-2 .flex-column {padding:0 20px;justify-content: center;}
.page-white h2, .text-osteocom h3, .page-grey h2, .page-grey h3, #gamma-prodotti h3 {color:var(--blue-vitali);}
.page-white h2, .text-osteocom h3, #gamma-prodotti h3, .page-grey h2, .page-black h2 {font-weight:700;}
.text-osteocom {justify-content: center;padding:0 60px;overflow:hidden;}

.page-grey .flex-100 span {color:var(--black);}

.bg-riunito-2 {min-height:900px;background:url('images/bg-riunito-blue-2.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.bg-riuniti-color {min-height:600px;background:#FFF url('images/riuniti-color.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.riunito-filetto {justify-content: center;}

#gamma-prodotti img, #vds img {margin-bottom:40px;}
#number {justify-content: center;}

a.bt {
	padding:1rem 4rem;
	display:inline-block;
	color:#FFF;
	background:none;
	overflow:hidden;
	margin:2rem 0;
	letter-spacing:1px;
	text-align:center;
	font-size:1.6rem;
}
a.btblue {
	background:var(--blue-vitali);
	color:#fff;
	border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;
}
a.btblue:hover {color:#FFF;background:#013954;}
a.btblue.radial-out:before {
	background: rgba(18,80,131,1);
}
a.btlightblue {
	background:var(--th-secondary);
	color:#fff;
	border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;
}
a.btlightblue:hover {color:var(--th-master-white);background:var(--th-secondary-hover);}
a.btlightblue.radial-out:before {
	background:var(--th-secondary-hover);
}

a.btoutline {
	color:#fff;
	border:solid 2px #FFF;
}
a.btoutline:hover {background:#FFF;color:var(--th-primary);}

/* Radial Out */
.radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.col100.radial-out:after {
	content: "\f002";
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-20px;
	z-index:10;
	font-size:5rem;
	font-family: FontAwesome;
	color:#FFF;
	opacity:0;
	-webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
	-webkit-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.radial-out:hover:after {
	opacity:1;
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(191,218,99,0.6);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.radial-out:hover, .radial-out:focus, .radial-out:active {
  color: white;
}
.radial-out:hover:before, .radial-out:focus:before, .radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 = 56.25% */
	/*padding-top: 25px;*/
	height: 0 !important;
	/*margin:5rem 0;*/
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videowrapper iframe{
	background: url(../images/preloader.gif) no-repeat center center black;
}

/* ACCORDION */
#faq.wrapper {padding-top:0;}
.ac-container label {
    padding: 2rem;
    position: relative;
    z-index: 5;
    display: block;
    cursor: pointer;
    background: #FFF;
	color:var(--th-secondary);
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #000;
}

.ac-container {
    width: 100%;
    text-align: left;
	overflow: hidden;
	margin-bottom:-80px;
}

.ac-container label:hover {
    background: #fff;
}

.ac-container input:checked + label,.ac-container input:checked + label:hover {
    color: var(--th-primary);
}

.ac-container label:after {
    content: '\e5cc';
	font-family: "Material Icons";
    position: absolute;
    right: 20px;
    top: 20px;
	font-size:3rem;
	font-weight:300;
}

.ac-container input:checked + label:hover:after, .ac-container input:checked + label:after {
    content: '\e5cf';
	font-family: "Material Icons";
}

.ac-container input {
    display: none;
}

.ac-container article {
	background: none!important;
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.ac-container article p {
    padding: 1rem 2rem;
}

.ac-container input:checked ~ article {
	background:#eff1f4;
}

.ac-container input:checked ~ article.ac-small {
    height: 240px;
}

.ac-container input:checked ~ article.ac-medium {
    height: 340px;
}

.ac-container input:checked ~ article.ac-large {
    height: 480px;
}

.ac-container ul {margin:0;padding:2rem;list-style-type:none;}
.ac-container ul li {display:block;padding:0.5rem 0;}

.mini-gallery.col33 a {padding:180px 0;}
.mini-gallery a:before {content:'';position:absolute;top:0;left:0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);height:100%;width:100%;z-index:10;opacity:0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s;transition: all .5s ease;}
.mini-gallery a:hover:before {opacity:1;}
.mini-gallery a:hover:after {content:'\f002';font-family: "FontAwesome";font-size:24px;position:absolute;top:50%;left:50%;color:#FFF;z-index:20;transform: translate(-50%, -50%);}
.wrapzoom {overflow:hidden;}
.mini-gallery div.zoom {padding:14rem 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s;transition: all .5s ease-out;}
.mini-gallery div.zoom:hover {-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

#staff-gallery .zoom {background-position: center center;background-repeat:no-repeat;background-size: cover;height:500px;}

.mini-gallery span {
	position:absolute;
	width:90%;
	color:#FFF;
	bottom:20px;
	font-size:1.8rem;
	left:50%;
	transform: translate(-50%, 0);
	opacity: 0;
	filter: alpha(opacity=0);
	z-index:30;
	font-weight:300;
}
.mini-gallery span strong {color:var(--th-master-white);}
.mini-gallery .wrapzoom:hover span {
	/*transform: translate(-50%, -50%);*/
	opacity: 1;
	filter: alpha(opacity=100);
}


#interviste-wrapper {
	position: relative;
	padding: 0 80px;	
}

#interviste-wrapper .swiper-button-prev, #interviste-wrapper .swiper-button-next {
	color: #93b7bc;
	margin: 0 15px;
	transform: translate(0,-50%);
}
#interviste-wrapper .swiper-pagination-bullet {
	background: #000;
	border: 2px solid #fff;
}
#interviste-wrapper .swiper-pagination-bullet-active {
	background: #fff;
	border: 1px solid #fff;
}
#interviste-wrapper .swiper-pagination.swiper-pagination-clickable{
	bottom: 0;
}
#interviste-wrapper .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}

#interviste.swiper {
  width: 100%;
  padding: 40px 0; 
}
#interviste .swiper-slide {
	min-height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#interviste .swiper-slide {
	background:var(--white);
	padding:20px;
}
#interviste .swiper-slide p {
	color: var(--grey);
	margin:0 0 1rem 0;
}
#interviste .swiper-slide span {
	color: var(--black);
	font-weight:bold;
}
#interviste .photo-interviste {justify-content: center;}
#interviste .text-interviste {padding-left:20px}
#interviste img {max-width:100px;}


#myModal.hystmodal--active .hystmodal__window {
	max-height: 70vh;
	width: 60vw;
	overflow-y: auto;
}
#myModal .hystmodal__close {
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 15px;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #053f7d !important;
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	border: none;
	font-size: 0;
	cursor: pointer;
	outline: none;
}
#configuratore {padding: 5rem; background-color: #fafafa;}

/* ====================================================================================================

		BACK TO TOP

	 ==================================================================================================== */

.back-to-top {
	width: 60px;
	height: 60px;
	padding: 13px;
	text-align: center;
	background: rgba(0,0,0,0.8);
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	position: fixed;
	bottom: -100px;
	left: 50%;
	/*display: none;*/
	margin-left: -35px;
	border-radius: 100px 100px 100px 100px;
	z-index: 100;
}
.back-to-top:hover{
	text-decoration:none;
}

/* 503 PAGE
   ==================================================
   ================================================== */
#page-503::before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(139,134,133,0.5);
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
}
video#maintenance {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
#content .error-503 {
	margin-top: 22vh;
	padding: 10vw;
	z-index: 100;
}
#content .manutenzione {
	margin-top: 0;
	padding: 5vw;
	z-index: 100;
}

form#maintenance-login {
	background-color: rgba(255,255,255,0.75);
	border-radius: 10px;
	margin-top: 50px;
}


/* ====================================================================================================

		OLD BROWSERS
   
   ==================================================================================================== */


/* ====================================================================================================

		COOKIE ADVICE
   
   ==================================================================================================== */

#nibirumail_cookie_advice {font-size: 14px !important; line-height: 24px;}



/* ====================================================================================================

		MEDIA QUERIES
   
   ==================================================================================================== */
   
/* 1024
   ================================================== */
   @media screen and (max-width: 1024px) {
	.flex-70, .flex-80 {width:100%;}
	#header h1 {width:100%;}
	.lateral-gap {padding:0 20px;}
	.flex-change-row-1024 {flex-direction: column;}
	.flex-change-row-1024 .flex-50 {width:100%;}
	#myModal.hystmodal--active .hystmodal__window {
	max-height: 70vh;
	width: 70vw;
	overflow-y: auto;
}
}	

/* 980
   ================================================== */
   @media screen and (max-width: 980px) {
	#header {padding:0px;}
	#header .flex-1 {display:none;}
	#text-header {z-index:2;}
	#cover-mobile {display:block;background:#000 url('images/bg-riunito-1.jpg') no-repeat center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;min-height:400px;margin-top:-100px;}
	#text-header {text-align:center;padding:40px 0;}
	.bg-riunito-1 {background:#000;}
	.bottone-made {justify-content:center;}
	.riunito-filetto img {max-width: 600px;}
	.plus-4 .flex-80 {flex-wrap:wrap;}
	.plus-4 .col-flex .flex-column {width:45%;flex-grow: 1;}
	.block-blue-benefici .align-left {text-align:center;padding-bottom:40px;}
}

/* 840
   ================================================== */
@media screen and (max-width: 840px) { 
	h1, h2, h3, h4, p, .align-left {text-align:center;}
	#interviste p {text-align:left;}
	.flex-change-row-800 {flex-direction: column;}
	.flex-change-row-800 .flex-50 {width:100%;}
	#osteocom {max-width:600px;padding-bottom:40px;}
	#header a.bt {margin-right:0px;margin-bottom:60px;}
	.block-blue-benefici .flex-2 .flex-column {align-items:center;}
	.text-osteocom {padding:0 40px;}
	#number-1, #number-2, #number-3, #number-4 {background:#000;background-image:none;}
}

/* 640
   ================================================== */
@media screen and (max-width: 640px) {
	.riunito-filetto img, #osteocom  {max-width:100%;}
	.plus-4 .col-flex .flex-column {width:100%;}
	#interviste img {margin-bottom:20px;}
	#interviste p, #interviste span {text-align:center;}
	.flex-change-row-600 {flex-direction: column;}
	#myModal.hystmodal--active .hystmodal__window {
		max-height: 90vh;
		width: 85vw;
		overflow-y: auto;
	}
	#configuratore {padding: 2rem}
}

/* 480
   ================================================== */
@media screen and (max-width: 480px) {
	#header #text-header {padding:20px;}
	#header h1 {font-size:3.2rem;}
	.flex-change-row-480 {flex-direction: column;}
	.text-osteocom {padding:0 20px 40px 20px;}
	#logo img, #footer img {max-width:240px;}
	
}